@charset "utf-8";




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


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

.inner_centering{width:90%;padding:0 0px;margin:0 auto;max-width:900px;position:relative;}
.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);}

/*  */
.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;}
.section-header__slider{width:100vw;margin-top:-10vw;}

.section-title{color:#fff;font-weight:600;font-size:50px;padding-top:80px;line-height:1.3;padding-bottom:20px;position:relative;}
.section-title.margin-top{padding-top:180px;}
.section-title.new:after{content:'UPDATE';display:block;position:absolute;margin-right:-30px;left:0;top:-35px;background:#fffa53;color:#333;padding:5px 10px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:13px;transition:all 0.5s;font-style: italic;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;font-weight:normal;}
.section-text{color:#fff;z-index:1;position:relative;}



.title-line{width:160px;height:1px;margin:0px 0 20px;background-color:#fff;position:relative;}
.title-line:after{content:'';display:block;width:30px;height:1px;background-color:#fff;position:absolute;left:170px;}
.title-line:before{content:'';display:block;width:100px;height:1px;background-color:#fff;position:absolute;left:220px;}

.info-box{width:100%;margin-top:20px;padding:0px;position:relative;}
.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:50%;}
.info-box__img img{display:block;width:100%;}
.info-box__text-title{font-size:30px;}
.info-box__text{display:inline-block;vertical-align:middle;color:#fff;width:41%;padding:2em 4%;font-size:15px;}

.info-box-min{width:70%;margin-top:20px;padding:0px;margin:30px auto 30px;display:flex;flex-direction: row-reverse;border:2px solid #de5c19;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.info-box-min{background:#401804 url(../img/common/info-box-bg.png);}
.info-box-min__img{display:block;vertical-align:middle;width:20%;}
.info-box-min__img img{display:block;width:100%;}
.info-box-min__text{display:block;vertical-align:middle;color:#fff;width:80%;padding:0;font-size:17px;vertical-align: middle;position:relative;line-height:1.4;}
.info-box-min__text .text-inner{display:block;width:100%;text-align:center;top:50%;transform:translate(0,-50%);position:absolute;}
.section-title2{color:#fff;font-weight:600;font-size:28px;padding-top:60px;}

/*  */
.info-box-slider-imagelarge .info-box-slider__slider{width:500px;}
.info-box-slider-caption{background:rgba(58, 55, 18, 0.9) url(../img/common/info-box-bg.png);color:#fff;font-size:15px;position:absolute;right:0;bottom:-50px;width:320px;padding:30px;box-shadow:0 0 15px rgba(0,0,0,0.4);}
.info-box__text-title{line-height:1.3;margin-bottom:0.3em;}

.info-box-slider-imagelarge .slick-list{overflow:visible!important;}
.info-box-slider-imagelarge .info-box-slider__slider{overflow:visible;}
.info-box-slider-imagelarge .slider-item {background:#000;}
.info-box-slider-imagelarge .slider-item img{transform:scale(1,1);transition:all 0.3s;opacity:0.4;}
.info-box-slider-imagelarge .slider-item.slick-current img{transform:scale(1.12,1.12);z-index:10;position:relative;opacity:1;}
.info-box-slider-imagelarge .slick-dots {bottom: -55px!important;}
.info-box-slider-imagelarge .info-box-slider__slider {margin-top: 70px;margin-left:30px; margin-bottom: 110px!important;}

.info-box-slider-caption.new:after{content:'NEW';display:block;position:absolute;margin-right:-30px;left:-8px;top:-5px;background:#fffa53;color:#333;padding:5px 10px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:13px;transition:all 0.5s;font-style: italic;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;font-weight:normal;}

.info-box.new:after{content:'NEW';display:block;position:absolute;margin-right:-30px;left:-8px;top:-5px;background:#fffa53;color:#333;padding:5px 10px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:13px;transition:all 0.5s;font-style: italic;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;font-weight:normal;}

.newtext_fix{ position: relative;top: -0.5em;color: #de5c19;font-size: 20px;font-weight: 800;font-style: italic;left: -0.5em;}
.info-box.newest{ border: 8px solid #692c0d;box-sizing: border-box;}

.text_center{text-align:center;}
.btn_text{background-color:#9c8e29;color:#fff;padding:8px 24px;display:inline-block;margin:1.5em auto 0;box-shadow:0 0 12px rgba(0,0,0,0.6);color:#000;transition:all 0.4s;border:5px solid #706615;box-sizing: border-box;}
.btn_text:hover{box-shadow:0 0 3px rgba(0,0,0,0.4);color:#000;background-color:#706615;}

/* slick */

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

.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:160px;}
.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:-80px auto -80px;}
.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;}

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


/* ir */

.img-chara{position:absolute;right:-400px;top:-100px;z-index:0;width:800px;}
.img-chara-feature4{position:absolute;right:-120px;top:280px;z-index:0;width:500px;}

.info-box-min.feature4{margin:70px auto 60px;}

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

.section__feature5{padding-bottom:180px;}

/* common */

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

}






@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) {

	.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);}

	/*  */
	.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;}
	.section-header__slider{width:100vw;margin-top:-10vw;}

	.section-title{color:#fff;font-weight:600;font-size:10vw;padding-top:6vw;line-height:1.3;padding-bottom:20px;}
	.section-title.margin-top{padding-top:180px;}
	.section-text{color:#fff;position:relative;margin-bottom:5vw;}
	.section-title.new:after{content:'UPDATE';display:block;position:absolute;margin-right:-30px;left:0;top:-35px;background:#fffa53;color:#333;padding:2px 3px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:12px;transition:all 0.5s;font-style: italic;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;font-weight:normal;}

	.title-line{width:160px;height:1px;margin:0px 0 20px;background-color:#fff;position:relative;}
	.title-line:after{content:'';display:block;width:30px;height:1px;background-color:#fff;position:absolute;left:170px;}
	.title-line:before{content:'';display:block;width:100px;height:1px;background-color:#fff;position:absolute;left:220px;}

	.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;}
	.info-box__text{display:block;vertical-align:middle;color:#fff;width:90%;margin:0 auto;font-size:12px;padding:1em 0 1.5em;}

	.info-box-min{width:100%;margin-top:20px;padding:0px;margin:30px auto 30px;display:flex;flex-direction: row-reverse;border:2px solid #de5c19;border-radius:10px;overflow:hidden;box-sizing:border-box;font-size:11px;}
	.info-box-min{background:#401804 url(../img/common/info-box-bg.png);}
	.info-box-min__img{display:block;vertical-align:middle;width:20%;}
	.info-box-min__img img{display:block;width:100%;}
	.info-box-min__text{display:block;vertical-align:middle;color:#fff;width:80%;padding:0;font-size:12px;vertical-align: middle;position:relative;line-height:1.4;}
	.info-box-min__text .text-inner{display:block;width:100%;text-align:center;top:50%;transform:translate(0,-50%);position:absolute;}

	.section-title2{color:#fff;font-weight:600;font-size:20px;padding-top:40px;line-height:1.3;}

	/* slick */

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

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

	/*  */
	.info-box-slider-imagelarge .info-box-slider__slider{width:100%;}
	.info-box-slider-caption{background:rgba(58, 55, 18, 0.9) url(../img/common/info-box-bg.png);color:#fff;font-size:12px;position:absolute;left:7%;bottom:-132px;width:78%;padding:4%;box-shadow:0 0 15px rgba(0,0,0,0.4);}
	.info-box__text-title{line-height:1.3;margin-bottom:0.3em;}

	.info-box-slider-imagelarge .slick-list{overflow:visible!important;}
	.info-box-slider-imagelarge .info-box-slider__slider{overflow:visible;}
	.info-box-slider-imagelarge .slider-item {background:#000;}
	.info-box-slider-imagelarge .slider-item img{transform:scale(1,1);transition:all 0.3s;opacity:0.4;}
	.info-box-slider-imagelarge .slider-item.slick-current img{transform:scale(1.05,1.05);z-index:10;position:relative;opacity:1;}
	.info-box-slider-imagelarge .slick-dots {bottom: -55px!important;}
	.info-box-slider-imagelarge .info-box-slider__slider {margin-top: 70px;margin-left:0px;}

	.info-box-slider-imagelarge .slick-dotted.slick-slider {margin: 60px 0 170px;}

	.info-box-slider-imagelarge .slick-dots{display:none!important;}

	.info-box-slider-caption.new:after{content:'NEW';display:block;position:absolute;margin-right:-30px;left:-8px;top:-5px;background:#fffa53;color:#333;padding:2px 3px;width:60px;line-height:1;text-align:center;border-radius:20px;font-size:12px;transition:all 0.5s;font-style: italic;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;font-weight:normal;}

	.newtext_fix{ position: relative;top: -0.5em;color: #de5c19;font-size: 14px;font-weight: 800;font-style: italic;left: -0.5em;line-height:1.2;}
	.info-box.newest{ border: 8px solid #692c0d;box-sizing: border-box;}

	.info-box.newest .info-box__text{padding-top:2em;}

	.btn_text{background-color:#9c8e29;color:#fff;padding:8px 24px;display:inline-block;margin:1.5em auto 0;box-shadow:0 0 12px rgba(0,0,0,0.6);color:#000;transition:all 0.4s;border:5px solid #706615;box-sizing: border-box;}
	.btn_text:hover{box-shadow:0 0 3px rgba(0,0,0,0.4);color:#000;background-color:#706615;}


.text_center{text-align:center;}

	/* newarea */

	.newarea{background-color:rgba(255, 61, 0, 0.14);z-index:2;position: relative;margin-bottom:40px;padding:20px 0 15px;transform:skewY(-5deg);margin-top:10vw;}
	.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;}}


	/* ir */

	.img-chara{position:absolute;right:-400px;top:-100px;z-index:0;width:800px;}

	.section__feature1{}
	.section__feature2{margin-top:20vw;}
	.section__feature3{margin-top:30vw;}
	.section__feature4{margin-top:35vw;}

	/* common */

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

}