:root{
  --content_height: 100vh;
}
*{
  user-select: none;
  box-sizing: border-box;
  overscroll-behavior: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
*:focus {
  outline: none;
}
html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-size: 20px;
  font-style: normal;
  overflow: hidden;
  touch-action: manipulation;
}
a:link,
a:visited,
a:hover,
a:active{
  color: #000;
  text-decoration: none;
}
button{
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  width: 100%;
}
.img_obj{
  line-height: 0;
}
.template{
  display: none;
}

.lang1{ font-family: "Noto Sans JP", serif; }
.lang2{ font-family: "Noto Sans JP", serif; }
.lang3{ font-family: "Noto Sans KR", "Noto Sans JP", serif; }
.lang4{ font-family: "Noto Sans SC", "Noto Sans JP", serif; }
.lang5{ font-family: "Noto Sans TC", "Noto Sans JP", serif; }

.over_ui_block{
  z-index: 1000;
}
.content_wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content_wrapper .content_view{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.content_wrapper .content_view::-webkit-scrollbar{
  display: none;
}
.content_wrapper .content_view .content_view_inner{
  display: grid;
  position: relative;
  width: calc(6180 * (var(--content_height) / 1080));
  min-width: calc(100vw + (3090 * (var(--content_height) / 1080)));
  height: 100%;
  grid-template-columns: 1fr auto auto auto auto 1fr;
  grid-template-rows: 1fr;
}
.content_wrapper .content_view .content_view_inner .content_block{
  position: relative;
  grid-row: 1;
  width: calc(1545 * (var(--content_height) / 1080));
  height: 100%;
  background-size: 100% 100%;
}
.content_wrapper .content_view .content_view_inner .content_block.content_block1{ grid-column: 2; }
.content_wrapper .content_view .content_view_inner .content_block.content_block2{ grid-column: 3; }
.content_wrapper .content_view .content_view_inner .content_block.content_block3{ grid-column: 4; }
.content_wrapper .content_view .content_view_inner .content_block.content_block4{ grid-column: 5; }

.pos2 .content_wrapper .content_view .content_view_inner .content_block.content_block1{ grid-column: 5; }
.pos2 .content_wrapper .content_view .content_view_inner .content_block.content_block2{ grid-column: 2; }
.pos2 .content_wrapper .content_view .content_view_inner .content_block.content_block3{ grid-column: 3; }
.pos2 .content_wrapper .content_view .content_view_inner .content_block.content_block4{ grid-column: 4; }

.pos3 .content_wrapper .content_view .content_view_inner .content_block.content_block1{ grid-column: 4; }
.pos3 .content_wrapper .content_view .content_view_inner .content_block.content_block2{ grid-column: 5; }
.pos3 .content_wrapper .content_view .content_view_inner .content_block.content_block3{ grid-column: 2; }
.pos3 .content_wrapper .content_view .content_view_inner .content_block.content_block4{ grid-column: 3; }

.pos4 .content_wrapper .content_view .content_view_inner .content_block.content_block1{ grid-column: 3; }
.pos4 .content_wrapper .content_view .content_view_inner .content_block.content_block2{ grid-column: 4; }
.pos4 .content_wrapper .content_view .content_view_inner .content_block.content_block3{ grid-column: 5; }
.pos4 .content_wrapper .content_view .content_view_inner .content_block.content_block4{ grid-column: 2; }

.content_wrapper .content_view .content_view_inner .content_block .content_line_canvas{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 15;
}

.content_wrapper .content_view .content_view_inner .content_block .content_block_inner{
  position: absolute;
  top: 0;
  left :0;
  width: 100%;
  height: 100%;
}

.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block .spot_target{
  position: absolute;
  top: 500px;
  left: 200px;
  width: calc(32 * (var(--content_height) / 1080));
  height: calc(32 * (var(--content_height) / 1080));
  margin: calc(-16 * (var(--content_height) / 1080));
  border: calc(4 * (var(--content_height) / 1080)) solid #fff;
  border-radius: calc(16 * (var(--content_height) / 1080));
  pointer-events: auto;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1 .spot_target{
  cursor: pointer;
}

.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block .spot_target:before{
  content: "";
  position: absolute;
  top: calc(-3 * (var(--content_height) / 1080));
  left: calc(-3 * (var(--content_height) / 1080));

  width: calc(30 * (var(--content_height) / 1080));
  height: calc(30 * (var(--content_height) / 1080));
  border: calc(2 * (var(--content_height) / 1080)) solid #ff3679;
  border-radius: calc(15 * (var(--content_height) / 1080));
  box-sizing: border-box;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block .spot_target:after{
  content: "";
  position: absolute;
  top: calc(4 * (var(--content_height) / 1080));
  left: calc(4 * (var(--content_height) / 1080));

  width: calc(16 * (var(--content_height) / 1080));
  height: calc(16 * (var(--content_height) / 1080));
  border: calc(4 * (var(--content_height) / 1080)) solid #fff;
  border-radius: calc(8 * (var(--content_height) / 1080));
  box-sizing: border-box;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block .spot_line{
  position: absolute;
  top: 500px;
  left: 200px;
  width: 0px;
  height: 300px;
}

.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block .spot_label{
  position: absolute;
  top: 300px;
  left: 200px;
  min-width: calc(148 * (var(--content_height) / 1080));
  height: calc(32 * (var(--content_height) / 1080));
  background-color: #ff3679;
  padding: 0 calc(10 * (var(--content_height) / 1080));
  border: calc(2 * (var(--content_height) / 1080)) solid #fff;
  border-radius: calc(5 * (var(--content_height) / 1080));
  font-size: calc(16 * (var(--content_height) / 1080));
  line-height: calc(28 * (var(--content_height) / 1080));
  text-align: center;
  color: #fff;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1 .spot_label{
  cursor: pointer;
}
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1,
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1 .spot_target:before{ border-color: #ff3679; }
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1 .spot_label,
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color1 .spot_target:after{ background-color: #ff3679; }

.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color2,
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color2 .spot_target:before{ border-color: #6da02a; }
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color2 .spot_label,
.content_wrapper .content_view .content_view_inner .content_block .content_block_inner .spot_block.color2 .spot_target:after{ background-color: #6da02a; }

.content_wrapper .content_view .content_view_inner .content_block .content_block_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 1s;
}
.time1 .content_wrapper .content_view .content_view_inner .content_block .content_block_bg.time1,
.time2 .content_wrapper .content_view .content_view_inner .content_block .content_block_bg.time2,
.time3 .content_wrapper .content_view .content_view_inner .content_block .content_block_bg.time3,
.time4 .content_wrapper .content_view .content_view_inner .content_block .content_block_bg.time4{
  opacity: 1;
}

.content_wrapper .menu_lang_wrapper{
  position: absolute;
  bottom: calc(10 * (var(--content_height) / 1080));
  right: 0;
  width: calc(450 * (var(--content_height) / 1080));
  height: calc(60 * (var(--content_height) / 1080));
  background-color: rgba( 0, 0, 0, 0.5 );
  border-radius: calc(5 * (var(--content_height) / 1080));
}
.content_wrapper .menu_lang_wrapper .menu_lang_inner{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: calc(6 * (var(--content_height) / 1080)) calc(8 * (var(--content_height) / 1080));
}
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang{
  width: calc(84 * (var(--content_height) / 1080));
  height: calc(48 * (var(--content_height) / 1080));
  background-size: 100% 100%;
}
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang1{ background-image: url(../images/btn_lang_ja.png); }
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang2{ background-image: url(../images/btn_lang_en.png); }
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang3{ background-image: url(../images/btn_lang_ko.png); }
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang4{ background-image: url(../images/btn_lang_zhCN.png); }
.content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang5{ background-image: url(../images/btn_lang_zhTW.png); }

.lang1 .content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang1{ background-image: url(../images/btn_lang_ja_on.png); }
.lang2 .content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang2{ background-image: url(../images/btn_lang_en_on.png); }
.lang3 .content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang3{ background-image: url(../images/btn_lang_ko_on.png); }
.lang4 .content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang4{ background-image: url(../images/btn_lang_zhCN_on.png); }
.lang5 .content_wrapper .menu_lang_wrapper .menu_lang_inner .btn_lang.btn_lang5{ background-image: url(../images/btn_lang_zhTW_on.png); }

.content_wrapper .menu_time_wrapper{
  position: absolute;
  left: calc(50% - (983 * (var(--content_height) / 1080) / 2));
  bottom: calc(-846 * (var(--content_height) / 1080));
  width: calc(983 * (var(--content_height) / 1080));
  height: calc(983 * (var(--content_height) / 1080));
  pointer-events: none;
}
.content_wrapper .menu_time_wrapper .menu_time_bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  pointer-events: none;
}
.content_wrapper .menu_time_wrapper .menu_time_inner{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(720 * (var(--content_height) / 1080));
  height: calc(137 * (var(--content_height) / 1080));
  margin: 0 auto;
  padding: calc(58 * (var(--content_height) / 1080)) 0 calc(15 * (var(--content_height) / 1080));
  gap: calc(4 * (var(--content_height) / 1080));
}
.content_wrapper .menu_time_wrapper .menu_time_inner .btn_time{
  width: calc(108 * (var(--content_height) / 1080));
  height: calc(64 * (var(--content_height) / 1080));
  background-size: 100% 100%;
  pointer-events: auto;
}
.content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1.png); }
.content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2.png); }
.content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3.png); }
.content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4.png); }

.time1 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_on.png); }
.time2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_on.png); }
.time3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_on.png); }
.time4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_on.png); }

.lang2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_en.png); }
.lang2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_en.png); }
.lang2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_en.png); }
.lang2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_en.png); }

.lang2.time1 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_en_on.png); }
.lang2.time2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_en_on.png); }
.lang2.time3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_en_on.png); }
.lang2.time4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_en_on.png); }

.lang3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_ko.png); }
.lang3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_ko.png); }
.lang3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_ko.png); }
.lang3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_ko.png); }

.lang3.time1 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_ko_on.png); }
.lang3.time2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_ko_on.png); }
.lang3.time3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_ko_on.png); }
.lang3.time4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_ko_on.png); }

.lang4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_zhCN.png); }
.lang4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_zhCN.png); }
.lang4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_zhCN.png); }
.lang4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_zhCN.png); }

.lang4.time1 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_zhCN_on.png); }
.lang4.time2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_zhCN_on.png); }
.lang4.time3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_zhCN_on.png); }
.lang4.time4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_zhCN_on.png); }

.lang5 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_zhTW.png); }
.lang5 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_zhTW.png); }
.lang5 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_zhTW.png); }
.lang5 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_zhTW.png); }

.lang5.time1 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time1{ background-image: url(../images/btn_time1_zhTW_on.png); }
.lang5.time2 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time2{ background-image: url(../images/btn_time2_zhTW_on.png); }
.lang5.time3 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time3{ background-image: url(../images/btn_time3_zhTW_on.png); }
.lang5.time4 .content_wrapper .menu_time_wrapper .menu_time_inner .btn_time.btn_time4{ background-image: url(../images/btn_time4_zhTW_on.png); }


.content_wrapper .btn_home{
  position: absolute;
  top: calc(16 * (var(--content_height) / 1080));
  left: calc(18 * (var(--content_height) / 1080));
  width: calc(318 * (var(--content_height) / 1080));
  height: calc(88 * (var(--content_height) / 1080));
}
.lang2 .content_wrapper .btn_home,
.lang3 .content_wrapper .btn_home,
.lang4 .content_wrapper .btn_home,
.lang5 .content_wrapper .btn_home{
  background-size: 100% 100%;
}
.lang2 .content_wrapper .btn_home{ background-image: url(../images/btn_back_en.png ); }
.lang3 .content_wrapper .btn_home{ background-image: url(../images/btn_back_ko.png ); }
.lang4 .content_wrapper .btn_home{ background-image: url(../images/btn_back_zhCN.png ); }
.lang5 .content_wrapper .btn_home{ background-image: url(../images/btn_back_zhTW.png ); }

.lang2 .content_wrapper .btn_home img,
.lang3 .content_wrapper .btn_home img,
.lang4 .content_wrapper .btn_home img,
.lang5 .content_wrapper .btn_home img{
  display: none;
}
.content_wrapper .btn_event{
  position: absolute;
  bottom: calc(10 * (var(--content_height) / 1080));
  left: calc(18 * (var(--content_height) / 1080));
  width: calc(278 * (var(--content_height) / 1080));
  height: calc(76 * (var(--content_height) / 1080));
}
.lang2 .content_wrapper .btn_event,
.lang3 .content_wrapper .btn_event,
.lang4 .content_wrapper .btn_event,
.lang5 .content_wrapper .btn_event{
  background-size: 100% 100%;
}
.lang2 .content_wrapper .btn_event{ background-image: url(../images/btn_event_en.png ); }
.lang3 .content_wrapper .btn_event{ background-image: url(../images/btn_event_ko.png ); }
.lang4 .content_wrapper .btn_event{ background-image: url(../images/btn_event_zhCN.png ); }
.lang5 .content_wrapper .btn_event{ background-image: url(../images/btn_event_zhTW.png ); }

.lang2 .content_wrapper .btn_event img,
.lang3 .content_wrapper .btn_event img,
.lang4 .content_wrapper .btn_event img,
.lang5 .content_wrapper .btn_event img{
  display: none;
}

.popup_wrapper{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: all .5s;
}
.popup_wrapper.active{
  display: block;
  pointer-events: auto;
  opacity: 1;
}
.popup_wrapper .popup_inner{
  position: absolute;
  top: calc(50 * (var(--content_height) / 1080));
  left: 0;
  right: 0;
  width: calc(562 * (var(--content_height) / 1080));
  height: calc(796 * (var(--content_height) / 1080));
  background-image: url(../images/popup_bg.png);
  background-size: 100% 100%;
  margin: 0 auto;
  padding: calc(45 * (var(--content_height) / 1080)) calc(41 * (var(--content_height) / 1080)) calc(75 * (var(--content_height) / 1080));
}
.popup_wrapper .popup_inner .spot_detail_wrapper{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_image{
  width: 100%;
  margin-bottom: calc(5 * (var(--content_height) / 1080));
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_image_offer{
  width: 100%;
  font-size: calc(14 * (var(--content_height) / 1080));
  line-height: 1.25em;
  margin-bottom: calc(5 * (var(--content_height) / 1080));
  text-align: right;
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_furi{
  font-size: calc(14 * (var(--content_height) / 1080));
  line-height: 1.25em;
  margin-bottom: calc(5 * (var(--content_height) / 1080));
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_name{
  font-size: calc(36 * (var(--content_height) / 1080));
  font-weight: 500;
  line-height: 1.25em;
  margin-bottom: calc(10 * (var(--content_height) / 1080));
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_description{
  flex-grow: 1;
  font-size: calc(20 * (var(--content_height) / 1080));
  line-height: 1.75em;
  padding-right: calc(5 * (var(--content_height) / 1080));
  overflow-y: auto;
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_description::-webkit-scrollbar {
  width: calc(10 * (var(--content_height) / 1080));
  background-color: #d2d2d2;
}
.popup_wrapper .popup_inner .spot_detail_wrapper .spot_description::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #15a0fc;
}

.popup_wrapper .popup_inner .btn_close_popup{
  position: absolute;
  bottom: calc(-18 * (var(--content_height) / 1080));
  left: 0;
  right: 0;
  width: calc(136 * (var(--content_height) / 1080));
  height: calc(64 * (var(--content_height) / 1080));
  margin: 0 auto;
  background-size: 100% 100%;
}

.lang2 .popup_wrapper .popup_inner .btn_close_popup{ background-image: url(../images/btn_close_en.png); }
.lang3 .popup_wrapper .popup_inner .btn_close_popup{ background-image: url(../images/btn_close_ko.png); }
.lang4 .popup_wrapper .popup_inner .btn_close_popup{ background-image: url(../images/btn_close_zhCN.png); }
.lang5 .popup_wrapper .popup_inner .btn_close_popup{ background-image: url(../images/btn_close_zhTW.png); }

.lang2 .popup_wrapper .popup_inner .btn_close_popup img,
.lang3 .popup_wrapper .popup_inner .btn_close_popup img,
.lang4 .popup_wrapper .popup_inner .btn_close_popup img,
.lang5 .popup_wrapper .popup_inner .btn_close_popup img{
  display: none;
}

#sound_popup.popup_wrapper{
  background-color: rgba( 0, 0, 0, 0.7 );
  z-index: 1000;
}
#sound_popup.popup_wrapper .popup_inner{
  display: flex;
  top: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: calc(544 * (var(--content_height) / 1080));
  height: auto;
  margin: auto;
  padding: calc(25 * (var(--content_height) / 1080)) 0;
  gap: calc(30 * (var(--content_height) / 1080));

  background-image: none;
  background-color: #fff;
  border: calc(2 * (var(--content_height) / 1080)) solid #ff3679;
  border-radius: calc(10 * (var(--content_height) / 1080));
  transform: translate(0, -50%);
}
#sound_popup.popup_wrapper .popup_inner .icon_sound{
  width: calc(108 * (var(--content_height) / 1080));
  height: calc(147 * (var(--content_height) / 1080));
}
#sound_popup.popup_wrapper .popup_inner .txt_sound_wrapper{
  width: calc(520 * (var(--content_height) / 1080));
}
#sound_popup.popup_wrapper .popup_inner .txt_sound_wrapper .txt_sound{
  display: none;
  line-height: 0;
}
.lang1 #sound_popup.popup_wrapper .popup_inner .txt_sound.txt_sound_lang1,
.lang2 #sound_popup.popup_wrapper .popup_inner .txt_sound.txt_sound_lang2,
.lang3 #sound_popup.popup_wrapper .popup_inner .txt_sound.txt_sound_lang3,
.lang4 #sound_popup.popup_wrapper .popup_inner .txt_sound.txt_sound_lang4,
.lang5 #sound_popup.popup_wrapper .popup_inner .txt_sound.txt_sound_lang5{
  display: block;
}
#sound_popup.popup_wrapper .popup_inner .btn_ok{
  width: calc(136 * (var(--content_height) / 1080));
  height: calc(64 * (var(--content_height) / 1080));
}