@charset "UTF-8";

.contentBox {
  width: 100%;
}

.contentBox .inner {
  width: 1022px;
  margin: 0 auto;
}

.contentBox h2 {
  font-family: "Hiragino Sans";
  color: #00a0e9;
  text-align: center;
  font-size: 2.1rem;
  font-weight:bold;
}

@media only screen and (max-width: 767px) {
  /*スマホ*/

  .contentBox .inner {
    width: 100%;
    margin: 0;
  }

  .contentBox p {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .contentBox h2 {
    font-family: "Hiragino Sans";
    color: #00a0e9;
    font-size:6vw;
  }
}

/* MAP */

#img_map {
  width: 700px;
  height: auto;
  margin: 0 auto 30px auto;
}

#map {
  width: 900px;
  height: 350px;
  margin: 0 auto 10px auto;
  z-index: 1;
}
.mapcaption {
  text-align: right;
  padding-right: 50px;
  font-size: 120%;
  margin: 0 auto 30px auto;
}
.gym_info {
  width: 700px;
  margin: 0 auto 60px auto;
}

.gym_info a,
.gym_info a:hover {
  text-decoration: none;
  color: #333;
}

.gym_info table {
  width: 100%;
}

.gym_info h3 {
  text-align: center;
}

.gym_info h3 img {
  height: 60px;
}

.gym_info table {
  border-top: #bcbcbc solid 1px;
}

.gym_info table th,
td {
  border-top: #bcbcbc dashed 1px;
  padding: 14px 0;
}

.gym_info table .info_f {
  border-top: none;
}

.gym_info table th {
  text-align: left;
  font-weight: normal;
  color: #8f8f8f;
}

.gym_access {
  margin-bottom: 60px;
}

.gym_access p {
  text-align: center;
  margin-bottom: 20px;
}

.gym_access ul {
  margin-bottom: 60px;
  width: 1022px;
}

.gym_access ul li {
  width: 245px;
  margin-left: 14px;
  float: left;
}

.gym_access ul li:first-child {
  margin-left: 0;
}

.gym_access ul li img {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  /*スマホ*/

  #img_map {
    width: 94%;
    height: auto;
    margin: 0 auto 30px auto;
  }

  /* MAP */
  #map {
    width: 94%;
    height: 280px;
    z-index: 1;
  }
  .mapcaption {
    padding-right: 2em;
    font-size: 100%;
  }
  .gym_info {
    width: 94%;
    margin: 0 auto 60px auto;
  }

  .gym_info table {
    width: 100%;
  }

  .gym_info h3 {
    text-align: center;
  }

  .gym_info h3 img {
    height: 60px;
  }

  .gym_info table {
    border-top: #bcbcbc solid 1px;
  }

  .gym_info table th,
  td {
    border-top: #bcbcbc dashed 1px;
    padding: 14px 0;
  }

  .gym_info table .info_f {
    border-top: none;
  }

  .gym_info table th {
    text-align: left;
    font-weight: normal;
    color: #8f8f8f;
  }

  .gym_access {
    width: 94%;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .gym_access p {
    text-align: center;
    margin-bottom: 20px;
  }

  .gym_access ul {
    margin-bottom: 60px;
    width: 100%;
  }

  .gym_access ul li {
    width: 48%;
    margin-left: 4%;
    float: left;
    font-size: 90%;
  }

  .gym_access ul li:first-child {
    margin-left: 0;
    margin-bottom: 22px;
  }

  .gym_access ul li.list02 {
    margin-bottom: 22px;
  }

  .gym_access ul li.list03 {
    margin-left: 0;
  }

  .gym_access ul li img {
    margin-bottom: 8px;
    width: 100%;
  }

  .gym_naikan img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

/* img */
.gym_naikan p {
  line-height: 1.5;
  width: 900px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.b_img {
  width: 675px;
  height: 525px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.gymimg .photo_big {
  width: 100%;
}

.gymimg ul li {
  width: 245px;
  margin-left: 14px;
  margin-bottom: 14px;
  float: left;
}

.gymimg ul li:nth-child(4n + 1) {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  /*スマホ*/
  .gym_naikan {
    width: 94%;
    margin: 0 auto 30px auto;
  }

  .gym_naikan p {
    width: 94%;
    margin: 0 auto 30px auto;
  }

  .b_img {
    width: 94%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .gymimg .photo_big {
    width: 100%;
  }

  .gym_naikan ul {
    width: 100%;
  }

  .gym_naikan ul li {
    width: 23%;
    margin-left: 2%;
    float: left;
  }

  .gym_naikan ul li:first-child {
    margin-left: 0;
  }
}