@charset "UTF-8";

* {padding:0; margin:0;}

#fog {
  display: none;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  padding-bottom: 100%;
}


@keyframes zoom_in_out{
  0%{transform:scale(1);}
  50%{transform:scale(0.97);}
  100%{transform:scale(1);}
}

.container {
  width: 100%;
  margin:0 auto;
  max-width:unset;
}


.section {
  position: relative;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.section img {
  display: block;
  width:100%;
  max-width: 640px;
  margin: 0 auto;
}

.zone_btn {
  cursor:pointer;
	animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-name: zoom_in_out;
  transform-origin: center;
	position: absolute;
	left: 50%;
  height:104px;
  z-index:1;
  transform: translateX(-50%);
}


.section01 .zone_btn {
  width:570px;
  margin-left:-285px;
  top: 955px;
}

.section02 .zone_btn {
  width:502px;
  margin-left:-251px;
  top: 1700px;
}




.popup {
  display:none;
  position:absolute;
  background-size:100%;
  background-repeat:no-repeat;
  z-index:50;
  top:50%;
  left:50%;
  box-sizing:border-box;
}
.popup01 {
  width:600px;
  margin-left:-300px;
  height:627px;
  background-image:url("../images/popup01_new.png");
}
.popup02 {
  width:600px;
  margin-left:-300px;
  height:627px;
  background-image:url("../images/popup02_new.png");
}

.popup .pop_exit {
  width:82px;
  height:82px;
  background-color:transparent;
  position:absolute;
  top:0;
  right:0;
  opacity: 0.6;
  cursor:pointer;
}








@media only screen and ( max-width:640px ){

.zone_btn {
  height:16.25vw;
}


.section01 .zone_btn {
  width:89.06vw;
  margin-left:-44.53vw;
  top: 149.22vw;
}

.section02 .zone_btn {
  width:78.44vw;
  margin-left:-39.22vw;
  top: 265.63vw;
}




.popup01 {
  width:93.75vw;
  margin-left:-46.88vw;
  height:97.97vw;
  background-image:url("../images/popup01.png");
}
.popup02 {
  width:93.75vw;
  margin-left:-46.88vw;
  height:97.97vw;
  background-image:url("../images/popup02.png");
}

.popup .pop_exit {
  width:12.81vw;
  height:12.81vw;
}

}
/*@media only screen and ( max-width:640px )*/