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


.iframe_box{width:100%;padding-bottom:56.25%;position:relative;border-radius:14px;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.iframe_box iframe{position: absolute;top: 0;width: 100%;height: 100%;}


.head-image__img{margin-top:-10vw!important;}

.box-pv{margin:50px auto 70px;width:90%;position:relative;max-width:900px;}
.box-pv .text{color:#fff;text-align:center;font-size:20px;padding-top:10px;}


.box-pv.new:after{content:'';background-image:url(../img/common/menu-newicon.png);width:52px;height:50px;display:block;position:absolute;right:-15px;top:-15px;background-size:100%;}

.position-relative{position:relative;}

.content-head{color:#c1ab42;text-align:center;font-size:40px;}
.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;}
.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:35px 0 140px;}


	.iframe_box{width:100%;padding-bottom:56.25%;position:relative;border-radius:14px;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
	.iframe_box iframe{position: absolute;top: 0;width: 100%;height: 100%;}


	.head-image__img{margin-top:-10vw!important;}

	.img-graph{width:84%;margin:10% auto 5%;display:block;}

	.box-pv{margin:50px auto 70px;width:90%;position:relative;max-width:900px;}
	.box-pv .text{color:#fff;text-align:center;font-size:20px;padding-top:10px;}


	.box-pv.new:after{content:'';background-image:url(../img/common/menu-newicon.png);width:52px;height:50px;display:block;position:absolute;right:-15px;top:-15px;background-size:100%;}

	.position-relative{position:relative;}

	.content-head{color:#c1ab42;text-align:center;font-size:20px;}
	.content-head .border{width:200px;height:1px;margin:0.3em auto 0px;background-color:#c1ab42;z-index:10;}


	.section-title{color:#fff;font-weight:600;font-size:23px;padding-top:0px;line-height:1.5;padding-bottom:0.3em;margin-top:50px;}
	.section-title .front{position:relative;z-index:2;}
	.section-title.margin-top{padding-top:180px;}
	.section-text{color:#fff;}



	.inner_centering{width:88%;padding:0 6%;margin:0 auto;}


.wrap_update{padding-top:13%;}

	.plus_fb{color:#c1ab42;font-size:17px;position:relative;z-index:0;margin-bottom:15px;}
	.section-title{font-size:23px;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;}

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


}