@charset "UTF-8";
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
@keyframes blinking {
  0% {
    filter: brightness(0.9) drop-shadow(0 0 0vw rgba(139, 94, 42, 0.8));
  }
  100% {
    filter: brightness(1.4) drop-shadow(0 0 1.172vw rgba(139, 94, 42, 0.8));
  }
}
@media (min-width: 1024px) {
  @keyframes blinking {
    0% {
      filter: brightness(0.9) drop-shadow(0 0 clamp(0px, 0vw, 150vw) rgba(139, 94, 42, 0.8));
    }
    100% {
      filter: brightness(1.4) drop-shadow(0 0 clamp(6px, 0.313vw, 150vw) rgba(139, 94, 42, 0.8));
    }
  }
}
@keyframes blinking2 {
  0% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(1.5) drop-shadow(0 0 0.586vw rgba(139, 94, 42, 0.5));
  }
}
@media (min-width: 1024px) {
  @keyframes blinking2 {
    0% {
      filter: brightness(0.9) drop-shadow(0 0 clamp(0px, 0vw, 150vw) #fff1cf);
    }
    100% {
      filter: brightness(1.5) drop-shadow(0 0 clamp(6px, 0.313vw, 150vw) #fff1cf);
    }
  }
}
#contents.world .bdffhd_contents::before {
  content: "";
  background: url(/bdffhd/assets/img/world/bg@768.webp) no-repeat center top/100vw auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
#contents.world .bdffhd_contents .secondHeader {
  position: relative;
  height: auto;
}
#contents.world .bdffhd_contents .secondHeader img {
  position: relative;
  top: 0vw;
}
#contents.world .bdffhd_contents .secondHeader::before {
  content: "";
  background: url(/bdffhd/assets/img/world/title_bg.webp) no-repeat center center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#contents.world .bdffhd_contents .worldMap {
  position: relative;
  z-index: 100;
  text-align: center;
  height: 100%;
}
#contents.world .bdffhd_contents .worldMap_copy {
  position: relative;
  z-index: 200;
  margin-bottom: 3.125vw;
}
#contents.world .bdffhd_contents .worldMap_copy span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
#contents.world .bdffhd_contents .worldMap_copy em {
  display: block;
  position: relative;
  z-index: 100;
}
#contents.world .bdffhd_contents .worldMap_area {
  margin: 0 auto;
  position: relative;
  width: 100vw;
  text-align: center;
}
#contents.world .bdffhd_contents .worldMap_area img {
  width: 100%;
  height: auto;
}
#contents.world .bdffhd_contents .worldMap_area_base {
  position: relative;
  z-index: 0;
  width: 92.48vw;
  margin: 0 auto;
}
#contents.world .bdffhd_contents .worldMap_area_btns {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item {
  width: 5.566vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num01 {
  left: 41.602vw;
  top: 30.859vw;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num02 {
  left: 61.621vw;
  top: 44.238vw;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num03 {
  left: 61.035vw;
  top: 30.469vw;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num04 {
  left: 41.699vw;
  top: 45.801vw;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num05 {
  left: 16.504vw;
  top: 41.016vw;
}
#contents.world .bdffhd_contents .worldMap_area_btns_item.-num06 {
  left: 25.781vw;
  top: 22.559vw;
}
@media (hover: hover) and (pointer: fine) {
  #contents.world .bdffhd_contents .worldMap_area_btns_item {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(2) drop-shadow(0 0 0.977vw rgba(139, 94, 42, 0.75));
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  #contents.world .bdffhd_contents .worldMap_area_btns_item:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(2) drop-shadow(0 0 10px rgba(139, 94, 42, 0.75));
  }
}
#contents.world .bdffhd_contents .worldMap_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.855vw 0 4.199vw;
}
#contents.world .bdffhd_contents .worldMap_btns_item {
  padding: 2.93vw 1.27vw 0;
  cursor: pointer;
}
#contents.world .bdffhd_contents .worldMap_btns_item img {
  height: 10.742vw;
  width: 43.945vw;
}
@media (hover: hover) and (pointer: fine) {
  #contents.world .bdffhd_contents .worldMap_btns_item {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents.world .bdffhd_contents .worldMap_btns_item:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.25) drop-shadow(0 0 0.977vw rgba(139, 94, 42, 0.75));
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  #contents.world .bdffhd_contents .worldMap_btns_item:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.25) drop-shadow(0 0 10px rgba(139, 94, 42, 0.75));
  }
}
#contents.world .bdffhd_contents .worldAirShip {
  position: relative;
  width: 100%;
  height: 0;
  z-index: 110;
  pointer-events: none;
}
#contents.world .bdffhd_contents .worldAirShip i {
  position: absolute;
  left: 47.363vw;
  top: -3.809vw;
  width: 73.926vw;
  height: 49.609vw;
  display: block;
}
#contents.world .bdffhd_contents .worldAirShip i img {
  display: block;
  width: 100%;
  height: auto;
}
#contents.world .bdffhd_contents .secondClose_bg {
  padding: 38.086vw 4.883vw 8.789vw;
}
#contents.world .bdffhd_contents .secondClose_mask {
  /*
  -webkit-mask-image: url("/bdffhd/assets/img/world/bg_close2.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size:100% auto;
  -webkit-mask-position:center top;
  mask-image: url("/bdffhd/assets/img/world/bg_close2.png");
  mask-mode: alpha; mask-repeat: no-repeat;
  mask-size:100% auto;
  mask-position:center top;
  */
}
@media (min-width: 1024px) {
  #contents.world .bdffhd_contents::before {
    content: "";
    background: url(/bdffhd/assets/img/world/bg@pc.webp) no-repeat center top;
    background-size: clamp(1920px, 100vw, 150vw) auto, clamp(1920px, 100vw, 150vw) auto;
  }
  #contents.world .bdffhd_contents::after {
    content: "";
    background: url(/bdffhd/assets/img/world/title_bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  #contents.world .bdffhd_contents .secondHeader {
    position: relative;
    height: clamp(196px, 10.208vw, 150vw);
  }
  #contents.world .bdffhd_contents .secondHeader::before {
    content: "";
    background: url(/bdffhd/assets/img/world/bg02@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    width: clamp(1920px, 100vw, 150vw);
    height: clamp(1819px, 94.74vw, 150vw);
    position: absolute;
    left: 50%;
    top: min(-65px, -3.385vw);
    transform: translate(-50%, 0);
  }
  #contents.world .bdffhd_contents .secondHeader::after {
    content: "";
    background: url(/bdffhd/assets/img/world/bg03@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    position: absolute;
    left: 0;
    top: min(-65px, -3.385vw);
    width: clamp(1920px, 100vw, 150vw);
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  #contents.world .bdffhd_contents .secondHeader img {
    position: relative;
    top: clamp(13px, 0.677vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap {
    width: clamp(1212px, 63.125vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_copy {
    margin-bottom: clamp(36px, 1.875vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_copy img {
    display: block;
    width: auto;
    height: clamp(170px, 8.854vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area {
    width: clamp(941px, 49.01vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_base {
    width: clamp(941px, 49.01vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item {
    height: clamp(34px, 1.771vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num01 {
    left: clamp(342px, 17.813vw, 150vw);
    top: clamp(239px, 12.448vw, 150vw);
    width: clamp(196px, 10.208vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num02 {
    left: clamp(570px, 29.688vw, 150vw);
    top: clamp(378px, 19.688vw, 150vw);
    width: clamp(147px, 7.656vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num03 {
    left: clamp(582px, 30.312vw, 150vw);
    top: clamp(260px, 13.542vw, 150vw);
    width: clamp(146px, 7.604vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num04 {
    left: clamp(369px, 19.219vw, 150vw);
    top: clamp(394px, 20.521vw, 150vw);
    width: clamp(167px, 8.698vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num05 {
    left: clamp(149px, 7.76vw, 150vw);
    top: clamp(355px, 18.49vw, 150vw);
    width: clamp(160px, 8.333vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_area_btns_item.-num06 {
    left: clamp(181px, 9.427vw, 150vw);
    top: clamp(170px, 8.854vw, 150vw);
    width: clamp(187px, 9.74vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldMap_btns {
    justify-content: flex-start;
    width: clamp(870px, 45.313vw, 150vw);
    margin: 0 auto;
    padding: clamp(11px, 0.573vw, 150vw) 0 0;
  }
  #contents.world .bdffhd_contents .worldMap_btns_item {
    padding: clamp(23px, 1.198vw, 150vw) clamp(10px, 0.521vw, 150vw) 0;
  }
  #contents.world .bdffhd_contents .worldMap_btns_item img {
    height: clamp(77px, 4.01vw, 150vw);
    width: clamp(270px, 14.063vw, 150vw);
  }
  #contents.world .bdffhd_contents .worldAirShip i {
    left: 50%;
    top: min(-575px, -29.948vw);
    margin-left: clamp(506px, 26.354vw, 150vw);
    width: clamp(676px, 35.208vw, 150vw);
    height: clamp(455px, 23.698vw, 150vw);
  }
  #contents.world .bdffhd_contents .secondClose_bg {
    padding: clamp(128px, 6.667vw, 150vw) clamp(50px, 2.604vw, 150vw) clamp(55px, 2.865vw, 150vw);
  }
}

/*
    WORLD MODAL
*/
#worldModal_mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.6);
}

#worldModalContent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100001;
  display: block;
  cursor: pointer;
}

#worldModalContent .worldModalMc_scroll {
  scrollbar-color: rgba(59, 25, 12, 0) rgba(247, 237, 218, 0);
  scrollbar-width: none;
  overscroll-behavior: contain;
}
#worldModalContent .worldModalMc_scroll::-webkit-scrollbar {
  display: none;
}

#worldModalContent .worldModalMc {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}
#worldModalContent .worldModalMc_scroll {
  overflow-y: auto;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  padding: 6.348vw 0 1.953vw;
}
#worldModalContent .worldModalMc_close {
  position: fixed;
  right: 3.906vw;
  top: 4.395vw;
  width: 8.105vw;
  height: 8.105vw;
  z-index: 100;
}
#worldModalContent .worldModalMc_close i {
  cursor: pointer;
  background: url(/bdffhd/assets/img/modal/btn_close.webp) no-repeat center center/100% 100%;
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  #worldModalContent .worldModalMc_close i {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #worldModalContent .worldModalMc_close i:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.5);
  }
}
#worldModalContent .worldModalMc_bg {
  width: 100%;
  pointer-events: none;
  background: url(/bdffhd/assets/img/modal/bg.webp) no-repeat center top/100% auto;
  padding: 14.551vw 0 7.031vw;
}
#worldModalContent .worldModalMc_bg::after {
  content: "";
  width: 100%;
  height: 29.297vw;
  background: url(/bdffhd/assets/img/modal/bg_shadow.webp) no-repeat center bottom/100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
}
#worldModalContent .worldModalMc_bg_mask {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: center bottom;
  mask-image: url("/bdffhd/assets/img/modal/bg_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: center bottom;
}
#worldModalContent .worldModalMc_body {
  pointer-events: auto;
  padding: 1.953vw 0vw 11.23vw;
  position: relative;
  z-index: 100;
}
#worldModalContent .worldModalMc_body h2 {
  width: 100%;
}
#worldModalContent .worldModalMc_body h2 img {
  width: 100%;
  height: auto;
}
#worldModalContent .worldModalMc_body_flex {
  padding: 0 3.906vw;
}
#worldModalContent .worldModalMc_body_flex4 {
  padding: 0 3.906vw;
}
#worldModalContent .worldModalMc_body_flex6 {
  padding: 0 3.906vw;
}
#worldModalContent .worldModalMc_body_img {
  width: 100%;
  margin: 2.734vw 0;
  -webkit-mask-image: url("/bdffhd/assets/img/modal/effect_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/modal/effect_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center center;
}
#worldModalContent .worldModalMc_body_img img {
  width: 100%;
  height: auto;
}
#worldModalContent .worldModalMc_body_frame {
  border: 0.195vw solid #5d3f30;
  background-color: #f9efdc;
  position: relative;
}
#worldModalContent .worldModalMc_body_frame span {
  display: block;
  position: relative;
  padding: 5.859vw 5.371vw 5.859vw;
  font-size: clamp(8px, 3.125vw, 32px);
  line-height: 1.875;
  color: #433831;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#worldModalContent .worldModalMc_body_frame::before, #worldModalContent .worldModalMc_body_frame::after,
#worldModalContent .worldModalMc_body_frame span::before,
#worldModalContent .worldModalMc_body_frame span::after {
  width: 3.906vw;
  height: 3.906vw;
  background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  position: absolute;
  z-index: 100;
  content: "";
  left: 0;
  top: 0;
}
#worldModalContent .worldModalMc_body_frame::before {
  transform: rotate(-90deg);
  left: 0.195vw;
  top: 0.195vw;
}
#worldModalContent .worldModalMc_body_frame::after {
  transform: rotate(0deg);
  left: auto;
  right: 0.195vw;
}
#worldModalContent .worldModalMc_body_frame span::before {
  transform: rotate(-180deg);
  top: auto;
  bottom: 0.195vw;
  left: 0.195vw;
}
#worldModalContent .worldModalMc_body_frame span::after {
  transform: rotate(90deg);
  left: auto;
  top: auto;
  bottom: 0.195vw;
  right: 0.195vw;
}
#worldModalContent .worldModalMc_body_description {
  border: 0.195vw solid #5d3f30;
  background-color: #f9efdc;
  border-radius: 1.172vw;
  overflow: hidden;
  display: block;
  position: relative;
  width: 54.688vw;
  margin-top: 7.813vw;
}
#worldModalContent .worldModalMc_body_description h3 {
  position: relative;
  left: -0.195vw;
  top: 0vw;
  overflow: hidden;
}
#worldModalContent .worldModalMc_body_description h3 img {
  height: 5.859vw;
  width: auto;
}
#worldModalContent .worldModalMc_body_description p {
  padding: 1.563vw 6.348vw 1.563vw 3.418vw;
  font-size: clamp(7px, 2.734vw, 28px);
  line-height: 1.786;
  color: #433831;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#worldModalContent .worldModalMc_body_description6 {
  border: 0.195vw solid #5d3f30;
  background-color: #f9efdc;
  border-radius: 1.172vw;
  overflow: hidden;
  display: block;
  position: relative;
  width: 54.688vw;
  margin: 7.813vw auto 0;
}
#worldModalContent .worldModalMc_body_description6 h3 {
  position: relative;
  left: -0.195vw;
  top: 0vw;
  overflow: hidden;
}
#worldModalContent .worldModalMc_body_description6 h3 img {
  height: 5.859vw;
  width: auto;
}
#worldModalContent .worldModalMc_body_description6 p {
  padding: 1.563vw 6.348vw 1.563vw 3.418vw;
  font-size: clamp(7px, 2.734vw, 28px);
  line-height: 1.786;
  color: #433831;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#worldModalContent .worldModalMc_body_chara {
  position: absolute;
  right: 0;
  bottom: 5.371vw;
  width: 46.094vw;
  pointer-events: none;
  overflow: hidden;
}
#worldModalContent .worldModalMc_body_chara img {
  width: 100%;
  height: auto;
  position: relative;
  left: 2.93vw;
}
#worldModalContent .worldModalMc_body_chara2 {
  position: absolute;
  right: 5.957vw;
  bottom: 3.418vw;
  width: 35.352vw;
  pointer-events: none;
}
#worldModalContent .worldModalMc_body_chara2 img {
  width: 100%;
  height: auto;
  position: relative;
  left: 2.93vw;
}
#worldModalContent .worldModalMc_body_chara3 {
  position: absolute;
  right: 0vw;
  bottom: 5.469vw;
  width: 45.313vw;
  pointer-events: none;
}
#worldModalContent .worldModalMc_body_chara3 img {
  width: 100%;
  height: auto;
  position: relative;
  left: 2.93vw;
}
#worldModalContent .worldModalMc_body_chara5 {
  position: absolute;
  right: 5.957vw;
  bottom: 4.98vw;
  width: 39.648vw;
  pointer-events: none;
}
#worldModalContent .worldModalMc_body_chara5 img {
  width: 100%;
  height: auto;
  position: relative;
  left: 2.93vw;
}

#worldModalMc_EffectMask {
  width: 100%;
  -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask_up.png");
          mask-image: url("/bdffhd/assets/img/modal/bg_mask_up.png");
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 160%;
          mask-size: 100% 160%;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
}
#worldModalMc_EffectMask_in {
  -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask_down.png");
          mask-image: url("/bdffhd/assets/img/modal/bg_mask_down.png");
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 160%;
          mask-size: 100% 160%;
  -webkit-mask-position: center top;
          mask-position: center top;
}

@media (min-width: 1024px) {
  #worldModalContent .worldModalMc {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(1100px, 57.292vw, 150vw);
  }
  #worldModalContent .worldModalMc_scroll {
    overflow-y: auto;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    padding: clamp(23px, 1.198vw, 150vw) 0 clamp(20px, 1.042vw, 150vw);
  }
  #worldModalContent .worldModalMc_close {
    position: fixed;
    right: clamp(0px, 0vw, 150vw);
    top: clamp(10px, 0.521vw, 150vw);
    width: clamp(45px, 2.344vw, 150vw);
    height: clamp(45px, 2.344vw, 150vw);
  }
  #worldModalContent .worldModalMc_bg {
    background: url(/bdffhd/assets/img/modal/bg@pc.webp) no-repeat center top/100% auto;
    padding: clamp(100px, 5.208vw, 150vw) 0 clamp(110px, 5.729vw, 150vw);
  }
  #worldModalContent .worldModalMc_bg::after {
    height: clamp(450px, 23.438vw, 150vw);
    background: url(/bdffhd/assets/img/modal/bg_shadow@pc.webp) no-repeat center bottom/100% auto;
  }
  #worldModalContent .worldModalMc_bg_mask {
    -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask@pc.png");
    mask-image: url("/bdffhd/assets/img/modal/bg_mask@pc.png");
  }
  #worldModalContent .worldModalMc_body {
    padding: clamp(0px, 0vw, 150vw) clamp(38px, 1.979vw, 150vw) clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body h2 {
    width: clamp(1024px, 53.333vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_flex {
    padding: clamp(30px, 1.563vw, 150vw) 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: clamp(980px, 51.042vw, 150vw);
    margin: 0 auto;
    position: relative;
  }
  #worldModalContent .worldModalMc_body_flex4 {
    padding: clamp(30px, 1.563vw, 150vw) 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: clamp(600px, 31.25vw, 150vw);
    margin: 0 auto;
    position: relative;
  }
  #worldModalContent .worldModalMc_body_flex6 {
    padding: clamp(30px, 1.563vw, 150vw) 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: clamp(980px, 51.042vw, 150vw);
    margin: 0 auto;
    position: relative;
  }
  #worldModalContent .worldModalMc_body_item.-fit {
    flex-grow: 1;
    background-color: #f9efdc;
    position: relative;
    border: clamp(2px, 0.104vw, 150vw) solid #5d3f30;
    width: clamp(616px, 32.083vw, 150vw);
    display: flex;
    align-items: center;
    min-height: clamp(240px, 12.5vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_item.-fit.-right {
    margin-left: clamp(22px, 1.146vw, 150vw);
    border-radius: clamp(14px, 0.729vw, 150vw);
    overflow: hidden;
    width: clamp(331px, 17.24vw, 150vw);
    align-items: flex-start;
  }
  #worldModalContent .worldModalMc_body_img {
    width: clamp(658px, 34.271vw, 150vw);
    margin: clamp(0px, 0vw, 150vw) 0 clamp(12px, 0.625vw, 150vw) min(-17px, -0.885vw);
  }
  #worldModalContent .worldModalMc_body_img img {
    width: 100%;
    height: auto;
  }
  #worldModalContent .worldModalMc_body_frame {
    border: none;
    width: 100%;
    position: static;
    flex-grow: 1;
  }
  #worldModalContent .worldModalMc_body_frame span {
    padding: clamp(25px, 1.302vw, 150vw) clamp(40px, 2.083vw, 150vw) clamp(25px, 1.302vw, 150vw);
    font-size: clamp(17px, 0.885vw, 150vw);
    line-height: 1.882;
    position: static;
  }
  #worldModalContent .worldModalMc_body_frame::before, #worldModalContent .worldModalMc_body_frame::after,
  #worldModalContent .worldModalMc_body_frame span::before,
  #worldModalContent .worldModalMc_body_frame span::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
    background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  }
  #worldModalContent .worldModalMc_body_frame::before {
    transform: rotate(-90deg);
    left: clamp(2px, 0.104vw, 150vw);
    top: clamp(3px, 0.156vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_frame::after {
    transform: rotate(0deg);
    left: auto;
    right: clamp(2px, 0.104vw, 150vw);
    top: clamp(2px, 0.104vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_frame span::before {
    transform: rotate(-180deg);
    top: auto;
    bottom: clamp(3px, 0.156vw, 150vw);
    left: clamp(2px, 0.104vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_frame span::after {
    transform: rotate(90deg);
    left: auto;
    top: auto;
    bottom: clamp(3px, 0.156vw, 150vw);
    right: clamp(2px, 0.104vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_description {
    border: none;
    border-radius: clamp(12px, 0.625vw, 150vw);
    overflow: hidden;
    width: 100%;
    margin-top: clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_description h3 {
    position: relative;
    left: min(-2px, -0.104vw);
    top: min(-1px, -0.052vw);
    overflow: hidden;
  }
  #worldModalContent .worldModalMc_body_description h3 img {
    height: clamp(42px, 2.188vw, 150vw);
    width: auto;
  }
  #worldModalContent .worldModalMc_body_description p {
    padding: clamp(20px, 1.042vw, 150vw) clamp(20px, 1.042vw, 150vw) clamp(16px, 0.833vw, 150vw);
    font-size: clamp(15px, 0.781vw, 150vw);
    line-height: 2;
  }
  #worldModalContent .worldModalMc_body_description6 {
    border: none;
    border-radius: clamp(12px, 0.625vw, 150vw);
    overflow: hidden;
    width: 100%;
    margin-top: clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_description6 h3 {
    position: relative;
    left: min(-2px, -0.104vw);
    top: min(-1px, -0.052vw);
    overflow: hidden;
  }
  #worldModalContent .worldModalMc_body_description6 h3 img {
    height: clamp(42px, 2.188vw, 150vw);
    width: auto;
  }
  #worldModalContent .worldModalMc_body_description6 p {
    padding: clamp(20px, 1.042vw, 150vw) clamp(20px, 1.042vw, 150vw) clamp(16px, 0.833vw, 150vw);
    font-size: clamp(15px, 0.781vw, 150vw);
    line-height: 2;
  }
  #worldModalContent .worldModalMc_body_chara {
    position: absolute;
    right: min(-28px, -1.458vw);
    bottom: auto;
    top: clamp(38px, 1.979vw, 150vw);
    width: clamp(358px, 18.646vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara img {
    width: 100%;
    height: auto;
    position: relative;
    left: clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara2 {
    position: absolute;
    right: min(57px, 2.969vw);
    bottom: auto;
    top: clamp(70px, 3.646vw, 150vw);
    width: clamp(256px, 13.333vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara2 img {
    width: 100%;
    height: auto;
    position: relative;
    left: clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara3 {
    position: absolute;
    right: min(-2px, -0.104vw);
    bottom: auto;
    top: clamp(64px, 3.333vw, 150vw);
    width: clamp(331px, 17.24vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara3 img {
    width: 100%;
    height: auto;
    position: relative;
    left: clamp(0px, 0vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara5 {
    position: absolute;
    right: min(65px, 3.385vw);
    bottom: auto;
    top: clamp(64px, 3.333vw, 150vw);
    width: clamp(268px, 13.958vw, 150vw);
  }
  #worldModalContent .worldModalMc_body_chara5 img {
    width: 100%;
    height: auto;
    position: relative;
    left: clamp(0px, 0vw, 150vw);
  }
  #worldModalMc_EffectMask {
    -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask_up@pc.png");
    mask-image: url("/bdffhd/assets/img/modal/bg_mask_up@pc.png");
  }
  #worldModalMc_EffectMask_in {
    -webkit-mask-image: url("/bdffhd/assets/img/modal/bg_mask_down@pc.png");
    mask-image: url("/bdffhd/assets/img/modal/bg_mask_down@pc.png");
  }
}
#worldModal_mask {
  z-index: -9999;
  left: -101vw;
  opacity: 0;
}

#worldModalContent {
  z-index: -9999;
  left: -101vw;
  pointer-events: none;
  transform: translate(0, -15%);
}

#worldModalContent .worldModalMc_close {
  transform: scale(1.2);
  opacity: 0;
}

#worldModalMc_EffectMask {
  -webkit-mask-size: 100% 10%;
  mask-size: 100% 10%;
}
#worldModalMc_EffectMask_in {
  -webkit-mask-size: 100% 10%;
  mask-size: 100% 10%;
}

#worldModal_mask.view {
  z-index: 1000000;
  left: 0;
  opacity: 1;
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#worldModalContent.view {
  z-index: 1000001;
  left: 0;
  pointer-events: auto;
  transform: translate(0, 0);
  transition: transform 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#worldModalContent.view #worldModalMc_EffectMask {
  -webkit-mask-size: 100% 200%;
          mask-size: 100% 200%;
  transition: 7s cubic-bezier(0.19, 1, 0.22, 1);
}
#worldModalContent.view #worldModalMc_EffectMask_in {
  -webkit-mask-size: 100% 200%;
          mask-size: 100% 200%;
  transition: 7s cubic-bezier(0.19, 1, 0.22, 1);
}
#worldModalContent.view .worldModalMc_close {
  transform: scale(1);
  opacity: 1;
  transition: 0.8s 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#worldModal_mask.modaHide {
  opacity: 0;
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#worldModalContent.modaHide {
  z-index: 1000001;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate(0, 10%) rotate(-1deg);
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  /*
    .worldModalMc_body{opacity:0; transform: scale(1); transition:0.6s $easeOutQuart;}
    #worldModalMc_EffectMask {mask-size:100% 30%; transition:0.8s $easeOutQuart;
      &_in {mask-size:100% 30%; transition:0.8s $easeOutQuart;}
    }
      */
}
#worldModalContent.modaHide .worldModalMc_close {
  opacity: 0;
  transform: scale(0.8);
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}

@media (min-width: 1024px) {
  #worldModal_mask.view {
    z-index: 1000000;
    left: 0;
    opacity: 1;
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #worldModalContent.view {
    z-index: 1000001;
    left: 0;
    pointer-events: auto;
    transform: translate(0, 0);
    transition: transform 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #worldModalContent.view #worldModalMc_EffectMask {
    -webkit-mask-size: 100% 150%;
            mask-size: 100% 150%;
    transition: 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  #worldModalContent.view #worldModalMc_EffectMask_in {
    -webkit-mask-size: 100% 150%;
            mask-size: 100% 150%;
    transition: 3.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  #worldModalContent.view .worldModalMc_close {
    transform: scale(1);
    opacity: 1;
    transition: 0.8s 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #worldModal_mask.modaHide {
    opacity: 0;
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #worldModalContent.modaHide {
    z-index: 1000001;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translate(0, 10%) rotate(-1deg);
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    /*
      .worldModalMc_body{opacity:0; transform: scale(1); transition:0.6s $easeOutQuart;}
      #worldModalMc_EffectMask {mask-size:100% 30%; transition:0.8s $easeOutQuart;
        &_in {mask-size:100% 30%; transition:0.8s $easeOutQuart;}
      }
        */
  }
  #worldModalContent.modaHide .worldModalMc_close {
    opacity: 0;
    transform: scale(0.8);
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
  }
}
@media (max-width: 1023px) {
  #contents.world .bdffhd_contents .secondHeader::before {
    transform: scale(1.02) translate(-2%, 0);
    filter: brightness(1) blur(0) drop-shadow(0 0 0.977vw #5d3f30);
  }
}
@media (min-width: 1024px) {
  #contents.world .bdffhd_contents::after {
    transform: scale(1.02) translate(-1%, 0);
    filter: brightness(1) blur(0) drop-shadow(0 0 clamp(10px, 0.521vw, 150vw) #5d3f30);
  }
}
#contents.world .bdffhd_contents .worldMap_copy em {
  opacity: 1;
  -webkit-mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 300%;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 300%;
  mask-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.2);
}
#contents.world .bdffhd_contents .worldAirShip img {
  opacity: 0;
  transform: translate(5%, 0);
}
#contents.world .bdffhd_contents .worldMap_area {
  opacity: 0;
  transform: scale(1) translate(0, 3vw);
}
#contents.world .bdffhd_contents .worldMap_btns {
  opacity: 0;
  filter: blur(1px);
  transform: scale(1) translate(0, 3vw);
}
@media (min-width: 1024px) {
  #contents.world .bdffhd_contents .worldMap_area {
    opacity: 0;
    transform: scale(1) translate(0, 2vw);
  }
  #contents.world .bdffhd_contents .worldMap_btns {
    opacity: 0;
    filter: blur(1px);
    transform: scale(1) translate(0, 2vw);
  }
}

@media (max-width: 1023px) {
  .animStart.windowloaded #contents.world .bdffhd_contents .secondHeader::before {
    transform: scale(1);
    filter: brightness(1) blur(0) drop-shadow(0 0 0 rgba(93, 63, 48, 0));
    opacity: 0.3;
    transition: 2.4s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (min-width: 1024px) {
  .animStart.windowloaded #contents.world .bdffhd_contents::after {
    transform: scale(1);
    filter: brightness(1) blur(0) drop-shadow(0 0 0 rgba(93, 63, 48, 0));
    opacity: 0.35;
    transition: 3.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.animStart.windowloaded #contents.world .bdffhd_contents .worldMap_copy.animated em {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  -webkit-mask-size: 150% 300%;
          mask-size: 150% 300%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animStart.windowloaded #contents.world .bdffhd_contents .worldAirShip img.animated {
  opacity: 1;
  transform: translate(0);
  transition: 1.6s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animStart.windowloaded #contents.world .bdffhd_contents .worldMap_area.animated {
  opacity: 1;
  transform: scale(1);
  transition: 1.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animStart.windowloaded #contents.world .bdffhd_contents .worldMap_area.animated + .worldMap_btns {
  opacity: 1;
  filter: blur(0);
  transform: translate(0);
  transition: 1.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/*# sourceMappingURL=world.css.map */