@charset "UTF-8";
/* sp */
@media only screen and (max-width: 1100px) {
  /* フォーム周りリセット */
  .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
  ----------------------------------------------------------------*/
  /*----------------------------------------------------------------
  ----------------------------------------------------------------*
                                ヘッダー
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .menu-btn {
    position: fixed;
  }
  .menu-content ul {
    width: auto;
  }
  header .header__inner {
    width: auto;
  }
  header .header__inner .header_logo {
    z-index: 1;
    margin-top: 10px;
  }
  .sp {
    display: block;
  }
  .sp .header_logo__wrap {
    width: 125px;
  }
  .sp .header_logo__wrap img {
    width: 100%;
    height: auto;
  }
  .sp .header_logo__wrap .header_logo {
    display: block;
    margin-top: 15px;
    margin-left: 15px;
  }
  .show .sp {
    display: block;
  }
  .show .sp .header_logo__wrap {
    width: 125px;
    margin-left: 0;
  }
  .show .sp .header_logo__wrap img {
    width: 100%;
    height: auto;
  }
  .show .sp .header_logo__wrap .header_logo {
    display: block;
    margin-top: 15px;
    margin-left: 15px;
  }
  #menu-btn-check:checked ~ .menu-content {
    left: 0%; /*メニューを画面内へ*/
  }
  .scroll__top {
    bottom: 100px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          メインビジュアル
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .mainvisual {
    width: 100%;
    height: auto;
    padding-top: 40px;
  }
  .mainvisual .mainvisual__inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
  }
  .mainvisual .mainvisual__inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mainvisual .mainvisual__inner ul li {
    width: 50%;
    overflow: hidden;
  }
  .mainvisual .mainvisual__inner ul li .image_link:after {
    display: none;
  }
  .mainvisual .mainvisual__inner ul li a p strong {
    font-size: 1em;
    margin: 0;
  }
  .mainvisual .mainvisual__inner .mainvisual__title {
    width: auto;
    margin: 0 10px;
    margin-top: 15px;
  }
  /*----------------------------------------------------------------
  ----------------------------------------------------------------*
                                コンテンツ
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .section__wrap {
    width: auto;
    margin: 0 10px;
  }
  .section__title h2 {
    font-size: 2em;
  }
  /* --------------------------------------------------------------
    ----------------------------------------------------------------*
                            ニュース
    ----------------------------------------------------------------*
    ----------------------------------------------------------------*/
  .news__wrap {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: auto, 20%;
  }
  .news__wrap .news .news__feed {
    background-color: #fff;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 15px;
  }
  .news__wrap .news .news__feed h3 {
    padding-top: 15px;
  }
  .news__wrap .news .news__feed ul {
    padding: 15px;
    height: 200px;
  }
  .news__wrap .news .news__feed ul li {
    width: auto;
    padding: 15px 0 15px 0;
    display: block;
    align-items: center;
  }
  .news__wrap .news .news__feed ul li a dl {
    display: block;
  }
  .news__wrap .news .news__feed ul li a dl dt {
    width: auto;
    margin-right: 0;
  }
  .news__wrap .news .news__feed ul li a dl dd {
    width: auto;
    margin-top: 10px;
  }
  .news__wrap .news .news__feed ul li a dl:hover dt {
    background-color: #ea586a;
  }
  .news__wrap .news .news__feed ul li a dl:hover dd {
    color: #ea586a;
  }
  .news__wrap .news h4 {
    padding: 10px;
  }
  .news__wrap .news .modal1__img {
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
  }
  .news__wrap .news .modal1__title {
    margin-top: 15px;
  }
  .news__wrap .news .modal1__title p {
    padding: 10px;
  }
  .news__wrap .news .modal1__text {
    margin-top: 15px;
  }
  .news__wrap .news .modal1__button {
    width: auto;
    margin-top: 15px;
  }
  .news__wrap .news .modal1__button a {
    padding: 15px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #ea586a;
    display: block;
    position: relative;
  }
  .news__wrap .news .modal1__button a:hover {
    background-color: #fff;
    color: #007184;
  }
  .news__wrap .news .modal1__button a:hover::before {
    background-color: #007184;
  }
  .news__wrap .news .modal1__button a:hover::after {
    background-color: #007184;
  }
  .news__wrap .news .modal1__button a::before {
    display: none;
  }
  .news__wrap .news .modal1__button a::after {
    display: none;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          YouTube
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .youtube__wrap {
    background-size: 20%, auto;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .youtube__wrap .youtube {
    padding: 30px 10px;
    width: auto;
    aspect-ratio: 16/9;
    height: auto;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          チケット
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .ticket__wrap {
    padding-top: 30px;
    background-size: 20%, auto;
  }
  .ticket__wrap .ticket {
    padding-bottom: 30px;
  }
  .ticket__wrap .ticket table td .overview__text--bald {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .ticket__wrap .ticket .overview__ticket--caption {
    width: auto;
    border-radius: 15px;
    margin: 10px auto;
    margin-top: 15px;
    padding: 15px;
  }
  .ticket__wrap .ticket .overview__ticket--caption table {
    border-collapse: collapse;
    width: 100%;
  }
  .ticket__wrap .ticket .overview__ticket--caption table tr:first-child {
    border-top: none;
  }
  .ticket__wrap .ticket .overview__ticket--caption table tr:first-child th,
  .ticket__wrap .ticket .overview__ticket--caption table tr:first-child td {
    padding-top: 10px;
  }
  .ticket__wrap .ticket .overview__ticket--caption table tr:last-child th,
  .ticket__wrap .ticket .overview__ticket--caption table tr:last-child td {
    padding-bottom: 10px;
  }
  .ticket__wrap .ticket .overview__ticket--caption table tr th {
    display: block;
    margin-top: 0;
    padding: 15px;
    display: block;
    width: 100%;
  }
  .ticket__wrap .ticket .overview__ticket--caption table tr td {
    padding: 15px;
    margin-top: 0;
    display: block;
    width: 100%;
  }
  .ticket__wrap .ticket .overview__ticket .overview__ticket--inner {
    display: block;
  }
  .ticket__wrap .ticket .overview__ticket .overview__ticket--text {
    width: auto;
    margin: 0 auto;
    margin-top: 15px;
  }
  .ticket__wrap .ticket .overview__ticket .overview__ticket--text p {
    margin-top: 15px;
    width: auto;
  }
  .ticket__wrap .ticket .overview__ticket .button-4_wrap p {
    font-size: 1em;
  }
  .ticket__wrap .ticket .overview__ticket .button-4 {
    position: absolute;
    top: 100px;
    left: calc(50% - 132px);
    margin-bottom: 30px;
  }
  .ticket__wrap .ticket .overview__ticket .button-4 a {
    width: 200px;
    font-size: 16px;
  }
  .access__wrap {
    width: 100%;
    height: 250px;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          フッター
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .footer .ponsorship__wrap {
    background-color: #fff;
    padding: 30px;
  }
  .footer .ponsorship__wrap .section__wrap {
    margin: 0 auto;
    padding: 10px;
  }
  .footer .ponsorship__wrap .section__wrap .footer__title {
    width: auto;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .footer .ponsorship__wrap .section__wrap .footer__title img {
    width: 100%;
    height: auto;
  }
  .footer .ponsorship__wrap .section__wrap table {
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
  }
  .footer .ponsorship__wrap .section__wrap table tr th {
    width: 10%;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          詳細ページ
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .breadcrumb {
    margin-top: 70px;
  }
  .breadcrumb ul {
    width: auto;
  }
  .breadcrumb ul li {
    margin-left: 10px;
  }
  .detail__title {
    background-size: 20%, 20%;
    background-position: top, bottom;
  }
  .detail__title h1 {
    font-size: 2em;
    padding: 60px 0 60px 0;
  }
  .move_detail {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .move_detail .section__title {
    width: 300px;
    background-size: 25%, 25%;
  }
  .move_detail .section__title h2 {
    font-size: 1.5em;
  }
  .move_detail .move__detail--inner {
    margin-top: 30px;
    display: block;
  }
  .move_detail .move__detail--inner .move__detail--img {
    width: auto;
  }
  .move_detail .move__detail--inner .move__detail--img img {
    width: 100%;
    height: auto;
  }
  .move_detail .move__detail--inner .move__detail--text {
    width: auto;
  }
  .move_detail .move__detail--inner .move__detail--text table {
    width: 100%;
  }
  .move_detail .move__detail--inner .move__detail--text table tr {
    border-bottom: none;
  }
  .move_detail .move__detail--inner .move__detail--text table tr:first-child {
    border-top: none;
  }
  .move_detail .move__detail--inner .move__detail--text table tr th {
    width: auto;
    display: block;
    background-color: #007184;
    color: #fff;
    padding: 10px;
    text-align: center;
  }
  .move_detail .move__detail--inner .move__detail--text table tr td {
    display: block;
    font-size: 1em;
    margin-left: 10px;
  }
  .move_detail .move__detail--inner .move__detail--text table tr td:first-child {
    width: 60%;
    font-weight: bold;
  }
  .move_detail .move__detail--inner .move__detail--text table tr td:last-child {
    width: 70%;
  }
  .move_detail .move__detail--story {
    margin-top: 30px;
  }
  .move_detail .move__detail--story h4 {
    font-size: 1em;
  }
  .move_detail .move__detail--story p {
    padding: 30px;
    margin-top: 15px;
  }
  .move_detail .youtube {
    height: 300px;
    margin-top: 30px;
  }
  .move_detail .move__detail--info {
    overflow: hidden;
    width: auto;
  }
  .move_detail .move__detail--info table {
    width: auto;
  }
  .move_detail .move__detail--info table tr {
    border-top: none;
  }
  .move_detail .move__detail--info table tr th {
    display: block;
    background-color: #007184;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
  }
  .move_detail .move__detail--info table tr td {
    display: block;
    font-size: 1em;
    color: #007184;
    margin-left: 10px;
  }
  .move_detail .move__detail--info table tr td:first-child {
    width: auto;
    font-weight: bold;
  }
  .move_detail .move__detail--info table tr td:last-child {
    width: auto;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          about
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .about__wrap table {
    width: 100%;
    margin-top: 30px;
  }
  .about__wrap table tr {
    border-bottom: none;
  }
  .about__wrap table tr:first-child {
    border-top: none;
  }
  .about__wrap table tr th {
    display: block;
    width: auto;
    background-color: #007184;
    color: #fff;
    padding: 10px;
    text-align: center;
  }
  .about__wrap table tr td {
    margin-left: 10px;
    display: block;
    width: auto;
  }
  .about__wrap table tr td:first-child {
    width: auto;
    font-weight: bold;
  }
  .about__wrap table tr td:last-child {
    width: auto;
  }
  /* --------------------------------------------------------------
  ----------------------------------------------------------------*
                          ニュース
  ----------------------------------------------------------------*
  ----------------------------------------------------------------*/
  .nwse__content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .nwse__content ul {
    width: auto;
    display: block;
    margin-top: 30px;
  }
  .nwse__content ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=sp.css.map */