@charset "shift_jis";
/* CSS Document */



.ct_box {
}


.ct_inbox {
width: 100%;
margin: 0 auto;
padding: 20px 0 40px;
}

.mainimg_box {
background: none;
padding-top: 0px;
}


.price_box .price_inbox{
display: block;
}
.price_box .price_inbox .price_txt{
max-width: 519px;
width: 100%;
margin: 0 auto;
}


.price_box .price_inbox .btn_mall .btn {
margin: 15px auto 0;
}





.movie_area {
display: block;
}

.promo_movie_box {
width: 90%;
max-width: 500px;
margin: 0 auto 30px;
}


.img02_2 .img02_2_anime {
position: absolute;
display: block;
width: 43%;
height: 21.82%;
left: 9.6%;
top: 62.80%;
}



.img03_ttl {
background: none;
}

.img03_ttl .img03_ttl_inbox {
max-width: 1145px;
width: 100%;
margin: 0 auto;
}

.img04 {
width: 96%;
}

.img04:last-of-type {
margin: 0 auto;
}

.img04_top {
background: url(../images/img04_bg_top_sp.png) top center no-repeat;
background-size: 100% auto;
padding: 40px 0 15px;
}
.img04_bottom {
background: url(../images/img04_bg_bottom_sp.png) bottom center no-repeat;
background-size: 100% auto;
padding: 0 0 40px;
}


.img04 a {
position: absolute;
display: block;
max-width: 404px;
width: 66%;
bottom:0;
right:0;
left: 0;
margin: auto;
}

.img04.img04_1 .anime_box {
position: absolute;
width:92%;
height:calc(92vw * 0.5625);
top:3%;
left:0;
right: 0;
margin: auto;
}

.img04.img04_2 .anime_box {
position: absolute;
width:92%;
height:calc(92vw * 0.5625);
top:12.5vw;
left:0;
right: 0;
margin: auto;
}


.demo_box{
max-width: 1600px;
width: 100%;
height: auto;
position: relative;
background: none;
margin: 30px auto;
}
.demo_box .pc_box{
display: none;
}

.demo_box .sp_box{
display: block;
}