@charset "shift_jis";
/* CSS Document */

.pconly {
	display:none!important;
}
.sponly {
	display:block!important;
}

.MB00_sp {
margin-bottom: 0px!important;
}
.MB10_sp {
margin-bottom: 10px!important;
}
.MB15_sp {
margin-bottom: 15px!important;
}
.MB20_sp {
margin-bottom: 20px!important;
}
.MB25_sp {
margin-bottom: 25px!important;
}
.MB30_sp {
margin-bottom: 30px!important;
}
.MB35_sp {
margin-bottom: 35px!important;
}
.MB40_sp {
margin-bottom: 40px!important;
}
.MB45_sp {
margin-bottom: 45px!important;
}
.MB50_sp {
margin-bottom: 50px!important;
}



#contents .ct_inbox {
width: 100%;
}


#contents .hd_img_box .hd_logo {
width: 90%;
}


#contents .sec02_box .sec02_1_box,
#contents .sec03_box,
#contents .sec04_box,
#contents .sec05_box,
#contents .sec06_box,
#contents .sec07_box,
#contents .sec08_box {
margin-top: -3.13vw;
}


#contents .sec01_box .price_box {
display: none;
}
#contents .price_box_sp {
display: block;
width: 100%;
height: auto;
top:inherit;
right:inherit;
text-align: center;
background: url("../images/hd_price_bg_sp.gif") center center;
background-size: cover;
padding: 20px 0 30px;
}
#contents .price_box_sp .price_inbox_sp {
width: 90%;
max-width: 357px;
margin: 0 auto;
}
#contents .price_box_sp a {
display: inline-block;
max-width: 246px;
width: 69%;
margin-top:15px;
}

#contents .sec01_box .sec01_tower_box {
top:31.72vw;
}

#contents .sec01_box .sec01_soundtxt01 {
width: 18.75%;
top:41.09vw;
left:9.38%;
}
#contents .sec01_box .sec01_soundtxt02 {
width: 13.28%;
top:57.19vw;
left:5%;
}
#contents .sec01_box .sec01_soundtxt03 {
width: 10.16%;
top:41.88vw;
left:84.06%;
}
#contents .sec01_box .sec01_soundtxt04 {
width: 54.84%;
top:43.13vw;
left:19.22%;
}
#contents .sec01_box .sec01_copytxt01 {
width: 38.28%;
top:78.28vw;
left:0;
}
#contents .sec01_box .sec01_hand {
top:87.66vw;
left:0;
}
#contents .sec01_box .sec01_moncolle_txt {
width: 100%;
top:110.94vw;
left:0;
}
#contents .sec01_box .sec01_moncolle_img {
top:146.09vw;
left:0;
}

#contents .sec02_box .sec02_moncolle_box {
top:2.5vw;
left:0;
}
#contents .sec02_box .sec02_moncolle_txt {
width: 95.47%;
top:48.59vw;
left:0;
}
#contents .sec02_box .sec02_soundtxt01 {
width: 14.44%;
top:20.31vw;
left:77.19%;
}

#contents .sec02_2_box .sec02_thunder01 {
width: 38.28%;
top:4.69vw;
left:0;
}
#contents .sec02_2_box .sec02_thunder02 {
width: 42.97%;
top:13.59vw;
right:0;
}
#contents .sec02_2_box .sec02_thunder03 {
width: 42.19%;
top:-0.63vw;
left:55%;
}
#contents .sec02_2_box .sec02_thunder04 {
width: 28.75%;
top:21.41vw;
left:15.16%;
}


#contents .sec02_2_box .sec02_ttl02 {
width: 47.66%;
top:0;
left:0;
}
#contents .sec02_2_box .sec02_moncolle03 {
width: 53.75%;
top:17.19vw;
left:25.16%;
}
#contents .sec02_2_box .sec02_target {
width: 15.78%;
top:42.97vw;
left:42.19%;
}
#contents .sec02_2_box .sec02_moncolle_info {
width: 46.09%;
top:5vw;
right:0;
}



#contents .sec03_box .sec03_imgtxt {
width: 45%;
top:17.19vw;
left:1.25%;
}
#contents .sec03_box .sec03_txt01 {
width: 51.88%;
top:22.34vw;
left:46.41%;
}
#contents .sec03_box .sec03_txt02 {
width: 39.22%;
top:82.5vw;
left:3.59%;
}
#contents .sec03_box .sec03_vsimg {
top:93.59vw;
left:0;
}


#contents .sec04_tower_box {
width: 90.78%;
top:51.25vw;
left:3.75%;
}
#contents .sec04_tower_light_box {
width: 31.67%;
top:20.04%;
left:34.6%;
}
#contents .sec04_tower_moncolle01 {
width: 22.89%;
top:18.87%;
left:24.44%;
}
#contents .sec04_tower_moncolle02 {
width: 22.38%;
top:16.93%;
left:53.18%;
}
#contents .sec04_tower_front {
width: 59.90%;
top:28.79%;
left:20.14%;
}

#contents .sec04_hp_txt {
width: 43.28%;
top:20.63vw;
left:1.09%;
}
#contents .sec04_gifanime_box {
width: 55.94%;
top:15.63vw;
left:44.06%;
}
#contents .sec04_gifanime_txt {
width: 81.01%;
top:11.53%;
left:14.8%;
}
#contents .sec04_gifanime {
width: 63.41%;
top: 45.42%;
left: 27.65%;
}

#contents .sec04_sound_txt01 {
width: 18.59%;
top:81.41vw;
left:17.03%;
}
#contents .sec04_sound_txt02 {
width: 16.72%;
top:73.44vw;
left:67.19%;
}
#contents .sec04_sound_txt03 {
width: 19.06%;
top:78.59vw;
left:0.94%;
}
#contents .sec04_sound_txt04 {
width: 21.25%;
top:75vw;
left:76.88%;
}
#contents .sec04_baloon_box {
width: 72.5%;
top:128.13vw;
left:13.28%;
}

#contents .sec04_target01 {
width: 15.47%;
top:111.25vw;
left:22.03%;
}
#contents .sec04_target02 {
width: 15.47%;
top:110.31vw;
left:61.56%;
}



#contents .sec05_manga_baloon {
width: 40.63%;
top:30%;
left:0.94%;
}
#contents .sec05_manga_txt {
width: 27.5%;
top:17.86%;
left:61.09%;
}
#contents .sec05_manga_moncolle {
width: 62.5%;
top:0%;
left:28.28%;
}
#contents .sec05_soundtxt {
top:-7.96%;
left:0;
}



#contents .sec06_soundtxt {
width: 65%;
top:16.72vw;
left:17.81%;
}




#contents .sec07_txt01 {
width: 56.69%;
top:11.09vw;
left:39.53%;
}
#contents .sec07_txt02 {
width: 31.09%;
top:19.38vw;
left:1.25%;
}
#contents .sec07_img {
top:31.09vw;
left:0;
}
#contents .sec07_txt03 {
width: 45.47%;
top:92.66vw;
left:26.72%;
}
#contents .sec07_pv_ttl {
top:125vw;
left:0;
}
#contents .sec07_movie_box {
width: 84.38%;
top:148.59vw;
left:0;
right:0;
margin: 0 auto;
}




#contents .sec08_howtoimg {
top:16.25vw;
left:0;
}
#contents .sec08_txt {
width: 49.84%;
top:204.38vw;
left:2.19%;
}
#contents .sec08_gifanime {
width: 50%;
top:201.56vw;
left:47.50%;
}




#contents .footer_price_inbox {
width: 100%;

display: block;
}
#contents .footer_price_inbox>img {
display: block;
width: 80%;
height: auto;
max-width: 356px;
margin: 0 auto 15px;
}
#contents .footer_price_inbox>a {
display: block;
width: 80%;
height: auto;
max-width: 246px;
margin: 0 auto;
}
#contents .footer_price_inbox>a img {
display: block;
width: 100%;
height: auto;
}


#contents .movie_btn_box p {
text-align: left;
padding: 0 0 20px;
font-size: 15px;
color:#fff;
}

#contents .movie_btn_box .movie_btn_inbox {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-around;
justify-content: space-around;
}

#contents .movie_btn_box .movie_btn_inbox>a {
width: 48%;
}
