@charset "UTF-8";
.section-top {
  width: 100%;
  height: 240px;
  background-image: url("../images/camp-site_heroimage.jpg");
  background-size: cover;
  margin-bottom: 40px;
}
.section-top .section-top_filter {
  width: 100%;
  height: 240px;
  background-color: rgba(0, 0, 0, 0.3);
}
.section-top h1 {
  font-family: toppan-bunkyu-mincho-pr6n, "凸版文久見出し明朝 Std EB", "小塚明朝 Pro", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  color: #FFF;
  padding-top: 100px;
}

@media (min-width: 980px) {
  .section-top {
    height: 500px;
    margin-bottom: 60px;
  }
  .section-top .section-top_filter {
    height: 500px;
  }
  .section-top h1 {
    font-size: 3.6rem;
    padding-top: 235px;
  }
}
.section-free_site, .section-auto_site, .section-cottage {
  margin-bottom: 60px;
}
.section-free_site h2, .section-auto_site h2, .section-cottage h2 {
  font-size: 3.6rem;
  border-bottom: solid 2px #0066CC;
  margin: 0 10% 0;
  padding-bottom: 10px;
  font-family: Arial, Helvetica, "sans-serif";
}
.section-free_site h3, .section-auto_site h3, .section-cottage h3 {
  font-size: 1.8rem;
  padding-top: 5px;
  margin-bottom: 20px;
}

@media (min-width: 980px) {
  .section-free_site, .section-auto_site, .section-cottage {
    margin-bottom: 60px;
  }
  .section-free_site h2, .section-auto_site h2, .section-cottage h2 {
    margin: 0 40% 0;
    padding-bottom: 15px;
  }
  .section-free_site h3, .section-auto_site h3, .section-cottage h3 {
    font-size: 1.8rem;
  }
  .section-cottage {
    margin-bottom: 120px;
  }
}
/*slickの設定*/
.gallery {
  position: relative;
  margin-bottom: 10px;
}
.gallery li {
  list-style: none;
}
.gallery .gallery-imeges {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  vertical-align: bottom;
}
.gallery .slick-track {
  transform: unset !important;
}

.choice-btn li {
  cursor: pointer;
  list-style: none;
  background: #333;
}
.choice-btn li .thumbnail {
  width: 100%;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  vertical-align: bottom;
  opacity: 0.4;
}
.choice-btn li.slick-current img {
  opacity: 1;
}
.choice-btn .slick-track {
  transform: unset !important;
}

@media (min-width: 980px) {
  .gallery {
    margin: 0 auto 30px;
    max-width: 80%;
  }
  .gallery .gallery-imeges {
    height: 600px;
    -o-object-position: bottom;
       object-position: bottom;
  }
  .choice-btn {
    max-width: 80%;
    margin: 0 auto 0;
  }
  .choice-btn li {
    vertical-align: bottom;
  }
  .choice-btn li .thumbnail {
    height: 60px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.site-discription {
  margin: 30px 10% 30px;
  text-align: left;
}

@media (min-width: 980px) {
  .site-discription {
    margin: 40px 10% 40px;
    font-size: 1.8rem;
  }
}
.site-detail {
  list-style: none;
  text-align: left;
  border: solid 2px #00B5D0;
  border-radius: 5px;
  margin: 0 10% 30px;
}
.site-detail li {
  display: flex;
  border-bottom: 1px solid #aaaaaa;
}
.site-detail li p {
  width: 50%;
  padding: 5px 10px;
}
.site-detail li p:first-child {
  background-color: #00B5D0;
}
.site-detail li p:last-child {
  text-align: center;
}
.site-detail li:last-child {
  border-bottom: none;
}

.memo {
  text-align: left;
  margin: -30px 10% 30px;
}

.price_list {
  border: 2px solid #00B5D0;
  border-radius: 5px;
  margin: 0 10% 40px;
}
.price_list h3 {
  padding: 10px 0 2px;
  margin: 0 auto;
  border-bottom: solid 2px #0066CC;
  width: 25%;
}
.price_list ul {
  list-style: none;
  padding: 30px 10% 20px;
}
.price_list ul li {
  display: flex;
  border-bottom: 1px dotted #aaaaaa;
}
.price_list ul li p {
  flex-wrap: nowrap;
}
.price_list ul li p:first-child {
  text-align: left;
  flex-grow: 1;
}
.price_list ul li p:nth-child(2) {
  text-align: center;
  flex-grow: 1;
}
.price_list ul li p:last-child {
  text-align: right;
  flex-grow: 0;
}

@media (min-width: 980px) {
  .flex-change {
    display: flex;
    margin: 0 10% 50px;
  }
  .flex-change p {
    font-size: 1.8rem;
  }
  .site-detail {
    flex-wrap: nowrap;
    flex: 1 1 50%;
    margin: 0 5px 0;
  }
  .memo {
    font-size: 1.8rem;
  }
  .price_list {
    flex-wrap: nowrap;
    flex: 1 1 50%;
    margin: 0 5px 0px;
  }
  .flex-doc {
    flex: 1 1 50%;
  }
  .flex-doc .memo {
    margin: auto;
  }
  .flex-doc2 {
    flex: 1 1 50%;
  }
  .flex-doc2 .price_list ul {
    padding: 30px 10% 11%;
  }
  .flex-doc3 {
    flex: 1 1 50%;
  }
  .flex-doc3 ul {
    padding-bottom: 15%;
  }
}/*# sourceMappingURL=camp_site.css.map */