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

.MB1em {
  margin-bottom: 1em !important;
}
.MB00 {
  margin-bottom: 0px !important;
}
.MB10 {
  margin-bottom: 10px !important;
}
.MB15 {
  margin-bottom: 15px !important;
}
.MB20 {
  margin-bottom: 20px !important;
}
.MB25 {
  margin-bottom: 25px !important;
}
.MB30 {
  margin-bottom: 30px !important;
}
.MB35 {
  margin-bottom: 35px !important;
}
.MB40 {
  margin-bottom: 40px !important;
}
.MB45 {
  margin-bottom: 45px !important;
}
.MB50 {
  margin-bottom: 50px !important;
}
.MB55 {
  margin-bottom: 55px !important;
}
.MB60 {
  margin-bottom: 60px !important;
}
.MB65 {
  margin-bottom: 55px !important;
}
.MB60 {
  margin-bottom: 60px !important;
}
.MB65 {
  margin-bottom: 65px !important;
}
.MB70 {
  margin-bottom: 70px !important;
}
.MB75 {
  margin-bottom: 75px !important;
}
.MB80 {
  margin-bottom: 80px !important;
}
.MB85 {
  margin-bottom: 85px !important;
}
.MB90 {
  margin-bottom: 90px !important;
}
.MB95 {
  margin-bottom: 95px !important;
}
.MB100 {
  margin-bottom: 100px !important;
}
.MB110 {
  margin-bottom: 110px !important;
}
.MB120 {
  margin-bottom: 120px !important;
}
.MB130 {
  margin-bottom: 130px !important;
}
.MB140 {
  margin-bottom: 140px !important;
}
.MB150 {
  margin-bottom: 150px !important;
}
.MB160 {
  margin-bottom: 160px !important;
}
.MB200 {
  margin-bottom: 200px !important;
}

.w100 {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 480px) {
br.sp_none {
display: none;
}
/* max-width: 480px */}

.price_box {
  background: #000;
  padding: 20px;
}

.price_box .price_inbox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  max-width: 980px;
  width: 77.5%;
  margin: 0 auto;
}
.price_box .price_txt {
  max-width: 361px;
  width: 100%;
}

.btn_buy {
  width: 180px;
}

.btn_mall .btn {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.375rem 2rem;
  font-size: 18px;
  width: 180px;
  border-radius: 6px;
}
.btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #b351ef;
  border-color: #b351ef;
}

.btn_mall.btn_mall01 .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #b351ef;
  border-color: #b351ef;
}

.btn_mall.btn_mall01 {
  margin-left: 3%;
}

.btn_mall02 .btn {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.375rem 2rem;
  font-size: 18px;
  width: 180px;
  border-radius: 6px;
  margin: 3% auto 0;
}
.btn_mall02 .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #b351ef;
  border-color: #b351ef;
}

.btn_mall.btn_mall02 {
  margin-left: 3%;
}

.btn_mall_box {
  width: 180px;
  margin: 0 auto;
}
.btn_mall_box .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #b351ef;
  border-color: #b351ef;
}

.btn_mall_box .btn_mall02 .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #b351ef;
  border-color: #b351ef;
}

.movie_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.movie_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ct_box .copyright {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;

  align-items: center;

  padding: 20px 10px;
}

.ct_box .copyright_img {
  width: 40%;
  max-width: 320px;
}

.ct_box .copyright_text {
  width: 55%;
  text-align: left;
  font-size: 11px;
  color: #000;
}

.ct_box .bnr_box {
  padding: 20px 8% 10px;
}
.ct_box .bnr_box a {
  display: block;
}

/*------------------------*/

.ct_box {
  width: 100%;
  margin: 0 auto;
}

.ct_box > .w480 {
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 481px) {
  .ct_box > .w480 {
    border-right: 4px #5c31be solid;
    border-left: 4px #5c31be solid;
  }
  /* min-width: 481px */
}

.bg_box {
  background: url(../images/pc_bg.webp) no-repeat fixed;
  background-size: cover;
  background-position: center;
}
/*------------------------*/

/* mainここから */
.main{
  position: relative;
  overflow: hidden;
}

.main_logo{
  width: 93.64583333%;
  position: absolute;
  z-index: 4;
  top: -6%;
  left: 4%;
opacity: 0;
}
.animate_main_logo {
  animation: main_logo 0.3s forwards ease;
}

@keyframes main_logo {
  0% {
    transform: translateX(-60px);
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.main_riko{
  width: 56.66666667%;
  position: absolute;
  z-index: 2;
  top: 19%;
  left: 2%;
  opacity: 0;
}
.animate_main_riko {
  animation: main_riko 0.3s forwards;
}
@keyframes main_riko {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.main_roy{
  width: 36.35416667%;
  position: absolute;
  z-index: 2;
  top: 19%;
  right: -3%;
opacity: 0;
}
.animate_main_roy {
  animation: main_roy 0.3s forwards;
}
@keyframes main_roy {
  0% {
    transform: translateX(100px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.main_img_1{
  width: 100%;
  position: absolute;
  z-index: 3;
  bottom: -6.5%;
  left: 0;
opacity: 0;
}
.animate_main_img_1 {
  animation: main_img_1 0.3s forwards;
}
@keyframes main_img_1 {
  0% {
    transform: translateY(200px) rotate(20deg) scale(0.7);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0) scale(1);
    opacity: 1;
  }
}

.main_img_2{
  width: 35.52083333%;
  position: absolute;
  z-index: 4;
  bottom: 18%;
  left: 11%;
opacity: 0;
}
.animate_main_img_2 {
  animation: main_imgs 0.3s forwards;
}

.main_img_3{
  width: 35.52083333%;
  position: absolute;
  z-index: 4;
  bottom: 7.5%;
  left: 0%;
opacity: 0;
}
.animate_main_img_3 {
  animation: main_imgs 0.3s forwards;
}
.main_img_4{
  width: 35.52083333%;
  position: absolute;
  z-index: 4;
  bottom: 9.7%;
  left: 27%;
opacity: 0;
}
.animate_main_img_4 {
  animation: main_imgs 0.3s forwards;
}
.main_txt_1{
  width: 55.10416667%;
  position: absolute;
  z-index: 4;
  bottom: 0.5%;
  left: 6%;
opacity: 0;
}
.animate_main_txt_1 {
  animation: main_imgs 0.3s forwards;
}

@keyframes main_imgs {
  0% {
    transform: translateX(-60px) translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.main_txt_2{
  width: 30.83333333%;
  position: absolute;
  z-index: 4;
  bottom: 24.5%;
  right: 4%;
opacity: 0;
}
.animate_main_txt_2 {
  animation: main_txts 0.3s forwards;
}
.main_txt_3{
  width: 76.5625%;
  position: absolute;
  z-index: 3;
  bottom: -11%;
  right: -19%;
opacity: 0;
}
.animate_main_txt_3 {
  animation: main_txts 0.3s forwards;
}

@keyframes main_txts {
  0% {
    transform: translateX(60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*------------------------*/

/* area_1ここから */
.area_1{
  background: url(../images/area01_bg.webp) no-repeat;
  background-size: cover;
}
.area01_ttl{
  position: relative;
  z-index: 3;
  opacity: 0;
}
.animate_area01_ttl {
  animation: clip_left 0.3s forwards;
}
.area01_ttl_bg{
  margin-top: -13%;
  position: relative;
  z-index: 2;
  opacity: 0;
}
.animate_area01_ttl_bg {
  animation: clip_left_2 0.3s forwards;
}
.area01_move01{
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  margin: 5% auto 0;
  border: 3px solid #000;
  opacity: 0;
}
.animate_area01_move01 {
  animation: area01_move01 0.5s forwards;
}
@keyframes area01_move01 {
  0% {
    transform: translateX(-20%) scale(0.9);
    opacity: 1;
  }
  50% {
    transform: translateX(0) scale(0.9);
    opacity: 1;
  }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
.area01_move02{
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  margin: 5% auto 0;
  border: 3px solid #000;
  opacity: 0;
}
.animate_area01_move02 {
  animation: area01_move02 0.5s forwards;
}
@keyframes area01_move02 {
  0% {
    transform: translateX(20%) scale(0.9);
    opacity: 1;
  }
  50% {
    transform: translateX(0) scale(0.9);
    opacity: 1;
  }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
.area01_txt_1{
  width: 69.27083333%;
  margin: 0 auto 0;
  padding-top: 30px;
  opacity: 0;
}
.animate_area01_txt_1 {
  animation: clip_left 0.3s forwards;
}
.mode_ttl_box{
  display: flex;
  margin: 15px 5px 0;
  padding-bottom: 30px;
}

.mode_ttl_box a:hover{
  opacity: 0.7;
}

.mode_ttl_1{
  display: inline-block;
  opacity: 0;
}
.animate_mode_ttl_1 {
  animation: mode_ttl_1 0.3s forwards;
}
@keyframes mode_ttl_1 {
  0% {
    transform: translateX(-20%) rotate(-15deg);
    opacity: 0;
  }
  30%{
    transform: translateX(0) rotate(-15deg);
    opacity: 1;
  }
  75%{
    transform: rotate(5deg);
    opacity: 1;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
.mode_ttl_2{
  display: inline-block;
  opacity: 0;
}
.animate_mode_ttl_2 {
  animation: mode_ttl_2 0.3s forwards;
}
@keyframes mode_ttl_2 {
  0% {
    transform: translateX(20%) rotate(15deg);
    opacity: 0;
  }
  30%{
    transform: translateX(0) rotate(15deg);
    opacity: 1;
  }
  75%{
    transform: rotate(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
/*------------------------*/

/* area_2ここから */
.area_2{
   background: url(../images/area02_bg.webp) repeat-y;
   background-size: 100%;
}

.area02_ttl{
  opacity: 0;
}
.animate_area02_ttl {
  animation: clip_down 0.3s forwards;
}

.area02_img_1_box{
  position: relative;
}
.area02_img_1{
  width: 89.79166667%;
  margin-left: auto;
  margin-right: 10px;
opacity: 0;
}
.animate_area02_img_1 {
  animation: area02_img_1 0.25s forwards;
}
@keyframes area02_img_1 {
  0% {
    transform: translateX(100px) scale(0.5);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
.area02_txt_1{
  width: 30.83333333%;
  position: absolute;
  top: 12%;
  left: 8%;
opacity: 0;
}
.animate_area02_txt_1 {
  animation: scale_up 0.3s forwards;
}
.area02_txt_2{
  width: 29.6875%;
  position: absolute;
  top: 30%;
  left: 6%;
opacity: 0;
}
.animate_area02_txt_2 {
  animation: scale_up 0.3s forwards;
}
.area02_txt_3{
  width: 92.08333333%;
  margin: 0 auto;
  padding-bottom: 50px;
opacity: 0;
}
.animate_area02_txt_3 {
  animation: clip_left_2 0.3s forwards;
}

.area02_content_1{
  background: url(../images/area02_content_1_bg.webp) no-repeat;
  background-size: 93.75%;
  background-position: bottom center;
  position: relative;
}

@media (min-width: 768px) {
  .area02_content_1{
    margin-top: -0.215%;
  }
}

.area02_content_ttl_box{
  background: url(../images/area02_content_1_bg_top.webp) no-repeat;
  background-size: 93.75%;
  background-position: bottom center;
  position: relative;
}

.area02_content_1_nav {
  position: fixed;
  top: 42%;
  left: calc(50% - -190px);
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  display: none;
}
@media (max-width: 480px) {
  .area02_content_1_nav {
  left: 89%;
}
}

.nav_arrow img.fade-in {
  opacity: 0;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.2s ease;
}

.nav_arrow img.visible {
  transform: scale(1.4);
  opacity: 1;
}

.area02_content_1_nav.visible {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.area02_content_1 ul li{
  list-style: none;
  width: 18px;
  margin-bottom: 25px;
}


.area02_ttl_1_0{
  width: 79.89583333%;
  margin: 0 auto;
opacity: 0;
}

.area02_ttl_1{
  width: 79.89583333%;
  position: absolute;
  top: -3%;
  left: 10.2%;
opacity: 0;
}
.animate_area02_ttl_1 {
  animation: clip_left 0.3s forwards;
}
.area02_txt_4{
  width: 72.08333333%;
  margin: 0 auto 15px;
  padding-top: 13%;
opacity: 0;
}
.animate_area02_txt_4 {
  animation: scale_up 0.3s forwards;
}
.area02_img_2{
  width: 87.70833333%;
  margin: 0 auto;
opacity: 0;
}
.animate_area02_img_2 {
  animation: clip_left_2 0.4s forwards;
}
.area02_img_2_box{
  position: relative;
}
.area02_bubble_2{
  position: absolute;
  width: 56.35416667%;
  top: 11%;
  right: 13%;
  transform-origin: left;
opacity: 0;
}
.animate_area02_bubble_2 {
  animation: scale_up 0.4s forwards;
}

.area02_txt_5{
  width: 84.79166667%;
  margin: 40px auto 15px;
opacity: 0;
}
.animate_area02_txt_5 {
  animation: scale_up 0.3s forwards;
}
.area02_img_3{
  width: 83.4375%;
  margin-left: auto;
  margin-right: 6%;
opacity: 0;
}
.animate_area02_img_3 {
  animation: clip_down 0.4s forwards;
}
.area02_img_3_box{
  position: relative;
}
.area02_bubble_3{
  width: 80.83333333%;
  margin: -6% auto 0;
  transform-origin: 80% 0;
opacity: 0;
}
.animate_area02_bubble_3 {
  animation: scale_up 0.4s forwards;
}

.area02_txt_6{
  width: 85.41666667%;
  margin: 40px auto 15px;
opacity: 0;
}
.animate_area02_txt_6 {
  animation: scale_up 0.3s forwards;
}
.area02_img_4{
  width: 82.60416667%;
  margin-left: auto;
  margin-right: 6%;
opacity: 0;
}
.animate_area02_img_4 {
  animation: clip_down 0.4s forwards;
}
.area02_img_4_box{
  position: relative;
}
.area02_bubble_4{
  width: 57.1875%;
  position: absolute;
  bottom: 6%;
  right: 4%;
opacity: 0;
}
.animate_area02_bubble_4 {
  animation: slide_left 0.3s forwards;
}
@keyframes slide_left {
  0% {
    transform: translateX(-10%) translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.area02_txt_7{
  width: 63.4375%;
  margin: 40px auto 15px;
opacity: 0;
}
.animate_area02_txt_7 {
  animation: scale_up 0.3s forwards;
}
.area02_img_5{
  width: 80.41666667%;
  margin-left: auto;
  margin-right: auto;
opacity: 0;
}
.animate_area02_img_5 {
  animation: clip_down 0.4s forwards;
}
.area02_img_5_box{
  position: relative;
}
.area02_bubble_5{
  width: 37.5%;
  position: absolute;
  bottom: -7%;
  left: 9%;
  transform-origin: top;
opacity: 0;
}
.animate_area02_bubble_5 {
  animation: scale_up 0.3s forwards;
}

.information_txt_1{
  width: 81.875%;
  margin: 55px auto 0;
  padding-bottom: 40px;
opacity: 0;
}
.animate_information_txt_1 {
  animation: fade_in 0.3s forwards;
}

.area02_content_2{
  background: url(../images/area02_content_2_bg.webp) no-repeat;
  background-size: 93.75%;
  background-position: top center;
  position: relative;
  margin-top: 110px;
}

.area02_ttl_2{
  width: 79.89583333%;
  position: absolute;
  top: -5%;
  left: 9.2%;
opacity: 0;
}
.animate_area02_ttl_2 {
  animation: clip_left 0.3s forwards;
}
.area02_slide_container{
  padding-top: 13%;
opacity: 0;
}
.animate_area02_slide_container {
  animation: fade_in 0.3s forwards;
}
.area02_slide_container,
.area02_slide_thumb {
  width: 93.75%;
  box-sizing: border-box;
}

.area02_slide_thumb {
  margin-top: 10px;
  width: 93.7%;
opacity: 0;
}
.animate_area02_slide_thumb {
  animation: fade_in 0.3s forwards;
}
.area02_slide_thumb .swiper-slide {
  transform: scale(0.7);
  transition: transform 0.2s ease; 
  cursor: pointer;
}
.area02_slide_thumb .swiper-slide-thumb-active {
  transform: scale(1);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.custom-prev,
.custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
opacity: 0;
}
.animate_custom-prev, .animate_custom-next {
  animation: fade_in 0.3s forwards;
}

.custom-prev {
  left: 25px;
}

.custom-next {
  right: 25px;
}

.custom-prev img,
.custom-next img {
  width: 18px;
  height: auto;
}
.custom-prev img{
  transform: rotate(180deg);
}

.area02_bottom{
  text-align: center;
  background: url(../images/area02_btn_dot.webp) no-repeat;
  background-size: cover;
  padding: 40px 0;
}
.area02_bottom a{
  display: inline-block;
  width: 84.58333333%;
}

.area02_btn{
  opacity: 0;
}
.animate_area02_btn {
  animation: fade_in 0.3s forwards;
}
.area02_bottom a:hover{
  opacity: 0.7;
}

/* @media (max-width: 768px) {
  .area02_item_1{
    height: 75vh;
  }
  .area02_item_2{
    height: 100vh;
  }
  .area02_item_3{
    height: 90vh;
  }
  .area02_txt_4{
    padding-top: 30%;
  }
} */
/*------------------------*/

/* area_3ここから */
.area_3{
   background: url(../images/area03_bg.webp) repeat-y;
   background-size: 100%;
   padding-bottom: 40px;
}

.area03_ttl{
  opacity: 0;
}
.animate_area03_ttl {
  animation: clip_down 0.3s forwards;
}

.area03_img_1_box, .area03_img_2_box{
  position: relative;
}
.area03_img_1{
  width: 98.02083333%;
  margin: 15px auto;
  opacity: 0;
}
.animate_area03_img_1 {
  animation: area03_img_1 0.5s forwards ease-out;
}
@keyframes area03_img_1 {
  0% {
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    opacity: 1;
  }

  100% {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
    opacity: 1;
  }
}
.area03_txt_1{
  width: 51.14583333%;
  position: absolute;
  bottom: 7%;
  right: 7%;
opacity: 0;
}
.animate_area03_txt_1 {
  animation: slide_left 0.3s forwards;
}

.area03_img_2{
  position: relative;
  z-index: 2;
  width: 37.91666667%;
  margin-left: 1%;
opacity: 0;
}
.animate_area03_img_2 {
  animation: scale_up 0.3s forwards;
}
.area03_txt_2{
  position: absolute;
  z-index: 1;
  width: 57.39583333%;
  top: 1%;
  right: 2%;
opacity: 0;
}
.animate_area03_txt_2 {
  animation: clip_left 0.3s forwards;
}
/*------------------------*/

/* area_4ここから */
.area_4{
   background: url(../images/area04_bg.webp) repeat-y;
   background-size: 100%;
   position: relative;
}

.area04_img_1{
  width: 59.16666667%;
opacity: 0;
}
.animate_area04_img_1 {
  animation: scale_up 0.3s forwards;
}

.area04_txt_1{
  width: 48.85416667%;
  position: absolute;
  top: 2%;
  right: 8%;
opacity: 0;
}
.animate_area04_txt_1 {
  animation: area04_txt_1 0.4s forwards;
}
@keyframes area04_txt_1{
  0%{
    transform: scale(0.3);
    opacity: 0;
  }
  20%{
    transform: scale(1) translateX(-8px);
  }
  40%{
    transform: scale(1) translateX(8px);
    opacity: 1;
  }
  60%{
    transform: scale(1) translateX(-8px);
    opacity: 1;
  }
  80%{
    transform: scale(1) translateX(8px);
    opacity: 1;
  }
  100%{
    transform: scale(1) translateX(0);
    opacity: 1;
  }
}

.area04_txt_2{
  width: 27.08333333%;
  position: absolute;
  top: 11%;
  right: 5%;
opacity: 0;
}
.animate_area04_txt_2 {
  animation: clip_left_2 0.3s forwards;
}
.area04_txt_3{
  width: 92.1875%;
  margin: -12% auto 15px;
opacity: 0;
}
.animate_area04_txt_3 {
  animation: clip_left_2 0.3s forwards;
}
.information_txt_2{
  width: 86.45833333%;
  margin: 0 auto;
opacity: 0;
}
.animate_information_txt_2 {
  animation: fade_in 0.4s forwards;
}

.area04_btn_box{
  text-align: center;
}
.area_4 a{
  display: inline-block;
}
.area04_btn{
  width: 84.58333333%;
  margin-bottom: 15px;
opacity: 0;
}
.animate_area04_btn {
  animation: fade_in 0.3s forwards;
}
.area04_btn_2, .area04_btn_3{
  width: 95.10416667%;
  margin: 0 auto 15px;
  margin-bottom: 15px;
  opacity: 0;
}
.animate_area04_btn_2, .animate_area04_btn_3 {
  animation: fade_in 0.3s forwards;
}
.area_4 a:hover{
  opacity: 0.7;
}

.copyright_box{
  opacity: 0;
}
.animate_copyright_box {
  animation: fade_in 0.4s forwards;
}
.pokemon_logo{
  width: 25%;
  margin: 30px auto 10px;
}
.copyright_txt{
  margin: 0 3%;
  text-align: left;
  font-size: 11px;
  color:#fff;
  padding-bottom: 30px;
}
/*------------------------*/


@keyframes clip_left {
  0% {
    transform: translateX(-60px);
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes clip_left_2 {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes clip_down {
  0% {
    clip-path: inset(0 0 100% 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes scale_up{
  0%{
    transform: scale(0.5);
    opacity: 0;
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}


#contents .owabi2506_bnr:hover {
opacity: 0.8;
}

#contents .modal_wrap{
  display: none;
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000;
}

#contents .modal_inner{
background: #000;
  width: 90%;
max-width: 460px;
max-height: 90vh;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  transform:translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);

overflow-y: scroll;
}