@charset "utf-8";




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


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

.content__wrap{background-color:#151515;background-size:cover;position:relative;border-top:15px solid rgba(58, 55, 18, 0.9);}

.content__wrap:before{content:'';display:block;top:0;left:-200px;width:983px;height:481px;position:absolute;background:url(../img/common/bg-dust.png);}
.content__inner{padding-top:75px;}

.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:-34vw!important;}

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

.box-pv{margin:50px auto 70px;width:90%;position:relative;max-width:1000px;}
.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;}

.headline{color:#c1ab42;width:1000px;margin:0 auto 18px;border-bottom:1px solid #c1ab42;}

.wrap-flex02{width:1000px;display:flex;margin:0 auto;flex-wrap: wrap;}
.wrap-flex02 .box{width:31.8%;display:block;margin-left:2%;margin-top:2%;}
.wrap-flex02 .box:nth-child(3n+1){margin-left:0%;}
.wrap-flex02 .thum{width:100%;display:block;position:relative;}
.wrap-flex02 .thum img{width:100%;display:block;border:1px solid #756826;}
.wrap-flex02 .text{font-size:15px;text-align:center;color:#fff;padding:14px 0 0;}

.box-pv.new:before{content:'NEW';background:#fffa53;padding:4px 10px 3px;display:block;position:absolute;left:-15px;top:-10px;font-size:14px;line-height:1;border-radius:20px;font-style: italic;box-shadow:0 0 8px rgba(0,0,0,0.6);color:#000;z-index:2;}

.wrap-flex02 .thum.new:before{content:'NEW';background:#fffa53;padding:4px 10px 3px;display:block;position:absolute;left:-15px;top:-10px;font-size:14px;line-height:1;border-radius:20px;font-style: italic;box-shadow:0 0 8px rgba(0,0,0,0.6);color:#000;z-index:2;}




}






@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;}
	.content__inner{padding-top:45px;}

	.content__wrap:before{content:'';display:block;top:0;left:-200px;width:983px;height:100%;position:absolute;background:url(../img/common/bg-dust.png) no-repeat;overflow: hidden;}
	.content__inner{padding-top:20px;}

	.iframe_box{width:100%;padding-bottom:56.25%;position:relative;border-radius:8px;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:20px auto 50px;width:90%;position:relative;max-width:1000px;}
	.box-pv .text{color:#fff;text-align:center;font-size:14px;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%;}


	.headline{color:#c1ab42;width:1000px;margin:0 auto 18px;border-bottom:1px solid #c1ab42;padding:0 5%;z-index:2;position:relative;}

	.wrap-flex02{width:90%;display:flex;margin:0 auto;flex-wrap: wrap;padding-bottom:50px;}
	.wrap-flex02 .box{width:48%;display:block;margin-left:4%;margin-top:2%;z-index:2;}
	.wrap-flex02 .box:nth-child(2n+1){margin-left:0%;}
	.wrap-flex02 .thum{width:100%;display:block;position:relative;}
	.wrap-flex02 .thum img{width:100%;display:block;border:1px solid #756826;box-sizing: border-box;}
	.wrap-flex02 .text{font-size:12px;text-align:center;color:#fff;padding:12px 0 0;line-height:1.3;}

	.box-pv.new:before{content:'NEW';background:#fffa53;padding:3px 8px 3px;display:block;position:absolute;left:-8px;top:-10px;font-size:11px;line-height:1;border-radius:20px;font-style: italic;box-shadow:0 0 8px rgba(0,0,0,0.6);color:#000;z-index:2;}

	.wrap-flex02 .thum.new:before{content:'NEW';background:#fffa53;padding:3px 8px 3px;display:block;position:absolute;left:-8px;top:-10px;font-size:11px;line-height:1;border-radius:20px;font-style: italic;box-shadow:0 0 8px rgba(0,0,0,0.6);color:#000;z-index:2;}

}