@charset "utf-8";




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


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

/*  */
.section-header{position:relative;height:24vw;overflow:hidden;border-top:15px solid rgba(58, 55, 18, 0.9);border-bottom:15px solid rgba(58, 55, 18, 0.9);}
.section-header__movie{width:100%;position:absolute;top:-20vw;}

.inner_centering{width:90%;margin:0 auto;max-width:900px;position:relative;}
.inner_centering:before{content:'';display:block;top:0;left:-200px;width:983px;height:481px;position:absolute;background:url(../img/common/bg-dust.png);}

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


.section-title{color:#fff;font-weight:600;font-size:45px;padding-top:80px;line-height:1.3;padding-bottom:20px;letter-spacing:-0.05em;}
.section-title .sub{color:#e4d796;font-weight:normal;font-size:20px;line-height:1.3;;display:block;letter-spacing:normal;}
.section-title.margin-top{padding-top:180px;}
.section-text{color:#fff;}

.front{position:relative;z-index:10;}

.info-box{width:100%;margin-top:20px;padding:0px;background-color:rgba(58, 55, 18, 0.9);}

.info-box__img{display:inline-block;vertical-align:middle;width:50%;}
.info-box__img img{display:block;width:100%;}
.info-box__text-title{font-size:26px;}
.info-box__text{display:inline-block;vertical-align:middle;color:#fff;width:41%;padding:0 4%;font-size:15px;padding-bottom:1em;}

.content__wrap{background-color:#151515;}

.section__feature1{}
.section__feature2{margin-top:250px;}
.section__feature3{margin-top:250px;}
.section__feature4{margin-top:250px;}

.section-title2{color:#fff;font-weight:600;font-size:28px;padding-top:60px;}

.slider-item{width:100%;}
.slider-item img{width:100%;}

.section-header__slider{width:100vw;margin-top:-10vw;}
.info-box-slider .slick-list{overflow:visible!important;}

.info-box-slider__slider{margin-top:30px;}
.info-box-slider__slider .info-box{margin:0 10px;}

.slick-dots{bottom:-35px!important;}
.slick-dots li {position: relative;display: inline-block;width: 30px!important;height: 5px!important;margin: 0 5px;padding: 0;cursor: pointer;opacity:1;}
.slick-dots li button{background:#aaa!important;opacity:1;height:5px!important;width:100%!important;padding:0px!important;}
.slick-dots li button:before{display:none;}
.slick-dots li.slick-active button{background:#c1ab42!important;}

.newarea{background-color:rgba(255, 61, 0, 0.14);z-index:2;position: relative;margin-bottom:40px;padding:20px 0;transform:skewY(-5deg);margin-top:140px;}

.newarea:before{content:'';display:block;top:0;left:-200px;width:983px;height:100%;position:absolute;background:url(../img/common/bg-dust2.png)no-repeat;}

.newarea .inner_centering{transform:skewY(5deg);margin:0px auto 0px;}
.newarea .inner_centering:before{display:none;}

.newarea .section-title{padding-top:0;}

.plus_fb{color:#de5c19;font-size:30px;position:relative;z-index:0;margin-bottom:17px;}
.plus_fb .text{font-size:34px;position:relative;z-index:20;border-bottom:2px solid #de5c19;font-feature-settings : "palt" 1;font-style: italic;font-weight:800;padding-bottom:5px;}
/* .plus_fb:before{content:'';display:block;width:80px;height:80px;border:2px solid #4f461c;transform:rotate(45deg );top:-30px;left:-50px;z-index:0;position:absolute;}
.plus_fb:after{content:'';display:block;width:60px;height:60px;border:2px solid #7e541d;transform:rotate(45deg );position:absolute;top:-20px;left:-40px;z-index:0;} */

.anim01{width:0;position:relative;animation-name: anime1;animation-duration: 1.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
.anim01:after{content:'';display:block;width:180px;height:180px;border:2px solid rgba(191, 101, 18, 0.5);transform:rotate(45deg );top:-100px;left:-100px;z-index:0;position:absolute;}

.anim02{width:0;position:relative;animation-name: anime2;animation-duration: 1.5s;animation-timing-function: ease;animation-iteration-count: infinite;transform-origin:50% 50%;}
.anim02:after{content:'';display:block;width:120px;height:120px;background-color:rgba(214, 81, 16, 0.8);transform:rotate(45deg);z-index:0;position:absolute;top:-66px;left: -66px;}

@keyframes anime1 {
0% {transform: scale(0,0);opacity:0;}
10% {transform: scale(0,0);opacity:0.2;}
50% {transform: scale(60%,60%);opacity:1;}
100% {transform: scale(100%,100%);opacity:0;}
}

@keyframes anime2 {
0% {transform: scale(0,0);opacity:1;}
50% {transform: scale(90%,90%);opacity:0.2;}
70% {transform: scale(90%,90%);opacity:0;}
100% {transform: scale(90%,90%);opacity:0;}
}

.flex-box__imglist{display:flex;flex-wrap: wrap;justify-content:space-between;margin-top:30px;}
.flex-box__imglist .box{display:block;width:32.8%;margin-top:0.8%;}
.flex-box__imglist .box img{display:block;width:100%;}


.chara-fix{position:absolute;top:-20px;right:-370px;display:block;}

.position-relative{position:relative;}
}






@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/

}






/*----------------------------------------
	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) {

	/*  */

	.section-header{position:relative;height:24vw;overflow:hidden;border-top:10px solid rgba(58, 55, 18, 0.9);border-bottom:10px solid rgba(58, 55, 18, 0.9);}
	.section-header__movie{width:100%;position:absolute;top:-20vw;}

	.inner_centering{width:86%;margin:0 auto;max-width:900px;position:relative;z-index:2;}
	.content__wrap .inner_centering:before{content:'';display:block;top:0;left:-200px;width:983px;height:481px;position:absolute;background:url(../img/common/bg-dust.png);}

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


	.section01 .inner_centering{padding-top:10vw;}



	.section-title{color:#fff;font-weight:600;font-size:10vw;padding-top:6vw;line-height:1.1;padding-bottom:20px;letter-spacing: -0.1em;}
	.section-title.margin-top{padding-top:180px;}
	.section-title .sub{color:#e4d796;font-weight:normal;font-size:13px;line-height:1.3;;display:block;letter-spacing:normal;padding-bottom:2vw;}
	.section-text{color:#fff;position:relative;margin-bottom:5vw;}

	.front{position:relative;z-index:10;}

	.info-box{width:86%;margin:20px auto 0;padding:0px;}
	.info-box{background:rgba(58, 55, 18, 0.9) url(../img/common/info-box-bg.png);}
	.info-box__img{display:inline-block;vertical-align:middle;width:100%;}
	.info-box__img img{display:block;width:100%;}
	.info-box__text-title{font-size:20px;line-height:1.3;margin-bottom:0.3em;}
	.info-box__text{display:block;vertical-align:middle;color:#fff;width:90%;margin:0 auto;font-size:13px;padding:1em 0 1.5em;}

	.section__feature1{}
	.section__feature2{margin-top:250px;}
	.section__feature3{margin-top:250px;}
	.section__feature4{margin-top:250px;}

	.section-title2{color:#fff;font-weight:600;font-size:28px;padding-top:60px;}

	.slider-item{width:100%;}
	.slider-item img{width:100%;}

	.section-header__slider{width:100vw;margin-top:-10vw;}
	.info-box-slider .slick-list{overflow:visible!important;}

	.info-box-slider__slider{margin-top:30px;}
	.info-box-slider__slider .info-box{margin:0 10px;}

	.slick-dots{bottom:-35px!important;}
	.slick-dots li {position: relative;display: inline-block;width: 30px!important;height: 5px!important;margin: 0 5px;padding: 0;cursor: pointer;opacity:1;}
	.slick-dots li button{background:#aaa!important;opacity:1;height:5px!important;width:100%!important;padding:0px!important;}
	.slick-dots li button:before{display:none;}
	.slick-dots li.slick-active button{background:#c1ab42!important;}


	/* newarea */

	.newarea{background-color:rgba(255, 61, 0, 0.14);z-index:2;position: relative;margin-bottom:40px;padding:20px 0;transform:skewY(-5deg);margin-top:14vw;}
	.newarea:before{content:'';display:block;top:0;left:-200px;width:983px;height:100%;position:absolute;background:url(../img/common/bg-dust2.png)no-repeat;}
	.newarea .inner_centering{transform:skewY(5deg);margin:10vw auto 10vw;}
	.newarea .inner_centering:before{display:none;}
	.newarea .section-title{padding-top:0;}

	.plus_fb{color:#de5c19;font-size:30px;position:relative;z-index:0;margin-bottom:17px;}
	.plus_fb .text{font-size:15px;position:relative;z-index:20;border-bottom:2px solid #de5c19;font-feature-settings : "palt" 1;font-style: italic;font-weight:800;padding-bottom:5px;}

	.anim01{width:0;position:relative;animation-name: anime1;animation-duration: 1.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
	.anim01:after{content:'';display:block;width:180px;height:180px;border:2px solid rgba(191, 101, 18, 0.5);transform:rotate(45deg );top:-100px;left:-100px;z-index:0;position:absolute;}

	.anim02{width:0;position:relative;animation-name: anime2;animation-duration: 1.5s;animation-timing-function: ease;animation-iteration-count: infinite;transform-origin:50% 50%;}
	.anim02:after{content:'';display:block;width:120px;height:120px;background-color:rgba(214, 81, 16, 0.8);transform:rotate(45deg);z-index:0;position:absolute;top:-66px;left: -66px;}

	@keyframes anime1 {0% {transform: scale(0,0);opacity:0;}10% {transform: scale(0,0);opacity:0.2;}50% {transform: scale(60%,60%);opacity:1;}100% {transform: scale(100%,100%);opacity:0;}}

	@keyframes anime2 {0% {transform: scale(0,0);opacity:1;}50% {transform: scale(90%,90%);opacity:0.2;}70% {transform: scale(90%,90%);opacity:0;}100% {transform: scale(90%,90%);opacity:0;}}


	.flex-box__imglist{display:flex;flex-wrap: wrap;justify-content:space-between;margin-top:30px;}
	.flex-box__imglist .box{display:block;width:32.8%;margin-top:0.8%;}
	.flex-box__imglist .box img{display:block;width:100%;}

/*  */

/*  */

	.chara-fix{position:absolute;top:-20px;right:-470px;display:block;}

	.position-relative{position:relative;}
}