@keyframes bg_header_loop_odd {
  0% {
    background-position: 0 0, 0 25vh, 0 50vh, 0 75vh;
  }
  100% {
    background-position: -177.77778vh 0, -177.77778vh 25vh, -177.77778vh 50vh,
      -177.77778vh 75vh;
  }
}
@keyframes bg_header_loop_even {
  0% {
    background-position: 0 12.5vh, 0 37.5vh, 0 62.5vh, 0 87.5vh;
  }
  100% {
    background-position: 177.77778vh 12.5vh, 177.77778vh 37.5vh,
      177.77778vh 62.5vh, 177.77778vh 87.5vh;
  }
}
#moon {
  background: #000;
  min-width: 960px;
}
#moon .anniversary {
  position: relative;
}
.moon-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.moon-bg.show {
  opacity: 1;
}
.moon-bg:before,
.moon-bg:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.moon-bg:before {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/MoilG97bLpKXQmgT1husLMrho0.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/fs5B-G0yvOSrK0h3HG4DAHZ9K0.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/DoUQr4vAIWPd2zryI35mUFvPsU.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/5N6f6ia6bSkcMvimQ6VThJpPq4.jpg);
  background-repeat: repeat-x;
  background-size: 177.77778vh 12.5vh;
  animation: bg_header_loop_odd 60s linear infinite;
}
.moon-bg:after {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/QyjJS4gHvjBg0GxCqI1pFK23y8.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/VWr_tvM1RqBaAxXBFq_R9LdUQU.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/rGvHzgR2JmdAVT9xvxYdCkV84Y.jpg),
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/j6g_OvGvbhCzeaTYSMAaSintjo.jpg);
  background-repeat: repeat-x;
  background-size: 177.77778vh 12.5vh;
  animation: bg_header_loop_even 60s linear infinite;
}
.moon-bg-cover {
  background: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.moon-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 580px;
  position: relative;
}
.moon-header .anniversary_link {
  margin-top: 16px;
}
.moon-header .social__btn {
  justify-content: flex-end;
}
.moon-header .anniversary_logo {
  margin-top: 8px;
  margin-right: -12px;
}
.moon-header-sp {
  display: none;
}
.moon-nav {
  background: linear-gradient(180deg, #f9fafc 0%, #edeef0 100%);
  width: 100%;
  min-width: 960px;
  height: 128px;
  margin: 0 auto;
  box-shadow: 0px 4px 0px 0px rgba(10, 24, 51, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.moon-nav.floating {
  position: fixed;
  top: 0;
  z-index: 10;
}
.moon-nav__wrapper {
  margin: 0 auto;
  position: relative;
}
.moon-nav ul {
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto;
}
.moon-nav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 4);
  height: 64px;
  position: relative;
}
.moon-nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #f9fafc 0%, #edeef0 100%);
  width: 100%;
  height: 100%;
  position: relative;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.moon-nav ul li a:hover {
  background: #fff;
  text-decoration: none;
}
.moon-nav ul li p {
  color: #0f234c;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.moon-nav ul li .episode {
  display: block;
  color: #0f7799;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0px 1px 2px rgba(15, 119, 153, 0.35);
  position: absolute;
  top: 4px;
  left: 4px;
}
.fr .moon-nav ul li .episode,
.de .moon-nav ul li .episode {
  font-size: 12px;
}
.moon-nav ul li .new {
  display: block;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.moon-nav ul li.selected a {
  background: linear-gradient(180deg, #ffb54c 0%, #fad464 100%);
  box-shadow: 0px 0px 4px 0px rgba(51, 36, 15, 0.35) inset;
}
.moon-nav ul li.selected p {
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.moon-nav ul li.selected .episode {
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.moon-nav ul li.disabled {
  background: linear-gradient(180deg, #f9fafc 0%, #edeef0 100%);
}
.moon-nav ul li.disabled p {
  color: #c4c7cc;
}
.moon-nav ul li.disabled .update {
  color: #c4c7cc;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}
.moon-index {
  display: none;
}
.moon-content {
  background: #f7f8fa;
  max-width: 1280px;
  margin: 0 auto;
}
.moon-content__wrapper {
  background: #edeef0;
  width: 100%;
  padding-top: 128px;
  box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.05),
    0px 4px 8px -2px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.moon-content__inner {
  width: 780px;
  margin: 0 auto;
}
.moon-content__header {
  margin-bottom: 12px;
  padding: 64px 0 48px;
  position: relative;
}
.moon-content__header:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/fOjfarf3YEdkCIsTXPWKj98F_U.png) no-repeat center
    center;
  background-size: 780px 12px;
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.moon-content__header h2 {
  color: #0f7799;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.moon-content__header .bt_change {
  display: none;
  position: absolute;
  bottom: 12px;
  right: 0;
  width: 144px;
}
.moon-content__header .bt_change ul li {
  text-align: left;
}
.moon-content__header .bt_change ul li a {
  display: block;
  position: relative;
}
.moon-content__header .bt_change ul li a img {
  display: block;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.moon-content__header .bt_change ul li a img.on,
.moon-content__header .bt_change ul li a img.selected {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.moon-content__header .bt_change ul li a:hover img {
  opacity: 0;
}
.moon-content__header .bt_change ul li a:hover img.on {
  opacity: 1;
}
.moon-content__header .bt_change ul li.bt_male {
  margin-bottom: 8px;
}
.moon-content__header .bt_change ul li.bt_male a img {
  width: 134px;
}
.moon-content__header .bt_change ul li.bt_female a img {
  width: 144px;
}
.moon-content__header .bt_change ul li.active a img {
  opacity: 0;
}
.moon-content__header .bt_change ul li.active a img.selected {
  opacity: 1;
}
.moon-content__header .bt_change ul li.active a:hover img {
  opacity: 0;
}
.moon-content__header .bt_change ul li.active a:hover img.on {
  opacity: 0;
}
.moon-content__header .bt_change ul li.active a:hover img.selected {
  opacity: 1;
}
.moon-content__body {
  padding: 48px 0 16px;
}
.moon-content__body .inr {
  padding: 0 30px;
}
.moon-content__body .inr div,
.moon-content__body .inr p {
  color: #0f234c;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.moon-content__body .inr div i,
.moon-content__body .inr div b,
.moon-content__body .inr div span,
.moon-content__body .inr div strong,
.moon-content__body .inr p i,
.moon-content__body .inr p b,
.moon-content__body .inr p span,
.moon-content__body .inr p strong {
  font-size: inherit;
}
.moon-content__body .inr div {
  margin-bottom: 48px;
}
.moon-content__body .inr div.image {
  margin-bottom: 48px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(15, 36, 76, 0.25) inset;
  overflow: hidden;
}
.ja .moon-content__body .inr p {
  margin-bottom: 48px;
  line-height: 2.2;
}
.moon-content__body .inr .serif {
  color: #99823d;
  font-weight: 700;
}
.moon-content__body .inr .indent {
  text-indent: 1em;
}
.moon-content__line {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/H6YDpPNux4ZP_wWX8XYU_Wu_3Y.png) no-repeat center
    center;
  background-size: 720px 12px;
  display: block;
  width: 100%;
  height: 12px;
  margin: 48px 0;
  padding: 0;
}
.moon-content .story_female {
  display: none;
}
.moon-content__footer {
  margin-top: 12px;
  padding: 16px 0;
  position: relative;
}
.moon-content__footer:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240822TalesUnderTheNewMoon/images658/fOjfarf3YEdkCIsTXPWKj98F_U.png) no-repeat center
    center;
  background-size: 780px 12px;
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.moon-content__pager {
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.moon-content__pager li a {
  display: flex;
  align-items: center;
  color: #0f234c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.moon-content__pager li a span {
  width: 40px;
  height: 40px;
  padding: 4px;
  box-sizing: border-box;
  position: relative;
}
.moon-content__pager li a span i {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.moon-content__pager li a span:before,
.moon-content__pager li a span:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.moon-content__pager li a span:before {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  border: 1px solid #fcfdff;
  box-shadow: 0px 2px 4px 0px rgba(50, 50, 51, 0.15),
    0px 1px 2px 0px rgba(50, 50, 51, 0.1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.moon-content__pager li a span:after {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  box-shadow: 0px 0px 4px 0px rgba(50, 51, 51, 0.35) inset;
}
.moon-content__pager li a:hover {
  color: #149ecc;
  text-decoration: none;
}
.moon-content__pager li a:hover span:before {
  opacity: 1;
}
.moon-content__pager li a:hover span:after {
  opacity: 0;
}
.moon-content__pager li a:active {
  color: #149ecc;
}
.moon-content__pager li a:active span:before {
  opacity: 0;
  transition: none;
}
.moon-content__pager li a:active span:after {
  opacity: 1;
}
.moon-content__pager li.prev a span {
  margin-right: 8px;
}
.moon-content__pager li.prev a span i {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M265.716 343.97L176.03 254.284C172.497 250.828 170 245.751 170 240C170 234.248 172.497 229.171 176.03 225.715L265.716 136.29C269.347 132.317 274.397 130 280 130C291.045 130 300 138.954 300 149.999C300 155.555 297.729 160.576 294.071 164.2L218.272 240L294.071 315.799C297.729 319.423 300 324.444 300 329.999C300 341.45 291.045 349.999 280 349.999C274.397 349.999 269.347 347.682 265.716 343.97Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
}
.moon-content__pager li.next a span {
  margin-left: 8px;
}
.moon-content__pager li.next a span i {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
}
.moon-footer {
  margin: 0 auto;
  padding: 64px 0;
  text-align: center;
  position: relative;
}
.moon-footer .banner {
  display: inline-block;
}
@media print, screen and (max-width: 839px) {
  #brand {
    z-index: 1;
  }
  #moon {
    min-width: 100%;
  }
  .moon-header {
    display: none;
  }
  .moon-header-sp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 270px;
    position: relative;
  }
  .moon-header-sp .anniversary_logo {
    position: absolute;
    top: 0;
    right: 0;
  }
  .moon-header-sp .anniversary_logo img {
    width: 100%;
    height: auto;
  }
  .moon-nav {
    display: none;
  }
  .moon-index {
    display: block;
    background: linear-gradient(90deg, #edeef0 0%, #f7f8fa 50%, #edeef0 100%);
    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.05),
      0px 4px 8px -2px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 16px 0;
    position: relative;
  }
  .moon-index__list {
    width: 288px;
    margin: 0 auto;
  }
  .moon-index__list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 288px;
    height: 64px;
    margin-bottom: 8px;
    position: relative;
  }
  .moon-index__list li:last-of-type {
    margin-bottom: 0;
  }
  .moon-index__list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 2px 16px;
    border: 2px solid #ccb87a;
    border-radius: 12px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15),
      0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
  }
  .moon-index__list li a:before {
    content: '';
    width: 280px;
    height: 56px;
    border-radius: 8px;
    box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.15) inset,
      0px 2px 0px 0px rgba(0, 0, 0, 0.05) inset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .moon-index__list li a:hover {
    text-decoration: none;
  }
  .moon-index__list li p {
    color: #0f234c;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }
  .moon-index__list li .episode {
    display: block;
    color: #0f7799;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-shadow: 0px 1px 2px rgba(15, 119, 153, 0.35);
    position: absolute;
    top: 8px;
    left: 8px;
  }
  .fr .moon-index__list li .episode {
    top: 4px;
  }
  .moon-index__list li .new {
    display: block;
    position: absolute;
    bottom: 4px;
    right: 4px;
  }
  .moon-index__list li.disabled p {
    color: #c4c7cc;
  }
  .moon-index__list li.disabled .update {
    color: #c4c7cc;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
  }
  .fr .moon-index__list li:nth-of-type(4) p {
    font-size: 14px;
  }
  .fr .moon-index__list li:nth-of-type(4).disabled p {
    font-size: 18px;
  }
  .moon-content {
    background: linear-gradient(90deg, #edeef0 0%, #f7f8fa 50%, #edeef0 100%);
  }
  .moon-content__wrapper {
    padding-top: 0;
  }
  .moon-content__inner {
    width: 100%;
  }
  .moon-content__header {
    margin-bottom: 4px;
    padding: 32px 0 24px;
  }
  .moon-content__header:before {
    content: '';
    background: #99823d;
    background-size: 100% 100%;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
  }
  .moon-content__header:after {
    content: '';
    background: #99823d;
    background-size: 100% 100%;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
  }
  .moon-content__header h2 {
    font-size: 18px;
  }
  .moon-content__header .bt_change {
    display: none;
    position: inherit;
    bottom: auto;
    right: auto;
    width: 270px;
    margin: 24px auto 0;
  }
  .moon-content__header .bt_change ul {
    display: flex;
    justify-content: space-between;
  }
  .moon-content__header .bt_change ul li.bt_male {
    margin-bottom: 0;
  }
  .moon-content__header .bt_change ul li.bt_male a img {
    width: 107px;
  }
  .moon-content__header .bt_change ul li.bt_female a img {
    width: 115px;
  }
  .moon-content__body {
    padding: 24px 0 8px;
  }
  .moon-content__body .inr {
    padding: 0 24px;
  }
  .moon-content__body .inr div,
  .moon-content__body .inr p {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.6;
  }
  .moon-content__body .inr div {
    margin-bottom: 24px;
  }
  .moon-content__body .inr div.image {
    margin-bottom: 24px;
  }
  .moon-content__body .inr div.image img {
    width: 100%;
    height: auto;
  }
  .ja .moon-content__body .inr p {
    margin-bottom: 24px;
    line-height: 2.2;
  }
  .moon-content__line {
    background: none;
    width: calc(100% + 48px);
    height: 2px;
    margin: 24px -24px;
    border-bottom: 2px dotted #99823d;
  }
  .moon-content__footer {
    margin-top: 4px;
    padding: 8px 16px;
  }
  .moon-content__footer:before {
    content: '';
    background: #99823d;
    background-size: 100% 100%;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
  }
  .moon-content__footer:after {
    content: '';
    background: #99823d;
    background-size: 100% 100%;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
  }
  .moon-content__pager {
    height: 32px;
  }
  .moon-content__pager li a {
    font-size: 14px;
  }
  .moon-content__pager li a span {
    width: 32px;
    height: 32px;
  }
  .moon-content__pager li a span i {
    width: 24px;
    height: 24px;
  }
  .moon-content__pager li.prev a span {
    margin-right: 4px;
  }
  .moon-content__pager li.next a span {
    margin-left: 4px;
  }
  .moon-footer {
    margin: 0 auto;
    padding: 32px 0;
    text-align: center;
    position: relative;
  }
  .moon-footer .anniversary_link {
    margin: 0 auto 16px;
  }
  .moon-footer .banner {
    width: 272px;
    margin: 0 auto 32px;
  }
  .moon-footer .banner img {
    width: 100%;
    height: auto;
  }
  .moon-footer .social__btn a i.xiv-lds-facebook {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.5;
  }
  .moon-footer .social__btn a i.xiv-lds-x {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.5;
  }
  .moon-footer .social__btn a.hover i.xiv-lds-facebook {
    background: #1877f2;
    opacity: 1;
  }
  .moon-footer .social__btn a.hover i.xiv-lds-x {
    background: #000;
    opacity: 1;
  }
  #fixed_header {
    background: linear-gradient(90deg, #143066 0%, #128ab2 100%);
    width: 100%;
    height: 40px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 10002;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #fixed_header.pos_fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  #fixed_header__wrapper {
    height: 40px;
  }
  #fixed_header .logo {
    position: absolute;
    top: 0;
    right: 0;
  }
  #fixed_header:after {
    content: '.';
    color: transparent;
  }
  .bt_menu,
  .bt_menu__close {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    width: 40px;
    height: 40px;
    padding: 8px;
    position: absolute;
  }
  .bt_menu i,
  .bt_menu__close i {
    display: block;
    width: 24px;
    height: 24px;
  }
  .bt_menu.close,
  .bt_menu__close.close {
    display: none;
  }
  .bt_menu i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M449.515 410.636H30.549L19.56 399.648V380.682L30.549 369.692H449.515L460.507 380.682V399.648L449.515 410.636ZM30.549 260.638L19.56 249.648V230.681L30.549 219.691H449.515L460.507 230.681V249.648L449.515 260.638H30.549ZM30.549 110.639L19.56 99.647V80.683L30.549 69.692H449.515L460.507 80.683V99.647L449.515 110.639H30.549Z" fill="%23FFFFFF"/></svg>')
      no-repeat 50% 50% !important;
    background-size: contain !important;
  }
  .bt_menu__close {
    display: none;
  }
  .bt_menu__close i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M240.31 205.826L30.549 19.692L19.56 30.682L205.692 240.166L19.56 449.649L30.549 460.639L240.31 274.502L449.515 460.639L460.507 449.649L274.372 240.166L460.507 30.682L449.515 19.692L240.31 205.826Z" fill="%23FFFFFF"/></svg>')
      no-repeat 50% 50% !important;
    background-size: contain !important;
  }
  .global_menu {
    position: fixed;
    width: 280px;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: -280px;
    z-index: 10002;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .global_menu__scroll_area {
    width: 280px;
    min-height: 100%;
    background: #262626;
  }
  .global_menu__inner {
    width: 280px;
    min-height: 100%;
    position: relative;
    top: 0;
    right: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .global_menu__body {
    padding-bottom: 64px;
  }
  .global_menu__body.menu_show {
    box-shadow: none;
  }
  .global_menu__close {
    width: 100%;
    position: fixed;
    min-height: 100%;
    top: 0;
    left: 280px;
    display: none;
  }
  .global_menu__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
  }
  .menu__wrapper {
    border-bottom: 1px solid #99823d;
  }
  .menu__wrapper--last {
    border-bottom: none;
  }
  .menu__wrapper .site_top {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 8px;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .menu__wrapper .site_top:hover {
    text-decoration: none;
  }
  .menu__wrapper .site_top.press {
    background: #333333;
    text-decoration: none;
  }
  .menu__wrapper li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  .menu__wrapper li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    position: relative;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .menu__wrapper li a:hover {
    text-decoration: none;
  }
  .menu__wrapper li a.press {
    background: #333333;
    text-decoration: none;
  }
  .menu__wrapper li p {
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
  .menu__wrapper li .episode {
    margin-right: 8px;
    color: #f5f5f5;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
  }
  .menu__wrapper li .new {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .menu__wrapper li.selected p {
    color: #ffd966;
  }
  .menu__wrapper li.selected .episode {
    color: #ffd966;
  }
  .menu__wrapper li.disabled {
    padding: 0 8px;
  }
  .menu__wrapper li.disabled p {
    color: #666666;
  }
  .menu__wrapper li.disabled .episode {
    color: #666666;
  }
  .menu__wrapper li.disabled .update {
    color: #666666;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 2px;
    right: 4px;
  }
  .menu-moon__anniversary {
    margin-top: 32px;
    text-align: center;
  }
  .menu-moon__anniversary .anniversary_link {
    width: 264px;
    margin: 0 auto 16px;
  }
}