@charset "utf-8";

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

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


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

	body{background-color:#000;}

	.header-sp{display:none;}

	#loadingBg {position: fixed;left: 0;top: 0;width: auto;min-width: 100%;height: auto;min-height: 100%;background: #24340e;z-index:100;pointer-events: none;}
	#loading {position: fixed;top: 50%;left: 0%;width: 100%;padding: 50px 0px;margin: -70px 0 0 0px;z-index:101}
	#loading #percent {margin-bottom: 5px;text-align: center;font-size: 16px;z-index:101;color:#fff;}
	#loading #gauge {width: 0px;height: 5px;background: #344f0f;z-index:101;}
	#loading .loading-icon{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-180px;width:100px;}


	/*---- menu ----*/

	#wrapper{overflow:hidden;}

	#menu-btn{display:none;}  /* for sp */

	/*  */
	.menu-bar{position:fixed;width:100%;z-index:1;top:0;z-index:90;transition:all 0.4s;}
	.menu-bar.stylechange{background:rgba(0,0,0,0.7);}
	.menu__btn{margin:0 20px;display:inline-block;vertical-align: middle;position:relative;}
	.menu__btn a{color:#fff;font-size:1.2vw;font-weight:500;transition:all 0.4s;}
	.menu-reserve{right:0;background:#e65500 center center;top:1vw;position:absolute;margin:0;color:#fff;width:300px;height:70%;font-size:1vw;letter-spacing: 2px;}
	.menu-reserve:hover{background:#c83000 center center;}
	.menu-reserve .text{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;display:block;position:absolute;font-weight:bold!important;text-shadow:1px 1px 0px rgba(0,0,0,0.1);}

	.menu__btn.new:after{content:'UPDATE';display:block;position:absolute;margin-left:-50px;left:50%;bottom:-25px;background:#fffa53;color:#333;padding:3px 10px;width:80px;line-height:1;text-align:center;border-radius:20px;font-size:13px;transition:all 0.5s;font-style: italic;}



	.menu-bar__inner{padding:0 20px;margin:0 auto;transition: all 1s;width:auto;}
	.menu-bar h1{display:inline-block;vertical-align: middle;}
	.menu-logo img{display:block;margin:0.5vw 20px 0 20px;width:12vw;transition:all 0.4s;}
	.menu-bar h1{display:inline-block;vertical-align: middle;}

	.menu-bar.stylechange{background:rgba(0,0,0,0.7);}
	.menu-bar.stylechange .menu__btn a{font-size:16px;}
	.menu-bar.stylechange	.menu-logo img{display:block;margin:0vw 20px 0 20px;width:8vw;transition:all 0.4s;}
	.menu-bar.stylechange	.menu-reserve{width:260px;display:block;position:absolute;right:0;transition:all 0.4s;top:0vh;height:100%;padding:0;font-size:18px;}

	.menu-bar.stylechange .menu__btn.new:after{content:'UPDATE';display:block;position:absolute;margin-left:-40px;left:50%;bottom:-13px;background:#fffa53;color:#333;padding:2px 10px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:9px;}

	/* .menu-bar.stylechange .menu-bar__inner{padding:0 20px;margin:0 auto;width:1000px;} */


	.menu__wrap-btn{display:inline-block;vertical-align:middle;}




	/* product */
	.content-product{background:url(../img/top/spec-bg.jpg);color:#333;padding:60px 0 0px;background-size:cover;}
	.productinfo-wrap{display:flex;justify-content:center;}
	.product__img{width:260px;border:2px solid #fff;margin-right:50px;box-shadow:5px 5px 2px rgba(0,0,0,0.3);}
	.product__subname{color:#b94a0b;font-size:20px;padding-bottom:10px;font-style: italic;font-weight:800;}
	.product__name{font-weight:800;font-size:32px;margin-bottom:10px;line-height:1.3;}
	.product__date{font-size:22px;margin-bottom:10px;line-height:1.2em;}
	.product__date .min{font-size:14px;margin-bottom:10px;padding-left:1em;}
	.product__text{width:600px;padding-top:20px;}
	.product__text .num{font-size:40px;display:inline-block;font-style: italic;padding:0 6px;}
	.product__text .console{display:inline-block;color:#fff;padding:2px 16px;text-align:center;font-size:12px;margin-right:10px;border-radius:20px;background-color:rgba(150, 132, 100, 0.8);}
	.product__headline{text-align:center;padding-bottom:0px;font-weight:bold!important;font-size:40px;margin-bottom:40px;}
	.product__headline .underline{border-bottom:1px solid #333;display:inline-block;font-weight:bold;}
	.content-product .wrap-centering{text-align:center;padding:30px 0 120px; }
	.content-product .product-btn{width:340px;margin-top:20px;}

	.btn-area{display:flex;flex-wrap: wrap;}

	.content-product .btn{background-color:#e65500;color:#fff;padding:15px 15px;margin:15px 5px 0;display:block;text-align:center;;box-shadow:2px 3px 0px rgba(0,0,0,0.1);width:250px;box-sizing:border-box;line-height:1.4;}
	.content-product .btn.non{background-color:#aaa;color:#fff;}

	.content-product .other{background-color:rgba(255,255,255,0.8);color:#e65500;padding:8px 15px;margin:15px 5px 0 ;display:block;text-align:center;box-shadow:2px 3px 0px rgba(0,0,0,0.1);width:250px;box-sizing:border-box;border:2px solid #e65500;}
	.content-product .btn.out:after{content:'';display:inline-block;background-image:url('../img/common/icon_out.svg');background-repeat:no-repeat;width:18px;height:17px;background-size:100%;margin-left:0.5em;margin-bottom:-0.1em;position:relative;z-index:1;}

	.productinfo-line{margin:60px auto;height:1px;background:#333;display:block;width:900px;}

	.tab .btn:hover{background-color:#c83000;}
	.tab .other:hover{background-color:rgb(255, 240, 201);}

	/* privilege */

	.privilege__wrap{background:rgba(255,255,255,0.2);border-top:1px solid #ddd;text-align:center;margin-top:150px;}
	.privilege__img{display:block;margin:-70px auto 0;width:800px;}





	/* upgrade */
	.content-upgrade{background:url(../img/top/upgrade_bg.jpg);border-top:1px solid #ddd;text-align:center;background-size:cover;}
	.content-upgrade__inner{padding:100px 0;}

	.upgrade-title{color:#f6f7ca;font-size:40px;font-weight:800;}
	.upgrade-text{color:#fff;font-size:21px;padding:30px 0;}
	.upgrade-text .red{color:#c53e3e;font-weight:800;}
	.upgrade-img{width:600px;display:block;margin:0 auto;}
	.upgrade-name{width:600px;display:block;margin:20px auto 0;}

	.upgrade-price{color:#fff;font-size:30px;}
	.upgrade-price .num{color:#fff;font-size:50px;font-style: italic;}


.upgrade-console{color:#fff;font-size:15px;margin-top:20px;}
	.upgrade-attention{color:#fff;font-size:16px;}

	.btn-more{width:18vw;margin:20px auto 0;display:block;}
	.btn-more.btn-large{width:20vw;}



	/*---- footer ----*/

	#footer { background-color:#000;color:#ddd;position:relative;z-index:20;margin-top:0px;}
	#footer .img_attention{font-size:12px;margin-bottom:30px;color:#fff;}
	#footer .cero{height:60px;margin-bottom:-10px;}

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

	#footer .btn_reserve{background-color:#f18800 ;color:#fff;padding:10px 40px;display:inline-block;margin:30px 10px 20px;border-radius:30px;}

	.footer_logoheight{ height: 40px; margin: 0 1.5%;}
	.footer_logoheight.steam{ height: 40px; margin-bottom:-6px;}
	.footer_logoheight.std{ height: 70px; margin-bottom:-10px;}
	.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;color:#fff;}
	.rights_mark { height: 8px;}

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

	.btn-twitter-footer{width:340px;margin:0 auto 20px;}


	 #footer #language{margin:0px 0 0px;padding:20px 0;color:#fff;text-align:center;font-size:14px;}
	 #footer #language a{color:#333;padding:3px 20px;border-radius:20px;margin:0 2px;border:2px solid #fff;color:#fff;box-sizing:border-box;}





	/*common_PC*/

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

	.hide_pc{display:none!important;}


}

/*----------------------------------------
	for Tab
----------------------------------------*/

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


	#loadingBg {position: fixed;left: 0;top: 0;width: auto;min-width: 100%;height: auto;min-height: 100%;background: #24340e;z-index:100;pointer-events: none;}
	#loading {position: fixed;top: 50%;left: 0%;width: 100%;padding: 50px 0px;margin: -70px 0 0 0px;z-index:101}
	#loading #percent {margin-bottom: 5px;text-align: center;font-size: 16px;z-index:101;color:#fff;}
	#loading #gauge {width: 0px;height: 5px;background: #344f0f;z-index:101;}
	#loading .loading-icon{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-180px;width:100px;}


	.header-sp{background:#151515;color:#bbb;font-style:italic;width:100%;text-align:center;padding:4px 0;font-size:10px;letter-spacing:5px;position:fixed;z-index:1;top:0;left:0;z-index:2;}
	.header-sp .btn-back{color:#bbb;position:absolute;left:120px;top:4px;padding:4px 10px;border-radius:20px;font-style:normal;line-height:1;letter-spacing: normal;display:block;}
	.header-sp .btn-back::before{content:'';display:block;position:absolute;top:3px;left:-5px;box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #bbb;-webkit-border-radius: 50%;border-radius: 50%;}
	.header-sp .btn-back::after{content:'';display:block;position:absolute;left: 0px;top:7px;width: 3px;height: 3px;border-top: 1px solid #bbb;border-right: 1px solid #bbb;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}


	.close #menu-btn{display:block;left:10px;top:10px;width:85px;height:85px;background:url(../img/common/menu-open.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;transition:all 0.2;}
	.open #menu-btn{display:block;left:295px;top:10px;width:50px;height:50px;background:url(../img/common/menu-close.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;}

	.menu-bar{position:fixed;width:280px;background:#000;height:100vh;z-index:1;box-shadow:3px 0 8px rgba(0,0,0,0.6);left:-280px;opacity:0;z-index:2;transition:all 0.5s;}
	.content-area{position:relative;overflow:hidden;z-index:0;min-width:920px;}



	#menu-btn.new:after{content:'';display:block;width:31px;height:30px;background:url(../img/common/icon-menuupdate.png);position:absolute;top:0;right:0;background-size:100%;}
	.open #menu-btn.new:after{opacity:0;}

	#wrapper{overflow:hidden;width:100%;}

	.close #menu-btn{display:block;right:10px;bottom:40px;width:94px;height:94px;background:url(../img/common/menu-open.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;transition:all 0.2;z-index: 101;}

	.open #menu-btn{display:block;right:10px;bottom:40px;width:50px;height:50px;background:url(../img/common/menu-close.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;z-index: 101;}

	.menu__btn.new:after{content:'UPDATE';display:block;position:absolute;margin-right:-30px;right:0;bottom:30px;background:#fffa53;color:#333;padding:3px 5px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:13px;transition:all 0.5s;font-style: italic;}



	.menu-bar{position:fixed;width:200px;background:#000;height:100vh;z-index:1;box-shadow:3px 0 8px rgba(0,0,0,0.6);left:-200px;opacity:0;z-index:2;transition:all 0.5s;}
	.content-area{position:relative;overflow:hidden;z-index:0;width:100%;}

	.menu-reserve{width:100%;display:block;line-height:1.2;text-align:center;background-color:#d00;color:#fff;padding:3vw 0;}

	.close #menu-bgwrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0;z-index:100;transition:all 0.5s;pointer-events: none;}
	.open #menu-bgwrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0.7;z-index:1;
	pointer-events: all;z-index:100;}

	.open .menu-bar{position:fixed;width:280px;background:#000;height:100vh;z-index:1;box-shadow:3px 0 8px rgba(0,0,0,0.6);left:0px;opacity:1;z-index:101;border-right: 1px solid #333;}
	.menu-bar__inner{position:absolute;top:0;width:100%;padding:0 0 20px;}
	/* .open .content-area{position:relative;overflow:hidden;z-index:0;min-width:920px;} */



	.menu__btn{margin:0 auto;text-align:center;position:relative;border-bottom:1px solid #222;border-top:1px solid #111;}
	.menu__btn a{color:#fff;width:100%;display:block;padding:3vw 0;}

	.menu-logo img{display:block;margin:24px auto 20px;width:92%;}

	.info-delay{position:relative;margin:20px auto 0;z-index:1;width:80%;	text-align:center;border:1px solid #ddd;border-radius:10px;color:#fff;font-size:14px;display:block;}
	.info-delay:hover{background-color:#ddd;color:#000;transition:all 0.5s;}

	.news-wrap{background-color:#2f1d11;border:1px solid #6e4f2e;width:200px;padding:8px 20px 14px;margin:20px auto 0 ;}
	/*position:absolute;bottom:30px;left:15px;*/
	.news__tit{margin-bottom:10px;}
	.news__tit img{display:block;margin:0 auto;}
	.news__list{color:#fff;}
	.news__date{font-size:12px;display:block;line-height:1.2;}
	.news__text{font-size:15px;display:block;}
	.news__text a{color:#dba743;}




	/* product */
	.content-product{background:url(../img/top/spec-bg.jpg);color:#333;padding:60px 0 0px;background-size:cover;}
	.productinfo-wrap{justify-content:center;}
	.product__img{width:260px;border:2px solid #fff;margin-right:50px;box-shadow:5px 5px 2px rgba(0,0,0,0.3);}
	.product__name{font-weight:800;font-size:32px;margin-bottom:10px;}
	.product__date{font-size:22px;margin-bottom:10px;line-height:1.2em;}
	.product__date .min{font-size:14px;margin-bottom:10px;padding-left:1em;}
	.product__text{width:600px;padding-top:20px;}
	.product__text .num{font-size:40px;display:inline-block;font-style: italic;padding:0 6px;}
	.product__text .console{display:inline-block;color:#fff;padding:4px 16px;text-align:center;font-size:14px;margin-right:10px;border-radius:20px;background-color:#968464;}
	.product__headline{text-align:center;padding-bottom:0px;font-weight:bold!important;font-size:40px;margin-bottom:40px;}
	.product__headline .underline{border-bottom:1px solid #333;display:inline-block;font-weight:bold;}
	.content-product .wrap-centering{text-align:center;padding:30px 0 120px; }
	.content-product .product-btn{width:340px;margin-top:20px;}

	/* privilege */
	.privilege__wrap{background:rgba(255,255,255,0.2);border-top:1px solid #ddd;text-align:center;}
	.privilege__img{display:block;margin:-120px auto 0;width:800px;}


	/* upgrade */
	.content-upgrade{background:url(../img/top/upgrade_bg.jpg);border-top:1px solid #ddd;text-align:center;background-size:cover;}
	.content-upgrade__inner{padding:100px 0;}

	.upgrade-title{color:#f6f7ca;font-size:45px;font-weight:800;}
	.upgrade-text{color:#fff;font-size:21px;padding:30px 0;}
	.upgrade-text .red{color:#c53e3e;font-weight:800;}
	.upgrade-img{width:800px;display:block;margin:0 auto;}
	.upgrade-name{width:600px;display:block;margin:20px auto 0;}

	.upgrade-price{color:#fff;font-size:30px;}
	.upgrade-price .num{color:#fff;font-size:50px;font-style: italic;}

.upgrade-console{color:#fff;font-size:16px;margin-top:20px;}
	.upgrade-attention{color:#fff;font-size:16px;}

	.btn-more{width:16vw;margin:20px auto 0;display:block;}
	.btn-more.btn-large{width:20vw;}


	/*---- footer ----*/

	#footer { background-color:#000;color:#ddd;position:relative;z-index:20;margin-top:0px;}
	#footer .img_attention{font-size:12px;margin-bottom:30px;color:#fff;}
	#footer .cero{height:60px;margin-bottom:-10px;}

	#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;border-bottom:1px solid #aaa;padding-bottom:2px;}

	#footer .btn_reserve{background-color:#f18800;color:#fff;padding:10px 40px;display:inline-block;margin:30px 10px 20px;border-radius:30px;}

	.footer_logoheight{ height: 40px; margin: 0 1.5%;}
	.footer_logoheight.steam{ height: 40px; margin-bottom:-6px;}

	.footer_logoheight.shibusawa{ height: 48px; margin-bottom:-6px;}
		.footer_logoheight.std{ height: 70px; margin-bottom:-10px;}
	.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 40px 5px 5px;border-radius:80px;font-size:18px;margin:0 2px;}
	.btn_twitter .icon{border-radius:50%;width:42px;display:inline-block;vertical-align:middle;margin-right:0.6em;}
	.btn_twitter p{display:inline-block;line-height:1.2;vertical-align:middle;}

	.btn-twitter-footer{width:340px;margin:0 auto 20px;}


	 #footer #language{margin:0px 0 0px;padding:20px 0;color:#fff;text-align:center;font-size:14px;}
	 #footer #language a{color:#333;padding:3px 20px;border-radius:20px;margin:0 2px;border:2px solid #fff;color:#fff;box-sizing:border-box;}



	.hide_pc{display:none!important;}

}


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

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



	body{font-size:14px;color:#eee;}

	#loadingBg {position: fixed;left: 0;top: 0;width: auto;min-width: 100%;height: auto;min-height: 100%;background: #24340e;z-index:100;pointer-events: none;}
	#loading {position: fixed;top: 50%;left: 0%;width: 100%;padding: 50px 0px;margin: -70px 0 0 0px;z-index:101}
	#loading #percent {margin-bottom: 5px;text-align: center;font-size: 16px;z-index:101;color:#fff;}
	#loading #gauge {width: 0px;height: 5px;background: #344f0f;z-index:101;}
	#loading .loading-icon{position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-120px;width:60px;}

	.header-sp{background:#151515;color:#bbb;font-style:italic;width:100%;text-align:center;padding:4px 0;font-size:10px;letter-spacing:3px;position:fixed;z-index:5;}
	.header-sp .btn-back{color:#fff;position:absolute;left:0px;top:0px;padding:0 0 0px 0px;border-radius:0px;font-style:normal;line-height:1;font-size:9px;display:block;background:#880606;height:100%;width:60px;}
	.header-sp .btn-back .text{transform:translate(-50%,-50%);position:absolute;top:50%;left:60%;letter-spacing:0;}
	.header-sp .btn-back .text::before{content:'';display:block;position:absolute;top:0px;left:-15px;box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;}
	.header-sp .btn-back .text::after{content:'';display:block;position:absolute;left: -10px;top:4px;width: 3px;height: 3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}


	#wrapper{overflow:hidden;width:100%;}

	.close #menu-btn{display:block;right:10px;bottom:40px;width:74px;height:74px;background:url(../img/common/menu-open.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;transition:all 0.2;z-index: 101;}

	.open #menu-btn{display:block;right:10px;bottom:40px;width:50px;height:50px;background:url(../img/common/menu-close.png);position:fixed;z-index:10;transition:all 0.5s;background-size:100%;z-index: 101;}

	#menu-btn.new:after{content:'';display:block;width:31px;height:30px;background:url(../img/common/icon-menuupdate.png);position:absolute;top:0;right:0;background-size:100%;}
	.open #menu-btn.new:after{opacity:0;}



	.menu-bar{position:fixed;width:200px;background:#000;height:100vh;z-index:1;box-shadow:3px 0 8px rgba(0,0,0,0.6);left:-200px;opacity:0;z-index:2;transition:all 0.5s;}
	.content-area{position:relative;overflow:hidden;z-index:0;width:100%;}

	.menu-reserve{width:100%;display:block;line-height:1.2;text-align:center;background-color:#d00;color:#fff;padding:3% 0;}


	.close #menu-bgwrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0;z-index:100;transition:all 0.5s;pointer-events: none;}
	.open #menu-bgwrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0.7;z-index:1;
	pointer-events: all;z-index:100;}

	.open .menu-bar{position:fixed;width:200px;background:#000;height:100vh;z-index:1;box-shadow:3px 0 8px rgba(0,0,0,0.6);left:0px;opacity:1;z-index:101;border-right: 1px solid #333;}
	.menu-bar__inner{position:absolute;top:0;width:100%;padding:0 0 20px;}
	/* .open .content-area{position:relative;overflow:hidden;z-index:0;min-width:920px;} */



	.menu__btn{margin:0 auto;text-align:center;position:relative;border-bottom:1px solid #222;border-top:1px solid #111;}
	.menu__btn a{color:#fff;width:100%;display:block;padding:3vw 0;}

	.menu__btn.new:after{content:'UPDATE';display:block;position:absolute;margin-right:-30px;right:0;bottom:15px;background:#fffa53;color:#333;padding:3px 5px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:9px;transition:all 0.5s;font-style: italic;}

	.menu-logo img{display:block;margin:24px auto 20px;width:92%;}

	/* product */
	.content-product{background:url(../img/top/spec-bg.jpg);color:#fff;padding:8% 0 0%;color:#333;}
	.productinfo-wrap{}
	.product__headline{text-align:center;padding-bottom:0px;font-weight:bold!important;font-size:10vw;margin-bottom:40px;color:#333;}
	.product__headline .underline{border-bottom:1px solid #333;display:inline-block;font-weight:bold;}

	.product__img{width:180px;border:1px solid #fff;margin:0 auto;display:block;box-shadow:5px 5px 2px rgba(0,0,0,0.3);}
	.product__name{font-weight:800;font-size:18px;margin-bottom:10%;text-align:center;color:#333;}
	.product__text{width:80%;padding-top:20px;margin:0 auto;font-size:13px;textalign:center;}
	.product__text li{text-align:center;}
	.product__text .num{font-size:36px;display:inline-block;font-style: italic;padding:0 6px;line-height:1.2;}
	.product__text .console{display: block;color: #fff;padding: 5px 8px;text-align: center;font-size: 10px;margin-top: 10px;line-height:1.2;background-color:rgba(0,0,0,0.4);border-radius:20px;}

	.product__date{font-size:16px;line-height:1.4em;}
	.product__date .min{font-size:12px;}

	.product-btn{margin-top:20px;width:70%;display:inline-block;}
	.content-product .wrap-centering{text-align:center;}

	.content-product .btn-more{width:70%;margin-top: 10vw; auto 0;}

	.content-product .btn{background-color:#e65500;color:#fff;padding:15px 15px;margin:15px 0px 0;display:block;text-align:center;;box-shadow:2px 3px 0px rgba(0,0,0,0.1);width:100%;box-sizing:border-box;line-height:1.4;}
	.content-product .btn.non{background-color:#aaa;color:#fff;}

	.content-product .other{background-color:rgba(255,255,255,0.8);color:#e65500;padding:8px 15px;margin:15px 5px 0 ;display:block;text-align:center;box-shadow:2px 3px 0px rgba(0,0,0,0.1);width:100%;box-sizing:border-box;border:2px solid #e65500;}
	.content-product .btn.out:after{content:'';display:inline-block;background-image:url('../img/common/icon_out.svg');background-repeat:no-repeat;width:18px;height:17px;background-size:100%;margin-left:0.5em;margin-bottom:-0.1em;position:relative;z-index:1;}

	.productinfo-line{margin:15vw auto;height:1px;background:#666;display:block;width:900px;}


	.privilege__wrap{background:rgba(255,255,255,0.2);border-top:1px solid #ddd;text-align:center;margin-top:20vw;}
	.privilege__img{width:100%;display:block;margin-top:-20vw;}



	/* upgrade */
	.content-upgrade{background:url(../img/top/upgrade_bg.jpg) center top;border-top:1px solid #ddd;text-align:center;background-size:cover;width:100%;}
	.content-upgrade__inner{padding:14vw 0;}

	.upgrade-title{color:#f6f7ca;font-size:6vw;font-weight:800;line-height:1.5;}
	.upgrade-text{color:#fff;font-size:15px;padding:6vw 0;width:90%;margin:0 auto;text-align:left;}
	.upgrade-text .red{color:#c53e3e;font-weight:800;}
	.upgrade-img{width:90%;display:block;margin:0 auto;}
	.upgrade-name{width:100%;display:block;margin:20px auto 0;}

	.upgrade-price{color:#fff;font-size:13px;}
	.upgrade-price .num{color:#fff;font-size:36px;font-style: italic;}

	.upgrade-console{color:#fff;font-size:16px;margin-top:20px;}
	.upgrade-attention{color:#fff;font-size:10px;}

	.btn-more{width:70%;margin:20px auto 0;display:block;}
	.btn-more.btn-large{width:20vw;}

	/*---- footer ----*/
	#footer { background-color:#333;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: 20px; margin: 0 1.5%;}
	.footer_logoheight.steam{ height: 40px; margin-bottom:-6px;}
		.footer_logoheight.std{ height: 40px; margin-bottom:-10px;}
	.footer_logoheight.shibusawa{ height: 30px; margin-bottom:-6px;}
	.rights_txt { margin:20px auto;font-size:8px;line-height: 1.6; letter-spacing: 0.5px; text-align: left;color:#fff;width:90%;}
	.rights_txt br{display:none;}
	.rights_mark { height: 8px;}

	#footer .cero{height:40px;margin-bottom:-5px;}

	.btn-twitter-footer{width:80%;margin:0 auto 5vw;}


	 #footer #language{margin:0px 0 0px;padding:16px 0 30px;color:#fff;text-align:center;background-color:#333;font-size:12px;}
	 #language .tit{text-align:center;display:block;padding-bottom:10px;font-size:15px;}
	 #footer #language a{color:#333;padding:3px 10px;border-radius:20px;margin:0 1px;border:1px solid #fff;color:#fff;box-sizing:border-box;}


	 	#footer .btn_reserve{background-color:#f18800;color:#fff;padding:10px 30px;display:inline-block;margin:0px 2px 0px;border-radius:30px;font-size:12px;}


	.btn_twitter{background-color:#28a4e0;display:inline-block;color:#fff;padding:5px 20px 5px 5px;border-radius:80px;margin:0 2px;}
	.btn_twitter .icon{border-radius:50%;width:31px;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;}

	#manual{text-align:center;padding:40px 0;background-color:#000;}
	#manual a{color:#fff;background-color:#000;font-size:19px;border-radius:50px;transition:all 0.5s;padding:4px;display:inline-block;margin:0 auto;border:2px solid #aaa;}

	#manual .line{font-size:14px;border-radius:50px;padding:3px 30px;}
	#manual a:hover{color:#000;background-color:#fff;}

	#manual a .line:after{content:'';display:inline-block;background-image:url('../img/common/icon_out.svg');background-repeat:no-repeat;width:18px;height:17px;background-size:100%;margin-left:0.5em;margin-bottom:-0.1em;}





	/*  */

	.hide_sp{display:none!important;}



}

	.clearfix:after{content:'';display:block;clear:both;}
#cboxOverlay {background: #000!important;opacity: 0.7!important;}