/*ヒーローコンテナ***************************************************************************/
#hero{
	width:1280px;
	margin:0 auto;}

@media screen and (min-width:769px) and (max-width:1289px){
#hero{
	width:1260px;
	}
}

@media screen and (min-width:1170px){
	#main .InfoBox{
		margin:0 auto !important;}
	
	}

@media screen and (max-width:1170px){
	#main .InfoBox{
		margin:0 10px 0 0 !important;}
	
	}


@media screen and (max-width: 768px) {
#hero{
	width:100%;
	margin:0 auto;
	overflow:hidden;}
#heroslide{
	width:100%;
	height:auto;
	margin:0 auto;}
.sp-thumbnails-container{
	display:none !important;}
}
#ft{
	margin:0 !important;}
	
/*カテゴリースライダコンテナ***************************************************************************/
.sliderContainerBg1{
	width:100%; margin:0; padding:0; background-color:#FAFAFA}
.sliderContainerBg2{
	width:100%; margin:0; padding:0; background-color:#f5f5f5}


.sliderContainerBg1-sp{
	background-color:#FAFAFA}
.sliderContainerBg2-sp{
	background-color:#f5f5f5}
	
.sliderContainerBg1-sp .forsp{
	margin:0 auto;}
	
.sliderContainerBg2-sp .forsp{
	margin:0 auto;}
	
@media screen and (min-width: 769px) and (max-width:1280px){
	.sliderContainerBg1, .sliderContainerBg, .sliderContainerBg1-sp, .sliderContainerBg2-sp{
		min-width:1260px;}
}

	
.category-slide{
	width:100%;
	max-width:1280px;
	min-width:1260px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:1px solid #eaeaea;
	}
	
	
@media screen and (max-width: 768px) {
	.category-slide{
	width:100%;
	max-width:100%;
	min-width:100%;
	margin:0 auto;
	padding:20px 0;
	border-bottom:1px solid #eaeaea;
	}
}
	
/*縮小対応
.category-slide{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	border-bottom:1px solid #DFDFDF;
	background-color:#FAFAFA;
    /*background: linear-gradient(#fff, #fafafa);}
*/	

.categoryslide00{
	padding-left:60px !important;
	}
	
.categoryslide00 .sp-arrows{
	top:40% !important;}
	
.categoryslide1 .sp-arrows{
	top:25% !important;}
	
	
.category-slide .title{
	width:1150px;
	margin:0 auto 8px auto;
	padding:0 0 5px 0;
	border-bottom:1px dotted #DFDFDF;
}


/*総合トップ変更　テスト用*/
.category-slide .titleh{
	width:100%;
	left:auto;
	margin:0 0 8px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #DFDFDF;
}
.ct-block-bg1{
	width:100%;
	background-color:#f1f1f1;
	}

.ct-block-bg2{
	width:100%;
	background-color:#FAFAFA;
	}
/*総合トップ変更　テスト用*/

@media screen and (max-width: 768px) {
.category-slide{
	width:100%;
	margin:0 auto;
	padding:18px 0 0 0;
	border-bottom:none;
	overflow:hidden;}
	
.category-slide .title{
	width:100%;
	margin:0 auto 8px 5px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #DFDFDF;
	overflow:hidden;
}



.forsp{
	width:100% !important;
	margin:0 auto 8px 0;
	padding:0 0 0 0;
	border-bottom:none;
	overflow:hidden;
}


}
	
	
	
@media screen and (max-width: 475px) {
.forsp{
	/*height:125px;*/
}


}

.category-slide .imgBox1{
	width:544px;
	height:306px;
	margin:0 57px;
	float:left;}
	
/*新サイズ修正前
.category-slide .imgBox1{
	width:544px;
	height:306px;
	margin:0 42px 0 70px;
	float:left;}
	*/
	
@media screen and (max-width: 768px) {
.category-slide .imgBox1{
	max-width:100%;
	height:auto;
	margin:5px auto 0 auto;}
	
	}
	
.category-slide .imgBox2{
	width:100%;
	height:306px;
	margin:0 70px 0 0;
	float:left;}

@media screen and (max-width: 768px) {
.category-slide .imgBox2{
	max-width:100%;
	height:auto;
	margin:5px auto 0 auto;}
	
	}

/*総合トップ変更　テスト用*/
.category-slide .imgBox2new{
	width:1150px;
	height:186px;
	margin:0 auto;
	float:none;}

@media screen and (max-width: 768px) {
.category-slide .imgBox2new{
	max-width:100%;
	height:auto;
	margin:5px auto 0 auto;}
	
	}
/*総合トップ変更　テスト用*/


.category-slide .imgBox3{
	width:544px;
	height:306px;
	margin:0 42px 0 70px;
	float:left;}
	
.category-slide .imgBox4{
	width:544px;
	height:306px;
	margin:0 70px 0 0;
	float:left;}

@media screen and (max-width: 768px) {
.category-slide .imgBox3{
	width:48%;
	height:auto;
	margin:5px;}
.category-slide .imgBox4{
	width:48%;
	height:auto;
	margin:5px;}
	
	}
@media screen and (max-width: 520px) {
.category-slide .imgBox3{
	width:50%;
	height:auto;
	margin:0;}
.category-slide .imgBox4{
	width:50%;
	height:auto;
	margin:0;}
	
	}

	
.category-slide .img-big{
	width:auto;
	height:100%;
	max-width:544px;
	max-height:306px;
	margin:0 auto;
	background-color:#000;}

	

.category-slide .img-small{
	width:256px;
	height:144px;}
	

.category-slide .img-small-box{
	width:256px;
	height:144px;
	float:left;}

@media screen and (max-width: 768px) {
.category-slide .img-big{
	max-width:100%;
	height:inherit;}


.category-slide .img-small{
	max-width:100%;
	height:inherit;}
	

.category-slide .img-small-box{
	max-width:100%;}
	
	
.category-slide .img-big img{
	max-width:100%;
	height:inherit;}


.category-slide .img-small img{
	max-width:100%;
	height:inherit;}
	

.category-slide .img-small-box img{
	max-width:100%;
	height:inherit;}
	
	
	
	
	
.forsp .img-big{
	max-width:100%;
	height:inherit;}


.forsp .img-small{
	width:100%;
	height:inherit;}
	
.forsp .img-small-box{
	max-width:100%;}
	
	
.forsp .img-big img{
	max-width:100%;
	height:inherit;}


.forsp .img-small img{
	max-width:100%;
	height:inherit;}
	

.forsp .img-small-box img{
	max-width:100%;
	height:inherit;}
	
	
	
	}


@media screen and (max-width: 475px) {
	
.forsp .img-small{
	max-height:120px;
	width:auto;}
	}
@media screen and (max-width: 375px) {
	
.forsp .img-small{
	max-height:96px;
	width:auto;}
	}


/*　新サイズ修正前
.category-slide .img-block-sp01{
	margin:0 16px 8px 0}
*/
.category-slide .img-block-sp01{
	margin:0 10px 8px 10px}

.category-slide .img-block-sp02{
	margin:0 0 8px 16px}


.category-slide .img-block-sp03{
	margin:8px 16px 0 0}


.category-slide .img-block-sp04{
	margin:8px 0 0 16px}


/*バナースライダコンテナ***************************************************************************/
.bnr-slide{
	width:1260px;
	margin:0 auto;
	padding:20px 0;}
	
.bnr-slide-container{
	width:1150px;
	margin:0 auto;
	text-align:center;}
	
.bnr-slide .title{
	max-width:1150px;
	height:300px;
	margin:0 auto 8px auto;
	padding:0 0 5px 0;
	border-bottom:1px dotted #DFDFDF;
}
	
.bnr-slide .imgBox1{
	width:240px;/*240*/
	height:240px;/*300*/
	margin:0 23px;/*0 25px 0 0*/
	float:left;}
	
.bnr-slide .imgBox2{
	width:240px;
	height:240px;
	margin:0 23px;
	float:left;}

.bnr-slide .imgBox1 img, .bnr-slide .imgBox2 img{
	width:240px;
	height:240px;}	

@media screen and (max-width: 768px) {
	.bnr-slide{
	width:92%;
	height:260px;
	max-width:100%;
	min-width:100%;
	margin:0 auto;
	padding:20px 0 0 0;}
	
.bnr-slide-container{
	width:99%;
	max-width:99%;
	min-width:99%;
	height:auto;
	margin:0 auto;
	text-align:center;}
	
.bnr-slide .title{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:300px;
	margin:0 auto 8px auto;
	padding:0 0 5px 0;
	border-bottom:1px dotted #DFDFDF;
}


.bnr-slide .imgBox1{
	margin:0 0 0 80px;
	float:left;}
	
.bnr-slide .imgBox2{
	margin:0 80px 0 0;
	float:right;}

.bnr-slide .imgBox1 img{
	width:100%;
	height:inherit;}
	
.bnr-slide .imgBox2 img{
	width:100%;
	height:inherit;}
}


	
@media screen and (max-width: 600px) {
	.bnr-slide{
	width:92%;
	height:300px;
	margin:0 auto;
	padding:20px 0 0 0;}
	
	
.bnr-slide .imgBox1{
	width:47%;
	height:auto;
	margin:0 0 0 10px;
	float:left;}
	
.bnr-slide .imgBox2{
	width:47%;
	height:auto;
	margin:0 10px 0 0;
	float:right;}

.bnr-slide .imgBox1 img{
	width:100%;
	height:inherit;}
	
.bnr-slide .imgBox2 img{
	width:100%;
	height:inherit;}
	
}



@media screen and (max-width: 420px) {


	.bnr-slide{
	height:200px;
	margin:0 auto;}
	
.bnr-slide .imgBox1{
	width:45%;
	height:auto;
	margin:0 0 0 10px;
	float:left;}
	
.bnr-slide .imgBox2{
	width:45%;
	height:auto;
	margin:0 10px 0 0;
	float:right;}

.bnr-slide .imgBox1 img{
	width:100%;
	height:inherit;}
	
.bnr-slide .imgBox2 img{
	width:100%;
	height:inherit;}
}


@media screen and (max-width: 375px) {
	.bnr-slide{
	width:97%;
	height:170px;}
	
	.bnr-slide .sp-horizontal .sp-arrows{
		top:20% !important;}
}

@media screen and (max-width: 320px) {
	.bnr-slide{
	width:97%;
	height:160px;}
	
	.bnr-slide .sp-horizontal .sp-arrows{
		top:20% !important;}
}

.bnr-slide .img-block-sp01{
	margin:0 16px 8px 0}


.bnr-slide .img-block-sp02{
	margin:0 0 8px 16px}


.bnr-slide .img-block-sp03{
	margin:8px 16px 0 0}


.bnr-slide .img-block-sp04{
	margin:8px 0 0 16px}


/*カテゴリースライダコンテナ キャプション　***************************************************************************/
figure {
	position: relative;
	overflow: hidden;
	float:left;
}


figure.big{
	width: 540px;/*縦画像をheightで調整するため-4px*/
	height:308px;
	background-color:#000;
	text-align:center;
	border:2px solid #DEDEDE;
	box-sizing:border-box;
}

/*新サイズ修正前
figure.small{
	width: 256px;
	height:144px;
	text-align:center;
	background-color:#000;
	
}
*/
figure.small{
	width: 206px;
	height:117px;
	text-align:center;
	background-color:#000;
	border:2px solid #DEDEDE;
	
}

figure.small img{
	height:100%;
	width:auto;
	
}

@media screen and (max-width: 768px) {
	
	
.forsp figure.small{
	width: 100%;
	height: auto;
	text-align:center;
	background-color:transparent;
	border:none;
	
}
	}

figcaption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 45px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}


@media screen and (max-width: 768px) {
.forsp figcaption {
	display:none;}
	
}
figure:hover figcaption {
	bottom: 0;
}

figure h3.big {
	width:534px;
    padding: 12px 0 0 8px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
figure h3.small {
	width:193px;
    padding: 3px 0 0 8px;
    color: #fff;
    font-size: 0.8em;
    text-align: left;
    font-weight:normal;
	/*
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;*/
}
@media screen and (max-width: 768px) {
figure h3.small {
	width:100%;
    padding: 12px 0 0 8px;
    color: #fff;
    font-size: 0.8em;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}



/*中央メイン***************************************************************************/
#main{
	width:100%;
	margin:0 auto;}



@media screen and (min-width:769px) and (max-width:1289px){
#main{
	min-width:1260px;
	margin:0 auto;}
}


	
	
/*=インフォメーション***************************************************************************/
#main .InfoContainer{
	width:100%;
	padding:10px 0;
	background-color:#F5FAFE}
#main .InfoBox{
	max-width:1150px;
	margin:0 auto 10px auto;}

@media screen and (max-width: 768px) {
#main .InfoBox{
	width:100%;
	margin:0 auto 10px auto;}

}
	
#main .InfoBox .title{
	padding:8px 0 12px 0;
	border-bottom:1px solid #9F9F9F;}


@media screen and (max-width: 768px) {
	#main .InfoBox .title .Mds img{
		width:80%;
		height:auto;}
	
	}	

#main .InfoBox .leadtxt{
	font-size:0.9em;
	padding:8px 0 12px 0;}

@media screen and (max-width: 768px) {
#main .InfoBox .leadtxt{
	font-size:0.9em;
	padding:8px 0 12px 8px;}
}
#main .InfoBox .DetailContainer{
	margin:8px 0 0 8px;
	padding:0 0 8px 0;
	border-bottom:1px dotted #9F9F9F;}
	
#main .InfoBox .iconBox{
	width:66px;
	display: inline-block;
	vertical-align:middle;}
	
#main .InfoBox .DateBox{
	font-size:0.8em;
	display: inline-block;
	margin:0 8px;
	vertical-align:middle;}
	
#main .InfoBox .DetailTxt{
	font-size:0.9em;
	display: inline-block;
	text-overflow: ellipsis;
	overflow:hidden;
	vertical-align:middle;
    width: 80%;
    white-space: nowrap;}

#main .InfoBox .LnkBox{
	width:100%;
	text-align:right;
	font-size:0.8em;}

@media screen and (max-width: 768px) {

#main .InfoBox .LnkBox{
	width:100%;
	text-align:right;
	font-size:0.8em;
	margin:12px 0 0 0;}
	
}


/*トップTwitter**************************************************************************/
#twttContainer{
	width:100%;
	padding:0;
	margin:0 auto 10px 15px;
	}
#twttContainer .title{
	width:500px;
	margin:0 auto 8px auto;
	border-bottom:1px dotted #DFDFDF;
	}
	
#twttContainer .title img{
	width: auto;
	height:23px;
	}
#TopTwitterContainer{
	width:480px;
	height:308px;
	overflow:scroll;
	margin:0 auto;}
	
	/*修正前
	
#twttContainer{
	width:100%;
	padding:15px 0 15px 0;
	margin:0 auto 10px auto;
	border-bottom:1px solid #DFDFDF;}
#twttContainer .title{
	width:500px;
	margin:0 auto 8px auto;
	border-bottom:1px dotted #DFDFDF;
	}
	
#TopTwitterContainer{
	width:500px;
	height:300px;
	overflow:scroll;
	margin:0 auto 5px auto;}
	
	*/
	
@media screen and (max-width: 768px) {
#twttContainer .title{
	width:100%;
	margin:0 auto 8px auto;
	border-bottom:1px dotted #DFDFDF;
	}
	
#TopTwitterContainer{
	width:100%;
	height:400px;
	overflow:scroll;
	margin:0 auto 5px auto;}
	}

/*メインフッタ***************************************************************************/
#mnft{
	width:100%;
	margin:0 auto 0 auto; background-color:#f5f5f5}

#mnft .bnrBox{
	width:1150px;
	margin:0 auto;}
@media screen and (max-width: 768px) {
#mnft{
	width:100%;
	min-width:100%;
	margin:0 auto ;}

#mnft .bnrBox{
	width:100%;
	margin:0 auto;}
}


/*フッタ***************************************************************************/
#ft{}