@charset "utf-8";

/*.async-hide { opacity: 0 !important}*/

/*----------------------------------------
	for PC
----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=PT+Serif|Sorts+Mill+Goudy');

@media screen and (min-width: 481px){


	#wrapper{background:url(../img/common/content_bg.jpg);min-width:1100px;overflow:hidden;padding-top:68px;}
	.inner_centering{width:1000px; margin:0 auto 0; padding:0 50px;position:relative;}
	.ta_center{text-align:center;}

	header{background-color:#114405;color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5);z-index:100;position:fixed;width:100%;top:0;height:68px;min-width:1100px;}
	header li{display:inline-block;position:relative;}
	header li.logo a img{display:inline-block;width:130px;margin:-16px 0 -22px;}
	header li a{display:block;padding:20px 20px;color:#fff;font-size:15px;}
	header li:hover a{color:#fffb96;background-color:rgba(0,0,0,0.2);}


	.area_reserve{padding:0 15px 0 32px;background-color:#f1d32a;color:#333;font-weight:bold;display:block;position:absolute;top:0;right:0;height:50px;padding-top:18px;font-size:16px;display:flex;}

	.area_reserve{padding:0 15px 0 32px;background-color:#f1d32a;color:#333;font-weight:bold;display:block;position:absolute;top:0;right:0;height:50px;padding-top:18px;font-size:16px;display:flex;}

	.text_reserve{pointer-events:none;padding-right:5px;color:#333;}

	header .btn_reserve{background-color:#fff9d7;border-radius:30px;padding:6px 20px;line-heihgt:1;margin-left:5px;font-size:15px;color:#333;box-shadow:0 0 6px rgba(0,0,0,0.3);}
	header .btn_reserve:nth-of-type(2n+0){background-color:#ffe975;margin-left:1px;}

	header .btn_reserve:after{
	content:'';
	width: 0;
	height: 0;
	border-top: 34px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 34px solid transparent;
	border-left: 15px solid #114405;
	position:absolute;
	top:0;left:0;
}

	header li.new:after{position:absolute;content:'NEW';display:block;position:absolute;background-size:100%;left:50%;margin-left:-23px;bottom:3px;border-radius:30px;box-shadow:0px 0px 2px rgba(0,0,0,0.8);background-color:#f1d32a;color:#333;padding:2px 10px 3px;line-height:1;font-size:11px;font-weight:800;}

	/*---- footer ----*/
	#footer { background-color:#fff;}
	#footer .img_attention{font-size:12px;margin-bottom:30px;}

	#footer .inner_centering {padding:20px 0 60px;}
	.bnr_footer img{width:300px;margin:0 10px 0;}
	.footer_link { line-height: 160%; letter-spacing: 2px; color: #176505;}

	.footer_logoheight{ height: 40px; margin: 0 1.5%;}
	.footer_logoheight.steam{ height: 40px; margin-bottom:-6px;}
	.footer_logoheight.shibusawa{ height: 48px; margin-bottom:-6px;}
	.rights_txt { margin:20px 0;font-size:10px;line-height: 1.6; letter-spacing: 0.5px; text-align: center;}
	.rights_mark { height: 8px;}


	/*common_PC*/

	.btn_mouseover{transition:all 0.2s;}
	.btn_mouseover:hover{transform:scale(0.95,0.95);}

	.hide_pc{display:none!important;}


}

@media screen and (max-width: 1250px) and (min-width:481px) {

	header li:nth-of-type(2){display:none;}

}

/*----------------------------------------
	for SP
----------------------------------------*/

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

	body{font-size:15px;}
	#wrapper{background:url(../img/common/content_bg.jpg);overflow:hidden;background-size:120%;padding-top:44px;}
	.ta_center{text-align:center;}


	header{background-color:#114405;color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5);z-index:100;position:fixed;width:100%;top:0;height:44px;}
	header li{display:block;position:relative;border-top:1px solid #2e6636;}
	header .logo{height:44px;}
	header li.logo a img{display:block;width:100px;position:absolute;top:0;left:50%;margin-left:-60px;z-index:10;}
	header li a{display:block;padding:18px 25px;color:#fff;font-size:13px;}

	header ul{height:45px;overflow:hidden;background-color:#114405;top:44px;box-shadow:0px 2px 1px rgba(0,0,0,0.4);transition:all 0.5s;}

	.text_reserve{padding:0 8px 0 25px;background-color:#f1d32a;color:#333;font-weight:bold;display:block;position:absolute;top:0;right:0;height:32px;padding-top:13px;font-size:12px;}

	header .btn_reserve{background-color:#fefefe;border-radius:30px;padding:2px 20px;line-heihgt:1;font-size:15px;color:#333;box-shadow:0 0 6px rgba(0,0,0,0.3);margin:20px 0;display:inline-block;}
	header .btn_reserve:nth-of-type(2n+0){background-color:#ffe975;margin-left:1px;}

	header .text_reserve:after{
	content:'';
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 15px solid #114405;
	position:absolute;
	top:0;left:0;
}

header .area_reserve .list{position:fixed;top:45px;left0;width:100%;background-color:#f1d32a;text-align:center;height:0px;overflow:hidden;box-shadow: 0px 2px 1px rgba(0,0,0,0.4);}
header.open_reserve .area_reserve .list{height:auto;}

	header li.new a:after{position:relative;content:'NEW';display:inline-block;background-size:100%;margin-left:0.8em;border-radius:30px;box-shadow:0px 0px 2px rgba(0,0,0,0.8);background-color:#f1d32a;color:#333;padding:2px 10px 3px;line-height:1;font-size:11px;font-weight:800;}



	#sp_menu{position:absolute;top:0;left:0;z-index:100;}
	header.open ul{height:auto;}


	#sp_menu{
	  display: inline-block;
	  position: absolute;
		top:3px;left:3px;
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  /* background: #fff; */
	}



	#sp_menu .icon{
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 14px;
	  height: 2px;
	  margin: -1px 0 0 -7px;
	  background: #fff;
	  transition: .2s;
	}

	#sp_menu .icon:before, #sp_menu .icon:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 14px;
	  height: 2px;
	  background: #fff;
	  transition: .3s;
	}

	#sp_menu .icon:before{
	  margin-top: -6px;
	}

	#sp_menu .icon:after{
	  margin-top: 4px;
	}

	/* オープン時 */

	header.open #sp_menu .icon{
	  background: transparent;
	}

	header.open #sp_menu .icon:before, header.open #sp_menu .icon:after{
	  margin-top: 0;
	}

	header.open #sp_menu .icon:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}

	 header.open #sp_menu .icon:after{
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}



	/*---- footer ----*/
	#footer .img_attention{font-size:10px;margin-bottom:20px;line-height:1.3;}
	#footer .bnr_footer{width:49%;margin:0 0px 0;display:block;}
	#footer .bnr_footer img{width:100%;margin:0 0px 0;}
	#footer .footer_link_box{display:flex;justify-content: space-between;}
	#footer .footer_link { line-height: 160%; letter-spacing: 2px; color: #176505;font-size:13px;}
	#footer { background-color:#fff;overflow:hidden;padding:10px 0 30px;}
	#footer .inner_centering { width:90%;margin:0 auto 0;}
	/*#footer .footer_link { font-size: 11px; line-height: 160%; letter-spacing: 1px; color: #000;}*/
	#footer .footer_logoheight{ height: 28px; margin: 0 2%;}
	#footer .rights_txt { font-size: 8px; color: #000; line-height: 150%; vertical-align: bottom; letter-spacing: 0.5px; text-align: center; text-align:left;margin:14px 0 0;}
	#footer .rights_txt br{display:none;}
	#footer .rights_mark { height: 6px;}

	/**/

	.hide_sp{display:none!important;}



}

	.clearfix:after{content:'';display:block;clear:both;}




	/* forVita */


.vita #press{display:none;}
.vita header{display:none;}
.vita #wrapper{padding-top:0px;}
.vita .bnr_about{display:none!important;}



.fixed-info {
	border: 2px #222 solid;
	padding: 1em;
	margin: 3% 0;
	font-weight: bold;
}

.smaller-text{
	font-size: 0.8em;
	font-weight: bold;
}

.exh5{
	color: #1c6512;
	font-weight: bold!important;
	padding-bottom: 1em;
	font-size: 21px;
}

@media screen and (min-width: 641px) {
	.pc-none{
	display: none;
	}
}