@charset "UTF-8";
/* sp */
@media only screen and (max-width: 760px) {
  body {
    width: 100%;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
    -webkit-text-size-adjust: none;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  /* フォーム周りリセット */
  .sp-search input, .sp-search button, .sp-search textarea, .sp-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .sp-search input, .sp-search button, .sp-search textarea, .sp-search select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  /* /フォーム周りリセット */
  .sp-search input.textBox {
    width: 83%;
    height: 40px;
    padding: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  /* ---------------------------------------------------------------
                          mixin
  ----------------------------------------------------------------*/
  /* --------------------------------------------------------------

                          モーダル

  ----------------------------------------------------------------*/
  .no-scroll {
    overflow: hidden;
  }
  .modal {
    padding: 15px;
    width: auto;
  }
  .modal .modal-content {
    padding: 30px;
    width: auto;
    margin: 0 auto;
  }
  /*----------------------------------------------------------------
  ----------------------------------------------------------------*
                                ヘッダー
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  /* ヘッダー
  -----------------------------------------------*/
  /*  ハンバーガーメニュー
  ---------------------------------------------- */
  .menu-content ul {
    margin-top: 15px;
    width: auto;
  }
  #menu-btn-check:checked ~ .menu-content {
    left: 0; /*メニューを画面内へ*/
  }
  /*----------------------------------------------------------------
  ----------------------------------------------------------------*
                                メインビジュアル
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  /*キャラクタースライダー
  ----------------------------------------------------------------*/
  .top-slider .top-slider__slide {
    width: 200%;
  }
  .top-slider {
    margin: 0 calc(50% - 50vw);
    width: auto;
    display: flex;
    height: 205px;
  }
  /* -
    /*----------------------------------------------------------------
    ----------------------------------------------------------------*
                                  コンテンツ
    ----------------------------------------------------------------*
    ----------------------------------------------------------------*/
  .section__wrap {
    width: auto;
    margin: 0 10px;
  }
  .section__wrap .section__title {
    width: auto;
  }
  .section__wrap .section__title h2 {
    font-size: 40px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          イントロ
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .intro {
    padding-top: 30px;
  }
  .intro p {
    font-size: 16px;
  }
  .intro p strong {
    font-size: 1.3em;
  }
  .intro a {
    font-size: 18px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          スケジュール
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .schedule {
    padding-top: 30px;
  }
  .schedule ul {
    display: block;
    padding-bottom: 15px;
  }
  .schedule ul li {
    width: auto;
    margin-bottom: 15px;
    padding: 15px;
  }
  .schedule ul li .day {
    width: 110px;
    margin-bottom: 15px;
  }
  .schedule ul li .day p {
    font-size: 24px;
  }
  .schedule ul li .day p span {
    font-size: 14px;
    font-weight: bold;
  }
  .schedule ul li h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .schedule ul li h3 span {
    margin-top: 10px;
    font-size: 14px;
  }
  .schedule ul li .time {
    margin-bottom: 15px;
  }
  .schedule ul li .time p {
    font-size: 14px;
  }
  .schedule ul li .act {
    margin-bottom: 10px;
  }
  .schedule ul li .act p {
    font-size: 14px;
    font-weight: bold;
  }
  .schedule ul li .special_guest h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .schedule ul li .special_guest h4 span {
    font-weight: bold;
  }
  .schedule ul li .special_guest p {
    font-size: 14px;
  }
  .schedule ul li .special_guest p span {
    background-size: 37px auto;
    padding-right: 37px;
  }
  .schedule ul li .contact p {
    font-size: 12px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          チケット
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .ticket {
    padding-top: 30px;
  }
  .ticket .ticket__content {
    padding: 15px;
    width: auto;
  }
  .ticket .ticket__content p {
    font-size: 14px;
    margin-top: 10px;
  }
  .ticket .ticket__content dl {
    display: block;
    padding: 15px 0;
  }
  .ticket .ticket__content dl:last-child {
    padding-top: 15px;
  }
  .ticket .ticket__content dl dt {
    font-size: 18px;
    width: auto;
    background-color: #003366;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
  }
  .ticket .ticket__content dl dd {
    font-size: 18px;
    width: auto;
  }
  .ticket .ticket__content dl dd dl {
    display: block;
    padding: 10px 0;
  }
  .ticket .ticket__content dl dd dl:last-child {
    padding-top: 10px;
  }
  .ticket .ticket__content dl dd dl dt {
    font-size: 14px;
    width: auto;
    background-color: #fff;
    color: #231f20;
    margin-bottom: 0;
  }
  .ticket .ticket__content dl dd dl dd.band_icon {
    background-image: url("../img/amenityexl_ogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 50px auto;
    text-indent: 50px;
    background-position: 0px 0px;
  }
  .ticket .ticket__content dl dd dl dd {
    font-size: 14px;
    width: auto;
  }
  .ticket .ticket__content--caution ul {
    padding-left: 10px;
    padding-right: 0;
  }
  .ticket .ticket__content--caution ul li {
    font-size: 16px;
    text-indent: -11px;
  }
  .ticket .ticket__box {
    margin-top: 15px;
  }
  .ticket .ticket__box ul {
    display: block;
    padding-bottom: 15px;
  }
  .ticket .ticket__box ul li {
    width: auto;
    margin-bottom: 15px;
    padding: 15px;
  }
  .ticket .ticket__box ul li .ticket__box--btn {
    margin-top: 30px;
  }
  .ticket .ticket__box ul li .ticket__box--btn a {
    font-size: 20px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          コメント
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .comment_wrap {
    padding-top: 30px;
  }
  .comment_wrap .comment__content {
    width: auto;
    padding: 15px;
  }
  .comment_wrap .comment__content p {
    padding: 10px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          グッズ
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .goods {
    padding-top: 30px;
  }
  .goods .goods__content {
    margin-top: 15px;
  }
  .goods .goods__content ul {
    display: flex;
  }
  .goods .goods__content ul li {
    width: 48%;
    margin-top: 30px;
  }
  .goods .goods__content ul li .goods__content--name {
    margin-top: 10px;
    padding-left: 10px;
  }
  .goods .goods__content ul li .goods__content--name p {
    font-size: 12px;
  }
  .goods .goods__content ul li .goods__content--price {
    margin-top: 10px;
    padding-right: 10px;
  }
  .goods .goods__content ul li .goods__content--price p {
    font-size: 12px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          フッター
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .footer {
    padding: 5s0px 0;
  }
  .footer p {
    font-size: 10px;
    color: #231f20;
    text-align: center;
  }
}/*# sourceMappingURL=sp.css.map */