@charset "UTF-8";
@media (max-width: 991.98px) {
  html {
    font-size: 14px;
    overflow-x: hidden;
  }
  body {
    min-width: 100%;
  }
  /* ===================================

   Common header

=================================== */
  #header {
    margin-top: -70px;
    padding-top: 70px;
  }
  .header {
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
  }
  .header__left {
    font-size: 13px;
  }
  .header__left a {
    text-align: center;
  }
  .header__left img {
    height: 42px;
    width: auto;
  }
  .header-nav {
    margin-left: 8px;
  }
  .header-hint, .header-sns {
    width: 32px;
  }
  .header-hint {
    margin-right: 4px;
  }
  .contents {
    margin-top: 70px;
  }
  #news,
#campingcar,
#rvsmart {
    margin-top: -70px;
    padding-top: 70px;
    display: block;
  }
  /* ===================================

   ハンバーガーメニュー

=================================== */
  #nav-open {
    width: 32px;
  }
  .header-nav-line {
    width: 32px;
  }
  #navDrawerInner {
    padding: 0 24px 32px;
  }
  .navDrawer {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 299;
  }
  /* ===================================

   Home Cover

=================================== */
  .slick-dotted.slick-slider {
    padding-bottom: 30px;
  }
  .slick-dots {
    height: 30px;
  }
  .slick-dots li {
    margin: 0;
  }
  .slick-prev,
.slick-next {
    bottom: 4px;
  }
  .slick-prev::before,
.slick-next::before {
    font-size: 16px;
  }
  .slick-prev {
    left: 5px;
  }
  .slick-next {
    right: 5px;
  }
  .slick-dots li button:before {
    top: -1px;
    font-size: 10px;
  }
  /* ===================================

   main nav

=================================== */
  .mainNav a {
    height: 90px;
  }
  .mainNav-icon {
    height: 70%;
  }
  .mainNav-icon img {
    width: auto;
    height: 75%;
  }
  .mainNav-ttl {
    height: 30%;
    font-size: 13px;
    line-height: 1;
  }
  /* ===================================

  section

=================================== */
  .sectionCommon {
    padding: 30px 0;
  }
  .ttl {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .ttl-border {
    padding-bottom: 3px;
    border-bottom-width: 2px;
  }
  .ttl-border img {
    width: 50px;
  }
  .ttl-sub {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 24px;
  }
  .btnArea-item {
    width: calc( (100% - 10px) / 2);
  }
  .btnArea a {
    display: block;
    color: #fff;
    padding: 8px 0;
    position: relative;
  }
  .btnArea a span {
    padding: 4px 0;
    font-size: 18px;
    font-weight: normal;
  }
  .btnArea a span::before {
    width: 1px;
  }
  .btnArea a::before {
    width: 36px;
  }
  .btnArea a.howto::before {
    background-size: 15px;
  }
  .btnArea a.reservation::before {
    background-size: 30px;
  }
  /* ===================================

  news

=================================== */
  .newsItem {
    margin-bottom: 40px;
  }
  .newsItem-img {
    margin-bottom: 10px;
  }
  .newsItem-txt {
    display: block;
    line-height: 1.4;
  }
  .newsItem a {
    text-decoration: underline;
  }
  .newsMore a {
    padding: 16px 32px 16px 0;
  }
  .newsMore a::after {
    font-size: 20px;
  }
  /* ===================================

  パンくずリスト
  
=================================== */
  .breadcrumbs {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 8px;
  }
  .breadcrumbs ul li {
    margin: 0 2px;
    font-size: 10px;
    float: none;
    display: inline-block;
    white-space: nowrap;
  }
  /* ===================================

  コンテンツページ
  
=================================== */
  .pageHeader {
    padding: 30px 0;
  }
  .pageTitle {
    font-size: 20px;
  }
  .pageTitle-hint {
    text-align: center;
  }
  .pageTitle-hint img {
    width: 36px;
  }
  /* ===================================

  コンテンツページ
  
=================================== */
  .pageListHeader {
    padding: 30px 0;
  }
  .pageListTitle {
    font-size: 20px;
  }
  .pageListTitle-img img {
    max-width: 100px;
  }
  .pageListTitle-hint img {
    max-width: 32px;
  }
  .pageDetailHeader {
    padding: 20px 0 25px;
  }
  .pageDetailTitle {
    font-weight: bold;
    font-size: 24px;
    border-bottom: solid 2px #0A0A0A;
    padding-bottom: 3px;
    margin-bottom: 8px;
  }
  /* ===================================

  キャンピングカー泊　施設一覧
  
=================================== */
  .list-area {
    font-size: 16px;
    padding: 8px;
    margin-bottom: 20px;
  }
  .list-name {
    margin-bottom: 4px;
  }
  .list-name a {
    font-size: 17px;
  }
  .list-date {
    margin-bottom: 4px;
  }
  .list .campingcar__list {
    margin-bottom: 40px;
  }
  /* ===================================

  キャンピングカー泊　詳細
  
=================================== */
  .detailMainPhoto {
    margin-bottom: 12px;
  }
  .detailBtn {
    margin-bottom: 16px;
  }
  .detailBtn-item {
    height: 90px;
    padding: 8px;
  }
  .detailBtn-item span {
    font-weight: normal;
  }
  .detailBtn-item span:first-child {
    font-size: 16px;
    padding-bottom: 4px;
  }
  .detailBtn-item span:last-child {
    font-size: 14px;
    padding-top: 4px;
  }
  .detailInfo1 {
    margin-bottom: 16px;
    margin-right: -15px;
  }
  .detailInfo1-icon {
    width: 22%;
    /*height: 80px;*/
    height: 50px;
    border-radius: 5px;
    margin: 0px 2px 0px 0px;
  }
  .detailInfo2-icon {
    width: 22%;
    height: 80px;
    /*height: 50px;*/
    border-radius: 5px;
    margin: 0px 2px 0px 0px;
  }
  .detailInfo1 span:first-child {
    height: 50%;
    align-items: center;
    padding: 4px 8px 0;
  }
  .detailInfo1 span:first-child img {
    width: auto;
    height: 75%;
  }
  .detailInfo1 span:last-child {
    height: 50%;
    align-items: center;
    line-height: 1.2;
    /*font-size: 12px;*/
    font-size: 11px;
  }

  .detailInfoIcon {
    margin-bottom: -5px;
    /*padding: 0px 63px 0px 0px;*/
    padding: 0px 0px 0px 0px;
  }
  .detailInfoIcon-icon {
    width: 22%;
    height: 50px;
    border-radius: 5px;
    margin: 0px 2px 0px 0px;
    /* text-orientation: upright; */
    /* float: left; */
    /* display: inline-block; */
  }
  .detailInfoIcon span:first-child {
    height: 50%;
    align-items: center;
    padding: 4px 8px 0px;
  }
  .detailInfoIcon span:first-child img {
    width: auto;
    height: 75%;
  }
  .detailInfoIcon span:last-child {
    height: 50%;
    align-items: center;
    line-height: 1.2;
    font-size: 8px;
  }

  .detailInfo2 {
    margin-bottom: 16px;
  }
  .detailInfo2-item {
    width: 100%;
    background: #2C64BE;
    color: #fff;
    margin-bottom: 6px;
  }
  .detailInfo2-item th, .detailInfo2-item td {
    padding: 8px 4px;
  }
  .detailInfo2-item th {
    border-right: solid 2px #fff;
    width: 25%;
    font-weight: normal;
  }
  
/* ===================================

   アイコン

=================================== */
/* 利用料金 */
.detailInfo2-item-usageFee {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-usageFee th,
.detailInfo2-item-usageFee td {
  padding: 12px;
}
.detailInfo2-item-usageFee th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-usageFee {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-usageFee th,
.detailInfo2-item-usageFee td {
  padding: 12px;
}
.detailInfo2-item-usageFee th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    content: "\f157";
}

/* 利用時間 */
.detailInfo2-item-utilizationTime {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-utilizationTime th,
.detailInfo2-item-utilizationTime td {
  padding: 12px;
}
.detailInfo2-item-utilizationTime th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-utilizationTime {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-utilizationTime th,
.detailInfo2-item-utilizationTime td {
  padding: 12px;
}
.detailInfo2-item-utilizationTime th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    content: "\f017";
}

/* 予約受付 */
.detailInfo2-item-reservationReception {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-reservationReception th,
.detailInfo2-item-reservationReception td {
  padding: 12px;
}
.detailInfo2-item-reservationReception th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-reservationReception {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-reservationReception th,
.detailInfo2-item-reservationReception td {
  padding: 12px;
}
.detailInfo2-item-reservationReception th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    content: "\f044";
}

/* 車室枠 */
.detailInfo2-item-carRoomFrame {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-carRoomFrame th,
.detailInfo2-item-carRoomFrame td {
  padding: 12px;
}
.detailInfo2-item-carRoomFrame th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-carRoomFrame {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-carRoomFrame th,
.detailInfo2-item-carRoomFrame td {
  padding: 12px;
}
.detailInfo2-item-carRoomFrame th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    /*content: "\f5b6";*/
    content: "\f0d1";
}

/* トイレ */
.detailInfo2-item-toilet {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-toilet th,
.detailInfo2-item-toilet td {
  padding: 12px;
}
.detailInfo2-item-toilet th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-toilet {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-toilet th,
.detailInfo2-item-toilet td {
  padding: 12px;
}
.detailInfo2-item-toilet th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    /*content: "\f7bd";*/
    content: "\f182";
}

/* 水場の使用 */
.detailInfo2-item-useOfWater {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfWater th,
.detailInfo2-item-useOfWater td {
  padding: 12px;
}
.detailInfo2-item-useOfWater th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-useOfWater {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfWater th,
.detailInfo2-item-useOfWater td {
  padding: 12px;
}
.detailInfo2-item-useOfWater th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    /*content: "\f3b1";*/
    content: "\f043";
}


/* Wifiの使用 */
.detailInfo2-item-useOfWifi {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfWifi th,
.detailInfo2-item-useOfWifi td {
  padding: 12px;
}
.detailInfo2-item-useOfWifi th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-useOfWifi {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfWifi th,
.detailInfo2-item-useOfWifi td {
  padding: 12px;
}
.detailInfo2-item-useOfWifi th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    content: "\f1eb";
}


/* 火の使用 */
.detailInfo2-item-useOfFire {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfFire th,
.detailInfo2-item-useOfFire td {
  padding: 12px;
}
.detailInfo2-item-useOfFire th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-useOfFire {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-useOfFire th,
.detailInfo2-item-useOfFire td {
  padding: 12px;
}
.detailInfo2-item-useOfFire th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    /*content: "\f3b1";*/
    content: "\f06d";
}

/* ペットの宿泊可否 */
.detailInfo2-item-pet {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-pet th,
.detailInfo2-item-pet td {
  padding: 12px;
}
.detailInfo2-item-pet th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-pet {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-pet th,
.detailInfo2-item-pet td {
  padding: 12px;
}
.detailInfo2-item-pet th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    /*content: "\f6d3";*/
    content: "\f1b0";
    /*content: "\f6d4";*/
}


/* 食事処 */
.detailInfo2-item-restaurant {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-restaurant th,
.detailInfo2-item-restaurant td {
  padding: 12px;
}
.detailInfo2-item-restaurant th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-restaurant {
  width: 100%;
  background: #2C64BE;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-restaurant th,
.detailInfo2-item-restaurant td {
  padding: 12px;
}
.detailInfo2-item-restaurant th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 5px 0px 0px;
    margin: auto;
    /*content: "\e2eb";*/
    /*content: "\f79f";*/
    /*content: "\f4e3";*/
    /*content: "\f2e7";*/
    /*content: "\f5a7";*/
    /*content: "\f80f";*/
    /*content: "\f54f";*/
    content: "\f0f4";
}

/* 利用者特典 */
.detailInfo2-item-userBenefits {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-userBenefits th,
.detailInfo2-item-userBenefits td {
  padding: 12px;
}
.detailInfo2-item-userBenefits th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-userBenefits {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-userBenefits th,
.detailInfo2-item-userBenefits td {
  padding: 12px;
}
.detailInfo2-item-userBenefits th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    content: "\f06b";
}

/* 注意点 */
.detailInfo2-item-importantPoint {
  width: 100%;
  background: #7F6000;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-importantPoint th,
.detailInfo2-item-importantPoint td {
  padding: 12px;
}
.detailInfo2-item-importantPoint th {
  border-right: solid 2px #fff;
  width: 35%;
  font-weight: normal;
}
.detailInfo2-item-importantPoint {
  width: 100%;
  background: #EC2552;
  color: #fff;
  margin-bottom: 12px;
}
.detailInfo2-item-importantPoint th,
.detailInfo2-item-importantPoint td {
  padding: 12px;
}
.detailInfo2-item-importantPoint th:first-child::before {
    width: 20%;
    font-weight: normal;
    font-family: 'FontAwesome';
    padding: 0 3px 0px 0px;
    margin: auto;
    content: "\f06a";
}


/* 地図iframe */
.sectionaccess {
    background: #fff;
    margin: 20px auto 0;
    padding: 10px 10px;
}

#access .address {
    margin: 0 0 10px;
    font-weight: bold;
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 180px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  
  .detailReservationImg {
    margin-bottom: 16px;
  }
  /* ===================================

  標準ページ

=================================== */
  .pageHeader {
    padding: 30px 0;
  }
  .pageTitle {
    font-size: 18px;
  }
  .pageMokuji {
    font-size: 16px;
  }
  .pageMokuji-body a {
    padding: 4px 0;
  }
  .pageBody {
    padding-bottom: 40px;
  }
  .flow {
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1rem;
  }
  .flow .order-1 {
    margin-bottom: 16px;
  }
  .pageBody-ttl + .flow {
    padding-top: 0;
  }
  span.num {
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    font-size: .8rem;
  }
  ul.kome {
    margin-top: .5em;
    font-size: .9rem;
  }

.internalLinkBody {
    background: #f0f0f0;
    /*margin-bottom: 40px;*/
	margin-top: 30px;
}

.internalLinkBodyList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px 19px;
    /*padding: 18px 20px;*/
}

.internalLinkBodyItems {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 95px;
    /*width: 115px;*/
    /*padding: 10px 0px 10px 20px;*/
    margin: 10px;
	text-decoration: underline;
}

.internalLinkBodyAnchor {
    /*font-weight: bold;*/
    /*padding-left: 14px;*/
    position: relative;
    /*font-size: 12px;*/
    font-size: 14px;
}

.internalLinkBodyAnchor:before {
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 4px;
    content: '\f077';
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #1A6AD8;
    position: absolute;
    top: 9px;
    bottom: 0;
    /* right: 83px; */
    left: -8px;
    margin: auto;
    text-align: center;
}

  /* ===================================

  お問い合わせ表組み
  
=================================== */
  table.contact th, table.contact td {
    display: block;
    width: 100%;
  }
  table.contact input[type="text"],
table.contact input[type="email"] {
    padding: 12px 3px;
    width: 100%;
    font-size: 16px;
    border: solid 1px #cfcfcf;
  }
  /* ===================================

  footer

=================================== */
  .footer-nav {
    text-align: center;
  }
  .footer-nav li {
    margin-right: 8px;
    padding-right: 8px;
    font-size: 14px;
  }
  .copyright {
    margin: 24px 0 16px;
    font-size: 12px;
  }
  .copyright-logo img {
    max-width: 120px;
  }
  /* ===================================

  ページトップボタン
  
=================================== */
  #page-top,
#page-top a {
    /*width: 45px;*/
    width: 55px;
    height: 45px;
    /*width: 80px;
    height: 80px;*/
  }
  #page-top a::after {
    font-size: 18px;
    top: 12px;
  }
}