@charset "utf-8";




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


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

/* .content__wrap{background-color:#151515;background-size:cover;position:relative;border-top:5px solid rgba(193, 171, 65, 0.4);box-sizing:border-box;}
.content__wrap:before{content:'';display:block;width:100%;height:2px;background:rgba(193, 171, 65, 0.3);position:absolute;top:7px;} */
.content__inner{padding:65px 0 140px;}



.position-relative{position:relative;}

.content-head{color:#c1ab42;text-align:center;font-size:40px;}
.head-image__img{margin-top: -32vw!important;}
.content-head .border{width:200px;height:1px;margin:20px auto 100px;background-color:#c1ab42;}

.upgrade-name{width:660px;margin-top:80px;}

.section-title{color:#fff;font-weight:600;font-size:45px;padding-top:0px;line-height:1.3;padding-bottom:20px;margin-top:80px;}
.section-title .front{position:relative;z-index:2;}
.section-title.margin-top{padding-top:180px;}
.section-text{color:#fff;}



.inner_centering{width:100%;padding:0 50px;margin:0 auto;max-width:900px;}

.upgrade-img{width:560px;}

.plus_fb{color:#c1ab42;font-size:20px;position:relative;z-index:0;margin-bottom:15px;}
.section-title{font-size:38px;position:relative;z-index:20;border-bottom:1px solid #c1ab42;margin-bottom:20px;}
.section-title:before{content:'';display:block;width:80px;height:80px;border:2px solid #4f461c;transform:rotate(45deg );top:-30px;left:-50px;z-index:0;position:absolute;}
.section-title:after{content:'';display:block;width:60px;height:60px;border:2px solid #7e541d;transform:rotate(45deg );position:absolute;top:-20px;left:-40px;z-index:0;}

.img-graph{width:900px;margin:0 auto;display:block;margin: 0 auto 100px;}


.content-product{padding-bottom:60px;}

/* .wrap_update{padding:30px 60px 60px;border:1px solid #a56515;width:780px;margin-top:100px;} */
.update_title{color: #a56515;text-align:center;font-weight:bold;font-size:28px;}
.head_update{color: #e07d00;border-bottom:1px solid #a56515;margin-bottom:0.8em;margin-top:2em;font-size:20px;padding-bottom:10px;}
.text_update{color:#aaa;font-size:16px;}
.text_update li{color:#aaa;font-size:14px;}
.text_update li:before{content:'・';}




}






@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/
/* #visual{padding-top:40%;width:100%;background-position:center top;position:relative;background-size:100%;} */
/* #visual{padding-top:40%;width:100%;background:#fff url(../img/top/visual_img.jpg) no-repeat;background-position:center top;position:relative;background-size:100%;} */
#content_story_character{background-size:100%;}
}






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

@media screen and (max-width: 1199px) and (min-width: 641px){
	.btn-movie{position:absolute;left:auto;top:30px;right:30px;display:block;width:220px;background-color:#000;border:1px solid #fff;}

	.wrap-banner-lefttop{right:20px;left:auto;top:40px;}
		.banner_lefttop{width:240px;display:block;margin-bottom:8px;}
		.banner_lefttop img{width:100%;display:block;margin-bottom:8px;}

}



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


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


	/*  */

	/* .content__wrap{background-color:#151515;background-size:cover;position:relative;border-top:5px solid rgba(193, 171, 65, 0.4);box-sizing:border-box;}
	.content__wrap:before{content:'';display:block;width:100%;height:2px;background:rgba(193, 171, 65, 0.3);position:absolute;top:7px;} */
	.content__inner{padding:0px 0 90px;}


	.position-relative{position:relative;}

	.content-head{color:#c1ab42;text-align:center;font-size:40px;}
	.head-image__img{margin-top: -32vw!important;}
	.content-head .border{width:200px;height:1px;margin:20px auto 100px;background-color:#c1ab42;}

	.upgrade-name{width:660px;margin-top:80px;}

	.section-title{color:#fff;font-weight:600;font-size:45px;padding-top:0px;line-height:1.3;padding-bottom:20px;margin-top:80px;}
	.section-title .front{position:relative;z-index:2;}
	.section-title.margin-top{padding-top:180px;}
	.section-text{color:#fff;}

	.head-image__inner{position:reltative;height:100%;}

	.head-title {position: absolute;top: 55%;left: 50%;color: #fff;width: 80%;background: rgba(36, 52, 14, 0);margin: 0 auto;display: inline-block;line-height: 1.3;font-size: 7vw;transform: translate(-50%,-50%);}



	.inner_centering{width:100%;padding:0 0px;margin:0 auto;max-width:900px;}

	.upgrade-img{width:560px;}

	.plus_fb{color:#c1ab42;font-size:20px;position:relative;z-index:0;margin-bottom:15px;}
	.section-title{font-size:38px;position:relative;z-index:20;border-bottom:1px solid #c1ab42;margin-bottom:20px;}
	.section-title:before{content:'';display:block;width:80px;height:80px;border:2px solid #4f461c;transform:rotate(45deg );top:-30px;left:-50px;z-index:0;position:absolute;}
	.section-title:after{content:'';display:block;width:60px;height:60px;border:2px solid #7e541d;transform:rotate(45deg );position:absolute;top:-20px;left:-40px;z-index:0;}

	.img-graph{width:900px;margin:0 auto;display:block;margin: 0 auto 100px;}


	.content-product{padding-bottom:60px;}

	/* .wrap_update{padding:30px 60px 60px;border:1px solid #a56515;width:780px;margin-top:100px;} */
	.update_title{color: #a56515;text-align:center;font-weight:bold;font-size:28px;}
	.head_update{color: #e07d00;border-bottom:1px solid #a56515;margin-bottom:0.8em;margin-top:3em;font-size:16px;padding-bottom:10px;line-height:1.3;}
	.text_update{color:#aaa;font-size:14px;}
		.text_update br{display:none;}
	.text_update li{color:#aaa;font-size:14px;}
	.text_update li:before{content:'・';}


}