@charset "UTF-8";

body {
	margin:0px;
	padding:0px;
	color:#313131;
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	-webkit-text-size-adjust: 100%;
	line-height:180%;
	text-align:left;
	background: #9F0202;
}

img {
  vertical-align: top;
}

.padding_top5 {padding-top:5px !important;}

.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}





section {
	width:100%;
	margin:0 auto 0;
	padding: 0px;
}



h1 {
	text-align: center;
}

h2{
	text-align: center;
	margin:0;
	padding:0px;
}

h3{
	margin:0;
	padding:0px;
}

.p0{
	margin:0;
	padding:0;
}

.font10{
	font-size:10px;}
	
.font12{
	font-size:12px;}
	
.font14{
	font-size:14px;}
	
.font16{
	font-size:16px;}
	
.font18{
	font-size:18px;}	
	
.font20{
	font-size:20px;}	
	
.font24{
	font-size:24px;}

.font30{
	font-size:30px;}	
	
.font-green{
	color:#008040;
	}
	
.font-green2{
	color:#008237;
	}				
	
.font-orange{
	color:#F39800;
	}
	
.font-orange2{
	color:#e85412;
	}	
	
.font-pink{
	color:#EB6CA5;
	}	
	
.font-web{
	color:#22AA2A;
	}	
	
.lh14{
	line-height:140%;
}
		
/*==テキスト==*/
.text_c{text-align:center !important;}
.text_l{text-align:left !important;}
.text_r{text-align:right !important;}

.float_l{float:left;}
.float_r{float:right;}
.clearBoth{clear:both}

.fl_pc{float:left;}
.fr_pc{float:right;}

/*====*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.indent1{text-indent: -1em; padding-left: 1em;}





@media screen and (min-width: 769px) {
/* 768px以上の幅の場合に適応される */

.br-sp { display:none; }

}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.text_wrap{
	width:95%;
	margin:0 auto;
}

.fl_pc{float:none;}
.fr_pc{float:none;}

.br-pc { display:none; }


.img_wrap370 img{
	width:100%;
	margin:0 auto 0;
}

.table-date-box1{
	
	display: block;
}


.table-date-l,.table-date-l-w{
	display: block;
	padding:10px 0;
	width:100%;
}

.table-date-l-p{
	display: block;
	padding:10px 0;
	width:100%;
}

.table-date-l-e{
	display: block;
	padding:10px 0;
	width:100%;
}

.table-date-r{
	display: block;
	padding:20px 0 0 5px;
	font-size:16px;
	width:98%;
}

.table-date-r img{
	width:100%;
}



.table-date-p,.table-date-p-e{
	font-size:20px;
}

.pickup_t1 img,.interview_t1 img,.topics_t1 img,.event_t1 img{
	width:280px;
	
}



}

#sp_wrap  a:hover img{

 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
	




/* snap */

.fl-pc{ float:left;}	

.fr-pc{ float:right;}	


.header_wrap{
	width:100%;
	margin:0 auto;
	background:#950006;
}

.h_logo{
	width:960px;
	float:none;
	margin:0 auto;
}



.snap{
	background-image: url(../images/snap/back1.png);
	
	
}

.snap2{
	background-image: url(../images/snap/summer2017/back1.png);
	
}

.snap3{
	background-image: url(../images/snap/autumn2017/back1.png);
	
}

.snap4{
	background-image: url(../images/snap/201801/back1.png);
	
}


.snap5{
	background-image: url(../images/snap/201802/back1.png);
	
}

.snap6{
	background-image: url(../images/snap/201803/back1.png);
	
}

.snap7{
	background-image: url(../images/snap/201901/back1.png);
	
}

.snap9{
	background-image: url(../images/snap/201903/back1.png);
	
}

.snap11{
	background-image: url(../images/snap/202201/back1.png);
	
}





.snap_w{
	width:895px;
	margin:0 auto;
	padding:40px 0 80px 0;
}

.snap_box_w{
	width:286px;
	margin-top:30px;
}

.snap_box_w2{
	width:286px;
	margin-top:30px;
	margin-left:18px;
}

.snap_box_w3{
	width:572px;
	margin-top:30px;
}


.snap_box1{
	width:100%;
	display:table;
	color:#37261f;
}


.snap_box1_l{
	width:160px;
	display: table-cell;
}

.snap_box1_r{
	display: table-cell;
	padding-left:8px;
	vertical-align:bottom;
}

.snap_box1_t{
	background: url(../images/snap/snap_box1.png) repeat-x;
	height:62px;
	margin-top:10px;
	padding:12px 5px 0 5px;
}

.snap_box1_t p{
	font-size:12px;
	margin:0;
	padding:0;
	line-height:140%;
}


.snap_box1_t2{
	background: url(../images/snap/snap_box1.png) repeat-x;
	height:74px;
	margin-top:10px;
	padding:6px 5px 0 5px;
}

.snap_box1_t2 p{
	font-size:12px;
	margin:0;
	padding:0;
	line-height:130%;
}





.snap_dec1{
	width:100%;
	margin-top:50px;
}

.snap_dec2{
	margin:50px 0 0 0;
}


.snap_img1{

	margin-left:-15px;
}

.snap_p1{
	font-size:11px;
	line-height:120%;
	margin:0;
	padding:0;
	line-height:150%;
}

.snap_p2{
	margin:5px 0 0 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.snap_btn1{
	margin:50px 0 0 0;
	padding:0;
	text-align:center;
}






@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	
.tc-sp { text-align:center; }	

.fl-pc, .fr-pc{ float:none;}	


 .oc_img1{
	 padding-bottom:15px;
 }
	


.snap_w{
	width:90%;
	margin:0 auto;
	padding:40px 0 40px 0;
}


.snap_box_w{
	width:100%;
}

.snap_box_w2{
	width:100%;
	margin:30px auto 0;
}


.snap_sp_t1{
	width:100%;
}
	



/*
.snap_box1_l{
	display: block;
	margin:0 auto;
}

.snap_box1_r{
	width:160px;
	display: block;
	margin:0 auto;
}
*/


.snap_dec1{
	margin-top:30px;
}

.snap_dec2{
	margin-top:30px;
	width:30%;
}	

.oc_t2 {
	width:70%;
}


.h_logo{
	width:90%;
}



}






/* btn */

.bt1704{
	background:#fff;
	padding:0 0 0 0;
	border-top:#D6121E solid 1px;
	border-bottom:#D6121E solid 1px;
	
}


.bt1704_box1 {
	display:table;
	width:960px;
	margin:0 auto;
	
}

.bt1704_box2 {
	display:table-cell;
	width:33%x;
	vertical-align: middle;
	text-align: center;
	border-right:#D6121E solid 1px;
	padding:15px 0;
	
}

.bt1704_box3 {
	display:table-cell;
	width:33%x;
	vertical-align: middle;
	text-align: center;
	border-right:#D6121E solid 1px;
	padding:15px 0;
	
}

.bt1704_box4 {
	display:table-cell;
	width:33%x;
	vertical-align: middle;
	text-align: center;
	padding:15px 0;
	
}


@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */

.bt1704_box1 {
	display:table;
	width:100%;
	margin:0 auto;
}

.bt1704_box2 {
	display: block;
	width:100%;
	border-right: none;
	border-bottom:#D6121E solid 1px;
	
}

.bt1704_box3 {
	display: block;
	width:100%;
	border-right: none;
	border-bottom:#D6121E solid 1px;
	
}

.bt1704_box4 {
	display: block;
	width:100%;
	
}

}




/* footer */

footer {
	text-align:center;
	padding:15px 0 25px 0;
	margin:0 0 60px 0;
}


.ft1704{
	background: #D6121E;
	padding:30px 0 0 0;
	color:#FFF;
	
}

.ft1704 p{
	margin:0;
	padding:0;
	
}

.ft1704_p1{
	margin:20px 0 0 0 !important;
	
}

.ft1704_p2{
	margin:5px 0 0 0 !important;
	
}

.ft1704_box{
	width:100%;
	margin:30px auto 0;
	background:#9F0202;
}

.ft1704_box1{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	display:table;
}

.ft1704_box1_l{
	width:50%;
	display:table-cell;
	text-align:left;
}

.ft1704_box1_r{
	width:50%;
	display:table-cell;
	text-align:right;
}

.ft1704 a{
	color:#fff;
	text-decoration: none;
}

.ft1704 a:hover{
	color:#ccc;
	text-decoration:underline;
}


.ft1704 a{
	color:#fff;
	text-decoration: none;
}

.ft1704 a:hover{
	color:#ccc;
	text-decoration:underline;
}


@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	
.ft1704_box1{
		width:100%;
		margin:0 auto;
	}
	
.ft1704_box1_l{
	display: block;
	text-align: center;
	width:100%;
}

.ft1704_box1_r{
	display: block;
	text-align: center;
	width:100%;
	
}
}





/*==トップボタン==*/

.spToTopBtn {
  position: fixed;
  right: 0;
  bottom: 45px;
  display: none;
}


/*==切り替えボタン==*/

.gm_img{
	width:100%;
	background: url(../images/snap/snap_dec1.png) center no-repeat ;
}

.gm_img  a:hover img{

 opacity: 1 !important;
 filter: alpha(opacity=100) !important;
 -moz-opacity: 1 !important;
}

.gm_wrap{
	width:768px;
	margin:50px auto 50px;
}

.gm_wrap_f{
	width:574px;
	margin:60px auto 30px;
}


.gm0{
	width:192px;
	margin: 0 auto;
}

.gm1{
	width:192px;
	float:left;
}
	
.gm2{
	width:191px;
	float:left;
}

.gm2{
	width:191px;
	float:left;
}
	
.gm0 img,.gm1 img,.gm2 img{
	width:100%;
}

.shop_img{
	width:100%;
	margin:0 auto;
}

.shop_img img{
	width:100%;
}


.gm_flex_w{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width:100%;
	background: url(../images/snap/snap_dec1.png) center no-repeat ;
	margin:50px auto 50px;
} 

.gm_flex_w2{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width:100%;
	background: url(../images/snap/snap_dec1.png) center no-repeat ;
	margin:50px auto 50px;
} 



.gm_flex_w a:hover img,.gm_flex_w2 a:hover img{

 opacity: 1 !important;
 filter: alpha(opacity=100) !important;
 -moz-opacity: 1 !important;
}


@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	
.gm_img{
	background: none ;
}

.gm_wrap{
	width:100%;
	margin:30px auto 0;
}

.gm_wrap_f{
	width:100%;
	margin:30px auto 0;
}
	
.gm0{
	width:50%;
}	

.gm1{
	width:50%;
}
	
.gm2{
	width:50%;
}


.gm_flex_w{
	background: none ;
	width:100%;
	margin:30px auto 0;
} 

.gm_flex_box1{
	width:50%;
} 
	
	
.gm_flex_w2{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	background: none ;
	margin:30px auto 0;
} 
	
.gm_flex_box2{
	width:50%;
} 	

.gm_flex_box1 img,.gm_flex_box2 img{
	width:100%;
} 

}



.snap_box-h1{
	width:590px;
	height:411px;
	margin-top:30px;
	position:relative;
}

.snap_box-h2{
	width:286px;
	height:411px;
	margin-top:30px;
	position:relative;
}

.snap_box-h2-l{
	width:175px;
}

.snap_box-h2-r{
	width:102px;
	position:relative;
}


.snap_box-coment1{
	position: absolute;
	width:286px;
	bottom:0;
}

.snap_box-coment2{
	position: absolute;
	width:100%;
	bottom:0;
}

.snap_box-coment3{
	position: absolute;
	width:286px;
	bottom:0;
	right:0;
}

.snap_box1_t3{
	background: url(../images/snap/snap_box1_g.png) repeat-x;
	height:62px;
	margin-top:10px;
	padding:12px 5px 0 5px;
}

.snap_box1_t3 p{
	font-size:12px;
	margin:0;
	padding:0;
	line-height:140%;
}


.snap_box-coment-td1{
	vertical-align: top;
	padding-right:2px;
	font-size:12px;
}

.snap_box-coment-td2{
	vertical-align: bottom;
	padding-left:8px;
}


.snap_img-w1 img{
}



@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	
.snap_box-h1{
	width:100%;
	height: auto;
	position: static;
}

.snap_box-h2{
	width:100%;
	height: auto;
	position: static;
}

.snap_box-coment1{
	width:100%;
	position: static;
}

.snap_box-coment2{
	width:100%;
	position: static;
}

.snap_box-coment3{
	width:100%;
	position: static;
}


.snap_img-w1{
	width:90%;
	margin:0 auto;
}

.snap_img-w1 img{
	width:100%;
}


}


		
/*==イメージ画像==*/

.special_img1{
	width: 100%;
	margin: 60px auto 0;
}

.special_img1 img{
	width: 100%;
}

@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	
	.special_img1{
	width: 100%;
	margin: 30px auto 0;
}
}