@charset "UTF-8";
html {
  scroll-behavior: smooth;
  background-color: #182448;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -webkit-animation: fadeIn 0.8s forwards;
          animation: fadeIn 0.8s forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  font-family: "Zen Maru Gothic", sans-serif;
  color: #e6cbe2;
  font-size: 1rem;
}
@media screen and (min-width: 744px) {
  * {
    font-size: 1.2rem;
  }
}

body {
  width: 100vw;
  height: auto;
  overflow-x: hidden;
  background-image: url(../images/bg/bg11.jpg);
  background-position: top;
  background-size: 100%;
  background-repeat: repeat-y;
}

img {
  width: 100%;
  height: auto;
}

#header {
  width: 100vw;
  position: fixed;
  z-index: 777;
}
#header #hum {
  width: 15vw;
  max-width: 58px;
  height: auto;
  position: fixed;
  top: 5vw;
  right: 5vw;
}
@media screen and (min-width: 960px) {
  #header #hum {
    display: none;
  }
}
#header #hum #hum_open {
  width: 100%;
  height: auto;
  z-index: 777;
}
#header #pc_menu {
  display: none;
}
@media screen and (min-width: 960px) {
  #header #pc_menu {
    background-color: #182448;
    width: 100%;
    height: 4vw;
    display: grid;
    grid-template-columns: 1fr auto auto auto auto auto auto auto auto 1fr;
    place-items: center;
    gap: 2vw;
  }
  #header #pc_menu a {
    display: block;
    height: 100%;
  }
  #header #pc_menu li:first-child {
    grid-column: 2/3;
  }
  #header #pc_menu img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 3vw;
    width: auto;
  }
}

#nav {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 888;
  -webkit-transition: opacity 0.5s, visibility 0.5s ease-out;
  transition: opacity 0.5s, visibility 0.5s ease-out;
}
#nav.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s, visibility 0.5s ease-out;
  transition: opacity 0.5s, visibility 0.5s ease-out;
  background-color: #182448;
}
#nav #hum_close {
  width: 15vw;
  max-width: 58px;
  height: auto;
  position: fixed;
  top: 5vw;
  right: 5vw;
}
#nav .sp_menu {
  width: 100vw;
  height: 90vh;
  padding-top: 10vh;
  display: grid;
  grid-template-rows: 20% 10% 10% 10% 10% 10% 10% 10%;
  place-items: center;
  gap: 1vw;
}
#nav .sp_menu li img {
  height: 100%;
  width: auto;
}
#nav .sp_menu li:first-child img {
  width: 40vw;
  height: auto;
}

footer {
  padding-top: 10vw;
  padding-bottom: 5vw;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 960px) {
  footer {
    padding-top: 5vw;
    padding-bottom: 3vw;
  }
}
footer .banner {
  margin-bottom: 10vw;
}
@media screen and (min-width: 960px) {
  footer .banner {
    margin-bottom: 5vw;
  }
}
footer .banner img {
  width: 75vw;
  height: auto;
}
@media screen and (min-width: 744px) {
  footer .banner img {
    width: 60vw;
  }
}
@media screen and (min-width: 960px) {
  footer .banner img {
    width: 45vw;
  }
}
@media screen and (min-width: 1920px) {
  footer .banner img {
    width: 30vw;
  }
}
footer .organizer {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
}
@media screen and (min-width: 744px) {
  footer .organizer {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .organizer {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
footer .organizer h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
}
@media screen and (min-width: 744px) {
  footer .organizer h3 {
    font-size: 1rem;
  }
}
footer .organizer h3 img {
  width: 100%;
  height: auto;
}
footer .organizer .exsam {
  height: 130%;
  width: auto;
  justify-self: center;
}
footer .plannig {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
  width: 48vw;
  grid-template-columns: 1fr 1fr;
  gap: 0vw;
  padding-bottom: 10vw;
}
@media screen and (min-width: 744px) {
  footer .plannig {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .plannig {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
@media screen and (min-width: 744px) {
  footer .plannig {
    width: 27vw;
    padding-bottom: 7.5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .plannig {
    width: 20vw;
    gap: 0vw;
    padding-bottom: 5vw;
  }
}
footer .plannig h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
  padding-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  footer .plannig h3 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 960px) {
  footer .plannig h3 {
    padding-bottom: 3vw;
  }
}
footer .plannig .jam {
  width: 85%;
}
footer .production {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
}
@media screen and (min-width: 744px) {
  footer .production {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .production {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
footer .production h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
}
@media screen and (min-width: 744px) {
  footer .production h3 {
    font-size: 1rem;
  }
}
footer .production img {
  width: auto;
  height: 110%;
  margin: 0 auto;
  grid-row: 2/3;
  grid-column: 1/4;
}
footer .support {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
  grid-template-rows: 1fr 12vw;
}
@media screen and (min-width: 744px) {
  footer .support {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .support {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
@media screen and (min-width: 744px) {
  footer .support {
    grid-template-rows: 1fr 7vw;
  }
}
@media screen and (min-width: 960px) {
  footer .support {
    grid-template-rows: 1fr 4vw;
  }
}
footer .support h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
}
@media screen and (min-width: 744px) {
  footer .support h3 {
    font-size: 1rem;
  }
}
footer .support img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 90%;
  height: auto;
}
footer .cooperation {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
  grid-template-rows: 1fr 12vw 12vw auto;
}
@media screen and (min-width: 744px) {
  footer .cooperation {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .cooperation {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
@media screen and (min-width: 744px) {
  footer .cooperation {
    grid-template-rows: 1fr 7vw 7vw auto;
  }
}
@media screen and (min-width: 960px) {
  footer .cooperation {
    grid-template-rows: 1fr 4vw 4vw auto;
  }
}
footer .cooperation h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
}
@media screen and (min-width: 744px) {
  footer .cooperation h3 {
    font-size: 1rem;
  }
}
footer .cooperation img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 90%;
  height: auto;
}
footer .cooperation .prince {
  height: 100%;
  width: auto;
}
footer .cooperation .prince img {
  height: 100%;
  width: auto;
}
footer .cooperation .town {
  grid-column: 1/4;
  font-size: 0.8rem;
}
footer .kouen {
  width: 90vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding-bottom: 8vw;
  gap: 3vw;
}
@media screen and (min-width: 744px) {
  footer .kouen {
    width: 55vw;
    grid-template-rows: 1fr 4vw;
    padding-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  footer .kouen {
    width: 35vw;
    grid-template-rows: 1fr 3vw;
    padding-bottom: 3vw;
    gap: 1.5vw;
  }
}
footer .kouen h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
}
@media screen and (min-width: 744px) {
  footer .kouen h3 {
    font-size: 1rem;
  }
}
footer .kouen p {
  grid-column: 1/4;
  font-size: 0.8rem;
}
footer .contact {
  margin-bottom: 10vw;
}
@media screen and (min-width: 744px) {
  footer .contact {
    margin-bottom: 10vw;
  }
}
footer .contact > * {
  color: #e6cbe2;
}
footer .contact h3 {
  grid-column: 1/4;
  font-size: 0.9rem;
  color: #e6cbe2;
  margin-bottom: 1vw;
  margin-top: 5vw;
}
@media screen and (min-width: 744px) {
  footer .contact h3 {
    font-size: 1rem;
  }
}
footer .contact p {
  font-size: 13px;
}
footer .contact p span {
  display: none;
}
@media screen and (min-width: 744px) {
  footer .contact p span {
    display: inline-block;
  }
}
footer .contact p a {
  text-decoration: none;
  color: #e6cbe2;
}
footer .copy {
  font-size: 0.8rem;
  color: #e6cbe2;
  padding-bottom: 8vw;
}
@media screen and (min-width: 744px) {
  footer .copy {
    font-size: 0.9rem;
  }
}

#top {
  width: 100vw;
  height: auto;
  overflow-x: hidden;
}
#top .top_wrap {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template: "tone1" 35vw "logo" 33vw "tone2" 10vw "date" 15vw "news" 60vw "tone3" 20vw/100vw;
}
@media screen and (min-width: 390px) {
  #top .top_wrap {
    gap: 5vw;
  }
}
@media screen and (min-width: 744px) {
  #top .top_wrap {
    grid-template-rows: 22vw 30vw 10vw 12vw 45vw 15vw;
    gap: 0;
  }
}
@media screen and (min-width: 960px) {
  #top .top_wrap {
    margin-top: 4vw;
    grid-template: "tone1" 2vw "logo" 18vw "tone2" 0.5vw "news" 22vw "date" 6vw "tone3" 3vw/100vw;
  }
}
#top .top_wrap .tone_wrap_1 {
  grid-area: tone1;
  position: relative;
}
#top .top_wrap .tone_wrap_1 img {
  width: 10vw;
  height: auto;
  position: absolute;
}
@media screen and (min-width: 744px) {
  #top .top_wrap .tone_wrap_1 img {
    width: 9vw;
  }
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 img {
    width: 5vw;
  }
}
#top .top_wrap .tone_wrap_1 .dia1 {
  top: 12%;
  left: 7%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .dia1 {
    top: 8%;
    left: 19%;
  }
}
#top .top_wrap .tone_wrap_1 .dia2 {
  top: 23%;
  left: 34%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .dia2 {
    top: 83%;
    left: 23%;
  }
}
#top .top_wrap .tone_wrap_1 .tone3 {
  top: 22%;
  left: 65%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .tone3 {
    zoom: 1.2;
    top: 39%;
    left: 71%;
  }
}
#top .top_wrap .tone_wrap_1 .tone2 {
  top: 45%;
  left: 10%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .tone2 {
    top: 230%;
    left: 8%;
  }
}
#top .top_wrap .tone_wrap_1 .heart1 {
  top: 70%;
  left: 22%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .heart1 {
    top: 650%;
    left: 17%;
    zoom: 1.1;
  }
}
#top .top_wrap .tone_wrap_1 .tone4_2 {
  top: 60%;
  left: 52%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .tone4_2 {
    top: 2000%;
    left: 80%;
  }
}
#top .top_wrap .tone_wrap_1 .tone5 {
  top: 76%;
  left: 84%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .tone5 {
    top: 166%;
    left: 85%;
  }
}
#top .top_wrap .tone_wrap_1 .dia1_2 {
  top: 97%;
  left: 4%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_1 .dia1_2 {
    top: 1000%;
    left: 4%;
  }
}
#top .top_wrap .tone_wrap_2 {
  grid-area: tone2;
  position: relative;
}
#top .top_wrap .tone_wrap_2 img {
  width: 10vw;
  height: auto;
  position: absolute;
}
@media screen and (min-width: 744px) {
  #top .top_wrap .tone_wrap_2 img {
    width: 9vw;
  }
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_2 img {
    width: 5vw;
  }
}
#top .top_wrap .tone_wrap_2 .tone1 {
  top: -112%;
  left: 4%;
  zoom: 1.2;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_2 .tone1 {
    top: 1100%;
    left: 23%;
  }
}
#top .top_wrap .tone_wrap_2 .tone5_3 {
  top: -18%;
  left: 27%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_2 .tone5_3 {
    top: 4000%;
    left: 20%;
  }
}
#top .top_wrap .tone_wrap_2 .heart2 {
  top: -35%;
  left: 59%;
  zoom: 1.2;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_2 .heart2 {
    top: 2000%;
    left: 73%;
    zoom: 1;
  }
}
#top .top_wrap .tone_wrap_2 .tone4 {
  top: -71%;
  left: 83%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_2 .tone4 {
    top: -1300%;
    left: 91%;
  }
}
#top .top_wrap .tone_wrap_3 {
  grid-area: tone3;
  position: relative;
}
#top .top_wrap .tone_wrap_3 img {
  width: 10vw;
  height: auto;
  position: absolute;
}
@media screen and (min-width: 744px) {
  #top .top_wrap .tone_wrap_3 img {
    width: 9vw;
  }
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 img {
    width: 5vw;
  }
}
#top .top_wrap .tone_wrap_3 .tone5_2 {
  top: 20%;
  left: 6%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 .tone5_2 {
    top: -800%;
    left: 84%;
    rotate: 317deg;
    zoom: 1.3;
  }
}
#top .top_wrap .tone_wrap_3 .heart1_2 {
  top: 0%;
  left: 24%;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 .heart1_2 {
    top: -600%;
    left: 8%;
    zoom: 1.4;
    rotate: 41deg;
  }
}
#top .top_wrap .tone_wrap_3 .tone4_3 {
  top: 18%;
  left: 47%;
  rotate: 323deg;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 .tone4_3 {
    top: -1800%;
    left: 27%;
    rotate: 8deg;
  }
}
#top .top_wrap .tone_wrap_3 .dia2_2 {
  top: 13%;
  left: 70%;
  rotate: 350deg;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 .dia2_2 {
    top: -450%;
    left: 91%;
  }
}
#top .top_wrap .tone_wrap_3 .dia1_3 {
  top: 7%;
  left: 84%;
  rotate: 24deg;
}
@media screen and (min-width: 960px) {
  #top .top_wrap .tone_wrap_3 .dia1_3 {
    top: -1100%;
    left: 80%;
    rotate: 0deg;
  }
}
#top .top_wrap .logo {
  grid-area: logo;
  height: 100%;
  width: auto;
  justify-self: center;
}
#top .top_wrap .date {
  grid-area: date;
  height: 100%;
  width: auto;
  justify-self: center;
  z-index: 55;
}
#top .top_news {
  grid-area: news;
  width: 90%;
  height: auto;
  justify-self: center;
  z-index: 55;
}
@media screen and (min-width: 744px) {
  #top .top_news {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 960px) {
  #top .top_news {
    margin-top: -1vw;
  }
}
#top .machi {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 50;
  -webkit-filter: drop-shadow(2px 2px 5px #fae7d5) drop-shadow(-2px 2px 10px #fae7d5);
          filter: drop-shadow(2px 2px 5px #fae7d5) drop-shadow(-2px 2px 10px #fae7d5);
}
@media screen and (min-width: 960px) {
  #top .machi {
    height: 13%;
  }
}

.wrap {
  overflow: hidden;
}
.wrap #loop_wrap {
  width: 4050vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4140vw;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  .wrap #loop_wrap {
    width: 2550vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap #loop_wrap {
    width: 1950vw;
  }
}
@media screen and (min-width: 1920px) {
  .wrap #loop_wrap {
    width: 1560vw;
  }
}
.wrap #loop_wrap img {
  width: 33.333333%;
  height: auto;
}
@media screen and (min-width: 744px) {
  .wrap #loop_wrap {
    width: 2550vw !important;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap #loop_wrap {
    width: 1980vw !important;
  }
}
@media screen and (min-width: 1920px) {
  .wrap #loop_wrap {
    width: 1584vw !important;
  }
}
.wrap #loop_wrap img {
  width: 33.333333%;
  height: auto;
}

.wrap_4 {
  overflow: hidden;
}
.wrap_4 #loop_wrap_4 {
  width: 4050vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4050vw;
}
@media screen and (min-width: 744px) {
  .wrap_4 #loop_wrap_4 {
    width: 2550vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap_4 #loop_wrap_4 {
    width: 1950vw;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_4 #loop_wrap_4 {
    width: 1560vw;
  }
}
.wrap_4 #loop_wrap_4 img {
  width: 33.333333%;
  height: auto;
}
@media screen and (min-width: 744px) {
  .wrap_4 #loop_wrap_4 {
    width: 2550vw !important;
  }
}
@media screen and (min-width: 960px) {
  .wrap_4 #loop_wrap_4 {
    width: 1950vw !important;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_4 #loop_wrap_4 {
    width: 1560vw !important;
  }
}
.wrap_4 #loop_wrap_4 img {
  width: 33.333333%;
  height: auto;
}

#toTop {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 15vw;
  z-index: 501;
  position: fixed;
  bottom: 5vw;
  right: 2vw;
  max-width: 50px;
}
@media screen and (min-width: 744px) {
  #toTop {
    width: 9vw;
    max-width: 60px;
  }
}
@media screen and (min-width: 960px) {
  #toTop {
    width: 6vw;
    max-width: 80px;
  }
}
#toTop img {
  padding: 0 10px;
}
#toTop.active {
  visibility: visible;
  opacity: 1;
}

#news {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
}
@media screen and (min-width: 744px) {
  #news {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #news {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #news {
    width: 50vw;
  }
}
#news .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #news .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #news .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #news .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#news .title img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 1920px) {
  #news {
    padding: 5vw 13vw 8vw !important;
  }
}
#news .article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
}

#intro {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
  padding: 10vw 0 15vw !important;
}
@media screen and (min-width: 744px) {
  #intro {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #intro {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #intro {
    width: 50vw;
  }
}
#intro .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #intro .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #intro .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #intro .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#intro .title img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 960px) {
  #intro {
    padding: 8vw 0 8vw !important;
  }
}
#intro .desc {
  text-align: center;
  line-height: 1.5;
  font-size: max(4vw, 13px);
}
@media screen and (min-width: 390px) {
  #intro .desc {
    font-size: max(1.25rem, 16px);
  }
}
@media screen and (min-width: 744px) {
  #intro .desc {
    font-size: 20px;
    line-height: 1.5;
  }
}
#intro .sp {
  display: block;
}
@media screen and (min-width: 744px) {
  #intro .sp {
    display: none;
  }
}
#intro .tab {
  display: none;
}
@media screen and (min-width: 744px) {
  #intro .tab {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  #intro .tab {
    display: none;
  }
}
#intro .pc {
  display: none;
}
@media screen and (min-width: 960px) {
  #intro .pc {
    display: block;
  }
}

#info {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
}
@media screen and (min-width: 744px) {
  #info {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #info {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #info {
    width: 50vw;
  }
}
#info .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #info .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #info .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #info .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#info .title img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 1920px) {
  #info {
    padding: 5vw 13vw 8vw !important;
  }
}
#info .desc {
  text-align: center;
  line-height: 1.3;
}
#info .desc .subTitle {
  font-size: larger;
  font-weight: bold;
  margin-bottom: 1.5vw;
}
#info .desc .date {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
#info .desc .time {
  padding-bottom: 7vw;
}
@media screen and (min-width: 960px) {
  #info .desc .time {
    padding-bottom: 2vw;
  }
}
#info .desc .place {
  padding-bottom: 7vw;
}
@media screen and (min-width: 960px) {
  #info .desc .place {
    padding-bottom: 2vw;
  }
}
#info .desc .plice .line {
  -webkit-text-decoration: line-through solid rgb(247, 247, 97);
          text-decoration: line-through solid rgb(247, 247, 97);
}
#info .desc .plice .soldOut {
  color: rgb(247, 247, 97);
}

#artists {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
  padding: 10vw 2vw 7vw !important;
}
@media screen and (min-width: 744px) {
  #artists {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #artists {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #artists {
    width: 50vw;
  }
}
#artists .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #artists .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #artists .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #artists .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#artists .title img {
  height: 100%;
  width: auto;
}
#artists .title {
  margin-bottom: 0vw;
}
#artists .narabi50 {
  margin-bottom: 5vw;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #artists {
    width: 80vw !important;
    padding: 5vw 2vw 3vw !important;
  }
}
#artists .tab {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
#artists .tab li {
  font-family: "JetBrains Mono", monospace;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  height: auto;
  padding: 8px 2vw;
}
#artists .tab li span {
  font-family: "JetBrains Mono", monospace;
  font-weight: bold;
}
#artists .tab li.active {
  border-style: solid solid none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #e6cbe2;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff;
  color: #182448;
}
#artists .tab li.active span {
  color: #182448;
}
@-webkit-keyframes active {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes active {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#artists #artists_0506 {
  display: none;
  opacity: 0;
  width: 100%;
  height: auto;
  padding-top: 11vw;
  padding-left: 0.8%;
  padding-right: 0.8%;
}
@media screen and (min-width: 390px) {
  #artists #artists_0506 {
    padding-top: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #artists #artists_0506 {
    padding-top: 7vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0506 {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0506 {
    padding-top: 3.5vw;
  }
}
#artists #artists_0506.active {
  display: block;
  opacity: 1;
  border: 2px solid #e6cbe2;
  border-radius: 10px;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
  -webkit-animation: active 0.5s sase;
          animation: active 0.5s sase;
}
#artists #artists_0506 .wrap_0506 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#artists #artists_0506 dl {
  width: 48%;
  height: auto;
}
@media screen and (min-width: 744px) {
  #artists #artists_0506 dl {
    width: 32%;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0506 dl {
    width: 24%;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0506 dl {
    width: 19%;
  }
}
#artists #artists_0506 dl dt {
  background-color: #09112f;
  width: 39.9vw;
  height: 26.67vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 744px) {
  #artists #artists_0506 dl dt {
    width: 22.8vw;
    height: 15.24vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0506 dl dt {
    width: 17.48vw;
    height: 11.684vw;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0506 dl dt {
    width: 13.3vw;
    height: 8.89vw;
  }
}
#artists #artists_0506 dl dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#artists #artists_0506 dl dd {
  width: 100%;
  height: 15vw;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0.2vw;
}
@media screen and (min-width: 390px) {
  #artists #artists_0506 dl dd {
    height: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #artists #artists_0506 dl dd {
    height: 7.5vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0506 dl dd {
    height: 7.2vw;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0506 dl dd {
    height: 3.5vw;
  }
}
#artists #artists_0506 .more {
  text-align: right;
  margin-right: 10vw;
  margin-bottom: 2rem;
}
#artists #artists_0507 {
  display: none;
  opacity: 0;
  width: 100%;
  height: auto;
  padding-top: 11vw;
  padding-left: 0.8%;
  padding-right: 0.8%;
}
@media screen and (min-width: 390px) {
  #artists #artists_0507 {
    padding-top: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #artists #artists_0507 {
    padding-top: 7vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0507 {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0507 {
    padding-top: 3.5vw;
  }
}
#artists #artists_0507.active {
  display: block;
  opacity: 1;
  border: 2px solid #e6cbe2;
  border-radius: 10px;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
  -webkit-animation: active 0.5s sase;
          animation: active 0.5s sase;
}
#artists #artists_0507 .wrap_0507 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#artists #artists_0507 dl {
  width: 48%;
  height: auto;
}
@media screen and (min-width: 744px) {
  #artists #artists_0507 dl {
    width: 32%;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0507 dl {
    width: 24%;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0507 dl {
    width: 19%;
  }
}
#artists #artists_0507 dl dt {
  background-color: #09112f;
  width: 39.9vw;
  height: 26.67vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 744px) {
  #artists #artists_0507 dl dt {
    width: 22.8vw;
    height: 15.24vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0507 dl dt {
    width: 17.48vw;
    height: 11.684vw;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0507 dl dt {
    width: 13.3vw;
    height: 8.89vw;
  }
}
#artists #artists_0507 dl dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#artists #artists_0507 dl dd {
  width: 100%;
  height: 15vw;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0.2vw;
}
@media screen and (min-width: 390px) {
  #artists #artists_0507 dl dd {
    height: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #artists #artists_0507 dl dd {
    height: 7.5vw;
  }
}
@media screen and (min-width: 960px) {
  #artists #artists_0507 dl dd {
    height: 7.2vw;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  #artists #artists_0507 dl dd {
    height: 3.5vw;
  }
}
#artists .material-symbols-outlined {
  font-size: 0.9rem;
  vertical-align: bottom;
}

#timetable {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
  padding: 10vw 2vw 7vw !important;
}
@media screen and (min-width: 744px) {
  #timetable {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #timetable {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #timetable {
    width: 50vw;
  }
}
#timetable .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #timetable .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #timetable .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #timetable .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#timetable .title img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 960px) {
  #timetable {
    width: 80vw !important;
    padding: 5vw 2vw 3vw !important;
  }
}
#timetable .tabTT {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
#timetable .tabTT li {
  font-family: "JetBrains Mono", monospace;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  height: auto;
  padding: 8px 2vw;
}
#timetable .tabTT li span {
  font-family: "JetBrains Mono", monospace;
  font-weight: bold;
}
#timetable .tabTT li.active {
  border-style: solid solid none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #e6cbe2;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff;
  color: #182448;
}
#timetable .tabTT li.active span {
  color: #182448;
}
@keyframes active {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#timetable #timetable_0506 {
  display: none;
  opacity: 0;
  width: 100%;
  height: auto;
  padding-top: 11vw;
  padding-left: 0.8%;
  padding-right: 0.8%;
  padding: 5vw !important;
}
@media screen and (min-width: 390px) {
  #timetable #timetable_0506 {
    padding-top: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #timetable #timetable_0506 {
    padding-top: 7vw;
  }
}
@media screen and (min-width: 960px) {
  #timetable #timetable_0506 {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  #timetable #timetable_0506 {
    padding-top: 3.5vw;
  }
}
#timetable #timetable_0506.active {
  display: block;
  opacity: 1;
  border: 2px solid #e6cbe2;
  border-radius: 10px;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
  -webkit-animation: active 0.5s sase;
          animation: active 0.5s sase;
}
#timetable #timetable_0506 > img:first-child {
  padding-bottom: 5vw;
}
#timetable #timetable_0507 {
  display: none;
  opacity: 0;
  width: 100%;
  height: auto;
  padding-top: 11vw;
  padding-left: 0.8%;
  padding-right: 0.8%;
  padding: 5vw !important;
}
@media screen and (min-width: 390px) {
  #timetable #timetable_0507 {
    padding-top: 9vw;
  }
}
@media screen and (min-width: 744px) {
  #timetable #timetable_0507 {
    padding-top: 7vw;
  }
}
@media screen and (min-width: 960px) {
  #timetable #timetable_0507 {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  #timetable #timetable_0507 {
    padding-top: 3.5vw;
  }
}
#timetable #timetable_0507.active {
  display: block;
  opacity: 1;
  border: 2px solid #e6cbe2;
  border-radius: 10px;
  -webkit-box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
          box-shadow: 3px 0px 3px #ffffff, -3px 0 3px #ffffff, 0px -3px 3px #ffffff, 0px 3px 3px #ffffff;
  -webkit-animation: active 0.5s sase;
          animation: active 0.5s sase;
}
#timetable #timetable_0507 > img:first-child {
  padding-bottom: 5vw;
}

#areamap {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
}
@media screen and (min-width: 744px) {
  #areamap {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #areamap {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #areamap {
    width: 50vw;
  }
}
#areamap .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #areamap .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #areamap .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #areamap .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#areamap .title img {
  height: 100%;
  width: auto;
}
#areamap h2 {
  text-align: center;
  margin-top: 13vw;
  margin-bottom: 2vw;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 390px) {
  #areamap h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 744px) {
  #areamap h2 {
    font-size: 23px;
  }
}
@media screen and (min-width: 960px) {
  #areamap h2 {
    font-size: 26px;
    margin-top: 70px;
    margin-bottom: 10px;
  }
}
#areamap h3 {
  text-align: center;
  margin-bottom: 5vw;
  font-weight: bold;
  font-size: 13px;
}
@media screen and (min-width: 390px) {
  #areamap h3 {
    font-size: 15px;
  }
}
@media screen and (min-width: 744px) {
  #areamap h3 {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
#areamap ul {
  padding-left: 5vw;
  font-size: 12px;
}
@media screen and (min-width: 744px) {
  #areamap ul {
    padding-left: 0vw;
    font-size: 13px;
  }
}
@media screen and (min-width: 960px) {
  #areamap ul {
    font-size: 14px;
  }
}
#areamap li {
  padding-top: 0.25vw;
  font-size: 12px;
}
@media screen and (min-width: 390px) {
  #areamap li {
    font-size: 13px;
  }
}
@media screen and (min-width: 744px) {
  #areamap li {
    font-size: 14px;
  }
}
#areamap .tokuten {
  padding-top: 2vw;
}
#areamap .tokuten li {
  list-style-type: "■";
  margin-bottom: 0.5rem;
}
#areamap .tokuten li a {
  color: #e6cbe2;
  font-size: 12px;
}
@media screen and (min-width: 390px) {
  #areamap .tokuten li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 744px) {
  #areamap .tokuten li a {
    font-size: 14px;
  }
}
#areamap .attention1 {
  margin-bottom: 2vw;
  list-style-type: "■";
}
@media screen and (min-width: 960px) {
  #areamap .attention1 {
    margin-bottom: 18px;
  }
}
#areamap .attention2 {
  margin-bottom: 2vw;
  list-style-type: "※";
}
@media screen and (min-width: 960px) {
  #areamap .attention2 {
    margin-bottom: 18px;
  }
}
#areamap .attention3 {
  margin-bottom: 2vw;
}
@media screen and (min-width: 960px) {
  #areamap .attention3 {
    margin-bottom: 18px;
  }
}
#areamap .attention3 li {
  padding-left: 1rem;
}
#areamap .attention4 {
  list-style-type: "※";
}

.wrap_2 {
  overflow: hidden;
}
.wrap_2 #loop_wrap_2 {
  width: 4050vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4350vw !important;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  .wrap_2 #loop_wrap_2 {
    width: 2550vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap_2 #loop_wrap_2 {
    width: 1950vw;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_2 #loop_wrap_2 {
    width: 1560vw;
  }
}
.wrap_2 #loop_wrap_2 img {
  width: 33.333333%;
  height: auto;
}
@media screen and (min-width: 744px) {
  .wrap_2 #loop_wrap_2 {
    width: 2700vw !important;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap_2 #loop_wrap_2 {
    width: 2100vw !important;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_2 #loop_wrap_2 {
    width: 1650vw !important;
  }
}

.wrap_3 {
  overflow: hidden;
}
.wrap_3 #loop_wrap_3 {
  width: 4050vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2550vw !important;
}
@media screen and (min-width: 744px) {
  .wrap_3 #loop_wrap_3 {
    width: 2550vw;
  }
}
@media screen and (min-width: 960px) {
  .wrap_3 #loop_wrap_3 {
    width: 1950vw;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_3 #loop_wrap_3 {
    width: 1560vw;
  }
}
.wrap_3 #loop_wrap_3 img {
  width: 33.333333%;
  height: auto;
}
@media screen and (min-width: 744px) {
  .wrap_3 #loop_wrap_3 {
    width: 1575vw !important;
  }
}
@media screen and (min-width: 960px) {
  .wrap_3 #loop_wrap_3 {
    width: 1230vw !important;
  }
}
@media screen and (min-width: 1920px) {
  .wrap_3 #loop_wrap_3 {
    width: 966vw !important;
  }
}

#tickets {
  width: 90vw;
  border-radius: 50px;
  padding: 10vw 5vw 15vw;
  margin: 15vw auto;
  background-color: #182448;
}
@media screen and (min-width: 744px) {
  #tickets {
    width: 80vw;
    border-radius: 70px;
    padding: 10vw 10vw 15vw;
  }
}
@media screen and (min-width: 960px) {
  #tickets {
    width: 70vw;
    padding: 5vw 13vw 8vw;
    margin: 8vw auto;
  }
}
@media screen and (min-width: 2000px) {
  #tickets {
    width: 50vw;
  }
}
#tickets .title {
  width: auto;
  height: 15vw;
  max-height: 85px;
  text-align: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 744px) {
  #tickets .title {
    height: 10vw;
  }
}
@media screen and (min-width: 960px) {
  #tickets .title {
    height: 7vw;
    margin-bottom: 3.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #tickets .title {
    height: 4.5vw;
    margin-bottom: 2vw;
  }
}
#tickets .title img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 1920px) {
  #tickets {
    padding: 5vw 13vw 8vw !important;
  }
}
#tickets .grid {
  margin-bottom: 10vw;
}
@media screen and (min-width: 960px) {
  #tickets .grid {
    display: grid;
    grid-template-areas: "desc rakuten";
    margin-bottom: 50px;
  }
}
#tickets .rakuten {
  grid-area: rakuten;
  display: grid;
  place-items: center;
  margin-bottom: 5vw;
}
@media screen and (min-width: 960px) {
  #tickets .rakuten {
    margin-bottom: 0;
    margin-right: max(-3vw, -30px);
    -ms-flex-item-align: center;
        align-self: center;
  }
}
#tickets .rakuten img {
  width: min(50vw, 250px);
  background-color: #ffffff;
}
#tickets .desc {
  grid-area: desc;
  line-height: 1.5;
}
#tickets .desc * {
  font-size: 18px;
}
@media screen and (min-width: 390px) {
  #tickets .desc * {
    font-size: 20px;
  }
}
@media screen and (min-width: 744px) {
  #tickets .desc * {
    font-size: 22px;
  }
}
#tickets .desc .senkou {
  margin-bottom: 15px;
}
#tickets .desc .line {
  -webkit-text-decoration: line-through solid rgb(247, 247, 97);
          text-decoration: line-through solid rgb(247, 247, 97);
}
#tickets .desc .soldOut {
  color: rgb(247, 247, 97);
}
#tickets .detail {
  font-size: 13px;
  padding-left: 5vw;
  list-style-type: "※";
}
@media screen and (min-width: 390px) {
  #tickets .detail {
    font-size: 15px;
  }
}
@media screen and (min-width: 744px) {
  #tickets .detail {
    font-size: 17px;
    padding-left: 0vw;
  }
}
#tickets .detail li {
  padding-top: 0.25vw;
  font-size: 12px;
}
@media screen and (min-width: 390px) {
  #tickets .detail li {
    font-size: 13px;
  }
}
@media screen and (min-width: 744px) {
  #tickets .detail li {
    font-size: 14px;
  }
}
#tickets .detail .li1 {
  padding-top: 1.5vw;
}
@media screen and (min-width: 744px) {
  #tickets .detail .li1 {
    padding-top: min(0.75vw, 10px);
  }
}

#twitter {
  margin-top: 8vw;
  margin-right: auto;
  margin-left: auto;
  width: 75vw;
}
@media screen and (min-width: 744px) {
  #twitter {
    width: 60vw;
  }
}
@media screen and (min-width: 960px) {
  #twitter {
    width: 45vw;
  }
}
#twitter .twitter-timeline {
  width: 100% !important;
}/*# sourceMappingURL=style.css.map */