@charset "UTF-8";
html{height:100%;}
body{font-family: 游明朝,"Yu Mincho",YuMincho,Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:88%;-webkit-text-size-adjust: 100%;color:#000;background:#fff;height:100%;}
img[src$=".svg"] {width: 100%;}

/***** OPENING *****/
#block00 {
  z-index: 100;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto;
  width: 100%;
  height: auto;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#block01 {
  margin: 0;
  height:100%;
  background-color:#FFF;
  z-index: 7;
  position:absolute;
}
#block01 .image-crossfader {
  overflow: hidden;
  height:100%;
}
#block01 .image-crossfader-inner {
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  transform: scale(1);
  transition:
    opacity 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#block01 .image-crossfader-inner.is-visible {
  z-index: 10;
  opacity: 1;
  transform: scale(1.06);
}
#block01 .image-crossfader-inner:nth-child(1) {
  background-image: url(../img/top/main01.jpg);
}
#block01 .image-crossfader-inner:nth-child(2) {
  background-image: url(../img/top/main02.jpg);
}
#block01 .image-crossfader-inner:nth-child(3) {
  background-image: url(../img/top/main03.jpg);
}
#block01 .image-crossfader-inner:nth-child(4) {
  background-image: url(../img/top/main04.jpg);
}
#block02 {background-color:#FFF;background-size: cover;width: 100%;height: inherit;z-index: 6;position: fixed;}
#block03 {
  z-index: 0;
  top:0;
  left:0;
  position:relative;
}

/***** COMMON *****/
/* header */
#header{background:#FFF;width:100%;padding: 10px 0;border-top: 7px solid #C51528;}
#header .header_in{max-width:1000px;width:100%;margin:0 auto;overflow:hidden;}
#header .header_in .header_in_l{width: 240px;float: left;margin: 13px 0;}
#header .header_in .header_in_l img{width: 100%;}
#header .header_in .header_in_r{float:right;margin: 30px 0;font-size: 13px;text-align: center;}
#header .header_in .header_in_r_first{float: left;margin: 0 20px 0 0;width: 130px;border: 1px solid #C51528;border-radius: 20px;}
#header .header_in .header_in_r_second{float: left;margin: 0 20px 0 0;width: 130px;border: 1px solid #C51528;border-radius: 20px;}
#header .header_in .header_in_r_third{float: left;margin: 0;width: 145px;border: 1px solid #C51528;border-radius: 20px;}
#header .header_in .header_in_r_third img{width:100%;}
#header .header_in .header_in_r a{display: block;padding: 2px;background-color:#FFF;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;border-radius: 20px;}
#header .header_in .header_in_r a:hover{display: block;background-color: #C51528;border-radius: 20px;color:#FFF;opacity:1;}

#right-menu{display:none;}
#sidr-right{display:none;}

/* footer */
#footer{width:100%;border-top: 2px solid #888;}
#footer .fnav{width:1000px;margin:24px auto;text-align: center;}
#footer .fnav ul{background:url(../img/common/footer_bar01.png) 100% 0 no-repeat;display: table;margin:0 auto;width: 60%;}
#footer .fnav ul li{background:url(../img/common/footer_bar01.png) 0 0 no-repeat;display: table-cell;width: 25%;font-size: 13px;font-weight:bold;}
#footer .fnav ul li img{vertical-align:middle;margin:0 0 0 5px;}

#footer .credit{width:100%;text-align:center;}
#footer .credit .flogo{width:179px;margin: 0 auto 20px auto;}
#footer .credit .flogo img{width:100%;}
#footer .copyright{text-align: center;margin: 10px 0 0 0;padding: 0 0 20px 0;}


/***** CONTENTS *****/
.wrapper{width:100%;margin:0 auto;overflow:hidden;}

#mainslide{text-align:center;position:relative;}
.slider{margin: 0 auto;width: 100%;}
.slider img{height: auto;width: 100%;}

/*slick setting*/
.slick-prev:before,
.slick-next:before {color: #000;}

/*popup*/
.popup{
	position: absolute;
	top: 20px;
	right: 20px;
}
.popup_in{
	width: 300px;
}
.popup_in a{
	display: block;
	padding: 4px 0px 3px 0;
	background-color: rgba(255,255,255,0.7);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid rgba(197, 21, 40, 0.7);
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
}
.popup_in a:after{
	content: url(../img/top/movie_icon.png);
	vertical-align: middle;
	padding: 0 0 0 3px;
}
.popup_in a:hover{
	display: block;
	background-color: #C51528;
	border-radius: 20px;
	color: #FFF;
	opacity: 1;
}
.popup_in a:hover:after{
	content: url(../img/top/movie_icon_on.png);
	vertical-align: middle;
	padding: 0 0 0 3px;
}
.popup_in_in{height: 100%;height: 100vh;position: relative;width: 100%;}
.popup_in_in video{width:100%;min-height: 100%;min-height: 100vh;min-width: 100%;}
.popup_in_in iframe{width:100%;min-height: 100%;min-height: 100vh;min-width: 100%;}


#mainlow .mainlow_history{width: 100%;background: url(../img/history/main.jpg) 50% 50% no-repeat;background-size: cover;height:300px;}
#mainlow .mainlow_about{width: 100%;background: url(../img/about/main.jpg) 50% 50% no-repeat;background-size: cover;height:300px;}
#mainlow .mainlow_greetings{width: 100%;background: url(../img/greetings/main.jpg) 50% 50% no-repeat;background-size: cover;height:300px;}

.contents{background:#EEE;}
.contents_history{background:url(../img/history/bg01.png) 50% -220px repeat-y #EEE;}

#nav{width:1000px;margin:0 auto;text-align: center;}
#nav .gnav{padding: 30px 0;}
#nav .gnav ul{background:url(../img/common/header_bar01.png) 100% 0 no-repeat;display: table;width:100%;margin:0 auto;}
#nav .gnav li{background:url(../img/common/header_bar01.png) 0 0 no-repeat;display: table-cell;width:25%;line-height: 2.2;}
#nav .gnav li img{vertical-align: 0;margin: 0 0 0 5px;}


/* con1 */
#con1{width:1000px;margin:0 auto;position: relative;padding: 125px 0 80px 0;}

#con1 .titop{background:url(../img/common/titop.png) 0 0 no-repeat;margin:0 auto;padding: 27px 0 27px 60px;width:715px;text-align:left;font-size: 27px;font-weight: bold;position: absolute;top: -9px;}
#con1 .titop span{font-size: 22px;font-weight: bold;}

#con1 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;margin:0 auto;padding: 27px 0 27px 60px;width:360px;text-align:left;font-size: 27px;font-weight: bold;position: absolute;top: -9px;}

#con1 .con_l{float: left;width: 48%;}
#con1 .con_l p.ti{font-size: 18px;font-weight: bold;margin:0 0 10px 0;}
#con1 .con_l img{width: 100%;}
#con1 .con_r{float: right;width: 48%;}
#con1 .con_r img{width: 100%;}
#con1 img.nagomi{width: 25px;vertical-align: text-top;}


/* con2 */
#con2{width:1000px;margin:0 auto;position: relative;padding: 125px 0 80px 0;}

#con2 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;margin:0 auto;padding: 27px 0 27px 60px;width:360px;text-align:left;font-size: 27px;font-weight: bold;position: absolute;top: -9px;}

#con2 .chapter:nth-of-type(1){background: url(../img/history/dot3.png) 50% 100% repeat-x;padding: 0 0 60px 0;margin: 0 0 60px 0;}
#con2 .chapter .chapter_ti{width:413px;border-bottom:1px solid #7D001A;margin:0 0 40px 0;position:relative;}
#con2 .chapter .chapter_ti .small{font-size:16px;}
#con2 .chapter .chapter_ti .big{font-size:28px;font-weight:bold;}
#con2 .chapter .chapter_ti .big span{color:#7D001A;}
#con2 .chapter .chapter_ti .sq{position:absolute;bottom:-4px;right:0;}

#con2 .tih3{font-size: 22px;font-weight: bold;padding: 0 0 40px 0;}
#con2 .tih3 img{float: left;margin: 0 10px 0 0;}
#con2 .tih3 p{font-weight: bold;line-height:2.0;}
#con2 .tih3 p img.nagomi{width: 30px;vertical-align: baseline;float:none;margin:0;}
#con2 .history{background:url(../img/history/bar01.jpg) 170px 0 repeat-y;margin: 0 0 40px 0;}

#con2 .history_in{padding:10px 0;}
#con2 .history_in #open{margin:0 0 100px 0;}
#con2 .history_in #open .con_l{background:url(../img/history/circle01.png) 97.5% 50% no-repeat;width: 185px;float: left;}
#con2 .history_in #open .con_l p{text-align: right;padding: 0 30px 0 0;}

#con2 .history_in #open .con_r{background:#FFF;width: 740px;float: right;padding: 30px;}
#con2 .history_in #open .con_r .ti{font-size: 18px;color: #C51427;font-weight: bold;padding: 0 0 20px 0;border-bottom: 1px solid #CCC;}
#con2 .history_in #open .con_r .dtl{margin:20px 0 0 0;}
#con2 .history_in #open .con_r .dtl_img{float:right;margin:0 0 0 30px;max-width:300px;text-align:center;font-size: 13px;}
#con2 .history_in #open .con_r .dtl_img img{max-width:100%;max-height:200px;}
#con2 .history_in #open .con_r .dtl_img p{margin:5px 0 20px 0;}
#con2 .history_in #open .con_r .dtl_txt{font-size:14px;line-height:2.0;}
#con2 .history_in #open .con_r .dtl_txt img.nagomi{width: 24px;vertical-align: baseline;}

#con2 .history_in #history_con{margin: 0;}
#con2 .history_in #history_con .con_l{background:url(../img/history/circle01.png) 97.5% 50% no-repeat;width: 185px;float: left;}
#con2 .history_in #history_con .con_l p{text-align: right;padding: 0 30px 0 0;}

#con2 .history_in #history_con .con_r{background:#FFF;width: 740px;float: right;padding:30px 30px 15px 30px;margin: 0 0 20px 0;}
#con2 .history_in #history_con .con_r .ti{font-size: 18px;color: #C51427;font-weight: bold;padding: 0 0 20px 0;border-bottom: 1px solid #CCC;}
#con2 .history_in #history_con .con_r .ti img.nagomi{width: 28px;vertical-align: baseline;}
#con2 .history_in #history_con .con_r .dtl{margin:20px 0 0 0;display: block;}
#con2 .history_in #history_con .con_r .dtl_img{float:right;margin:0 0 0 30px;max-width:300px;text-align:center;font-size: 13px;}
#con2 .history_in #history_con .con_r .dtl_img img{max-width:100%;max-height:200px;}
#con2 .history_in #history_con .con_r .dtl_img p{margin:5px 0 20px 0;}
#con2 .history_in #history_con .con_r .dtl_txt{font-size:14px;line-height:2.0;}
#con2 .history_in #history_con .con_r .dtl_txt img.nagomi{width: 24px;vertical-align: text-bottom;}
#con2 .history_in #history_con .con_r .dtl_list{padding:20px 0 0 0;}
#con2 .history_in #history_con .con_r .dtl_list .list{padding:0 0 0 15px;}

#con2 .history_in #history_con .con_r .dtl_img2{float:right;margin:0 0 0 30px;max-width:400px;text-align:center;font-size: 13px;}
#con2 .history_in #history_con .con_r .dtl_img2 img{max-width:100%;}
#con2 .history_in #history_con .con_r .dtl_img2 p{margin:5px 0 20px 0;}
#con2 .history_in #history_con .con_r .dtl_txt2{font-size:14px;line-height:2.0;}
#con2 .history_in #history_con .con_r .dtl_txt2 img.nagomi{width: 24px;vertical-align: text-bottom;}

#con2 .history_in #history_con .con_r .dtl_sakkin{width:100%;}
#con2 .history_in #history_con .con_r .dtl_sakkin .sakkin_ti{font-size:18px;text-align:center;margin: 10px 0;}
#con2 .history_in #history_con .con_r .dtl_sakkin .sakkin_ti p{font-weight:bold;}
#con2 .history_in #history_con .con_r .dtl_sakkin .cap p{margin: 10px 0;text-align: center;}

#con2 .history_in #unique{margin:0 0 100px 0;}
#con2 .history_in #unique .con_l{background:url(../img/history/circle01.png) 97.5% 50% no-repeat;width: 185px;float: left;}


/* con2 - etc - */
/*#con2 .history2{margin: 0 0 40px 0;}
#con2 .history_in2 #history_con{margin:0 0 60px 0;}
#con2 .history_in2 #history_con .con_l{float: left;width: 70%;text-align:justify;}
#con2 .history_in2 #history_con .con_l p.ti{font-size: 18px;font-weight: bold;margin:0 0 10px 0;color:#C51528;}
#con2 .history_in2 #history_con .con_l img{width: 100%;}
#con2 .history_in2 #history_con .con_r{float: right;width: 24%;}
#con2 .history_in2 #history_con .con_r .cap{margin:5px 0 20px 0;}
#con2 .history_in2 #history_con .con_r img{width: 100%;}
#con2 .history_in2 #history_con img.nagomi{width: 25px;vertical-align: text-top;}*/


/* con3 */
#con3{width:1000px;margin:0 auto;position: relative;padding: 125px 0 80px 0;}

#con3 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;margin:0 auto;padding: 27px 0 27px 60px;width:360px;text-align:left;font-size: 27px;font-weight: bold;position: absolute;top: -9px;}

#con3 .con_l{float: left;width: 70%;text-align:justify;}
#con3 .con_l img{width: 100%;}
#con3 .con_l p.ti{font-size: 18px;font-weight: bold;margin:0 0 10px 0;color: #C51427;}
#con3 .con_r{float: right;width: 24%;}
#con3 .con_r img{width: 100%;}
#con3 .con_r .cap{text-align:center;margin:5px 0 0 0;}
#con3 .con_r .cap span{font-size:18px;}
#con3 img.nagomi{width: 25px;vertical-align: text-top;}


/* column */
#column{background-color: #fff;background-image:url(../img/history/corner1.png),url(../img/history/corner2.png),url(../img/history/corner3.png),url(../img/history/corner4.png);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;border: 2px solid #74A455;width:936px;margin:0 auto 80px auto;position: relative;padding: 30px;}
#column h3.ti2h3{margin: 0 0 40px 0;}
#column .column_in .ti{font-size: 22px;padding:0 0 20px 0;color:#7D001A;border-bottom:1px solid #7D001A;}
#column .column_in .ti p{font-weight: bold;}

#column .column_in .column_in_in{margin: 0 0 60px 0;position:relative;}
#column .column_in .column_in_in .ti2{padding: 0 0 5px 0;margin: 30px 0 0 0;border-bottom: 1px dotted;}
#column .column_in .column_in_in .num{width:50px;margin:8px 5px 8px 0;float:left;}
#column .column_in .column_in_in .txt{width:875px;float:right;}
#column .column_in .column_in_in .txt span{font-size:16px;font-weight:bold;}

#column .column_in .column_in_in2{margin: 0 0 0 0;position:relative;}
#column .column_in .column_in_in2 .ti2{padding: 0 0 5px 0;margin: 30px 0 0 0;border-bottom: 1px dotted;}
#column .column_in .column_in_in2 .num{width:50px;margin:8px 5px 8px 0;float:left;}
#column .column_in .column_in_in2 .txt{width:875px;float:right;}
#column .column_in .column_in_in2 .txt span{font-size:16px;font-weight:bold;}

#column .column_in .col3{margin: 0 0 20px 0;}
#column .column_in .col3 .box{float: left;width: 292px;text-align: center;margin: 20px 0 0 30px;}
#column .column_in .col3 .box:nth-of-type(3n+1){float: left;width: 292px;text-align: center;margin: 20px 0 0 0;}
#column .column_in .col3 .box .box_in{display:table;margin: 0 auto;}
#column .column_in .col3 .box .box_in span{vertical-align: middle;display: table-cell;height: 292px;}
#column .column_in .col3 .box .box_in span img{width: auto;max-height: 292px;max-width: 292px;}
#column .column_in .col3 .box p{margin: 5px 0 10px 0;}

#column .column_in .col3 .box2{float: left;width: 400px;text-align: center;margin: 20px 0 0 30px;}
#column .column_in .col3 .box2:nth-of-type(2n){float: right;width: 400px;text-align: center;margin: 20px 30px 0 0;}
#column .column_in .col3 .box2 .box_in{display:table;margin: 0 auto;}
#column .column_in .col3 .box2 .box_in span{vertical-align: bottom;display: table-cell;height: 300px;}
#column .column_in .col3 .box2 .box_in span img{width: auto;max-height: 300px;max-width: 400px;}
#column .column_in .col3 .box2 p{margin: 5px 0 10px 0;}

#column .column_in .score{width:640px;margin:20px auto;}
#column .column_in .score img{width:100%;margin:0 0 20px 0;}
#column .column_in .yt_area {width:640px;margin:20px auto 0 auto;}
#column .column_in .yt_area audio{width:100%;}
#column .column_in .yt_area .youtube {position: relative;width: 100%;padding-top: 56.25%;}
#column .column_in .yt_area .youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
#column .column_in .yt_area .cap {margin:5px 0 0 0;}


/* read more */
.dtl-wrap {position: relative;}
.dtl-wrap + .dtl-wrap {margin-top: 40px;}

.dtl-trigger {cursor:pointer;display: block;position: absolute;width: 10%;text-align: center;top:0;right:0;height: 22px;border: 1px solid #C51427;padding: 0.5% 2%;color:#C51528;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.dtl-trigger:hover {background-color: #C51528;color:#FFF;opacity:1;}
.dtl-trigger::after {content: "続きを読む";}
.dtl-trigger .fa {margin-right: .5em;}

.dtl-item {position: relative;overflow: hidden;}
.dtl-item.is-hide {height: 80px;}
.dtl-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 50%, #fff 100%); /*safari chrome*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 50%, #fff 100%); /*FireFox*/
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 50%, #fff 100%); /*IE*/
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.dtl-trigger.is-show {bottom: -2em;background:#C51427;color:#FFF;}
.dtl-trigger.is-show::after {content: "閉じる";}
.dtl-trigger.is-show + .dtl-item::before {display: none;}




/* parts */
.pcnone{display:none;}
.spnone{display:block;}



/*　SmartPhone　*/
@media only screen and (max-width:768px){
/***** COMMON *****/
	/* header */
	#header{width:100%;padding: 1% 0;}
	#header .header_in{position:relative;}
	#header .header_in .header_in_l{margin:2% 2% 1% 2%;width: 50%;}
	
	#header .header_in .header_in_r{margin: 2% 0 0 0;width:100%;}
	#header .header_in .header_in_r #right-menu{background: none;position: absolute;top: 20%;right: 3%;}
	#header .header_in .header_in_r #right-menu:hover{background: none;}
	#header .header_in .header_in_r .close_btn{max-width: 30px;width: 11%;position: absolute;right: 3%;top: 1.5%;}

	#header .header_in .header_in_r a{background: none;text-align: left;padding: 0 0 0 20px;}
	#header .header_in .header_in_r a:hover{background: none;border-radius: 0;color: #000;opacity: 0.6;}
	
	
	/* footer */
	#footer .fnav{width:100%;margin:0 auto;text-align: center;}
	#footer .fnav ul{background:none;display: block;margin:0 auto;width: 100%;}
	#footer .fnav ul li{background:none;display: block;float:left;width: 50%;font-size: 15px;font-weight:bold;padding: 5% 0;box-sizing: border-box;border-right: 1px solid #888;border-bottom: 1px solid #888;}
	#footer .fnav ul li:nth-child(even){border-right: none;}
	#footer .fnav ul li a{display: block;}

	#footer .credit{width:100%;text-align:center;margin:5% 0 0 0;}
	#footer .credit .flogo{width:179px;margin: 0 auto 20px auto;}
	#footer .credit .flogo img{width:100%;}
	#footer .copyright{text-align: center;margin: 10px 0 0 0;padding: 0 0 20px 0;}


/***** CONTENTS *****/
	#mainlow .mainlow_history{height:240px;}
	#mainlow .mainlow_about{height:240px;}
	#mainlow .mainlow_greetings{height:240px;}

	#nav{width:95%;margin:0 auto;text-align: center;}
	#nav .gnav{padding: 7% 0 8% 0;}
	#nav .gnav ul{background:none;display: block;box-sizing: border-box;margin:0 auto;width: 100%;}
	#nav .gnav ul li{background:none;display: block;float:left;width: 49%;font-size: 15px;font-weight:bold;padding: 10px 0;box-sizing: border-box;border: 1px solid #C51528;}
	#nav .gnav ul li:nth-child(2){float:right;}
	#nav .gnav ul li:nth-child(3){margin: 2% 0 0 0;}
	#nav .gnav ul li:nth-child(4){float:right;margin: 2% 0 0 0;}

	#nav .gnav ul li a{display: block;}

	/*popup*/
	.popup{position: unset;top: unset;right: unset;}
	.popup_in{margin: 0 auto;}

	/* con1 */
	#con1{width:95%;margin:0 auto;position: relative;padding: 28% 0 20% 0;}

	#con1 .titop{background:url(../img/common/titop_sp.png) 0 0 no-repeat;background-size:contain;margin:0 auto;padding: 6% 0 6% 8%;width:85%;text-align:left;font-size: 5vw;font-weight: bold;position: absolute;top: -1.3%;}
	#con1 .titop span{font-size: 4.5vw;}

	#con1 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;background-size:contain;margin:0 auto;padding: 6% 0 6% 8%;width:85%;text-align:left;font-size: 5vw;font-weight: bold;position: absolute;top: -1.3%;}

	#con1 .con_l{float: none;width: 100%;margin: 0 0 10% 0;}
	#con1 .con_l img{width: 100%;}
	#con1 .con_r{float: none;width: 100%;}
	#con1 .con_r img{width: 100%;}
	#con1 img.nagomi{width: 25px;vertical-align: text-top;}


	/* con2 */
	#con2{width:95%;margin:0 auto;position: relative;padding: 25% 0;}

	#con2 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;background-size:contain;margin:0 auto;padding: 6% 0 6% 8%;width:85%;text-align:left;font-size: 5vw;font-weight: bold;position: absolute;top: -9px;}
	
	#con2 .chapter{width:auto;}
	#con2 .chapter .chapter_ti{width:100%;margin:0 0 8% 0;}

	#con2 .tih3{padding: 0 0 8% 0;text-align:center;margin:2% 0 0 0;}
	#con2 .tih3 img{float:none;margin: 0;}
	#con2 .tih3 p{padding: 3% 0 0 0;}
	#con2 .history{background:url(../img/history/bar01.jpg) 10px 0 repeat-y;margin: 0 0 8% 0;}

	#con2 .history_in{padding:2% 0 10% 0;}
	#con2 .history_in #open{margin:0 0 20% 0;}
	#con2 .history_in #open .con_l{background:url(../img/history/circle01.png) 0.5% 50% no-repeat;width: 185px;float: none;padding: 0 0 0 30px;margin: 0 0 5% 0;}

	#con2 .history_in #open .con_r{background:#FFF;width: 80%;float: none;padding: 5%;margin: 0 0 0 10%;}
	#con2 .history_in #open .con_r .ti{font-size: 18px;color: #C51427;font-weight: bold;padding: 0 0 5% 0;border-bottom: 1px solid #CCC;}
	#con2 .history_in #open .con_r .dtl{margin:5% 0 0 0;}
	#con2 .history_in #open .con_r .dtl_img{float:none;margin:5% auto 0 auto;text-align: center;}
	#con2 .history_in #open .con_r .dtl_img img{width:auto;}
	#con2 .history_in #open .con_r .dtl_img p{margin:1% 0 5% 0;}
	#con2 .history_in #open .con_r .dtl_txt{font-size:16px;line-height:2.0;}

	#con2 .history_in #history_con{margin: 0;}
	#con2 .history_in #history_con .con_l{background-position:1.0% 0;text-align: left;float: none;padding: 0 0 2% 30px;}
	#con2 .history_in #history_con .con_l p{text-align: left;padding: 0 30px 0 0;}

	#con2 .history_in #history_con .con_r{background:#FFF;width: 80%;float: none;padding:5%;margin: 0 0 5% 10%;}
	#con2 .history_in #history_con .con_r .ti{font-size: 17px;font-weight: bold;padding: 0 0 5% 0;border-bottom: 1px solid #CCC;}
	#con2 .history_in #history_con .con_r .dtl{margin:5% 0 10% 0;display: block;}
	#con2 .history_in #history_con .con_r .dtl_img{float:none;margin:5% auto 0 auto;max-width:300px;text-align:center;font-size: 14px;}
	#con2 .history_in #history_con .con_r .dtl_img img{max-width:100%;max-height:200px;width: auto;}
	#con2 .history_in #history_con .con_r .dtl_img p{margin:1% 0 5% 0;}
	#con2 .history_in #history_con .con_r .dtl_txt{font-size:14px;line-height:2.0;}

	#con2 .history_in #history_con .con_r .dtl_img2{float:none;margin:5% auto 0 auto;max-width:400px;text-align:center;font-size: 14px;}
	#con2 .history_in #history_con .con_r .dtl_img2 img{max-width:100%;width: auto;}
	#con2 .history_in #history_con .con_r .dtl_img2 p{margin:1% 0 5% 0;}
	#con2 .history_in #history_con .con_r .dtl_txt2{font-size:14px;line-height:2.0;}

	#con2 .history_in #history_con .con_r .dtl_sakkin img{width:100%;}
	#con2 .history_in #history_con .con_r .dtl_sakkin p{font-size:4.0vw;}


	/* con2 - etc - */
	/*#con2 .history2{margin: 0 0 10% 0;}
	#con2 .history_in2 #history_con{margin:0 0 10% 0;}
	#con2 .history_in2 #history_con .con_l{float:none;width: 100%;margin:0 0 2% 0;}
	#con2 .history_in2 #history_con .con_l p.ti{font-size: 18px;font-weight: bold;margin:0 0 2% 0;color:#C51528;}
	#con2 .history_in2 #history_con .con_r{float: none;width: 100%;max-width: 320px;margin: 0 auto;}
	#con2 .history_in2 #history_con .con_r .cap{margin: 1% 0 3% 0;}*/


	/* con3 */
	#con3{width:95%;margin:0 auto;position: relative;padding: 20% 0;}

	#con3 .tih2{background:url(../img/common/ti01.png) 0 0 no-repeat;background-size:contain;margin:0 auto;padding: 6% 0 6% 8%;width:85%;text-align:left;font-size: 5vw;font-weight: bold;position: absolute;top: -1.3%;}

	#con3 .con_l{float: none;width: 100%;margin: 0 0 10% 0;}
	#con3 .con_l img{width: 100%;}
	#con3 .con_r{float: none;width: 100%;max-width: 320px;margin: 0 auto;}
	#con3 .con_r img{width: 100%;}
	#con3 img.nagomi{width: 25px;vertical-align: text-top;}


	/* column */
	#column{width:90%;margin:0 auto 10% auto;padding: 5%;}
	#column h3.ti2h3{margin: 0 0 5% 0;}
	#column h3.ti2h3 img{max-width:100%;}
	#column .column_in .ti{font-size: 22px;font-weight: bold;color:#7D001A;border-bottom:1px solid #7D001A;}

	#column .column_in .column_in_in{margin: 0 0 24% 0;}
	#column .column_in .column_in_in .num{width:10%;}
	#column .column_in .column_in_in .txt{width:85%;}
	
	#column .column_in .column_in_in2{margin: 0 0 12% 0;}
	#column .column_in .column_in_in2 .num{width:10%;}
	#column .column_in .column_in_in2 .txt{width:85%;}

	#column .column_in .col3{margin: 0 0 2% 0;}
	#column .column_in .col3 .box{float: left;width: 48%;text-align: center;margin: 4% 0 0 4%;}
	#column .column_in .col3 .box:nth-of-type(3n+1){float: left;width: 48%;text-align: center;margin: 4% 0 0 4%;}
	#column .column_in .col3 .box:nth-of-type(odd){float: left;width: 48%;text-align: center;margin: 4% 0 0 0;}
	#column .column_in .col3 .box .box_in{display:table;margin: 0 auto;}
	#column .column_in .col3 .box .box_in span{vertical-align: middle;display: table-cell;height: 180px;}
	#column .column_in .col3 .box .box_in span img{width: auto;max-height: 180px;max-width: 100%;}
	#column .column_in .col3 .box p{margin: 1% 0 2% 0;}

	#column .column_in .col3 .box2{float: left;width: 48%;text-align: center;margin: 4% 0 0 0;}
	#column .column_in .col3 .box2:nth-of-type(2n){float: right;width: 48%;text-align: center;margin: 4% 0 0 0;}
	#column .column_in .col3 .box2 .box_in{display:table;margin: 0 auto;width: 100%;}
	#column .column_in .col3 .box2 .box_in span{vertical-align: middle;display: table-cell;height: auto;}
	#column .column_in .col3 .box2 .box_in span img{width: auto;max-height: 200px;max-width: 100%;}
	#column .column_in .col3 .box2 p{margin: 1% 0 2% 0;}

	#column .column_in .score{width: 100%;margin:5% auto;}
	#column .column_in .score img{margin:0 0 5% 0;}
	#column .column_in .yt_area {width:100%;margin:5% auto 0 auto;}
	#column .column_in .yt_area audio {width:100%;}



	/* read more */
	.dtl-wrap {position: relative;}
	.dtl-wrap + .dtl-wrap {margin-top: 40px;}

	.dtl-trigger {width: 35%;bottom: -20%;top: auto;left: 0;right: 0;z-index: 2;margin: auto;}
	.dtl-trigger:hover {background-color: #C51528;color:#FFF;opacity:1;}
	.dtl-trigger::after {content: "続きを読む";}
	.dtl-trigger .fa {margin-right: .5em;}

	.dtl-item {position: relative;overflow: hidden;}
	.dtl-item.is-hide {height: 100px;}
	.dtl-item::before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 40px; /*グラデーションで隠す高さ*/
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
		background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	}
	.dtl-trigger.is-show {bottom: -2.3em;background:#C51427;color:#FFF;}
	.dtl-trigger.is-show::after {content: "閉じる";}
	.dtl-trigger.is-show + .dtl-item::before {display: none;}




	/* parts */
	.pcnone{display:block;}
	.spnone{display:none;}


}

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

	#column .column_in .column_in_in .num{width:20%;}
	#column .column_in .column_in_in .txt{width:75%;}
	
	#column .column_in .column_in_in2 .num{width:20%;}
	#column .column_in .column_in_in2 .txt{width:75%;}

	#column .column_in .col3 .box2 p{font-size: 3.5vw;}
	#column .column_in .col3 .box2 .box_in span img{width: auto;max-height: 100px;max-width: 100%;}

}