@charset "UTF-8";
/* Scss Document */
/*=============================================================
 ヘッダー変更
=============================================================*/
#gheader_temp {
  background: none;
  transition: .5s; }
  @media print, screen and (min-width: 767.9px) {
    #gheader_temp {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 3; } }
  #gheader_temp a {
    color: #fff; }
  @media print, screen and (min-width: 767.9px) {
    #gheader_temp #gnavi {
      width: 1000px;
      margin: 10px auto; } }
  #gheader_temp #gnavi .flexBox {
    justify-content: flex-end; }
    @media print, screen and (min-width: 767.9px) {
      #gheader_temp #gnavi .flexBox .order1 li {
        margin-left: 1.5em; } }
    #gheader_temp #gnavi .flexBox .order1 li:last-child {
      margin-left: 0; }
      
@media screen and (max-width: 767.9px) {
    .temp-mypage a { /* テンプレート全番号共通 */
              border: 1px solid #fff;
              width:80%;
              margin: 30px auto 0 auto !important; }
    .temp-mypage  {/* テンプレート全番号共通 */
              border-bottom: 0px; }
}
  @media screen and (max-width: 767.9px) {
    #gheader_temp .drawer-nav {
      background-color: rgba(0, 0, 0, 0);
      padding-bottom: 50px; }
      .temp-totop {/* テンプレート全番号共通 */
        margin: 50px auto 0 auto !important; }
      .temp-menu-first {/* テンプレート全番号共通 */
        display:none; }
      #gheader_temp .drawer-nav nav ul.member li:last-child { 
        margin: 0 !important; }
  }
  @media screen and (min-width: 767.9px) {
      #gheader_temp #gnavi ul.member li:first-child {
        color: #fff;
        margin:0 0 0 50px; } 
      #gheader_temp #gnavi ul.member li:last-child {
        margin:0 0 0 4px; } 
      #gheader_temp #gnavi ul.member li a {
    padding: 1em 30px;
    border: 1px solid #ccc; 
    padding: 0.5em 1vw;
    font-size: 1vw; }
  }

.fixed #gheader_temp {
  transition: .5s;
  background-color: rgba(0, 0, 0, 0.8); }
  @media print, screen and (min-width: 767.9px) {
    .fixed #gheader_temp {
      height: auto; } }

.drawer-toggle.drawer-hamburger.temp {
  background: none !important; }

/*=============================================================
 フッター変更
=============================================================*/
#gFooter.temp {
  padding: 0; }
  @media print, screen and (min-width: 767.9px) {
    #gFooter.temp {
      padding: 0; } }

/*=============================================================
 wrap変更
=============================================================*/
#wrap.temp {
  margin-top: 0; }
  @media print, screen and (min-width: 767.9px) {
    #wrap.temp {
      margin-top: 0; } }

/*=============================================================
 共通
=============================================================*/
html {
  scroll-behavior: smooth; }

.temp section {
  position: relative; }
  .temp section .container {
    padding-top: 50px; }
    @media print, screen and (min-width: 767.9px) {
      .temp section .container {
        padding-top: 80px;
/*        padding-bottom: 80px; } }*/
        padding-bottom: 10px; } }
    .temp section .container .com-tit01 {
      text-align: center;
      margin-bottom: 20px; }
      @media print, screen and (min-width: 767.9px) {
        .temp section .container .com-tit01 {
          text-align: left; } }
          
.temp .btn_cap {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
    color: #fff;
    padding: 20px 0;
        font-weight: bold;
    font-size: 30px; }
@media screen and (max-width: 767.9px) {
.temp .btn_cap {
  /* display:none; */} }

.temp .btn_experience {
  position: relative;
  background-color: #000;
  width: 420px;
  max-width: 100%;
  margin: 0 auto; }
  .temp .btn_experience:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ed1e79;
    transition: .5s; }
  .temp .btn_experience:hover:after {
    width: 0%;
    transition: .5s; }
  .temp .btn_experience a {
    display: block;
    color: #fff;
    max-width: 100%;
    padding: 20px 0;
    font-size: 5vw;
    position: relative;
    z-index: 2; }
    @media print, screen and (min-width: 767.9px) {
      .temp .btn_experience a {
        font-size: 30px;
        width: 420px;
        line-height: 100px;
        display: inline-block;
        padding: 0; } }
    .temp .btn_experience a i {
      margin-left: 0.5em; }
    .temp .btn_experience a:hover {
      opacity: 1; }

.bottom-btn.temp {
  border: none; }

/*=============================================================
 セクション設定
=============================================================*/
.temp #kv_sec {
  position: relative; }
  .temp #kv_sec:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.2);
    mix-blend-mode: multiply; */ }
  .temp #kv_sec .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
flex-direction:column;
    z-index: 2; }
  .temp #kv_sec img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    @media print, screen and (min-width: 767.9px) {
      .temp #kv_sec img {
        height: 580px; } }
@media screen and (max-width: 767.9px) {
  .temp #sportsName_sec {
    /*padding-bottom: 50px;*/ } }
#sportsName_sec .boxLine {
  border: 1px solid #ccc;
  padding: 1em 0;
  font-size: 100%; }
/*
    @media print, screen and (min-width: 767.9px) {
      .temp #sportsName_sec .container {
        padding-bottom: 0px; } }
*/
@media screen and (max-width: 767.9px) {
  .temp #search_sec {
    padding-bottom: 30px;
    display: none; } }
.temp #search_sec .listStyle {
  margin-top: -5px;
  justify-content: flex-start;
  margin-left: -1.5%; }
  @media print, screen and (min-width: 768.9px) {
    .temp #search_sec .listStyle {
      margin-top: -18px;
      margin-left: -1%; } }
  .temp #search_sec .listStyle li {
    width: 48.5%;
    margin-top: 5px;
    box-sizing: border-box;
      border: 1px solid #ccc;
      min-height: 4em;
      line-height: 1.25;
      display: flex;
      align-items: center;
      justify-content: center;
    margin-left: 1.5%; }
    @media print, screen and (min-width: 768.9px) {
      .temp #search_sec .listStyle li {
        width: 19%;
        margin-top: 18px;
        margin-left: 1%; } }
/*
    .temp #search_sec .listStyle li a {
      display: block;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 4em;
      line-height: 1.25;
      font-size: 2.5vw;
      position: relative;
      background-color: rgba(0, 0, 0, 0.05);
      border: 1px solid #ccc; }
      @media print, screen and (min-width: 767.9px) {
        .temp #search_sec .listStyle li a {
          min-height: 70px;
          font-size: 100%; } }
      .temp #search_sec .listStyle li a:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        position: absolute;
        top: 0;
        right: 0;
        transition: all .3s;
        z-index: 1; }
      .temp #search_sec .listStyle li a span {
        position: relative;
        z-index: 2; }
      .temp #search_sec .listStyle li a:hover {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.05); }
*/
        @media print, screen and (min-width: 767.9px) {
          .temp #search_sec .listStyle li a:hover {
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
            transform: translateY(-3px);
            transition: .5s;
            font-weight: bold; } }
        .temp #search_sec .listStyle li a:hover:before {
          width: 0%; }
@media screen and (max-width: 767.9px) {
  .temp #facility_sec {
    background-color: #e6e6e5;
    padding-bottom: 30px; } }
.temp #facility_sec .flexBox {
  margin-top: 0px; }
  @media screen and (max-width: 767.9px) {
    .temp #facility_sec .flexBox {
      margin-top: -20px; } }
  .temp #facility_sec .flexBox figure { 
    width: 48%;
margin-bottom:50px;
display: table; }
  .temp #facility_sec .flexBox figure img { 
display: table-cell;
vertical-align:bottom;
      overflow: hidden;
      aspect-ratio: 4/3;
      object-fit: cover;
      width: 100%; 
      height:100%;
      top: 0;
      left: 0; }
    @media screen and (max-width: 767.9px) {
      .temp #facility_sec .flexBox figure { 
        margin-top: 20px; } }
    .temp #facility_sec .flexBox figure:nth-child(1) { 
      width: 100%;  }
    .temp #facility_sec .flexBox figure:nth-child(1) img { 
      overflow: hidden;
      aspect-ratio: 1941/841;
      object-fit: cover;
      width: 100%; 
      height:100%;
      top: 0;
      left: 0; }
    .temp #facility_sec .flexBox figure figcaption {
caption-side:bottom;
vertical-align:top;
      text-align: left;
      margin-top: 0.5em; }
@media screen and (max-width: 767.9px) {
  .temp #calendar_sec {
    padding-bottom: 50px; } }
.temp #point_sec {
  position: relative; }
  @media print, screen and (min-width: 767.9px) {
    .temp #point_sec {
      margin-bottom: 80px; } }
  .temp #point_sec .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2; }
    .temp #point_sec .inner .container {
      text-align: left;
      color: #fff;
      width: 1080px;
      max-width: 100%;
      margin-top: -2em; }
      .temp #point_sec .inner .container dl dt {
        font-weight: bold;
        margin-top: 2em; }
        @media screen and (max-width: 767.9px) {
          .temp #point_sec .inner .container dl dt {
            text-align: center; } }
        .temp #point_sec .inner .container dl dt:before {
          content: "";
          display: inline-block; }
      .temp #point_sec .inner .container dl:nth-of-type(1) dt:before {
        content: "1."; }
      .temp #point_sec .inner .container dl:nth-of-type(2) dt:before {
        content: "2."; }
      .temp #point_sec .inner .container dl:nth-of-type(3) dt:before {
        content: "3."; }
      .temp #point_sec .inner .container dl:nth-of-type(4) dt:before {
        content: "4."; }
      .temp #point_sec .inner .container dl:nth-of-type(5) dt:before {
        content: "5."; }
  .temp #point_sec .pic {
    position: relative; }
    .temp #point_sec .pic img {
      max-height: 500px; }
    .temp #point_sec .pic:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1;
      mix-blend-mode: multiply; }
    .temp #point_sec .pic:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(237, 30, 121, 0.3);
      z-index: 1;
      mix-blend-mode: multiply; }
.temp #faq_sec .com_toggle {
  margin-top: -0.5em; }
  .temp #faq_sec .com_toggle .js-toggle-tit {
    border: none;
    background-color: #29abe2;
    color: #fff;
    padding: 1em;
    margin-top: 0.5em; 
    background-size: 0px; 
    }
    .temp #faq_sec .com_toggle .js-toggle-tit:after {
      font-size: 2em;
      margin-right: 0.5em; }
  .temp #faq_sec .com_toggle .js-toggle-content {
    padding: 1em; }
@media screen and (max-width: 767.9px) {
  .temp #price_sec {
    padding-bottom: 50px; } }
    
.temp #price_sec table {
  width: 100%; }
  .temp #price_sec table th,
  .temp #price_sec table td {
    border: 1px solid #ccc;
    padding: 1em; }
  .temp #price_sec table th {
    background-color: rgba(239, 239, 239, 0.5); }
  .temp #price_sec table .col3 {
    text-align: left; }
  .temp #price_sec table .col4 {
    color: #d51300;
    font-weight: bold; }
    
.temp #picture_sec {
  position: relative; }
  @media print, screen and (min-width: 767.9px) {
    .temp #picture_sec {
      margin-bottom: 80px; } }
  .temp #picture_sec .pic {
    position: relative; }
    .temp #picture_sec .pic:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 1;
      mix-blend-mode: multiply; }
    .temp #picture_sec .pic:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(41, 171, 226, 0.2);
      z-index: 2;
      mix-blend-mode: multiply; }
@media screen and (max-width: 767.9px) {
  .temp #access_sec {
    margin-bottom: 50px; } }
.temp #access_sec .container {
  padding-bottom: 0px; }
  @media print, screen and (min-width: 767.9px) {
    .temp #access_sec .container {
      padding-bottom: 0px; } }
.temp #access_sec .ggmap iframe {
  height: 500px; }
.temp #about_sec {
  background-color: #000;
  color: #FFF;
  padding: 50px 0 100px 0; }
  @media print, screen and (min-width: 767.9px) {
    .temp #about_sec {
      padding: 80px 0; } }
  .temp #about_sec a {
    color: #FFF; }
  .temp #about_sec .col2 {
    width: 1080px;
    max-width: 95%;
    align-items: flex-start;
    margin: 0 auto; }
  .temp #about_sec table {
    text-align: left; }
    .temp #about_sec table th,
    .temp #about_sec table td {
      padding: 1em 0;
      box-sizing: border-box;
      border:0px; }
      @media screen and (max-width: 767.9px) {
        .temp #about_sec table th,
        .temp #about_sec table td {
          padding: 0;
          padding-bottom: 1em; } }
    .temp #about_sec table th {
      vertical-align: top;
      font-weight: normal;
      padding-right: 1em; }
      @media screen and (max-width: 767.9px) {
        .temp #about_sec table th {
          white-space: nowrap;
          width: 25%;
          padding: 0; } }