@charset "UTF-8";
@import url("https://use.typekit.net/rdk6wat.css");
body {
  font-size: 16px;
  font-family: "monopin-j", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.4em;
  color: #3A2F41;
  -webkit-text-size-adjust: 100%; }

p {
  font-size: 16px;
  font-family: "monopin-j", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.4em;
  margin-bottom: 1em; }

.ticket-caution {
  font-size: 0.9em; }

@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
    font-family: "monopin-j", sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    line-height: 1.4em; }

  p {
    font-size: 14px;
    font-family: "monopin-j", sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    line-height: 1.4em; } }
body {
  width: 100%;
  overflow-x: hidden; }
  body img {
    width: 100%;
    height: auto;
    display: block; }

main {
  position: relative;
  z-index: 1;
  overflow-x: hidden; }

@keyframes fadein-top {
  0% {
    opacity: 0;
    transform: translateY(-50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
#pop-up {
  opacity: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 10;
  background-color: #80808088;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  user-select: none;
  pointer-events: none; }
  #pop-up #pop-content {
    overflow-y: scroll;
    animation: fadein-top 1s ease-out forwards;
    background-color: #fff;
    width: 80%;
    max-width: 670px;
    margin: 1em auto;
    padding: 2em;
    position: relative; }
    #pop-up #pop-content .pop-title {
      font-size: 1.0em;
      font-weight: bold;
      background-color: #80808088;
      text-align: center;
      margin: 2em auto;
      margin-top: 0; }
    #pop-up #pop-content ul {
      font-size: .9em;
      line-height: 1.6em;
      padding-left: 1em; }
    #pop-up #pop-content p {
      font-size: .9em;
      padding-left: 1em; }
    #pop-up #pop-content .access {
      margin-top: 2em;
      text-align: right; }
      #pop-up #pop-content .access p {
        margin: 0;
        padding: 0; }
    #pop-up #pop-content .colum {
      font-weight: bold;
      margin-top: 2em;
      padding: 0; }
    @media (max-width: 1200px) and (orientation: landscape) {
      #pop-up #pop-content {
        margin: 1em auto;
        width: 70%; } }
    @media (max-width: 1300px) and (max-height: 850px) {
      #pop-up #pop-content {
        margin: 1em auto; } }
    @media (max-width: 700px) {
      #pop-up #pop-content {
        width: 70%;
        max-width: 300px; } }
  #pop-up #close-pop {
    width: 3em;
    height: 3em;
    background-color: #808080;
    animation: fadein-top 1s ease-out forwards;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
    #pop-up #close-pop:hover {
      cursor: pointer; }
    #pop-up #close-pop::before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: white;
      position: absolute;
      transform: translateX(-50%);
      transform: translatey(-50%);
      left: 0;
      top: 1.5em;
      transform: rotate(45deg); }
    #pop-up #close-pop::after {
      content: "";
      width: 100%;
      height: 1px;
      background-color: white;
      position: absolute;
      transform: translateX(-50%);
      transform: translatey(-50%);
      left: 0;
      top: 1.5em;
      transform: rotate(-45deg); }

#pop-up.viewing {
  user-select: auto;
  pointer-events: all;
  opacity: 1; }

section {
  display: block;
  position: relative;
  z-index: 1; }

.section-header {
  width: 80%;
  max-width: 680px;
  margin: 0 auto 2em; }

.inner-wrap {
  padding: 0 1em;
  width: calc(100% - 2em);
  max-width: 1000px;
  margin: 0 auto; }

header .visual-wrap {
  display: flex;
  margin-bottom: 5em; }
  header .visual-wrap .visual {
    width: 50%;
    position: relative; }
    header .visual-wrap .visual:before {
      content: "";
      display: block;
      width: 80%;
      height: 100%;
      background-color: #fcee21; }
    header .visual-wrap .visual:after {
      content: "";
      display: block;
      width: 100%;
      height: 80%;
      background-image: url(../images/visual.jpg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
  header .visual-wrap .header-info {
    padding: 2em 0;
    width: 50%; }
    header .visual-wrap .header-info .title {
      width: 90%;
      max-width: 600px;
      margin: auto;
      margin-bottom: 2em; }
    header .visual-wrap .header-info .header-bt-wrap {
      width: 80%;
      max-width: 400px;
      display: flex;
      margin: auto; }
header .date {
  padding: 100px 0;
  background-color: #faf8ff;
  border-bottom: #fcee21 5px;
  background-image: url(../images/bg-pt.jpg); }
  header .date .inner-wrap {
    max-width: 700px; }

#ticket {
  padding: 5em 0;
  background-color: #faf8ff;
  background-image: url(../images/bg-pt.jpg); }
  #ticket .ticket-readme {
    text-align: center; }
  #ticket .price {
    max-width: 800px;
    margin: 2em auto;
    background-color: #fff;
    padding: 2em; }
    #ticket .price h3 {
      font-size: 1.3em;
      font-weight: 600;
      text-align: center;
      color: #e3334b;
      margin-bottom: 0.5em; }
    #ticket .price .price-inner {
      max-width: 420px;
      margin: auto; }
      #ticket .price .price-inner a {
        display: block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        #ticket .price .price-inner a:hover {
          background-color: #fcee21; }
    #ticket .price .sfp-info {
      border: 1px solid #3A2F41;
      text-align: center;
      margin: 2em auto 1em;
      padding: 1em;
      background-color: #faf8ff; }
      #ticket .price .sfp-info a {
        background-color: #3A2F41;
        color: #fff;
        text-align: center;
        padding: 0.3em 1em;
        margin: 0.5em auto 0; }
    #ticket .price .end-wrap {
      user-select: none;
      pointer-events: none;
      filter: grayscale(1);
      opacity: 0.5; }
  #ticket .ticket-wrap {
    margin-top: 100px; }
    #ticket .ticket-wrap ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #ticket .ticket-wrap ul li {
        width: 31%; }
        #ticket .ticket-wrap ul li a {
          width: calc(100% - 1em);
          padding: 0.5em;
          color: #000;
          text-align: center;
          display: block;
          position: relative; }
  #ticket .ticket-caution {
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-top: 80px; }
    #ticket .ticket-caution ul li {
      position: relative;
      padding-left: 12px;
      color: #333;
      text-decoration: none;
      margin-bottom: 0.5em; }
      #ticket .ticket-caution ul li::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 8px;
        border-color: transparent transparent transparent #333;
        position: absolute;
        top: 0.3em;
        left: 0; }

#artist {
  padding: 5em 0;
  background-color: #fff; }
  #artist .inner-wrap {
    max-width: 1200px; }
  #artist .artist-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #ffff;
    padding: 2em; }
    #artist .artist-wrap .artist-sin {
      width: calc(100% / 4 - 1em);
      text-align: center;
      display: block;
      position: relative;
      margin: 4px; }
      #artist .artist-wrap .artist-sin img {
        margin-bottom: 0.5em; }
      #artist .artist-wrap .artist-sin a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      #artist .artist-wrap .artist-sin.new:after {
        content: "NEW";
        display: block;
        position: absolute;
        font-weight: 900;
        font-style: oblique;
        top: -1em;
        left: -4px;
        height: 0;
        width: 0;
        line-height: 0;
        text-align: center;
        background-color: #e96ec2;
        padding: 1em;
        border-radius: 4em;
        transform: rotate(-4deg);
        text-shadow: 1px 1px 0 #fff, 2px 2px 0 #fff; }

#access {
  padding: 5em 0;
  background-color: #fff; }
  #access .map {
    width: 100%; }
  #access .access-bt {
    display: block;
    width: fit-content;
    padding: 0.5em 1em;
    background-color: #3A2F41;
    color: #fff;
    margin: auto;
    margin-top: 1em; }

footer {
  background-color: #faf8ff;
  background-image: url(../images/bg-pt.jpg); }
  footer .footer-wrap {
    padding: 2em 1em;
    max-width: 1200px;
    margin: auto; }
    footer .footer-wrap .footer-logo {
      margin: auto; }
      footer .footer-wrap .footer-logo img {
        width: 200px;
        margin: auto;
        margin-bottom: 1.5em; }
    footer .footer-wrap p {
      text-align: center;
      font-size: 14px;
      margin-bottom: 0; }
  footer .josei {
    background-color: #e6e6e6; }
    footer .josei .josei-inner {
      width: calc(100% - 2em);
      max-width: 1200px;
      margin: auto;
      padding: 1em;
      display: flex;
      align-items: center; }
      footer .josei .josei-inner .img {
        width: 260px; }
      footer .josei .josei-inner .text {
        width: calc(100% - 2em - 260px);
        margin-left: 2em;
        font-size: 14px; }
        footer .josei .josei-inner .text span {
          display: inline-block;
          font-size: 10px;
          line-height: 1.4em;
          margin-top: 0.5em; }

/* メディアクエリ */
@media screen and (max-width: 600px) {
  header .visual-wrap {
    margin-bottom: 0;
    display: block;
    position: relative;
    padding: 10% 0; }
    header .visual-wrap .visual {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      header .visual-wrap .visual:before {
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        height: 85%;
        width: 85%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 1;
        backdrop-filter: blur(3px); }
      header .visual-wrap .visual:after {
        height: 100%;
        background-size: cover;
        background-position: center; }
    header .visual-wrap .header-info {
      width: 80%;
      position: relative;
      margin: auto;
      z-index: 1; }
  header .date {
    padding: 3em; }

  #ticket {
    padding: 3em 0; }
    #ticket .price {
      max-width: 80%; }
    #ticket .ticket-wrap {
      margin-top: 1em; }
      #ticket .ticket-wrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #ticket .ticket-wrap ul li {
          width: 50%; }
          #ticket .ticket-wrap ul li a {
            width: calc(100% - 8px);
            padding: 4px;
            color: #000;
            text-align: center;
            display: block;
            position: relative; }
    #ticket .ticket-caution {
      margin-top: 1em; }

  #artist {
    padding-bottom: 1em; }
    #artist .artist-wrap {
      margin-top: 3em;
      padding: 1em; }
      #artist .artist-wrap .artist-sin {
        width: calc(100% - 0.5em); }

  footer .josei .josei-inner {
    flex-direction: column; }
    footer .josei .josei-inner .img {
      width: 100%;
      max-width: 250px; }
    footer .josei .josei-inner .text {
      width: 100%;
      margin: auto; } }
.cookie.is-hide {
  display: none; }

.cookie-consent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  padding: 1.2em;
  box-sizing: border-box;
  z-index: 100; }

.cookie-consent a {
  color: #fff !important;
  text-decoration: underline; }

.cookie-agree {
  color: #fff;
  background: dodgerblue;
  padding: .5em 1.5em; }

.cookie-agree:hover {
  cursor: pointer; }

/* パッと消える */
.cc-hide1 {
  display: none; }

/* ゆっくり消える */
.cc-hide2 {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards; }

@keyframes hide {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    visibility: hidden; } }
/* メディアクエリ */
@media screen and (max-width: 600px) {
  .cookie-consent {
    flex-direction: column; }

  .cookie-text {
    margin-bottom: 1em; } }

/*# sourceMappingURL=style.css.map */