/*
Theme Name: litpla theme
Author: himecas
Author URI: https://litpla.com/
Description: リトプラテーマ
Version: {release version}
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@charset "UTF-8";
[data-hidden] {
  display: block;
  overflow: hidden;
}
[data-slides] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.is-playing [data-youtube-el='thumb'] {
  opacity: 0;
  pointer-events: none;
}
[data-accordion-el='content'] {
  height: 0;
  overflow: hidden;
}
[data-hero-el="slider"] .swiper-slide-active img,
[data-hero-el="slider"] .swiper-slide-duplicate-active img,
[data-hero-el="slider"] .swiper-slide-prev img {
  animation: zoomIn 1.33s cubic-bezier(0, 0.55, 0.45, 1);
}
.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.loader {
  background: #00bfff;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.is-loaded .loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
}
.page-dinosaurfestival .loader {
  background: #fff;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
.main-contents .section-info .block-hours .note,
.main-contents .section-ticket .block .contents .ticket .price .tax {
  font-weight: 400;
}
.btn-ticket .btn-text,
.section-heading .text-sub,
.pc-contents .block-right .nav li a,
.header .menu-nav li a,
.main-contents .section-info .block,
.main-contents .section-ticket .block .contents .ticket,
.main-contents .section-ticket .block-advance-ticket .contents .text-large,
.main-contents .section-ticket .block-advance-ticket .contents .hours,
.main-contents .section-access .address .heading,
.main-contents .section-faq .faq-list .accordion-btn .text-q,
.main-contents .section-faq .faq-list .accordion-btn .text-q .text-sub {
  font-weight: 800;
}
html {
  font-size: 62.5%;
}
body {
  color: #1a1345;
  font-family: 'heisei-maru-gothic-std', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
* {
  box-sizing: border-box;
}
img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
svg {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 0;
}
button,
input,
label,
select {
  cursor: pointer;
}
main,
section {
  position: relative;
}
a {
  color: #1a1345;
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  input[type=text],
  textarea {
    font-size: 4.266666666666667vw;
    transform-origin: left center;
  }
}
.visually-hidden {
  block-size: 4px !important;
  contain: strict !important;
  display: block !important;
  inline-size: 4px !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
}
.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.loader {
  background: #b573df;
}
@media only screen and (min-width: 768px) {
  .loader {
    background: #280257;
  }
}
.wrapper {
  overflow: hidden;
  position: relative;
}
.main-wrapper {
  background-color: #6661cc;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .main-wrapper {
    margin-inline: auto;
    min-height: 100vh;
    width: 375px;
  }
}
.main-wrapper .bg-item {
  position: absolute;
}
.btn-ticket {
  display: block;
  width: 87.2vw;
  height: 17.066666666666666vw;
  border-radius: 8.533333333333333vw;
  border-width: 0.533333333333333vw;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 1.333333333333333vw;
  background: #b573df;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .btn-ticket {
    width: 327px;
    height: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-ticket {
    border-radius: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-ticket {
    border-width: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-ticket {
    gap: 5px;
  }
}
.btn-ticket .btn-text {
  color: #fff;
  font-size: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .btn-ticket .btn-text {
    font-size: 1.8rem;
  }
}
.btn-ticket .btn-icon {
  display: grid;
  place-items: center;
  width: 4.266666666666667vw;
  height: 4.266666666666667vw;
  background: #fff;
  border-radius: 50%;
  padding-left: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn-ticket .btn-icon {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-ticket .btn-icon {
    padding-left: 1px;
  }
}
.btn-ticket .btn-icon .icon-arrow {
  width: 2.133333333333333vw;
  height: 1.6vw;
  fill: #b573df;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .btn-ticket .btn-icon .icon-arrow {
    width: 8px;
    height: 6px;
  }
}
.main-contents {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main-contents {
    overflow: hidden;
  }
}
.section-inner {
  position: relative;
}
.section-heading span {
  display: block;
}
.section-heading .text-sub {
  font-size: 3.2vw;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-heading .text-sub {
    font-size: 1.2rem;
  }
}
.section-bg {
  position: absolute;
  left: 0;
  pointer-events: none;
  width: 100%;
}
.pc-contents {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: url("assets/img/event/nighttime/pc-bg-star.png?hash=5b95a8187509a50377994cfe6ca85341") center top no-repeat #280257;
  background-size: 1920px 550px;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .pc-contents {
    background: url("assets/img/event/nighttime/pc-bg-star@2x.png?hash=29bb561744b3bb64894fd89e6a112aaf") center top no-repeat #280257;
    background-size: 1920px 550px;
  }
}
.pc-contents img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .pc-contents {
    display: none;
  }
}
.pc-contents .block-left,
.pc-contents .block-right {
  container-type: size;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50vw - 187.5px);
}
.pc-contents .block-left .block-left-contents,
.pc-contents .block-right .block-left-contents,
.pc-contents .block-left .block-right-contents,
.pc-contents .block-right .block-right-contents {
  container-type: size;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.pc-contents .bg-item {
  position: absolute;
}
.pc-contents .block-left {
  container-name: pc-left-block;
}
.pc-contents .block-left .bg-item-bubble-1 {
  bottom: 164px;
  right: 108px;
  width: 196px;
}
.pc-contents .block-left .bg-item-heart {
  bottom: -100px;
  right: 205px;
  width: 381.5px;
}
.pc-contents .block-right {
  container-name: pc-right-block;
  justify-content: center;
}
.pc-contents .block-right .bg-item-bubble-2 {
  bottom: -28px;
  left: 286px;
  width: 351px;
}
.pc-contents .block-right .block-right-contents {
  container-name: pc-right-contents;
  justify-content: center;
  margin-left: 38px;
  width: 332px;
}
@container pc-right-block (max-width: 408px) {
  .pc-contents .block-right .block-right-contents {
    margin-inline: auto;
  }
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .block-right-contents {
    width: 100%;
  }
  .pc-contents .block-right .block-right-contents img {
    width: 100%;
  }
}
.pc-contents .block-right .logo {
  margin-left: 16px;
  width: 300px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .logo {
    margin-left: 4.819277108433735cqw;
    width: 90.36144578313254cqw;
  }
}
.pc-contents .block-right .open {
  margin-left: 30px;
  margin-top: -2px;
  width: 276px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .open {
    margin-left: 9.036144578313253cqw;
    margin-top: -0.602409638554217cqw;
    width: 83.13253012048193cqw;
  }
}
.pc-contents .block-right .nav {
  margin-inline: auto;
  margin-top: 5px;
  width: 240px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .nav {
    margin-top: 1.506024096385542cqw;
    width: 72.28915662650603cqw;
  }
}
.pc-contents .block-right .nav li {
  border-bottom: 1px solid rgba(181,115,223,0.3);
}
.pc-contents .block-right .nav li a {
  color: #fff;
  font-size: 1.8rem;
  align-items: center;
  display: flex;
  padding-block: 19px 19px;
  padding-inline: 20px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .nav li a {
    font-size: 5.421686746987952cqw;
    padding-block: 5.72289156626506cqw 5.72289156626506cqw;
    padding-inline: 6.024096385542169cqw;
  }
}
.pc-contents .block-right .nav li a::before {
  background: #ff97fe;
  border-radius: 50%;
  content: '';
  margin-right: 6px;
  width: 6px;
  height: 6px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .nav li a::before {
    margin-right: 1.80722891566265cqw;
    width: 1.80722891566265cqw;
    height: 1.80722891566265cqw;
  }
}
.pc-contents .block-right .btn-ticket {
  margin-top: 20px;
  width: 260px;
  height: 50px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .btn-ticket {
    margin-top: 6.024096385542169cqw;
    width: 78.3132530120482cqw;
    height: 15.060240963855422cqw;
  }
}
.pc-contents .block-right .btn-ticket .btn-text {
  font-size: 1.4rem;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .btn-ticket .btn-text {
    font-size: 4.216867469879518cqw;
  }
}
.pc-contents .block-right .btn-ticket .btn-icon {
  width: 16px;
  height: 16px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .btn-ticket .btn-icon {
    width: 4.819277108433735cqw;
    height: 4.819277108433735cqw;
  }
}
.pc-contents .block-right .btn-ticket .btn-icon .icon-arrow {
  width: 8px;
  height: 6px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .btn-ticket .btn-icon .icon-arrow {
    width: 2.409638554216868cqw;
    height: 1.80722891566265cqw;
  }
}
.pc-contents .block-right .share-container {
  margin-top: 30px;
  position: relative;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container {
    margin-top: 9.036144578313253cqw;
  }
}
.pc-contents .block-right .share-container .heading {
  margin-inline: auto;
  width: 197px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container .heading {
    width: 59.337349397590366cqw;
  }
}
.pc-contents .block-right .share-container .btn-container {
  display: flex;
  gap: 11px;
  justify-content: center;
  margin-top: 4px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container .btn-container {
    gap: 3.313253012048193cqw;
    margin-top: 1.204819277108434cqw;
  }
}
.pc-contents .block-right .share-container .btn-container a {
  background: #fff;
  border: solid #f044ed;
  border-radius: 50%;
  border-width: 2px;
  box-shadow: 0px 0px 8px 0px #f044ed;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container .btn-container a {
    border-width: 0.602409638554217cqw;
    box-shadow: 0px 0px 2.409638554216868cqw 0px #f044ed;
    width: 16.265060240963855cqw;
    height: 16.265060240963855cqw;
  }
}
.pc-contents .block-right .share-container .btn-container .btn-x img {
  width: 27px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container .btn-container .btn-x img {
    width: 8.132530120481928cqw;
  }
}
.pc-contents .block-right .share-container .btn-container .btn-line img {
  width: 30px;
}
@container pc-right-block (max-width: 332px) {
  .pc-contents .block-right .share-container .btn-container .btn-line img {
    width: 9.036144578313253cqw;
  }
}
@container pc-right-contents (min-aspect-ratio: 332/640) {
  .pc-contents .block-right .block-right-contents-inner {
    width: 51.87500000000001vh;
  }
  .pc-contents .block-right img {
    height: 100%;
    width: auto;
  }
  .pc-contents .block-right .block-right-contents {
    margin-left: 5.9375vh;
    padding-block: 3.125vh;
    width: 51.87500000000001vh;
    border: 1px solid #f00;
  }
  .pc-contents .block-right .logo {
    height: 20.3125vh;
    margin-top: 2.5vh;
    width: auto;
  }
  .pc-contents .block-right .open {
    height: 14.21875vh;
    margin-left: 4.6875vh;
    margin-top: -0.3125vh;
    width: auto;
  }
  .pc-contents .block-right .nav {
    margin-top: 0.78125vh;
    width: 37.5vh;
  }
  .pc-contents .block-right .nav li a {
    font-size: 2.8125vh;
    padding-block: 2.96875vh 2.96875vh;
    padding-inline: 3.125vh;
  }
  .pc-contents .block-right .nav li a::before {
    margin-right: 0.9375vh;
    width: 0.9375vh;
    height: 0.9375vh;
  }
  .pc-contents .block-right .btn-ticket {
    margin-top: 3.125vh;
    width: 40.625vh;
    height: 7.8125vh;
  }
  .pc-contents .block-right .btn-ticket .btn-text {
    font-size: 2.1875vh;
  }
  .pc-contents .block-right .btn-ticket .btn-icon {
    width: 2.5vh;
    height: 2.5vh;
  }
  .pc-contents .block-right .btn-ticket .btn-icon .icon-arrow {
    width: 1.25vh;
    height: 0.9375vh;
  }
  .pc-contents .block-right .share-container {
    margin-top: 4.6875vh;
  }
  .pc-contents .block-right .share-container .heading {
    height: 6.5625vh;
    text-align: center;
    width: auto;
  }
  .pc-contents .block-right .share-container .heading img {
    width: auto;
  }
  .pc-contents .block-right .share-container .btn-container {
    gap: 1.71875vh;
    margin-top: 0.625vh;
  }
  .pc-contents .block-right .share-container .btn-container a {
    border-width: 0.3125vh;
    box-shadow: 0px 0px 1.25vh 0px #f044ed;
    width: 8.4375vh;
    height: 8.4375vh;
  }
  .pc-contents .block-right .share-container .btn-container .btn-x img {
    height: 4.21875vh;
    width: auto;
  }
  .pc-contents .block-right .share-container .btn-container .btn-line img {
    height: 4.6875vh;
    width: auto;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.header .header-inner {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header .header-inner {
    margin-inline: auto;
    width: 375px;
  }
}
.header .btn-menu {
  position: absolute;
  width: 7.466666666666668vw;
  height: 7.466666666666668vw;
  top: 2.666666666666667vw;
  right: 5.066666666666666vw;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu {
    width: 28px;
    height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu {
    top: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu {
    right: 19px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-menu {
    transition: 0.3s;
  }
  .header .btn-menu:hover {
    opacity: 0.7;
  }
}
.header .btn-menu .btn-menu-line {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 7.466666666666668vw;
  height: 0.8vw;
  background: #fff;
  transition: 0.3s;
  border-radius: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-menu-line {
    width: 28px;
    height: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-menu-line {
    border-radius: 1.5px;
  }
}
.header .btn-menu .btn-menu-line:nth-child(1) {
  margin-top: -2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-menu-line:nth-child(1) {
    margin-top: -8px;
  }
}
.header .btn-menu .btn-menu-line:nth-child(3) {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-menu-line:nth-child(3) {
    margin-top: 8px;
  }
}
.header .menu {
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100vw;
  height: 100%;
  z-index: 10;
  -webkit-overflow-scrolling: touch;
}
.header .menu-inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header .menu-inner {
    margin-inline: auto;
    width: 375px;
  }
}
.header .btn-menu-close {
  position: absolute;
  width: 7.466666666666668vw;
  height: 7.466666666666668vw;
  top: 4vw;
  right: 4.533333333333333vw;
  cursor: pointer;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu-close {
    width: 28px;
    height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu-close {
    top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu-close {
    right: 17px;
  }
}
.header .btn-menu-close .btn-menu-line {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 8vw;
  height: 0.8vw;
  background: #1a1345;
  transition: 0.3s;
  border-radius: 0.4vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu-close .btn-menu-line {
    width: 30px;
    height: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu-close .btn-menu-line {
    border-radius: 1.5px;
  }
}
.header .btn-menu-close .btn-menu-line:nth-child(1) {
  transform: rotate(-45deg);
}
.header .btn-menu-close .btn-menu-line:nth-child(2) {
  transform: rotate(-135deg);
}
.header .menu-contents {
  background: #fff;
  min-height: 100vh;
  position: relative;
  width: 100%;
  height: 100%;
}
.header .menu-contents-inner {
  height: auto;
  padding-block: 16.53333333333333vw 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-contents-inner {
    padding-block: 62px 70px;
  }
}
.header .menu-inner {
  overflow: hidden;
}
.header .menu-nav {
  padding-inline: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-nav {
    padding-inline: 40px;
  }
}
.header .menu-nav li {
  border-bottom: 1px solid rgba(181,115,223,0.2);
}
.header .menu-nav li a {
  font-size: 4.8vw;
  padding-inline: 5.333333333333334vw;
  padding-block: 5.866666666666666vw 6vw;
  align-items: center;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .header .menu-nav li a {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-nav li a {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-nav li a {
    padding-block: 22px 22.5px;
  }
}
.header .menu-nav li a::before {
  background: #ff97fe;
  content: '';
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  margin-right: 2vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-nav li a::before {
    width: 6px;
    height: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-nav li a::before {
    margin-right: 7.5px;
  }
}
.header .btn-ticket {
  margin-top: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-ticket {
    margin-top: 40px;
  }
}
.footer {
  position: relative;
  overflow-x: hidden;
  margin-top: -40vw;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .footer {
    margin-top: -150px;
  }
}
.footer::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  height: 16vw;
  background: url("assets/img/event/nighttime/footer-bg.png?hash=8cda004018a05e5fd902c85361bfea51") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .footer::before {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .footer::before {
    background: url("assets/img/event/nighttime/footer-bg@2x.png?hash=974152105f95951b78c657b258f9f855") center top no-repeat;
    background-size: 100%;
  }
}
.footer .bg-item-heart {
  width: 43.2vw;
  top: -1.6vw;
  right: -12.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .footer .bg-item-heart {
    width: 162px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .bg-item-heart {
    top: -6px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .bg-item-heart {
    right: -46px;
  }
}
.footer .footer-inner {
  position: relative;
  padding-block: 20.8vw 22.400000000000002vw;
  padding-inline: 6.133333333333333vw;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner {
    padding-block: 78px 84px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner {
    padding-inline: 23px;
  }
}
.footer .footer-inner::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner::before {
    height: 50px;
  }
}
.footer .links {
  font-size: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .footer .links {
    font-size: 1.4rem;
  }
}
.footer .links a {
  display: block;
  padding-block: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .links a {
    padding-block: 8px;
  }
}
.footer .logo {
  width: 59.46666666666667vw;
  margin-top: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .logo {
    width: 223px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .logo {
    margin-top: 17px;
  }
}
.footer .logo a {
  display: block;
}
.footer .copyright {
  margin-top: 2.4vw;
  color: #8d8d8d;
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .footer .copyright {
    margin-top: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .copyright {
    font-size: 1.2rem;
  }
}
.fixed-btn-ticket {
  position: absolute;
  bottom: 4.266666666666667vw;
  left: 15.2vw;
  width: 69.33333333333334vw;
  height: 13.333333333333334vw;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .fixed-btn-ticket {
    bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .fixed-btn-ticket {
    left: 57px;
  }
}
@media only screen and (min-width: 768px) {
  .fixed-btn-ticket {
    width: 260px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fixed-btn-ticket {
    position: fixed;
    z-index: 8;
  }
}
.fixed-btn-ticket .btn-text {
  font-size: 4.266666666666667vw;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 768px) {
  .fixed-btn-ticket .btn-text {
    font-size: 1.6rem;
  }
}
.fixed-btn-ticket .btn-icon .icon-arrow {
  width: 2.133333333333333vw;
  height: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .fixed-btn-ticket .btn-icon .icon-arrow {
    width: 8px;
    height: 6px;
  }
}
.main-contents .section-hero .copy,
.main-contents .section-hero .section-heading {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  position: absolute;
}
.main-contents .section-hero .copy {
  width: 83.86666666666667vw;
  top: 5.733333333333333vw;
  left: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .copy {
    width: 314.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .copy {
    top: 21.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .copy {
    left: 17px;
  }
}
.main-contents .section-hero .section-heading {
  width: 82.93333333333334vw;
  bottom: 6.800000000000001vw;
  right: 0vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .section-heading {
    width: 311px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .section-heading {
    bottom: 25.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-hero .section-heading {
    right: 0px;
  }
}
.main-contents .section-info {
  margin-top: -4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info {
    margin-top: -16px;
  }
}
.main-contents .section-info .section-bg {
  top: -43.733333333333334vw;
  height: 206.66666666666669vw;
  background: url("assets/img/event/nighttime/info-bg.png?hash=1d29fb860ca6466e3ed7ad0431ad3274") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .section-bg {
    top: -164px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .section-bg {
    height: 775px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-info .section-bg {
    background: url("assets/img/event/nighttime/info-bg@2x.png?hash=617431e1c453c80c15a187de52d16b58") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-info .bg-item-donut {
  width: 34.13333333333333vw;
  bottom: -7.466666666666668vw;
  left: -8.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .bg-item-donut {
    width: 128px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .bg-item-donut {
    bottom: -28px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .bg-item-donut {
    left: -32px;
  }
}
.main-contents .section-info .section-inner {
  padding-bottom: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .section-inner {
    padding-bottom: 25px;
  }
}
.main-contents .section-info .section-heading {
  width: 98.13333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .section-heading {
    width: 368px;
  }
}
.main-contents .section-info .section-container {
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .section-container {
    padding-inline: 24px;
  }
}
.main-contents .section-info .block {
  color: #fff;
  position: relative;
  text-align: center;
}
.main-contents .section-info .block .heading {
  font-size: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block .heading {
    font-size: 1.6rem;
  }
}
.main-contents .section-info .block-hours {
  margin-top: -0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours {
    margin-top: -2px;
  }
}
.main-contents .section-info .block-hours .everyday {
  position: absolute;
  width: 20.666666666666668vw;
  top: -5.600000000000001vw;
  left: -0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .everyday {
    width: 77.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .everyday {
    top: -21px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .everyday {
    left: -2px;
  }
}
.main-contents .section-info .block-hours .text {
  position: relative;
  font-size: 6.4vw;
  margin-top: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .text {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .text {
    margin-top: 4px;
  }
}
.main-contents .section-info .block-hours .text .split-text-block {
  display: flex;
  justify-content: center;
}
.main-contents .section-info .block-hours .text .split-text-block .char-3,
.main-contents .section-info .block-hours .text .split-text-block .char-9 {
  margin-inline: -1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .text .split-text-block .char-3,
  .main-contents .section-info .block-hours .text .split-text-block .char-9 {
    margin-inline: -4px;
  }
}
.main-contents .section-info .block-hours .text .split-text-block .char-6 {
  margin-inline: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .text .split-text-block .char-6 {
    margin-inline: 3px;
  }
}
.main-contents .section-info .block-hours .note {
  font-size: 3.2vw;
  margin-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .note {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-hours .note {
    margin-top: 6px;
  }
}
.main-contents .section-info .block-place {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-place {
    margin-top: 20px;
  }
}
.main-contents .section-info .block-place .text {
  margin-top: 1.066666666666667vw;
  font-size: 5.866666666666666vw;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-place .text {
    margin-top: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-place .text {
    font-size: 2.2rem;
  }
}
.main-contents .section-info .block-place .text span {
  margin-left: -1.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .block-place .text span {
    margin-left: -6px;
  }
}
.main-contents .section-info .movie {
  width: 100%;
  height: 49.06666666666666vw;
  border-radius: 2.666666666666667vw;
  overflow: hidden;
  margin-top: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .movie {
    height: 184px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .movie {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-info .movie {
    margin-top: 13px;
  }
}
.main-contents .section-info .movie iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.main-contents .section-contents .section-bg {
  top: -44vw;
  height: 478.6666666666667vw;
  background: url("assets/img/event/nighttime/contents-bg.png?hash=ae5f61a32163d3da6e5a2bb1d636f964") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-bg {
    top: -165px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-bg {
    height: 1795px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-contents .section-bg {
    background: url("assets/img/event/nighttime/contents-bg@2x.png?hash=ffcc4422af86e384b8cb9b3edf414fb7") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-contents .bg-item-donut-1 {
  width: 36.53333333333333vw;
  top: 94.66666666666667vw;
  right: -15.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-1 {
    width: 137px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-1 {
    top: 355px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-1 {
    right: -58px;
  }
}
.main-contents .section-contents .bg-item-donut-2 {
  width: 36.266666666666666vw;
  bottom: 80vw;
  right: -8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-2 {
    width: 136px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-2 {
    bottom: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-donut-2 {
    right: -30px;
  }
}
.main-contents .section-contents .bg-item-heart {
  width: 33.86666666666667vw;
  top: 176.8vw;
  left: -11.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-heart {
    width: 127px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-heart {
    top: 663px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-heart {
    left: -44px;
  }
}
.main-contents .section-contents .section-inner {
  padding-block: 5.333333333333334vw 17.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-inner {
    padding-block: 20px 65px;
  }
}
.main-contents .section-contents .bg-item-bubble {
  width: 15.466666666666667vw;
  top: 34.13333333333333vw;
  left: -4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-bubble {
    width: 58px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-bubble {
    top: 128px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .bg-item-bubble {
    left: -16px;
  }
}
.main-contents .section-contents .section-heading .text-main {
  width: 78.26666666666667vw;
  margin-left: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-heading .text-main {
    width: 293.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-heading .text-main {
    margin-left: 40px;
  }
}
.main-contents .section-contents .section-heading .text-sub {
  margin-top: -6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-heading .text-sub {
    margin-top: -25px;
  }
}
.main-contents .section-contents .section-container {
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .section-container {
    padding-inline: 24px;
  }
}
.main-contents .section-contents .contents-list {
  margin-top: 8.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list {
    margin-top: 32px;
  }
}
.main-contents .section-contents .contents-list li {
  border-radius: 2.666666666666667vw;
  background: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list li {
    border-radius: 10px;
  }
}
.main-contents .section-contents .contents-list li:not(:first-child) {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list li:not(:first-child) {
    margin-top: 20px;
  }
}
.main-contents .section-contents .contents-list li .heading {
  text-align: center;
  padding-block: 6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list li .heading {
    padding-block: 22.5px;
  }
}
.main-contents .section-contents .contents-list li .heading span {
  display: block;
}
.main-contents .section-contents .contents-list li .heading .text-sub {
  font-size: 3.733333333333334vw;
  color: #ff97fe;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list li .heading .text-sub {
    font-size: 1.4rem;
  }
}
.main-contents .section-contents .contents-list li .heading .text-main {
  margin-inline: auto;
  margin-top: 1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list li .heading .text-main {
    margin-top: 7px;
  }
}
.main-contents .section-contents .contents-list .item-1 .heading .text-main {
  width: 80vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list .item-1 .heading .text-main {
    width: 300px;
  }
}
.main-contents .section-contents .contents-list .item-2 .heading .text-main {
  width: 70.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list .item-2 .heading .text-main {
    width: 265px;
  }
}
.main-contents .section-contents .contents-list .item-3 .heading .text-main {
  width: 51.866666666666674vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list .item-3 .heading .text-main {
    width: 194.5px;
  }
}
.main-contents .section-contents .contents-list .item-4 .heading .text-main {
  width: 65.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list .item-4 .heading .text-main {
    width: 245px;
  }
}
.main-contents .section-contents .contents-list .item-5 .heading .text-main {
  width: 55.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-contents .contents-list .item-5 .heading .text-main {
    width: 206.5px;
  }
}
.main-contents .section-ticket {
  padding-block: 14.666666666666666vw 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket {
    padding-block: 55px 70px;
  }
}
.main-contents .section-ticket .section-bg {
  top: -31.733333333333334vw;
  height: 271.46666666666664vw;
  background: url("assets/img/event/nighttime/ticket-bg.png?hash=db7433124a227be5e7d24d3c2d404acb") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .section-bg {
    top: -119px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .section-bg {
    height: 1018px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-ticket .section-bg {
    background: url("assets/img/event/nighttime/ticket-bg@2x.png?hash=56a835f183400c38430bd3f5e6e0a4fb") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-ticket .section-inner {
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .section-inner {
    padding-inline: 24px;
  }
}
.main-contents .section-ticket .bg-item-heart-1 {
  width: 33.86666666666667vw;
  top: -14.399999999999999vw;
  left: -7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-1 {
    width: 127px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-1 {
    top: -54px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-1 {
    left: -28px;
  }
}
.main-contents .section-ticket .bg-item-heart-2 {
  width: 42vw;
  bottom: -33.33333333333333vw;
  right: -12vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-2 {
    width: 157.5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-2 {
    bottom: -125px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .bg-item-heart-2 {
    right: -45px;
  }
}
.main-contents .section-ticket .block {
  border: solid #c782ff;
  margin-inline: auto;
  border-width: 0.8vw;
  border-radius: 8vw;
  background-color: #fff;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #fbf5ff calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #fbf5ff calc(100% - 1px));
  background-size: 6.133333333333333vw 6.133333333333333vw;
  background-position: center center;
  background-repeat: repeat;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block {
    border-width: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block {
    background-size: 23px 23px;
  }
}
.main-contents .section-ticket .block .contents {
  color: #5c52d5;
}
.main-contents .section-ticket .block .contents .ticket {
  align-items: start;
  display: flex;
  margin-right: -1em;
}
.main-contents .section-ticket .block .contents .ticket .heading {
  font-size: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .heading {
    font-size: 2.4rem;
  }
}
.main-contents .section-ticket .block .contents .ticket .heading .target {
  display: block;
  font-size: 3.733333333333334vw;
  margin-top: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .heading .target {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .heading .target {
    margin-top: 5px;
  }
}
.main-contents .section-ticket .block .contents .ticket .line {
  margin-top: 2.933333333333333vw;
  height: 0.8vw;
  background: url("assets/img/event/nighttime/dots-line.png?hash=8f18248e31c60d05a57855304f65e185") left top repeat-x;
  background-size: 1.866666666666667vw 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .line {
    margin-top: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .line {
    height: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .line {
    background-size: 7px 3px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-ticket .block .contents .ticket .line {
    background: url("assets/img/event/nighttime/dots-line@2x.png?hash=a1730af256c6cbb88cec9ee39316c9b5") left top repeat-x;
  }
}
.main-contents .section-ticket .block .contents .ticket .price {
  align-items: end;
  display: flex;
  font-size: 6.4vw;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .price {
    font-size: 2.4rem;
  }
}
.main-contents .section-ticket .block .contents .ticket .price .en {
  font-size: 4.266666666666667vw;
  margin-bottom: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .price .en {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .price .en {
    margin-bottom: 1px;
  }
}
.main-contents .section-ticket .block .contents .ticket .price .tax {
  font-size: 3.2vw;
  margin-bottom: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .price .tax {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .ticket .price .tax {
    margin-bottom: 3px;
  }
}
.main-contents .section-ticket .block .contents .note {
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block .contents .note {
    font-size: 1.2rem;
  }
}
.main-contents .section-ticket .block-advance-ticket {
  padding-block: 5.600000000000001vw 7.199999999999999vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket {
    padding-block: 21px 27px;
  }
}
.main-contents .section-ticket .block-advance-ticket .section-heading .text-main {
  width: 43.733333333333334vw;
  margin-left: 20vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .section-heading .text-main {
    width: 164px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .section-heading .text-main {
    margin-left: 75px;
  }
}
.main-contents .section-ticket .block-advance-ticket .section-heading .text-sub {
  color: #c782ff;
  margin-top: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .section-heading .text-sub {
    margin-top: 5px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents {
  text-align: center;
  margin-top: 6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents {
    margin-top: 22.5px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .text-large {
  font-size: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .text-large {
    font-size: 2rem;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .note {
  margin-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .note {
    margin-top: 10px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .hours {
  font-size: 4.8vw;
  margin-top: 3.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours {
    margin-top: 14.5px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .hours .heading {
  font-size: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours .heading {
    font-size: 1.4rem;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block {
  display: inline-flex;
  margin-left: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block {
    margin-left: 6px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-3,
.main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-9 {
  margin-inline: -0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-3,
  .main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-9 {
    margin-inline: -3px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-6 {
  margin-inline: 0.533333333333333vw 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .hours .split-text-block .char-6 {
    margin-inline: 2px 3px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .ticket {
  margin-top: 4.8vw;
  padding-inline: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .ticket {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .ticket {
    padding-inline: 20px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .ticket .line {
  margin-inline: 2.4vw;
  width: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .ticket .line {
    margin-inline: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .ticket .line {
    width: 35px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .btn-container {
  margin-top: 7.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .btn-container {
    margin-top: 29px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .btn-container .btn-ticket {
  width: 74.66666666666667vw;
  height: 17.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .btn-container .btn-ticket {
    width: 280px;
    height: 64px;
  }
}
.main-contents .section-ticket .block-advance-ticket .contents .btn-container .note {
  margin-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-advance-ticket .contents .btn-container .note {
    margin-top: 6px;
  }
}
.main-contents .section-ticket .block-sameday-ticket {
  margin-top: 3.2vw;
  padding-block: 10.133333333333333vw 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket {
    padding-block: 38px 35px;
  }
}
.main-contents .section-ticket .block-sameday-ticket .contents {
  font-size: 4.266666666666667vw;
  line-height: 1.5;
  text-align: justify;
  padding-inline: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents {
    padding-inline: 20px;
  }
}
.main-contents .section-ticket .block-sameday-ticket .contents .ticket {
  line-height: 1;
  margin-bottom: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents .ticket {
    margin-bottom: 14px;
  }
}
.main-contents .section-ticket .block-sameday-ticket .contents .ticket .line {
  margin-inline: 2.666666666666667vw 1.333333333333333vw;
  width: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents .ticket .line {
    margin-inline: 10px 5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents .ticket .line {
    width: 48px;
  }
}
.main-contents .section-ticket .block-sameday-ticket .contents .note {
  margin-top: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .block-sameday-ticket .contents .note {
    margin-top: 5px;
  }
}
.main-contents .section-ticket .note-coupon {
  margin-top: 1.333333333333333vw;
  padding-inline: 2.666666666666667vw;
  position: relative;
  color: #fff;
  font-size: 3.2vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .note-coupon {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .note-coupon {
    padding-inline: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-ticket .note-coupon {
    font-size: 1.2rem;
  }
}
.main-contents .section-access .section-bg {
  top: -2.133333333333333vw;
  height: 182.66666666666666vw;
  background: url("assets/img/event/nighttime/access-bg.png?hash=a86dda03c7ce44001e2caa62e885b553") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-bg {
    top: -8px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-bg {
    height: 685px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-access .section-bg {
    background: url("assets/img/event/nighttime/access-bg@2x.png?hash=e1d8295ee6c3e92c14d160b5bfeed4d9") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-access .section-inner {
  padding-block: 4.533333333333333vw 17.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-inner {
    padding-block: 17px 65px;
  }
}
.main-contents .section-access .section-heading .text-main {
  width: 72vw;
  margin-left: 14.133333333333335vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-heading .text-main {
    width: 270px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-heading .text-main {
    margin-left: 53px;
  }
}
.main-contents .section-access .section-heading .text-sub {
  margin-top: -5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-heading .text-sub {
    margin-top: -21px;
  }
}
.main-contents .section-access .section-container {
  color: #fff;
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .section-container {
    padding-inline: 24px;
  }
}
.main-contents .section-access .address {
  text-align: center;
  font-size: 4.266666666666667vw;
  line-height: 1.4;
  margin-top: 6.666666666666667vw;
  margin-left: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address {
    margin-left: 2px;
  }
}
.main-contents .section-access .address .heading {
  font-size: 6.4vw;
  line-height: 1;
  margin-right: 1.066666666666667vw;
  margin-bottom: 1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address .heading {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address .heading {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .address .heading {
    margin-bottom: 7px;
  }
}
.main-contents .section-access .map {
  border-radius: 5.333333333333334vw;
  overflow: hidden;
  width: 100%;
  height: 48.53333333333333vw;
  margin-top: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .map {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .map {
    height: 182px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .map {
    margin-top: 24px;
  }
}
.main-contents .section-access .map iframe {
  width: 100%;
  height: 100%;
}
.main-contents .section-access .access {
  padding-inline: 5.333333333333334vw;
  font-size: 3.2vw;
  line-height: 1.4;
  margin-top: 2.933333333333333vw;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-access .access {
    margin-top: 11px;
  }
}
.main-contents .section-faq {
  padding-top: 14.666666666666666vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq {
    padding-top: 55px;
  }
}
.main-contents .section-faq .section-bg {
  top: -28.799999999999997vw;
  height: 233.33333333333334vw;
  background: url("assets/img/event/nighttime/faq-bg.png?hash=0124e7157cfe806a36bc646eabcb4dba") center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-bg {
    top: -108px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-bg {
    height: 875px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-faq .section-bg {
    background: url("assets/img/event/nighttime/faq-bg@2x.png?hash=1a45e06cf41fae439e776539bb1ad6a0") center top no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-faq .section-inner {
  padding-inline: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-inner {
    padding-inline: 24px;
  }
}
.main-contents .section-faq .section-container {
  border: solid #c782ff;
  margin-inline: auto;
  border-width: 0.8vw;
  border-radius: 8vw;
  background-color: #fff;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #fbf5ff calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #fbf5ff calc(100% - 1px));
  background-size: 6.133333333333333vw 6.133333333333333vw;
  background-position: center center;
  background-repeat: repeat;
  padding-inline: 5.333333333333334vw;
  padding-block: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-container {
    border-width: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-container {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-container {
    background-size: 23px 23px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-container {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-container {
    padding-block: 25px;
  }
}
.main-contents .section-faq .bg-item-donut {
  width: 36.8vw;
  top: -13.600000000000001vw;
  left: -7.733333333333333vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .bg-item-donut {
    width: 138px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .bg-item-donut {
    top: -51px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .bg-item-donut {
    left: -29px;
  }
}
.main-contents .section-faq .section-heading .text-main {
  width: 29.06666666666667vw;
  margin-left: 23.200000000000003vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-heading .text-main {
    width: 109px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-heading .text-main {
    margin-left: 87px;
  }
}
.main-contents .section-faq .section-heading .text-sub {
  color: #c782ff;
  margin-top: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .section-heading .text-sub {
    margin-top: 3px;
  }
}
.main-contents .section-faq .faq-list {
  margin-top: 6.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list {
    margin-top: 26px;
  }
}
.main-contents .section-faq .faq-list .accordion {
  width: 100%;
}
.main-contents .section-faq .faq-list .accordion:not(:first-child) {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion:not(:first-child) {
    margin-top: 8px;
  }
}
.main-contents .section-faq .faq-list .accordion.is-opened .accordion-btn .accordion-btn-icon {
  padding-bottom: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion.is-opened .accordion-btn .accordion-btn-icon {
    padding-bottom: 3px;
  }
}
.main-contents .section-faq .faq-list .accordion.is-opened .accordion-btn .accordion-btn-icon .icon-arrow {
  transform: scale(1, -1);
}
.main-contents .section-faq .faq-list .accordion-btn {
  align-items: center;
  background: #f9f2ff;
  display: flex;
  border-radius: 2.666666666666667vw;
  padding-block: 5.333333333333334vw;
  padding-inline: 4.533333333333333vw 4.266666666666667vw;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    padding-block: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn {
    padding-inline: 17px 16px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .main-contents .section-faq .faq-list .accordion-btn {
    transition: 0.3s;
  }
  .main-contents .section-faq .faq-list .accordion-btn:hover {
    opacity: 0.7;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .text-q {
  font-size: 4.266666666666667vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .text-q {
    font-size: 1.6rem;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .text-q span {
  display: block;
}
.main-contents .section-faq .faq-list .accordion-btn .text-q .text-main {
  font-size: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .text-q .text-main {
    font-size: 1.8rem;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .text-q .text-sub {
  margin-top: 0.533333333333333vw;
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .text-q .text-sub {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .text-q .text-sub {
    font-size: 1.2rem;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 5.333333333333334vw;
  height: 5.600000000000001vw;
  background: #fff;
  margin-left: auto;
  background: url("assets/img/event/nighttime/faq-accordion-icon.png?hash=57a59ad5b8bcbcc7fa325ef33029f02d") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon {
    width: 20px;
    height: 21px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon {
    background: url("assets/img/event/nighttime/faq-accordion-icon@2x.png?hash=742ef15b2a4e070feb4c4692f87e077d") center 0 no-repeat;
    background-size: 100%;
  }
}
.main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon .icon-arrow {
  width: 2.133333333333333vw;
  height: 1.6vw;
  fill: #c782ff;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-btn .accordion-btn-icon .icon-arrow {
    width: 8px;
    height: 6px;
  }
}
.main-contents .section-faq .faq-list .accordion-contents {
  padding-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents {
    padding-top: 6px;
  }
}
.main-contents .section-faq .faq-list .accordion-contents-inner {
  background: #f9f2ff;
  border-radius: 2.666666666666667vw;
  font-size: 4.266666666666667vw;
  line-height: 1.8;
  padding-block: 5.333333333333334vw;
  padding-inline: 4.266666666666667vw;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    padding-block: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .section-faq .faq-list .accordion-contents-inner {
    padding-inline: 16px;
  }
}
.main-contents .share-container {
  position: relative;
  margin-top: 11.466666666666667vw;
  padding-bottom: 45.86666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container {
    margin-top: 43px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container {
    padding-bottom: 172px;
  }
}
.main-contents .share-container .heading {
  width: 64.8vw;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .heading {
    width: 243px;
  }
}
.main-contents .share-container .btn-container {
  display: flex;
  justify-content: center;
  gap: 2.933333333333333vw;
  margin-top: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container {
    gap: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container {
    margin-top: 4px;
  }
}
.main-contents .share-container .btn-container a {
  width: 14.399999999999999vw;
  height: 14.399999999999999vw;
  border: solid #f044ed;
  border-width: 0.533333333333333vw;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 2.133333333333333vw 0px #f044ed;
  display: grid;
  place-items: center;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container a {
    width: 54px;
    height: 54px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container a {
    border-width: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container a {
    box-shadow: 0px 0px 8px 0px #f044ed;
  }
}
.main-contents .share-container .btn-container .btn-x img {
  width: 7.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container .btn-x img {
    width: 26.5px;
  }
}
.main-contents .share-container .btn-container .btn-line img {
  width: 8vw;
}
@media only screen and (min-width: 768px) {
  .main-contents .share-container .btn-container .btn-line img {
    width: 30px;
  }
}