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

.sponly {
	display:none!important;
}

.MB1em {
margin-bottom: 1em;
}
.MB10 {
margin-bottom: 10px;
}
.MB15 {
margin-bottom: 15px;
}
.MB20 {
margin-bottom: 20px;
}
.MB25 {
margin-bottom: 25px;
}
.MB30 {
margin-bottom: 30px;
}
.MB35 {
margin-bottom: 35px;
}
.MB40 {
margin-bottom: 40px;
}
.MB45 {
margin-bottom: 45px;
}
.MB50 {
margin-bottom: 50px;
}

header.pokemon_head .head_inbox.product_head h1 img {
display: block;
width: 70%;
max-width: 320px;
height: auto;
margin: 0 auto;
}


#contents .movie_inbox{
max-width: 980px;
margin: 0 auto;
width: 96%;
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-between;
justify-content: space-between;
}

#contents .mv_ct{
width: 100%;
margin: 0 auto;
}
#contents .mv_ct .mv_ct_inbox {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#contents .mv_ct .mv_ct_inbox iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#wrap {
/*display: none;*/
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 30010;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 30020;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}
.loader {
  color: #2a8ec7;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.1em 5.1em;
  transform-origin: 5.1em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loader:after {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 4.9em;
  -webkit-transform-origin: 0.1em 5.1em;
  transform-origin: 0.1em 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.footerPageTop,
header.pokemon_head .head_inbox .hd_icon, 
footer.pokemon_footer .hd_icon {
    z-index: 30000;
}

#contents .anime_30,
#contents .anime_50,
#contents .anime_75 {
opacity: 0;
}


#contents .bg_000 {
background: #000;
position: relative;
}


#contents .ct_inbox {
position: relative;
width: 1040px;
margin: 0 auto;
overflow: hidden;
}

#contents .sec_box {
position: relative;
}

#contents .sec01_box {
z-index: 1000;
}
#contents .sec01_box .hd_logo {
position:absolute;
width: 65%;
max-width: 1039px;
top:10px;
left:0;
right:0;
margin: 0 auto;
z-index: 1010;
opacity: 0;
}

#contents .sec01_box .price_box {
position: absolute;
max-width: 360px;
width: 25%;
height: 200px;
top:calc(1040px * 0.29);
right:2%;
text-align: right;
z-index: 1040;
}

#contents .sec01_box .price_box a {
display: inline-block;
max-width: 246px;
width: 69%;
margin-top:15px;
}
#contents .price_box_sp {
display: none;
}




#contents .sec01_box .sec01_tower_box {
position:absolute;
top:calc(1040px * 0.253);
left:0;
right:0;
z-index: 1030;
opacity: 0;
}
#contents .sec01_box .sec01_tower_box .sec01_tower {
position:absolute;
top:0;
left:0;
right:0;
z-index: 1040;
opacity: 0;
}

#contents .sec01_box .sec01_soundtxt01 {
position: absolute;
width: 18.88%;
top:28.63vw;
top:calc(1040px * 0.2863);
left:10.69%;
z-index: 1051;
}
#contents .sec01_box .sec01_soundtxt02 {
position: absolute;
width: 13.25%;
top:52vw;
top:calc(1040px * 0.52);
left:1.88%;
z-index: 1052;
}
#contents .sec01_box .sec01_soundtxt03 {
position: absolute;
width: 10.19%;
top:62.69vw;
top:calc(1040px * 0.6269);
left:81.94%;
z-index: 1053;
}
#contents .sec01_box .sec01_soundtxt04 {
position: absolute;
width: 76.38%;
top:30.75vw;
top:calc(1040px * 0.3075);
left:0;
z-index: 1054;
}
#contents .sec01_box .sec01_copytxt01 {
position: absolute;
width: 28.63%;
top:71.56vw;
top:calc(1040px * 0.7156);
left:0;
z-index: 1055;
}
#contents .sec01_box .sec01_hand {
position: absolute;
top:79.69vw;
top:calc(1040px * 0.7969);
left:0;
z-index: 1060;
opacity: 0;
}

#contents .sec01_box .sec01_moncolle_txt {
position: absolute;
width: 74.81%;
top:100.38vw;
top:calc(1040px * 1.0038);
left:0;
z-index: 1071;
}
#contents .sec01_box .sec01_moncolle_img {
position: absolute;
top:122.94vw;
top:calc(1040px * 1.2294);
left:0;
z-index: 1070;
}


#contents .sec02_box {
z-index: 2000;
}
#contents .sec02_box .sec02_bg {
opacity: 0.3;
}
#contents .sec02_box .sec02_1_box {
z-index: 2001;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec02_box .sec02_ttl {
position:absolute;
top:0;
left:0;
z-index: 2400;
}
#contents .sec02_box .sec02_moncolle_box {
position:absolute;
top:2.63vw;
top:calc(1040px * 0.0263);
left:0;
z-index: 2010;
}
#contents .sec02_box .sec02_moncolle_box .sec02_moncolle02 {
position:absolute;
top:0;
left:0;
z-index: 2011;
opacity: 0;
}
#contents .sec02_box .sec02_moncolle_txt {
position: absolute;
width: 85.06%;
top:52.5vw;
top:calc(1040px * 0.525);
left:5.19%;
z-index: 2020;
}
#contents .sec02_box .sec02_soundtxt01 {
position: absolute;
width: 14.44%;
top:19.06vw;
top:calc(1040px * 0.1906);
left:77%;
z-index: 2030;
}




#contents .sec02_2_box .sec02_thunder01 {
position: absolute;
width: 37.38%;
top:2.63vw;
top:calc(1040px * 0.0263);
left:0;
z-index: 2110;
}
#contents .sec02_2_box .sec02_thunder02 {
position: absolute;
width: 42.44%;
top:11.81vw;
top:calc(1040px * 0.1181);
right:0;
z-index: 2120;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#contents .sec02_2_box .sec02_thunder03 {
position: absolute;
width: 36%;
top:0.75vw;
top:calc(1040px * 0.0075);
left:58.25%;
z-index: 2130;
animation-delay: 0.5s;
}
#contents .sec02_2_box .sec02_thunder04 {
position: absolute;
width: 18.31%;
top:23.56vw;
top:calc(1040px * 0.2356);
left:20.06%;
z-index: 2130;
animation-delay: 0.8s;
}
#contents .sec02_2_box .sec02_thunder {
opacity: 0;
}
.sec02_thunder.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes sec02_thunder {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 30% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} 90% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} 
}

@keyframes sec02_thunder {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 30% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} 90% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} 
}

.sec02_thunder {
	-webkit-animation-name: sec02_thunder;
	animation-name: sec02_thunder;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}





#contents .sec02_2_box .sec02_ttl02 {
position: absolute;
width: 47.44%;
top:0;
left:0;
z-index: 2210;
}
#contents .sec02_2_box .sec02_moncolle03 {
position: absolute;
width: 47.44%;
top:16.63vw;
top:calc(1040px * 0.1663);
left:23.38%;
z-index: 2220;
opacity: 0;
}
#contents .sec02_2_box .sec02_target {
position: absolute;
width: 15.13%;
top:40.31vw;
top:calc(1040px * 0.4031);
left:42.44%;
z-index: 2230;
opacity: 0;
cursor: pointer;
}
#contents .sec02_2_box .sec02_moncolle_info {
position: absolute;
width: 47%;
top:20.06vw;
top:calc(1040px * 0.2006);
right:0;
z-index: 2240;
display: none;
}




#contents .sec03_box {
z-index: 3000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec03_box .sec03_imgtxt {
position: absolute;
width: 42%;
top:16.31vw;
top:calc(1040px * 0.1631);
left:2.63%;
z-index: 3010;
}
#contents .sec03_box .sec03_txt01 {
position: absolute;
width: 50.94%;
top:21.31vw;
top:calc(1040px * 0.2131);
left:47.25%;
z-index: 3020;
}
#contents .sec03_box .sec03_txt02 {
position: absolute;
width: 38.25%;
top:80.94vw;
top:calc(1040px * 0.8094);
left:4.25%;
z-index: 3030;
}
#contents .sec03_box .sec03_vsimg {
position: absolute;
top:92vw;
top:calc(1040px * 0.92);
left:0;
z-index: 3040;
}



#contents .sec04_box {
z-index: 4000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}

#contents .sec04_tower_box {
position: absolute;
z-index: 4001;
width: 90.44%;
top:48.69vw;
top:calc(1040px * 0.4869);
left:4.19%;
}
#contents .sec04_tower_light_box {
position: absolute;
z-index: 4002;
width: 25.71%;
top:23.09%;
left:37.6%;
}
#contents .sec04_tower_light_box>img {
position: absolute;
z-index: 4003;
top:0;
left:0;
}
#contents .sec04_tower_light_box .sec04_tower_light01,
#contents .sec04_tower_light_box .sec04_tower_light02,
#contents .sec04_tower_light_box .sec04_tower_light03,
#contents .sec04_tower_light_box .sec04_tower_light04 {
display: none;
}



#contents .sec04_tower_moncolle01 {
position: absolute;
z-index: 4010;
width: 23.01%;
top:18.88%;
left:24.4%;
}
#contents .sec04_tower_moncolle02 {
position: absolute;
z-index: 4011;
width: 22.53%;
top:16.93%;
left:53.08%;
}
#contents .sec04_tower_front {
position: absolute;
z-index: 4015;
width: 59.92%;
top:28.71%;
left:20.04%;
}

#contents .sec04_hp_txt {
position: absolute;
z-index: 4005;
width: 44.69%;
top:19vw;
top:calc(1040px * 0.19);
left:0;
}
#contents .sec04_gifanime_box {
position: absolute;
z-index: 4030;
width: 54.81%;
top:14.19vw;
top:calc(1040px * 0.1419);
left:45.19%;
}
#contents .sec04_gifanime_txt {
position: absolute;
z-index: 4032;
width: 82.44%;
top:10.82%;
left:13.23%;
}
#contents .sec04_gifanime {
position: absolute;
z-index: 4031;
width: 64.54%;
top: 46.78%;
left: 26.57%;
}

#contents .sec04_sound_txt01 {
position: absolute;
z-index: 4060;
width: 13.25%;
top:81.75vw;
top:calc(1040px * 0.8175);
left:14.81%;
opacity: 0;
}
#contents .sec04_sound_txt02 {
position: absolute;
z-index: 4070;
width: 10.19%;
top:73.88vw;
top:calc(1040px * 0.7388);
left:77%;
opacity: 0;
}
#contents .sec04_sound_txt03 {
position: absolute;
z-index: 4090;
width: 26.44%;
top:79.44vw;
top:calc(1040px * 0.7944);
left:0.94%;
}
#contents .sec04_sound_txt04 {
position: absolute;
z-index: 4090;
width: 29.25%;
top:75.81vw;
top:calc(1040px * 0.7581);
left:70.06%;
}
#contents .sec04_baloon_box {
position: absolute;
z-index: 4050;
width: 47.88%;
top:126.69vw;
top:calc(1040px * 1.2669);
left:26.06%;
}
#contents .sec04_baloon_box>img {
position: absolute;
z-index: 4051;
top:0;
left:0;
}

#contents .sec04_target01 {
position: absolute;
z-index: 4500;
width: 15.13%;
top:108.69vw;
top:calc(1040px * 1.0869);
left:22.44%;
cursor: pointer;
}
#contents .sec04_target02 {
position: absolute;
z-index: 4510;
width: 15.13%;
top:107.75vw;
top:calc(1040px * 1.0775);
left:61.81%;
cursor: pointer;
}


.sec04_target {
	-webkit-animation-name: sec04_target;
	animation-name: sec04_target;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.sec04_target.animated {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes sec04_target {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 50% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(.8,.8) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes sec04_target {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 50% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(.8,.8) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}


.sec04_tower_moncolle {
	-webkit-animation-name: sec04_tower_moncolle;
	animation-name: sec04_tower_moncolle;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.sec04_tower_moncolle.animated {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes sec04_tower_moncolle {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 25% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,-10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes sec04_tower_moncolle {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 25% {
		animation-timing-function: linear;
		transform: translate(0px,-8px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}



#contents .sec05_box {
z-index: 5000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec05_manga_box {
position: relative;
}
#contents .sec05_manga_baloon {
position: absolute;
z-index: 5060;
width: 39.38%;
top:30.97%;
left:1.18%;
}
#contents .sec05_manga_txt {
position: absolute;
z-index: 5070;
width: 26.25%;
top:21.88%;
left:61.38%;
}
#contents .sec05_manga_mask {
position: absolute;
z-index: 5050;
top:0;
left:0;
}
#contents .sec05_manga_moncolle {
position: absolute;
z-index: 5020;
width: 62%;
top:0%;
left:28.81%;
}
#contents .sec05_img02_box {
position: relative;
}
#contents .sec05_soundtxt {
position: absolute;
z-index: 5200;
top:-7.72%;
left:0;
opacity: 0;
}
#contents .sec05_gifanime_box {
position: relative;
width: 100%;
overflow: hidden;
z-index: 5100;
}
#contents .sec05_gifanime {
position: absolute;
z-index: 5110;
top:0;
left:0;
width: auto;
height: 100%;
}



#contents .sec06_box {
z-index: 6000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec06_soundtxt {
position: absolute;
z-index: 6010;
width: 64.75%;
top:15.75vw;
top:calc(1040px * 0.1575);
left:17.94%;
}



#contents .sec07_box {
z-index: 7000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec07_txt01 {
position: absolute;
z-index: 7030;
width: 57.94%;
top:12.69vw;
top:calc(1040px * 0.1269);
left:41.44%;
}
#contents .sec07_txt02 {
position: absolute;
z-index: 7020;
width: 25.13%;
top:19.13vw;
top:calc(1040px * 0.1913);
left:1.88%;
}
#contents .sec07_img {
position: absolute;
z-index: 7010;
top:30.25vw;
top:calc(1040px * 0.3025);
left:0;
}
#contents .sec07_txt03 {
position: absolute;
z-index: 7050;
width: 45.31%;
top:92vw;
top:calc(1040px * 0.92);
left:27%;
}
#contents .sec07_pv_ttl {
position: absolute;
z-index: 7040;
top:123vw;
top:calc(1040px * 1.23);
left:0;
}
#contents .sec07_movie_box {
position: absolute;
z-index: 7060;
width: 84%;
top:147.81vw;
top:calc(1040px * 1.4781);
left:0;
right:0;
margin: 0 auto;
}



#contents .sec08_box {
z-index: 8000;
margin-top: -3.13vw;
margin-top:calc(1040px * -0.0313);
}
#contents .sec08_howtoimg {
position: absolute;
z-index: 8010;
top:17vw;
top:calc(1040px * 0.17);
left:0;
}
#contents .sec08_txt {
position: absolute;
z-index: 8030;
width: 49.56%;
top:186.38vw;
top:calc(1040px * 1.8638);
left:6.81%;
}
#contents .sec08_gifanime {
position: absolute;
z-index: 8020;
width: 40%;
top:186.56vw;
top:calc(1040px * 1.8656);
left:52.94%;
}



#contents .footer_price_box {
background: url("../images/footer_pricebox_bg.jpg") center center no-repeat;
background-size: cover;
padding: 20px;
}
#contents .footer_price_inbox {
width: 75%;
margin: 0 auto;

display: -webkit-flex;
display: flex;

-webkit-justify-content: space-around;
justify-content: space-around;

-webkit-align-items:center;
align-items:center;

}
#contents .moncolle_bnr_box {
background: #222;
padding: 20px;
}
#contents .moncolle_bnr_box a {
display: block;
width: 80%;
max-width: 400px;
margin: 0 auto;
}

#contents .movie_btn_box {
padding: 40px 10px 25px;
}

#contents .movie_btn_box p {
text-align: center;
padding: 0 0 20px;
font-size: 16px;
color:#fff;
}

#contents .movie_btn_box .movie_btn_inbox {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-around;
justify-content: space-around;

-webkit-flex-wrap: wrap;
flex-wrap: wrap;

}

#contents .movie_btn_box .movie_btn_inbox>a {
width: 264px;
max-width: 264px;
margin-bottom: 15px;
}