@charset "utf-8";
@import url(/css/common.css);

* {
  margin: 0;
  padding: 0;
}

.main-image {
  padding-top: 120px;
  margin-bottom: -18px;
}

.loghouse-cottage {
  text-align: center;
  font-size: 16px;
  font-family: "Zen Old Mincho", sans-serif;
  background-color: rgb(191, 233, 219);
  margin: 0 auto;
}

h2 {
  text-align: center;
  padding-top: 50px;
}

/* ログハウスサイトボタン */
a.btn01 {
  display: block;
  text-align: center;
  /* vertical-align: middle; */
  text-decoration: none;
  width: 230px;
  margin: auto;
  padding: 0.5rem 2rem;

  border: 2px solid #27acd9;
  background: #27acd9;
  color: #fff;
  border-radius: 90vh;
  transition: 0.5s;
  margin: 0 auto;
  font-size: 15px;
  letter-spacing: 1px;
}
a.btn01:hover {
  color: #27acd9;
  background: #fff;
}

/* 料金表ログハウス・コテージ・松原荘 */
#price {
  width: 1000px;
  margin: 0 auto;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pricecards {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 20px;
}
.pricecard {
  flex: 0 0 33%;
  text-align: center;
  border: 1px solid #eee;
  padding-bottom: 1rem;
  box-sizing: border-box;
  margin: 0 auto 3em;
}
.pricecard h3 {
  background: #27acd9;
  color: #fff;
  padding: 10px;
  margin: 0;
}
.pricecard h4 {
  font-size: 200%;
  margin: 0 auto;
  padding: 1rem 0 0;
}
.pricecard.premium h4 {
  padding: 20px;
}
.pricecard p {
  margin: 0;
  padding: 1rem;
  text-align: left;
}
.chusyajyo {
  font-size: 20px;
  font-weight: bold;
}
.tent {
  font-size: 20px;
  font-weight: bold;
}
.dantai {
  font-size: 80%;
}

.price-c {
  margin-top: 10%;
}

/* BBQ、駐車場、テントサイト、ごみ処理ボタン */

.button {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 10% 8%;
}

.btn02 {
  padding-left: 10%;
}

/* BBQ、駐車場、テントサイト、ごみ処理画像 */

.price-i,
.price-p {
  text-align: center;
  max-width: 1000px;
  margin-top: 10%;
}

.price-p {
  margin-top: 1%;
  font-size: 20px;
}

/* 宿泊の方へ、キャンセル電番号 */

.price-bt1 {
  padding-bottom: 3%;
  padding-top: 8%;
}
.price-bt2 {
  padding-bottom: 10%;
  padding-top: 5%;
}