@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP";
}

ul {
  list-style: none;
}

/* サイドメニュー、メインコンテンツを分けるコンテナ */
.screen-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

/* PC画面のサイドメニュー、メインコンテンツの幅 */
@media screen and (min-width: 1050px) {
  .side-menu {
    width: 334px;
    position: fixed;
  }

  .main-contents {
    width: 78%;
    margin-left: 334px;
    overflow: hidden;
  }
}

/* サイドメニューを非表示にしておく */
.side-menu {
  display: none;
}

/* メインコンテンツのmargin-leftを取り除く */
@media screen and (max-width: 1049px) {
  .main-contents {
    width: 100%;
  }
}

/*****************/
/* サイドメニュー */
/*****************/

@media screen and (min-width: 1050px) {
  .side-menu {
    display: block;
  }

  .side-menu .logo {
    padding: 10px 0;
    text-align: center;
  }

  .side-menu .title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }

  .side-menu .first-list {
    border-top: 2px dotted #d9d9d9;
  }

  .side-menu li {
    border-bottom: 2px dotted #d9d9d9;
  }

  .side-menu .menu-button {
    display: flex;
    text-decoration: none;
  }

  .side-menu .text-box {
    display: flex;
    width: 230px;
  }

  .side-menu .flag {
    height: 40px;
    margin: 20px 10px 0 20px;
  }

  .side-menu .text-box div {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-top: 16px;
  }

  .side-menu .menu-red {
    border-bottom: 5px solid #ff97c3;
    padding-bottom: 4px;
    border-radius: 2px;
  }

  .side-menu .menu-orange {
    border-bottom: 5px solid #ffd28f;
    padding-bottom: 4px;
    border-radius: 2px;
  }

  .side-menu .menu-yellow {
    border-bottom: 5px solid #fff7b4;
    padding-bottom: 4px;
    border-radius: 2px;
  }

  .side-menu .menu-green {
    border-bottom: 5px solid #def3c4;
    padding-bottom: 4px;
    border-radius: 2px;
  }

  .side-menu .menu-blue {
    border-bottom: 5px solid #a4e9ff;
    padding-bottom: 4px;
    border-radius: 2px;
  }

  .side-menu .character {
    height: 75px;
    margin-left: 20px;
  }
}

/*******************/
/* メインコンテンツ */
/*******************/

/************/
/* ヘッダー */
/************/

/* モバイル画面のヘッダー */
@media screen and (max-width: 1050px) {
  .main-contents .pc-header {
    display: none;
  }
}

.mobile-header {
  width: 100%;
  height: 88px;
  background-color: #fff;
  box-sizing: border-box; /* padding分を含んで幅を100%にするため */
  display: flex; /* 中の要素を横並びにする */
  justify-content: space-between;
  align-items: center; /* 中の要素を上下中央に並べる */
  /* padding: 20px 50px 20px 0; ヘッダーに上下左右それぞれ余白を指定 */
  /* position: fixed; ウィンドウを基準に画面に固定 */
  /* top: 0; 上下の固定位置を上から0pxにする
  left: 0; 左右の固定位置を左から0pxにする */
  /* z-index: 9999; */
}

.mobile-header .logo {
  object-position: 0 100%;
  position: relative;
  /* background-color: #fff; */
  /* height: 64px;
  width: 240px; */
}

.logo img {
  height: 50px;
  margin-left: 15px;
  /* width: 90%; */
  /* padding: 0 8px; */
  /* position: absolute;
  top: 50%; */
  /* transform: translate(0, -50%); */
}

.mobile-header .title-box {
  width: 160px;
  margin: 0 auto;
}

.title-box .title {
  width: 160px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.dummy-box {
  width: 70.46px;
  height: 54.8px;
  /* background-color: #a4e9ff; */
}

/*ハンバーガーアイコン*/
.btn-burger {
  cursor: pointer;
  display: block;
  width: 56px;
  position: fixed;
  top: 16px;
  right: 15px;
  z-index: 99;
  /* height: auto; */
}

/*チェックボックス非表示*/
.nav-toggle {
  display: none;
}

/*開くアイコンをクリックしたら*/
.nav-toggle:checked ~ .menu_ber {
  top: 0vh;
  /* display: block; */
}

/*チェックボックス非表示*/
.nav-close {
  display: none;
}

/*閉じるアイコンをクリックしたら*/
/* .nav-close:checked ~ .menu_ber {
  top: -100vh;
  background-color: aqua;
  display: block;
} */

.overflow-hidden {
  overflow: hidden;
}

/* .nav-toggle:checked ~ html,body {
  overflow: hidden;
} */

/*表示されるメニューの中身*/
.menu_ber{
  background-color: #fff;
  /* position: absolute; */
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0%;
  top: -100vh;
  z-index: 100;
  transition: top .5s;
  /* display: none; */
}

.menu_ber .flex-container {
  display: flex;
  height: 88px;
  align-items: center; /* 中の要素を上下中央に並べる */
}

.mobile-header .logo {
  object-position: 0 100%;
  position: relative;
  /* background-color: #fff; */
  /* height: 64px;
  width: 240px; */
}

.logo img {
  height: 50px;
  margin-left: 15px;
  /* width: 90%; */
  /* padding: 0 8px; */
  /* position: absolute;
  top: 50%; */
  /* transform: translate(0, -50%); */
}

.menu_ber .title-box {
  width: 160px;
  margin: 0 auto;
}

.title-box .title {
  width: 160px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.menu_ber .close-burger {
  margin-right: 18px;
}

.menu_ber .icon {
  cursor: pointer;
  width: 53px;
  height: 53px;
  z-index: 99;
}

.menu {
  list-style: none;
  /* margin: 0; */
  /* padding-left: 20px; */
  /* display: none; */
}

.menu .first-list {
  border-top: 2px solid #aeaeae;
}

.menu li {
  border-bottom: 2px solid #aeaeae;
  font-family: "Noto Sans JP";
  font-size: 16px;
  white-space: nowrap;
  list-style: none;
  /* margin: 0; */
  /* padding: 10px; */
}

.menu .flex-container {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: black;
}

.menu .flag-box {
  margin-left: 30px;
}

.menu .flag {
  height: 55px;
}

.menu .menu-box {
  width: 55%;
}

.menu p {
  font-size: 24px;
  font-weight: 500;
}

.menu .menu-red {
  width: 72px;
  border-bottom: 5px solid #ff97c3;
}

.menu .menu-orange {
  width: 122px;
  border-bottom: 5px solid #FFD28F;
}

.menu .menu-yellow {
  width: 97px;
  border-bottom: 5px solid #FFF7B4;
}

.menu .menu-green {
  width: 170px;
  border-bottom: 5px solid #DEF3C4;
}

.menu .menu-blue {
  width: 170px;
  border-bottom: 5px solid #A4E9FF;
}

.menu .character-box {
  margin-right: 20px;
}

.menu .character {
  height: 70px;
}

.menu_ber .contact-button-box {
  width: 156px;
  margin: 50px auto 0;
}

.menu_ber .contact-button {
  padding: 10px 30px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  color: white;
  background-color: #79be20;
  /* width: 96px;
  margin: 0 auto; */
}

/* PC画面のヘッダー */
@media screen and (min-width: 1050px) {
  /* モバイル画面のヘッダーを非表示 */
  .mobile-header {
    display: none;
  }

  .main-contents .menu-open {
    display: none;
  }

  /* PC画面ヘッダーのプロパティ */
  .pc-header {
    min-width: 970px;
    height: 110px;
    /* height: 90px; */
    font-weight: 500;
    color: white;
    display: flex;
  }

  .pc-header .header-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* vertical-align: middle; インライン要素の上下のセンタリングを指定する */
    background-color: #477e00;
  }

  .pc-header .flex-container {
    display: flex;
    margin-bottom: -20px;
  }

  .pc-header img {
    height: 30px;
    margin-top: 10px;
    margin-right: 5px;
  }

  .pc-header .contact {
    margin-top: 8px;
    margin-left: 11%;
    text-align: right;
  }

  .pc-header .phone {
    font-family: "Roboto";
    font-weight: 600;
    font-size: 32px;
  }

  .pc-header .address {
    font-size: 16px;
  }

  .pc-header .active {
    margin-top: 10px;
    margin-right: 5%;
    text-align: left;
    font-size: 16px;
  }

  .pc-header .active p {
    margin-bottom: -1px;
    text-align: right;
  }

  .pc-header .header-button {
    width: 20%;
    display: flex;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    flex-direction: column;
  }

  .pc-header .member-button {
    margin: 5px auto 2px;
    padding: 7px 24px;
    border-radius: 8px;
    color: white;
    background-color: #ff9900;
    text-decoration: none;
  }

  .pc-header .contact-button {
    margin: 2px auto 0;
    padding: 7px 32px;
    border-radius: 8px;
    color: white;
    background-color: #79be20;
    text-decoration: none;
  }
}

/*************/
/* トップ画像 */
/*************/

/*-------------*/
/* トップページ */
/*-------------*/

/* PC画面のトップ画像 */
@media screen and (min-width: 1050px) {
  .carousel-item .title {
    /* margin: 0 auto; */
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-family: "Noto Sans JP";
    font-size: 64px;
    font-weight: 600;
    color: white;
  }

  .carousel-control-prev img {
    top: 50%;
  }
}

/* モバイル画面のトップ画像 */
@media screen and (max-width: 1049px) {

  .carousel-item .title {
    /* margin: 0 auto; */
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-weight: 600;
    color: white;
  }

  .carousel-control-prev img {
    top: 50%;
    height: 40px;
    width: 40px;
  }

  .carousel-control-next img {
    top: 50%;
    height: 40px;
    width: 40px;
  }
}

/*******************/
/* メインコンテンツ */
/*******************/

/*-------------*/
/* トップページ */
/*-------------*/

/* PC画面のトップページ */
@media screen and (min-width: 1050px) {

  .mobile-header .navbar-links {
    display: none;
  }

  /* 3つのセクションに共通するプロパティ */
  .title-ja {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
  }

  .title-en {
    color: #aeaeae;
    margin-bottom: 20px;
    text-align: center;
  }

  /* 「ニュース」セクション */
  main .news {
    margin-top: 70px;
    height: 350px;
  }

  .news .title-en {
    font-size: 32px;
  }

  .news ul {
    width: 50%;
    margin: 0 auto;
  }

  .news .first-text {
    border-top: 2px solid #aeaeae;
  }

  .news li {
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    border-bottom: 2px dotted #aeaeae;
  }

  .news .end-text {
    border-bottom: 2px solid #aeaeae;
  }


/*******************「イベント」********************/
/* .card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
} */
/* -------------------新しいdialog------------------------------------------------ */
/* .modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.modal[open] {
  display: flex;
}
.model-inner {
  background-color: white;
  border-radius: 0.5em;
  max-width: 600px;
  max-height: 710px;
  padding: 2em;
  margin: auto;
}
.modal-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid white;
}
.img-style{
  width: 430px;
  height: 290px;
  padding: auto;
}
#modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: black;
  opacity: 0.5;
}
.card {
  display: grid;
  grid-template-rows: max-content 100px 1fr;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.modal-close-button{
  background: none!important;
  border: none;
  padding: 0!important;
  font-family: arial, sans-serif;
  color: #069;
  cursor: pointer;
  margin-left: 430px;
  margin-bottom: 0px;

} */
/* @media screen and (max-width: 1366px),(max-height:768px) {
  .modal {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .model-inner {
    background-color: white;
    border-radius: 0.5em;
    max-width: 500px;
    max-height: 675px;
    padding: 2em;
    margin: auto;
  }
  .modal-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid white;
    margin: auto;
  }
  .img-style{
    width: 390px;
    height: 200px;
    padding: auto;
  }
  .modal-close-button{
    background: none!important;
    border: none;
    padding: 0!important;
    font-family: arial, sans-serif;
    color: #069;
    cursor: pointer;

    margin-left: 370px;
    margin-bottom: -60px;
    padding: 0px 30px;
  }
}   */

  /* 「初めての方へ」セクション */
  main .guide {
    height: 1650px;
    margin-bottom: 50px;
    background-color: #def3c4;
  }

  .guide .character-box {
    text-align: center;
  }

  .guide .title-en {
    margin-bottom: 50px;
    font-size: 24px;
  }

  .guide .content {
    width: 780px;
    height: 440px;
    margin: 0 auto 35px;
    padding-top: 40px;
    background-color: white;
  }

  /* 1, 3つ目のコンテンツ */
  .content .right-title {
    margin-left: 54%;
    margin-bottom: 40px;
    width: 37%;
    height: 60px;
    padding-top: 13px;
    /* padding-top: 7px; */
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    border-radius: 20px;
    color: white;
    background-color: #477e00;
  }

  .content .flex-container {
    display: flex;
  }

  .content .left-img {
    width: 40%;
    height: 250px;
    margin-left: 5%;
  }

  .content .right-text {
    margin-left: 5%;
  }

  .content p {
    width: 91%;
    font-size: 16px;
    margin-bottom: 35px;
  }

  .content .right-button-box {
    margin-left: 27%;
  }

  .content .right-button {
    text-decoration: none;
  }

  .content a {
    padding: 15px 20px;
    text-decoration: none;
    color: white;
    background-color: #ff9900;
  }

  .content a:hover {
    color: white;
  }

  /* 2つ目のコンテンツ */
  .content .left-title {
    margin-left: 8%;
    margin-bottom: 40px;
    width: 37%;
    height: 60px;
    padding-top: 13px;
    /* padding-top: 7px; */
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    border-radius: 20px;
    color: white;
    background-color: #477e00;
  }

  .content .flex-container-pc {
    display: flex;
  }

  .content .left-text {
    width: 49%;
    margin-left: 5%;
  }

  .content .flex-container-mobile {
    display: none;
  }

  .content .left-button-box {
    margin-left: 16%;
  }
  
  .content .left-button {
    text-decoration: none;
  }

  .content a {
    padding: 15px 20px;
    text-decoration: none;
    color: white;
    background-color: #ff9900;
  }

  .content .right-img {
    width: 40%;
    height: 250px;
    /* margin-left: 5%; */
  }

  /* 「アクセス・営業時間」セクション */
  main .access {
    height: 600px;
  }

  .access .title-en {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .access .flex-container {
    display: flex;
    width: 780px;
    margin: 0 auto 30px;
  }

  .access .map {
    margin-bottom: 40px;
    /* text-align: center; */
    /* margin-left: 2%;
    margin-bottom: 30px; */
  }

  .access .map iframe {
    width: 375px;
    height: 380px;
    /* margin: 0 auto; */
  }

  .access .text {
    margin-left: 3%;
    font-size: 16px;
  }

  .access dl {
    margin-bottom: 40px;
  }

  .access dd {
    margin-bottom: 35px;
  }

  .access .member-button {
    padding: 7px 15px;
    border-radius: 8px;
    color: white;
    background-color: #ff9900;
    text-decoration: none;
  }

  .access .contact-button {
    margin-left: 5px;
    padding: 7px 20px;
    border-radius: 8px;
    color: white;
    background-color: #79be20;
    text-decoration: none;
  }
}

/* モバイル画面のトップページ */
@media screen and (max-width: 1049px) {
  /* 3つのセクションに共通するプロパティ */
  .title-ja {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
  }

  .title-en {
    color: #aeaeae;
    margin-bottom: 25px;
    text-align: center;
  }

  /* 「ニュース」セクション */
  main .news {
    margin-top: 70px;
    height: 340px;
  }

  .news .title-en {
    font-size: 32px;
  }

  .news ul {
    width: 92%;
    margin: 0 auto;
  }

  .news .first-text {
    border-top: 2px solid #aeaeae;
  }

  .news li {
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    border-bottom: 2px dotted #aeaeae;
  }

  .news .end-text {
    border-bottom: 2px solid #aeaeae;
  }

  /*「イベント」*/
    /* .modal {
      display: none;
      align-items: center;
      justify-content: center;
      position: fixed;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .modal[open] {
      display: flex;
    }
    .model-inner {
      background-color: white;
      border-radius: 0.5em;
      max-width: 500px;
      max-height: 675px;
      padding: 2em;
      margin: auto;
    }
    .modal-img {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 2px solid white;
      margin: auto;
    }
    .img-style{
      width: 390px;
      height: 200px;
      padding: auto;
    }
    #modal-overlay {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 0;
      background-color: black;
      opacity: 0.5;
    }
    .card {
      display: grid;
      grid-template-rows: max-content 100px 1fr;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
    .card img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .modal-close-button{
      background: none!important;
      border: none;
      padding: 0!important;
      font-family: arial, sans-serif;
      color: #069;
      cursor: pointer;
  
      margin-left: 370px;
      margin-bottom: -60px;
      padding: 0px 30px;
    } */
    

  /* 「初めての方へ」セクション */
  main .guide {
    height: 2130px;
    margin-bottom: 50px;
    background-color: #def3c4;
  }

  .guide .character-box {
    padding-top: 30px;
    text-align: center;
  }

  .guide .title-en {
    margin-bottom: 50px;
    font-size: 24px;
  }

  .guide .content {
    width: 97%;
    height: 550px;
    margin: 0 auto 40px;
    padding-top: 30px;
    background-color: white;
    /* margin-left: 8px;
    margin-bottom: 40px; */
  }

  /* 1, 3つ目のコンテンツ */
  .content .right-title {
    margin: 0 auto 30px;
    width: 235px;
    height: 50px;
    padding-top: 13px;
    /* padding-top: 9px; */
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    border-radius: 20px;
    color: white;
    background-color: #477e00;
    /* margin-left: 9%;
    margin-bottom: 30px; */
  }

  /* .content .flex-container {
    display: flex;
  } */

  .content .left-img {
    width: 80%;
    height: 208px;
    margin-left: 10%;
    object-fit: cover;
  }

  .content .right-text {
    width: 80%;
    margin-left: 10%;
  }

  .content p {
    font-size: 16px;
    margin-bottom: 35px;
  }

  .content .right-button-box {
    text-align: center;
    /* margin-left: 22%; */
  }

  .content .right-button {
    text-decoration: none;
  }

  .content .right-button:hover {
    color: white;
  }

  .content a {
    width: 150px;
    padding: 15px 20px;
    text-decoration: none;
    color: white;
    background-color: #ff9900;
  }

  /* 2つ目のコンテンツ */
  .content .left-title {
    margin: 0 auto 30px;
    width: 235px;
    height: 50px;
    padding-top: 13px;
    /* padding-top: 9px; */
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    border-radius: 20px;
    color: white;
    background-color: #477e00;
    /* margin-left: 9%;
    margin-bottom: 30px; */
  }

  .content .flex-container-pc {
    display: none;
  }

  .content .right-img {
    width: 80%;
    height: 250px;
    margin-left: 10%;
    object-fit: cover;
  }

  .content .left-text {
    width: 80%;
    margin-left: 10%;
  }

  .content .left-button-box {
    text-align: center;
    /* margin-left: 22%; */
  }

  .content .left-button:hover {
    text-decoration: none;
    color: white;
  }

  .content a {
    width: 150px;
    padding: 15px 20px;
    text-decoration: none;
    color: white;
    background-color: #ff9900;
  }

  /* 「アクセス・営業時間」セクション */
  main .access {
    height: 970px;
  }

  .access .title-en {
    font-size: 32px;
    margin-bottom: 20px;
  }

  /* .access .flex-container {
    display: flex;
  } */

  .access .map {
    text-align: center;
    margin-bottom: 40px;
    /* margin-left: 2%;
    margin-bottom: 30px; */
  }

  .access .map iframe {
    width: 300px;
    height: 240px;
    margin: 0 auto;
  }

  .access dl {
    width: 100%;
  }

  .access dl div {
    margin: 0 auto 25px;
  }

  .access .address {
    width: 170px;
  }

  .access .active {
    width: 210px;
  }

  .access .phone {
    width: 100px;
  }

  .access .a-container {
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .access .member-button {
    /* width: 150px;
    height: 32px; */
    margin: 0 auto 10px;
    padding: 8px 20px;
    border-radius: 8px;
    color: white;
    background-color: #ff9900;
    text-decoration: none;
    /* padding: 7px 15px; */
    /* margin-left: 25%;
    margin-bottom: 10px; */
  }

  .access .contact-button {
    /* width: 150px;
    height: 32px; */
    margin: 0 auto 10px;
    padding: 8px 28px;
    border-radius: 8px;
    color: white;
    background-color: #79be20;
    text-decoration: none;
    /* margin-left: 5px; */
    /* padding: 7px 20px; */
    /* margin-left: 25%; */
  }
}

/*-----------------*/
/* 練習場紹介ページ */
/*-----------------*/

/* PC画面の練習場紹介ページ */
@media screen and (min-width: 1050px) {
  /* .practice-field {
    overflow: hidden;
  } */

  .ground-main-img {
    position: relative;
    width: 100%;
    /* max-width: 1200px; */
  }

  .ground-main-img .ground-text {
    position: absolute;
    top: 35%;
    font-size: 64px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
  }

  .ground-main-img .ground-img {
    height: 256px;
    width: 100%;
    vertical-align: bottom;
  }

  /* パンくずリスト */
  .ground-introduction .move {
    background-color: #def3c4;
    height: 100px;
    width: 100%;
  }

  .ground-introduction .move .move_page {
    /* padding-left: 140px; */
    padding-top: 40px;
    color: #545454;
    width: 300px;
  }

  .ground-introduction .move .move_link {
    text-decoration: none;
    color: #545454;
    padding-left: 5px;
  }

  /* 「レンジの紹介」セクション */
  main .ground-introduction {
    height: 1130px;
    background-color: #DEF3C4;
    /* width: 100%; */
  }

  .ground-introduction .practice-field {
    width: 900px;
    height: 1060px;
    background-color: white;
    /* margin-left: 140px;
    margin-right: 140px; */
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .practice-field .icon {
    /* display:flex; */
    text-align: center;
  }

  .practice-field .title-ja {
    font-size: 40px;
    font-weight: bold;
  }

  .practice-field .title-en {
    color: #aeaeae;
    text-align: center;
    font-size: 24px;
  }

  /* 九州屈指の広さ */
  .practice-field .title-ja2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 15x;
    text-decoration: underline solid orange;
    font-weight: bold;
  }

  .practice-field .center-img {
    width: 100%;
    max-height: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .practice-field .flex-container {
    transform: scale(0.9);
  }

  .practice-field .title-en {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .practice-field .main-text {
    margin-bottom: 50px;
    font-size: 16px;
  }

  /* 集中できる練習環境 */
  .practice-field .field-strength {
    display: flex;
  }

  .practice-environment {
    /* margin: 0 auto; */
    margin-left: 15px;
    width: 50%;
  }

  .practice-environment .left-img {
    margin-bottom: 20px;
    height: 240px;
    max-width: 100%;
  }

  .practice-environment .left-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid orange;
  }

  .practice-environment .left-text {
    /* width: 420px; */
    width: 100%;
  }

  /* 充実のナイター設備 */
  .night-game {
    /* margin: 0 auto; */
    margin-left: 20px;
    width: 50%;
  }

  .night-game .right-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid orange;
  }

  .night-game .right-img {
    margin-bottom: 20px;
    height: 240px;
    max-width: 100%;
  }

  .practice-environment .right-text {
    /* width: 420px; */
    width: 100%;
  }
}

/* モバイル画面の練習場紹介ページ */
@media screen and (max-width: 1049px) {
  .ground-main-img {
    position: relative;
  }

  .ground-main-img .ground-text {
    position: absolute;
    top: 40%;
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
  }

  .ground-main-img .ground-img {
    width: 100%;
    height: 256px;
    vertical-align: bottom;
  }

  /* パンくずリスト */
  .ground-main-img .move {
    background-color: #def3c4;
    height: 50px;
  }

  .move .move_page {
    padding-left: 140px;
    padding-top: 40px;
    display: none;
  }

  /* 「レンジの紹介」セクション */
  main .ground-introduction {
    /* height: 1630px; */
    background-color: #def3c4;
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .ground-introduction .practice-field {
    width: 97%;
    /* height: 1570px; */
    /* margin: 0 auto 30px; */
    padding-top: 20px;
    background-color: white;
    margin-left: 6px;
    margin-right: 8px;
    padding-bottom: 40px;
  }

  .practice-field .icon {
    text-align: center;
  }

  .practice-field .title-ja {
    font-weight: bold;
    font-size: 40px;
  }

  .practice-field .title-en {
    color: #aeaeae;
    text-align: center;
  }

  /* 九州屈指の広さ */
  .practice-field .title-ja2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid orange 6px;
    font-weight: bold;
  }

  .practice-field .center-img {
    width: 100%;
    /* height: 249px; */
    text-align: center;
    margin-bottom: 20px;
  }

  .practice-field .flex-container {
    transform: scale(0.9);
  }

  .practice-field .title-en {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .practice-field .main-text {
    margin-bottom: 70px;
  }

  /* 集中できる練習環境 */

  /* .practice-field .field-strength {
    display: flex;
  } */
  .practice-environment {
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
  }

  .practice-environment .left-img {
    width: 100%;
    /* height: 263px; */
    margin-bottom: 20px;
  }

  .practice-environment .left-title {
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid orange 6px;
    font-size: 24px;
  }

  .practice-environment .left-text {
    text-align: left;
    margin-bottom: 70px;
  }

  /* 充実のナイター設備 */
  .night-game {
    text-align: center;
    margin: 0 auto;
  }

  .night-game .right-title {
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid orange 6px;
    font-size: 24px;
  }

  .night-game .right-img {
    width: 100%;
    /* height: 240px; */
    margin-bottom: 20px;
  }

  .night-game .right-text {
    text-align: left;
  }
}

/*-----------------*/
/* 施設紹介ページ */
/*-----------------*/

/* PC画面の施設紹介ページ */
@media screen and (min-width: 1050px) {

  .facility-main-img{
    position: relative;
    /* max-width: 1200px; */
  }

  .facility-main-img .facility-text{
    position: absolute;
    top: 25%;
    left: 37%;
    font-size: 64px;
    color: #fff;
    font-weight: 600;
    text-align:center;
  }

  .facility-main-img .facility-img{
      height: 256px;
      width: 100%;
      vertical-align: bottom;
  }

  /* パンくずリスト */
  .facility-introduction .move{
      background-color: #FFFEF0;
      height: 100px;
  }

  .facility-introduction .move .move_page{
      padding-left: 5px;
      padding-top: 40px;
      color: #545454;
  }

  .facility-introduction .move .move_link{
    text-decoration:none;
    color: #545454;
  }

  main .facility-introduction {
    height: 2050px;
    background-color: #FFFEF0;
    width: 100%;
  }

  .facility-introduction .rental {
    width: 900px;
    height: 1200px;
    margin: 0 auto 30px;
    background-color: white;
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .rental .icon {
    /* display:flex; */
    text-align: center;
  }

  /* 「レンタルショップ」セクション */
  .rental .title-ja{
    font-size: 40px;
    font-weight:bold
  }

  .rental-shop .title-two{
    display: none;
  }

  .rental .title-en{
    display:none;
  }

  .rental .center-img {
    width: 100%;
    height: 510px;
    text-align: center;
    margin-bottom: 20px;
  }

  .rental .flex-container {
    transform: scale(0.9);
  }

  .rental .main-text {
    margin-bottom: 50px;
    font-size: 16px;
  }

  /* 「喫茶店」セクション */
  .rental .facility-strength {
    display: flex;
  }

  .coffee-shop {
    /* margin: 0 auto; */
    margin-left: 15px;
  }

  .coffee-shop .left-img {
    margin-bottom: 20px;
    height: 240px;
  }

  .coffee-shop .left-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid #FFFF33;
  }

  .coffee-shop .left-text {
    width: 420px;
    margin-bottom: 50px;
  }

  /* 「ゴルフ工房」セクション */
  .golf-studio {
    /* margin: 0 auto; */
    margin-left: 20px;
  }

  .golf-studio .right-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid #FFFF33;
  }

  .golf-studio .right-img {
    margin-bottom: 20px;
    height: 240px;
  }

  .golf-studio .right-text {
    width: 420px;
  }

  /* 「館内マップ」セクション */
  .hall-map{
    text-align: center;
    padding-top: 30px;
  }

  .hall-map .map-title{
    font-size: 40px;
  }

  .hall-map .map-subtitle{
    color: #AEAEAE;
    font-size: 24px;
    margin-bottom: 30px;
  }

  .hall-map .hall-map-img{
    width: 1200px;
    height: 500px;
  }
}

/* モバイル画面の施設紹介ページ */
@media screen and (max-width: 1049px) {

  .facility-main-img{
    position: relative;
    /* max-width: 1200px; */
  }

  .facility-main-img .facility-text{
    position: absolute;
    top: 40%;
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
  }

  .facility-main-img .facility-img{
      height: 256px;
      width: 100%;
      vertical-align: bottom;
  }

  main .facility-introduction {
    max-width: 2350px;
    background-color: #FFFEF0;
    width: 100%;
    padding-bottom: 70px;
    padding-top: 30px;
    overflow: hidden;
  }

  .facility-introduction .rental {
    width: 97%;
    /* max-height: 1700px; */
    padding-top: 20px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: 6px;
    margin-right: auto;
    padding-bottom: 40px;
    text-align:center;
  }

  /* 「レンタルショップ」セクション */
  .rental-shop .icon {
    /* display:flex; */
    text-align: center;
  }

  .rental-shop .title-ja{
    font-size: 40px;
    font-weight:bold;
  }

  .rental-shop .title-two{
    display: none;
  }

  .rental-shop .center-img {
    width: 100%;
    height: 218px;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  .rental-shop .left-img {
    width: 80%;
    height: 80%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
  }

  .rental-shop .flex-container {
    /* transform: scale(0.8); */
    margin-left: 55px;
    margin-right: 55px;
  }

  .rental-shop .main-text {
    margin-bottom: 50px;
    font-size: 16px;
    text-align: left;
  }

  /* 「喫茶店」セクション */
  .coffee-shop .left-img {
    margin-bottom: 20px;
    /* max-height: 240px; */
    width: 97%;
  }

  .coffee-shop .left-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid #FFFF33;
  }

  .coffee-shop .left-text {
    width: 98%;
    margin-bottom: 50px;
    text-align: left;
  }

  /* 「ゴルフ工房」セクション */
  .golf-studio .right-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline solid #FFFF33;
  }

  .golf-studio .right-img {
    margin-bottom: 20px;
    /* height: 240px; */
    width: 97%;
  }

  .golf-studio .right-text {
    width: 98%;
    text-align: left;
  }

  /* 「館内マップ」セクション */
  .hall-map{
    text-align: center;
    padding-top: 30px;
  }

  .hall-map .map-title{
    font-size: 40px;
  }

  .hall-map .map-subtitle{
    color: #AEAEAE;
    font-size: 24px;
    margin-bottom: 30px;
  }

  .hall-map .hall-map-img{
    width: 100%;
  }
}

/* iPhoneSE版 施設紹介ページ */
@media screen and (max-width: 376px) {
  .rental-shop .title-ja .title-two{
    display: block;
  }
}



/*---------------------*/
/* 営業時間・料金ページ */
/*---------------------*/

/* PC画面の営業時間・料金ページ */
@media screen and (min-width: 1050px) {
  
}



/* モバイル画面の営業時間・料金ページ */
@media screen and (max-width: 1049px) {
  .price_section .center-img {
    width: 100%;
    /* height: 249px; */
    text-align: center;
    margin-bottom: 20px;
  }
}




/*---------------------*/
/* 会員登録・予約ページ */
/*---------------------*/

/* PC画面の会員登録・予約ページ */
@media screen and (min-width: 1050px) {

  .reserve-main-img {
    position: relative;
    width: 100%;
    /* max-width: 1200px; */
  }

  .reserve-main-img .reserve-text {
    position: absolute;
    top: 35%;
    font-size: 64px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
  }

  .reserve-main-img .reserve-img {
    height: 256px;
    width: 100%;
    vertical-align: bottom;
  }

  /* パンくずリスト */
  .reserve-top .reserve-move {
    background-color: #def3c4;
    height: 100px;
  }

  .reserve-move .reserve_move_page {
    /* パンくずレスポンシブ調整中 */
    padding-top: 40px;
    padding-left: 5px;
    color: #545454;
    width: 300px;
  }

  .reserve-move .reserve_move_link {
    text-decoration: none;
    color: #545454;
  }

  /* メイン背景 */
  main .reserve-top {
    height: 920px;
    background-color: #DEF3C4;
    /* width: 100%; */
  }

  /* 「ネット予約」セクション */
  .reserve-top .online-reservation {
    width: 1008px;
    height: 400px;
    background-color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding-bottom: 30px;
  }

  .online-reservation .icon {
    /* display:flex; */
    text-align: center;
    margin-top: 20px;
  }

  .online-reservation .title-ja {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .online-reservation .reserve-link{
    text-align: center;
  }

  .online-reservation .reserve-button{
    width: 250px;
    height: 70px;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
    background-color: #FF9900;
    border: none;
    margin-top: 10px;
  }

  /* 「電話予約」セクション */
  .reserve-top .telephone-reservation {
    width: 1008px;
    height: 300px;
    padding-top: 20px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
  }

  .telephone-reservation .title-ja{
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 20px;
  }

  .telephone-reservation .telephone-link{
    text-align: center;
  }

  .telephone-link .telephone-button{
    position: relative;
    width: 400px;
    height: 100px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    background-color: #477E00;
    border: none;
    border-radius: 10px;
    padding-top: 5px;
    padding-left: 50px;
    margin-bottom: 20px;
  }

  .telephone-button .telephone-img{
    position:absolute;
    top: 30%;
    left: 10%;
    width: 40px;
  }

  .telephone-time{
    margin-top: 10px;
    font-size: 16px;
  }
}

/* モバイル画面の会員登録・予約ページ */
@media screen and (max-width: 1049px) {

  .reserve-main-img {
    position: relative;
    width: 100%;
  }

  /* .reserve-main-img .reserve-img{
    height: 256px;
  } */

  .reserve-main-img .reserve-text {
    position: absolute;
    top: 40%;
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
  }

  .reserve-main-img .reserve-img {
    height: 256px;
    width: 100%;
    vertical-align: bottom;
  }

  /* パンくずリスト */
  .reserve-top .reserve-move {
    padding-left: 5px;
    background-color: #def3c4;
    height: 100px;
  }

  .reserve-move .reserve_move_page {
    /* padding-left: 560px; */
    padding-top: 40px;
    color: #545454;
    width: 300px;
  }

  .reserve-move .reserve_move_link {
    text-decoration: none;
    color: #545454;
  }

  /* メイン背景 */
  main .reserve-top {
    height: 950px;
    background-color: #DEF3C4;
    /* width: 100%; */
  }

  /* 「ネット予約」セクション */
  .reserve-top .online-reservation {
    width: 97%;
    height: 400px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: 7px;
    margin-bottom: 50px;
    padding-bottom: 30px;
  }

  .online-reservation .icon {
    text-align: center;
    margin-top: 20px;
  }

  .online-reservation .title-ja {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .online-reservation .reserve-link{
    text-align: center;
  }

  .online-reservation .reserve-button{
    width: 250px;
    height: 70px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    background-color: #FF9900;
    border: none;
    margin-top: 10px;
  }

  /* 「電話予約」セクション */
  .reserve-top .telephone-reservation {
    width: 97%;
    height: 300px;
    padding-top: 20px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: 7px;
    margin-right: auto;
    padding-bottom: 50px;
  }

  .telephone-reservation .title-ja{
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 20px;
  }

  .telephone-reservation .telephone-link{
    text-align: center;
  }

  .telephone-link .telephone-button{
    position: relative;
    width: 400px;
    height: 100px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    background-color: #477E00;
    border: none;
    border-radius: 10px;
    padding-top: 5px;
    padding-left: 50px;
    margin-bottom: 20px;
  }

  .telephone-button .telephone-img{
    position:absolute;
    top: 30%;
    left: 10%;
    width: 40px;
  }

  .telephone-link .telephone-time{
    margin-top: 10px;
  }
}

/* モバイル画面の会員登録・予約ページ */
@media screen and (max-width: 376px) {

  /* 「ネット予約」セクション */
  .reserve-top .online-reservation {
    width: 97%;
    height: 300px;
    padding-top: 20px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: 6px;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
  }

  /* 「電話予約」セクション */
  .reserve-top .telephone-reservation {
    width: 97%;
    height: 300px;
    padding-top: 20px;
    background-color: white;
    /* レスポンシブ中央寄せ */
    display: block;
    margin-left: 6px;
    margin-right: auto;
    padding-bottom: 50px;
  }

  .telephone-link .telephone-button{
    position: relative;
    width: 320px;
    height: 100px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    background-color: #477E00;
    border: none;
    border-radius: 10px;
    padding-top: 5px;
    padding-left: 50px;
    margin-bottom: 20px;
  }

  .telephone-button .telephone-img{
    position:absolute;
    top: 30%;
    left: 5%;
    width: 40px;
  }
}




/************/
/* フッター */
/************/

/* PC画面のフッター */
@media screen and (min-width: 1050px) {
  .main-contents footer {
    padding-top: 20px;
    color: white;
    background-color: #477e00;
  }

  footer ul {
    display: flex;
    justify-content: center;
    width: 60%;
    margin: 0 auto 30px;
  }

  footer .footer-menu {
    /* margin: 0 2%; */
    margin: 0 20px;
    color: white;
  }

  footer .footer-menu:hover {
    text-decoration: none;
    color: white;
  }

  footer li {
    padding: 0 10px;
    border-left: 3px solid white;
  }

  /* footer .flex-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  } */

  footer .flex-container-pc {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  footer .flex-container-pc p {
    margin-right: 30px;
  }

  footer .flex-container-mobile {
    display: none;
  }

  footer .phone {
    margin-right: 4%;
  }

  footer .address {
    margin-right: 4%;
  }

  footer .copyright {
    text-align: center;
  }
}

/* モバイル画面のフッター */
@media screen and (max-width: 1049px) {
  .main-contents footer {
    padding-top: 30px;
    font-size: 16px;
    color: white;
    background-color: #477e00;
  }

  footer ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  footer .footer-menu {
    /* width: 110px; */
    width: 150px;
    margin-left: 10%;
    margin-bottom: 10px;
    font-weight: 600;
    text-decoration: none;
    color: white;
  }

  footer .footer-menu:hover {
    text-decoration: none;
    color: white;
  }

  footer li {
    padding: 0 10px;
    border-left: 1px solid white;
  }

  /* footer .flex-container {
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
  } */

  footer .flex-container-pc {
    display: none;
  }

  footer .flex-container-mobile {
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
  }

  footer .flex-container-mobile p {
    margin-bottom: 0px;
  }

  footer .phone {
    margin-bottom: 10px;
  }

  footer .address {
    margin-bottom: 10px;
  }

  footer .copyright {
    text-align: center;
  }
}





/* PC,モバイル画面のトップページを作成中に出た没コードです */

/* Legend */
/* .legend{
    border: 500px solid transparent;
    border-left:800px solid rgba(52, 73, 94, .7);
    border-bottom: 0;
    position: absolute;
    bottom: 0;
} */

/* いらないコード */
/* @-webkit-keyframes content-s{
    0%{left:-420px;}
    10%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
}

@-moz-keyframes content-s{
    0%{left:-420px;}
    10%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
}

@keyframes content-s{
    0%{left:-420px;}
    10%{left:20px;}
    15%{left:0px;}
    30%{left:0px;}
    40%{left:0px;}
    50%{left:0px;}
    60%{left:0px;}
    70%{left:0;}
    80%{left:-420px;}
    90%{left:-420px;}
    100%{left:-420px;}
} */

/* 一時的にコメントアウト中 */
/* 追記：完全に没のコードになりました */

/* .main-contents .slide-show {
    position: relative;
    width: 1360px;
    height: 408px;
    overflow: hidden;
    margin: auto;
}

.main-contents .main-img {
    display: block;
    position: absolute;
    width: inherit;
    height: inherit;
    left: 100%;
    animation: slide-anime 16.5s ease infinite;
    min-width: 800px;
} */

/* アニメーションの開始時間 */
/* .slide-show .main-img:nth-of-type(1) {animation-delay: 0s;}
.slide-show .main-img:nth-of-type(2) {animation-delay: 5.5s;}
.slide-show .main-img:nth-of-type(3) {animation-delay: 11s;}

@keyframes slide-anime{
    0% {left: 100%;}
    15% {left: 0;}
    35% {left: 0;}
    45% {left: -100%;}
    100% {left: -100%;}
}

.main-img .top-title {
    position: absolute;
    top: 35%;
    left: 25%;
    font-size: 64px;
    color: white;
} */




/* .drawer .close-box {
  margin-right: 15px;
  cursor: pointer;
} */

/* ハンバーガーメニューのチェックボックスを非表示 */
/* .drawer .drawer-hidden {
  display: none;
} */

/* アイコンをクリックしたら */


/* 名和産業HPから引用した、参考用コード */
/* .drawer-hidden:checked ~ .open-box .icon:before {
  transform: rotate(-45deg);
  top: 0;
}
.drawer-hidden:checked ~ .open-box .icon:after {
  transform: rotate(45deg);
  top: 0;
}

.icon,
.icon:before,
.icon:after {
  transition: all 0.8s;
} */

/* コミットバグの産物 */
/* .container{
  overflow-x: hidden;
} */

/* ハンバーガーメニューをチェック時、中身を表示する */
/* .nav-toggle:checked ~ .side-menu .menu-ber .menu {
  display: block;
} */

/* ハンバーガーメニューのチェックボックスを非表示 */
/* .mobile-header .nav-toggle {
  display: none;
} */

/* 参考にしたサイトのチェックボックス */
/* .humberger .nav-bar-opener {
  visibility:hidden;
  display: inline-block;
	position: absolute;
	top: 39%;
	right: 5px;
	z-index: 5;
	transition: transform .5s;
} */

/* .nav-bar-opener .top-btn {
  
} */

/* .navbar-links.show {
  top: 0;
} */

/* サイトに載っていた要素を回転させるプロパティ。今回は不要 */
/* .nav-bar-opener.show{
	transform: rotate(180deg);
} */

/* .nav-toggle:checked ~ .btn-burger .icon {
  background: transparent;
  cursor: pointer;
} */

/*ハンバーガーアイコン*/
/* .icon, .icon:before, .icon:after {
  position: absolute;
  width: 60px;
} */

/* .menu_ber .btn-burger {
  display: block;
  width: 56px;
  top: 16px;
  right: 15px;
  position: fixed;
  height: auto;
} */

/* .nav-toggle:checked ~ .btn-burger .icon {
  background: transparent;
}

.nav-toggle:checked ~ .btn-burger .icon:before {
  transform: rotate(-45deg);
  top: 0;
}

.nav-toggle:checked ~ .btn-burger .icon:after {
  transform: rotate(45deg);
  top: 0;
}

.icon,
.icon:before,
.icon:after {
  transition: all .8s;
} */


/* ラジオボタンをチェックし、画像をスライドさせる（没コード） */
/* #slide2:checked ~ .slides {
  transform: translateX(0);
}
#slide4:checked ~ .slides {
  transform: translateX(calc(-100% / 3));
}
#slide6:checked ~ .slides {
  transform: translateX(calc(-100% / 3 * 2));
} */
/* .button-hidden input:nth-of-type(2):checked ~ .slides {
  margin-left: -100%;
} */