@charset "utf-8";

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

/*----------------------------------------
	for PC
----------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans');

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

	body{background-color:#222;}
	#wrapper{background-color:#000;min-width:1024px;}


	/* common */

	#wrapper{overflow:hidden;}
	.inner_centering{width:1024px;margin:0 auto;z-index:10;position:relative;}



	/* header */

	header{background: transparent url(../img/common/menu_bg.jpg); height:94px; box-shadow:0px 4px 2px rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:90;transition: all 0.5s ;width:100%;}

	header .logo{background:transparent url(../img/common/menu_logo.png);width:190px;height:80px;display:block;float:left;background-size:100%;margin-top:10px;}
	header ul {display:block;float:left;height:94px;margin-left:10px;}
	header ul li{display:block;line-height:1;height:100%;float:left;position:relative;}
	header ul li a{color:#fff;display:block;padding:38px 20px;position:relative;z-index:1;}

	header ul li.top{display:none;}
	header ul .text{height:0;font-size:19px;}

	/* header ul li.story_character a{padding:14px 10px;}
	header ul li.story_character a:after{content:url(../img/common/menu_story_character.png);display:block;}
	header ul li.story_character .text{text-indent:-9999px;display:block;}

	header ul li.action a{padding:25px 10px;}
	header ul li.action a:after{content:url(../img/common/menu_action.png);display:block;}
	header ul li.action .text{text-indent:-9999px;display:block;} */

	header ul li.order span{color:#f18800;}



	 /*ページ表示 */

	/* body.story_character header ul li.story_character:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:12px;position:absolute;z-index:0;}

	body.action header ul li.action:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:4px;position:absolute;z-index:0;}

	body.news header ul li.news:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:-35px;position:absolute;z-index:0;} */



	header ul li.story_character:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:-34px;position:absolute;z-index:0;}

	header ul li.action:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:-34px;position:absolute;z-index:0;}

	header ul li.movie:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:-24px;position:absolute;z-index:0;}


	header ul li.order:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:3px;left:-10px;position:absolute;z-index:0;}




	/* header_fix */

	.fixed header{background-image:none;background-color:rgba(6, 22, 72, 0.8); box-shadow:0px 4px 4px rgba(0,0,0,0.3); height:auto;position:fixed;z-index:90;width:100%;top:0;}
	.fixed header .logo{background:transparent url(../img/common/menu_logo.png);margin:0px 20px 0 0;width:120px;height:45px;display:block;float:left;background-size:100%;}
	.fixed header ul {display:block;float:left;height:auto;}
	.fixed header ul li{display:inline-block;vertical-align: middle;line-height:0;margin:0px 15px 0px;}
	.fixed header ul li a{color:#fff;display:inline-block;font-size:14px;padding:25px 0;}
	.fixed header ul li a .text{font-size:15px;}

	.fixed header ul li.top{display:inline-block;}

	.fixed header ul li.story_character a:after{display:none;}
	.fixed header ul li.story_character .text{text-indent:0px;display:block;}

	.fixed header ul li.action a:after{display:none;}
	.fixed header ul li.action .text{text-indent:0px;display:block;}

	.fixed header ul li.news{margin-left:25px;}

	/* .fixed #wrapper{margin-top:94px;} */


	/* fix時のページ表示 */
/*
	body.fixed.story_character header ul li.story_character:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:20px;position:absolute;z-index:0;}

	body.fixed.action header ul li.action:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-45px;position:absolute;z-index:0;}

	body.fixed.news header ul li.news:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-58px;position:absolute;z-index:0;} */



	.fixed header ul li.story_character:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-65px;position:absolute;z-index:0;}

	.fixed header ul li.action:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-55px;position:absolute;z-index:0;}

	.fixed header ul li.movie:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-55px;position:absolute;z-index:0;}

	.fixed header ul li.order:hover:after{content:'';background-image:url(../img/common/menu_marker.png);display:block;width:156px;height:74px;bottom:0;left:-40px;position:absolute;z-index:0;}



	/* header_state */
	/* li.movie{opacity:0.5;} */


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

	#footer .inner_centering {padding:20px 0 60px;text-align:center;}
	.bnr_footer img{width:300px;margin:0 10px 0;}
	.footer_link { line-height: 160%; letter-spacing: 2px; color: #fff;margin-top:1em;}

	#footer .ratingmark{width:200px;margin-top:20px;}

	.footer_logoheight{ height: 40px; margin: 0 1.5%;}
	.footer_logoheight.switch{ height: 38px; margin: -10px 1.5% 0;}
	.footer_logoheight.xone{ height: 55px; margin: 0px 1.5% -8px;}
	.footer_logoheight.omega{ height: 57px; margin: 0 1.5% -5px;}
	.rights_txt { margin:20px 0;font-size:10px;line-height: 1.6; letter-spacing: 0.5px; text-align: center;color:#fff;}
	.rights_mark { height: 8px;}

	.btn_twitter{background-color:#28a4e0;display:inline-block;color:#fff;padding:5px 20px 5px 5px;border-radius:80px;}
	.btn_twitter .icon{border-radius:50%;width:60px;display:inline-block;vertical-align:middle;margin-right:0.6em;}
	.btn_twitter p{display:inline-block;line-height:1.2;vertical-align:middle;}






	/*common_PC*/

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

	.hide_pc{display:none!important;}


}

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

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


	#wrapper{overflow:hidden;}
	.inner_centering{width:92%;margin:0 auto;z-index:10;position:relative;}


	#header_sp{height:37px;background-color:#0c2b46;display:none;}
	#header_sp .kt_logo{background-image:url(https://www.gamecity.ne.jp/img/svg/kt_b.svg);width:40px;height:25.53px;background-size:100%;position:absolute;top:6px;left:7px;}



	/* header */

	header{height:100vh; background-color:rgba(3, 18, 31, 0.9);position:fixed;z-index:90;transition: all 0.5s ;top:0;overflow:hidden;width:100%;}
	header.close{height:0px;}

	header .logo{background:transparent url(../img/common/menu_logo.png);width:36%;padding-top:15.25%;display:block;margin:15px auto 20px;background-size:100%;}
	header ul {display:block;height:94px;}
	header ul li{display:inline-block;vertical-align: middle;line-height:1;margin:0px 0px 0px;width:100%;text-align:center;position:relative;}
	header ul li .text{height:0px;}

	header ul li::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 1px;
		margin: 0 auto;
		text-align: center;
		/* background: #3F7EFA; /*この部分は後にlinear-gradientへ*/ */
		background-image: -webkit-linear-gradient(left, transparent, #405888 25%, #405888 75%, transparent);
		background-image: linear-gradient(to right, transparent, #405888 25%, #405888 75%, transparent);
	}

	header ul li:last-child::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 1px;
		margin: 0 auto;
		text-align: center;
		/* background: #3F7EFA; /*この部分は後にlinear-gradientへ*/ */
		background-image: -webkit-linear-gradient(left, transparent, #405888 25%, #405888 75%, transparent);
		background-image: linear-gradient(to right, transparent, #405888 25%, #405888 75%, transparent);
	}

	/* header ul li:last-child{border-bottom:1px solid #43699c;} */
	header ul li a{color:#fff;display:block;padding:20px 0;}

	header ul li.top{display:none;}

	header ul li.story_character a:after{content:url(../img/common/menu_story_character.png);display:block;}
	header ul li.story_character .text{text-indent:-9999px;display:block;}

	header ul li.action a:after{content:url(../img/common/menu_action.png);display:block;}
	header ul li.action .text{text-indent:-9999px;display:block;}


	/* header_state */
	li.movie{opacity:0.5;}


	#menu_btn{width:60px;height:60px;background:transparent url(../img/common/menu_icon.jpg);position:fixed;right:10px;top:10px;background-size:100%;z-index:100;box-shadow:1px 1px 3px rgba(0,0,0,0.5);display:none;}




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

	#footer .inner_centering {padding:20px 0 20px;text-align:center;}
	.bnr_footer img{width:300px;margin:0 10px 0;}
	.footer_link { line-height: 160%; letter-spacing: 2px; color: #fff;margin-top:1em;}

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

		#footer .ratingmark{width:200px;margin-top:20px;}

	.btn_twitter{background-color:#28a4e0;display:inline-block;color:#fff;padding:5px 20px 5px 5px;border-radius:80px;}
	.btn_twitter .icon{border-radius:50%;width:40px;display:inline-block;vertical-align:middle;margin-right:0.6em;}
	.btn_twitter p{display:inline-block;line-height:1.2;vertical-align:middle;font-size:12px;}



	/*  */

	.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;}


#cboxOverlay {background: #000!important;opacity: 0.7!important;}