/*-----------
reset
-----------*/
* {margin: 0;padding: 0;}

.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

img {height: auto;}

/*-----------
commone
-----------*/
#cardboard_cnt .right{float: right;}
/*flex box*/
#cardboard_cnt .flex{display: flex;}
#cardboard_cnt .mleft{margin-left: auto;}
#cardboard_cnt .mright{margin-right: auto;}
#cardboard_cnt .mtop{margin-top: auto;}
#cardboard_cnt .mbottom{margin-bottom: auto;}

#cardboard_cnt .pc{display: block;}
#cardboard_cnt .sp{display: none;}

/* @media screen and ( max-width:960px) {

} */

@media screen and ( max-width:768px) {
	#cardboard_cnt .pc{display: none;}
	#cardboard_cnt .sp{display: block;}

}

/*-----------
body
-----------*/
#cardboard_cnt{width: 100%; background: #fcea02; color: #000;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; overflow: hidden; font-size: 1.2em;}

/*color size*/
#cardboard_cnt .red{color: red;}
#cardboard_cnt .font08{font-size: 0.8em;}
#cardboard_cnt .font12{font-size: 1.2em; line-height: 1.2em;}
#cardboard_cnt .font19{font-size: 1.9em; line-height: 1;}
#cardboard_cnt .font2{font-size: 2em;line-height: 1.2;}
#cardboard_cnt .fontW700{font-weight: 700;}



/*btn共通*/

#cardboard_cnt .btn{padding:0;margin-bottom: 0;font-size: 14px;line-height: 1;cursor: pointer;
color: #000;text-shadow: none;background:none; border: none; display: inline;}
	
#cardboard_cnt .btn a {display: block; background: #000; color: #fcea02; text-decoration: none; border-radius: 100px; width: 80%; max-width: 480px; font-weight: 900; margin: 0 auto; font-size: 2.5em; padding: 0.3em; text-align: center;border: 2px solid #000; box-sizing: border-box; transition: 0.5s;}
#cardboard_cnt .btn.en a {font-size: 1.8em; padding: 0.5em 0.3em;}
#cardboard_cnt a:hover{background: #fcea02; color: #000;}

@media screen and ( max-width:1200px) {
	#cardboard_cnt .btn a{font-size: 2VW;}
	#cardboard_cnt .btn.en a {font-size: 2vw;}
}

@media screen and ( max-width:768px) {
	#cardboard_cnt .btn a{font-size: 2em;}
	#cardboard_cnt .btn.en a {font-size: 1.5em;}
}


/*top*/
#cardboard_cnt #top{background: url(https://special.goodsmile.info/kac86pwuuj/bg_top.gif) no-repeat; background-position: top center; /* height: 1055px; */}
#cardboard_cnt #top .inner{max-width: 1200px; width: 100%; margin: 0 auto; position: relative; flex-wrap: nowrap; align-items: flex-start;}
#cardboard_cnt #top .inner .top_img{z-index: 10; width: 52.5%; margin-right: -2.5%;}
#cardboard_cnt #top .inner .txt_area{max-width: 598px; width: 50%; /* padding: 3em 0 0; */}
#cardboard_cnt #top .inner .txt_area h2{max-width: 467px; margin: 0 auto; width: 90%; padding: 1.5em 0;}
#cardboard_cnt #top .inner .txt_area .bar{background: #000; line-height: 1em; padding: 0.3em 0; position: relative; z-index: 5;}
#cardboard_cnt #top .inner .txt_area .bar::before{content: "";display: block; height: 100%; background: #000; width: 200%; position: absolute; top: 0;left: -200px; z-index: -1;}
#cardboard_cnt #top .inner .txt_area .bar img{width: 90%; display: block; margin: 0 auto;}
#cardboard_cnt #top .inner .txt_area p.txt {font-size: 1.5em; font-weight: 600; text-align: center;text-shadow: 2px 2px 0px #ffffff;-webkit-text-shadow: 2px 2px 0px #ffffff;-moz-text-shadow: 2px 2px 0px #ffffff;-o-text-shadow: 2px 2px 0px #ffffff;-ms-text-shadow: 2px 2px 0px #ffffff; padding: 1em 0;}
#cardboard_cnt #top .inner .txt_area p.illust {font-size: 1.3em; font-weight: 600; text-align: center;padding: 1em 0;}
#cardboard_cnt #top .inner .txt_area p.txt.yoyaku.en{font-size: 1em; padding: 1em 0 0;}
.bnr_wrap {
	max-width: 1200px;
    margin: 120px auto 50px;
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bnr_wrap li {
	width: calc(50% - 5px);
}

@media screen and ( max-width:1200px) {
	#cardboard_cnt #top .inner .txt_area{width: 50%;max-width: 50%;}
	#cardboard_cnt #top .inner .txt_area h2{max-width: auto; width: 80%; padding: 1em 0;}
	#cardboard_cnt #top .inner .txt_area p.txt{font-size: 2.4vw;} 
	#cardboard_cnt #top .inner .txt_area p.txt.yoyaku{font-size: 1.2em;}
	#cardboard_cnt #top .inner .txt_area p.illust{font-size: 1em; padding: 0.5em 0 0;}
}

@media screen and ( max-width:900px) {
	#cardboard_cnt #top .inner .txt_area h2{width: 70%;}
	#cardboard_cnt #top .inner .txt_area p.txt{font-size: 2.3vw;}
	#cardboard_cnt #top .inner .txt_area p.txt.yoyaku{font-size: 1.1em;}
}

@media screen and ( max-width:768px) {
	#cardboard_cnt #top{background: none; }
	#cardboard_cnt #top .inner{flex-wrap: wrap;}
	#cardboard_cnt #top .inner .top_img{width: 100%; margin-right: 0;}
	#cardboard_cnt #top .inner .txt_area{width: 100%;max-width: 100%;}
	#cardboard_cnt #top .inner .txt_area h2{max-width: 100%; width: 100%; padding: 0.5em 0 0;}
	#cardboard_cnt #top .inner .txt_area p.txt{font-size: 2em;} 
	#cardboard_cnt #top .inner .txt_area p br{display: block;}
	#cardboard_cnt #top .inner .txt_area .bar,#cardboard_cnt #top .inner .txt_area p.illust{display: none;}
}

@media screen and (max-width: 560px){
#cardboard_cnt #top .inner .txt_area p.txt {font-size: 1.3em;}
}

/*sagen*/
#sagen {width: 100%; background: url(https://special.goodsmile.info/kac86pwuuj/bg_saige.gif) no-repeat; background-position: center top; background-size: auto 100%;}
#sagen .flex{flex-wrap: wrap; width:95%; max-width: 1200px; margin: 0 auto; justify-content: space-between; padding: 5em 0;} 
#sagen .flex .box{width: 49%;}
#sagen .flex .tweet{border: 3px solid #000; box-sizing: border-box; background:#fff;box-shadow: 3px 3px 0px 0px #000 ;-webkit-box-shadow: 3px 3px 0px 0px #000 ;-moz-box-shadow: 3px 3px 0px 0px #000 ;-o-box-shadow: 3px 3px 0px 0px #000 ;-ms-box-shadow: 3px 3px 0px 0px #000 ;border-radius: 3px; position: relative;}
#sagen .flex .tweet a{display: block;line-height:0 ;}
#sagen .flex .txt{font-weight: 700; /* font-size: 2em; */}
#sagen .flex .txt p{text-shadow: 2px 2px 0px #ffffff;-webkit-text-shadow: 2px 2px 0px #ffffff;-moz-text-shadow: 2px 2px 0px #ffffff;-o-text-shadow: 2px 2px 0px #ffffff;-ms-text-shadow: 2px 2px 0px #ffffff;}
#sagen .flex .txt p:last-child{margin-top: 2em;}
#sagen .flex .txt .font_skigen01{line-height: 1.5em; font-size: 2.5em;}
#sagen .flex .txt .font_skigen02{color: red; font-size: 8.5em; line-height: 1.2em;}
#sagen .flex .img{margin-top: -3em; width: 65%; position: relative;z-index: 10;}
#sagen .flex .img::after{content: ""; display: block; position: absolute; width: 256px; height: 203px; background: url(https://special.goodsmile.info/kac86pwuuj/arrow.png) no-repeat; background-size: cover; top: 3em; left: -256px;}
 #sagen .flex .img .txt{position: absolute;max-width: 917px; width: 100%; right: -50px;bottom: -80px;} 
 #sagen .flex .img .txt.zh{position: absolute;max-width: 600px; width: 100%; right: -50px;bottom: -50px;} 
 #sagen .flex .img .txt.en{position: absolute;max-width: 400px; width: 100%; right: -05px;bottom: -20px;} 

 @media screen and ( max-width:1200px) {
	#sagen .flex .img .txt,#sagen .flex .img .txt.zh{right: -2%;} 
	#sagen .flex .txt .font_skigen01{font-size: 3vw;}
	#sagen .flex .txt .font_skigen02{font-size: 11vw;}
}

@media screen and ( max-width:768px) {
	#sagen {width: 100%; background: url(https://special.goodsmile.info/kac86pwuuj/bg_saige_sp.gif) no-repeat; background-position: center center; background-size: contain;}
	#sagen .flex .box{width: 100%;}
	#sagen .flex .txt{margin: 1em 0;}
	#sagen .flex .txt p {text-align: center;}
	#sagen .flex .txt .font_skigen01{font-size: 2em;}
	#sagen .flex .txt .font_skigen02{font-size: 20vw;}
	#sagen .flex .txt p br{display: block;}
	#sagen .flex .img{margin-top: 0;}
	#sagen .flex .img::after{content: ""; display:none;}
	#sagen .flex .img .txt{width: 90%; right: -1%;bottom: -5%;} 
	#sagen .flex .img .txt.en{width: 50%;} 
	.bnr_wrap {
		margin: 40px auto 0;
	}
	.bnr_wrap li {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 560px){
	#sagen .flex .txt .font_skigen01 {font-size: 1.3em;}
	}

	
/**/
.reserve{width: 98%; max-width: 1200px; margin: 2em auto 0;}
.reserve p{font-size: 1.2em; font-weight: 600; text-align: center; line-height: 1.4em; margin-top: 0.5em;}

/*release*/
#cardboard_cnt .release .inner{max-width: 1200px; width: 95%; margin: 0 auto;}
#cardboard_cnt .release p{max-width: 997px; width: 95%; margin: 0 auto;}

/*slider*/

#cardboard_cnt .slider_wrap {width: 90%; margin: 5em auto 2em;}
#cardboard_cnt .thumb {margin-top: 1em;}
#cardboard_cnt .thumb .inner{padding: 2px;}
#cardboard_cnt .thumb .slick-current{position: relative; /* background: #ff0000;  */}
#cardboard_cnt .slick-arrow{width: 46px; height: 77px; position: absolute;  z-index: 10; top: 40%; top:calc(50% - 38px);}
#cardboard_cnt .slick-arrow:hover{cursor: pointer;}
#cardboard_cnt .slick-arrow.prev{left: 10%; }
#cardboard_cnt .slick-arrow.next{right: 10%;}
#cardboard_cnt .slick-slide{cursor: pointer;}
#cardboard_cnt .thumb .slick-arrow{display: none!important;}
#cardboard_cnt .slider .slick-list.draggable{max-width: 600px; width: 90%; margin: 0 auto;}
#cardboard_cnt .thumb .slick-list.draggable{max-width: 1000px; width: 90%; margin: 0 auto;}

#cardboard_cnt .font-note{margin-top: 1em;}
/* #cardboard_cnt .release{margin-left: 1em;} */
#cardboard_cnt .release li{list-style: disc; font-size: 0.8em;line-height: 1.5em;}
#cardboard_cnt .small.font-note{font-size: 1em; margin-top: 0.5em;}

@media screen and ( max-width:768px) {
   #cardboard_cnt .slick-arrow.prev{left: -5%; }
   #cardboard_cnt .slick-arrow.next{right: -5%;}
}

@media screen and ( max-width:560px) {
    #cardboard_cnt .slick-arrow{width: 23px; height: 39px; position: absolute;  z-index: 10; top: 40%; top:calc(50% - 14px);}
    /* #cardboard_cnt .slick-arrow.prev{left: -10%; }
     #cardboard_cnt .slick-arrow.next{right: -10%;} */
 }
 


/*spec*/
#cardboard_cnt .spec{justify-content: space-between; max-width: 997px;width: 95%;margin: 2em auto 5em;flex-wrap: wrap;align-items: stretch; border-top:1px solid #000;}
#cardboard_cnt .line{display: flex; /* margin-top: 0.2em; */ width: 50%;}
#cardboard_cnt .ttl{background: #000; box-sizing: border-box; padding: 0.4em 0.4em 0.3em;align-self: stretch; color: #fff;border-bottom: 1px solid #000; border-right: 1px solid #000;width: 126px; align-items: center; display: flex;justify-content: center;}
#cardboard_cnt .ttl.en{width: 200px;}
#cardboard_cnt .detail{box-sizing: border-box; padding: 0.4em 0.4em 0.3em;align-self: stretch; border-bottom: 1px solid #000; border-right: 1px solid #000;width: 100%; align-items: center; display: flex;}

@media screen and ( max-width:768px) {
	#cardboard_cnt .spec{border: 1px solid #000;}
	#cardboard_cnt .line{width: 100%; display: block;}
	#cardboard_cnt .ttl,#cardboard_cnt .ttl.en,#cardboard_cnt .detail{width: 100%; border: none;}
	#cardboard_cnt .reserve_bottom p br{display: block;}
 }

/*reserve_bottom*/
#cardboard_cnt .reserve_bottom{max-width: 1200px; width: 100%; margin: 0 auto;}
#cardboard_cnt .reserve_bottom .btn a{display: block; background: #000; border: 3px solid #000; margin: 0 auto; box-sizing: border-box; transition: 0.5s; width: 300px; max-width: 300px; border-radius: 50%; overflow: hidden;line-height: 1em; height: 300px; padding: 0;}
#cardboard_cnt .reserve_bottom .btn.en.us a{margin: 0 0 0 1em;}
#cardboard_cnt .reserve_bottom .btn a:hover{background: url(https://special.goodsmile.info/kac86pwuuj/btn_reserve_hover.gif) no-repeat transparent;background-size: 100% auto;}
#cardboard_cnt .reserve_bottom .btn.zh a:hover{background: url(https://special.goodsmile.info/kac86pwuuj/btn_reserve_hover_zh.gif) no-repeat transparent;background-size: 100% auto;}
#cardboard_cnt .reserve_bottom .btn.en a:hover{background: url(https://special.goodsmile.info/kac86pwuuj/btn_reserve_hover_en1.gif) no-repeat transparent;background-size: 100% auto;}
#cardboard_cnt .reserve_bottom .btn.en.us a:hover{background: url(https://special.goodsmile.info/kac86pwuuj/btn_reserve_hover_en2.gif) no-repeat transparent;background-size: 100% auto;}
#cardboard_cnt .reserve_bottom .btn a:hover img{opacity: 0;}
#cardboard_cnt .reserve_bottom p{font-size: 1.5em;font-weight: 600;text-align: center;line-height: 1.4em;margin: 0.5em auto;}

#cardboard_cnt .reserve_bottom.flex {flex-wrap: wrap; justify-content: center;}
#cardboard_cnt .reserve_bottom.flex p{ width:100%;}

@media screen and ( max-width:768px) {
	#cardboard_cnt .reserve_bottom p br{display: block;}
 }

 @media screen and ( max-width:560px) {
	#cardboard_cnt .reserve_bottom.flex .btn{width: 48%;}
	#cardboard_cnt .reserve_bottom .btn.en.us{margin-left: 1%;}
	#cardboard_cnt .reserve_bottom .btn.en.us a{margin: 0;}
	#cardboard_cnt .reserve_bottom.flex .btn a{width: 100%; max-width: 100%; height: auto;}
 }

/*footer*/
#cardboard_cnt #footer{margin: 3em 0 0; background: #fcea02;border: none;box-sizing: content-box;
}
#cardboard_cnt #footer .inner{background: url(https://special.goodsmile.info/kac86pwuuj/bg_footer.gif); margin: 1em 0 0; height: 80px;}
#cardboard_cnt #footer p{color: #000; text-align: center;}

#footer{border: none; padding: 0;}