.pc {
  display: none;
}

.sp {
  display: block;
}

.linkAera .link-txt {
  margin-top: 3%;
  font-size: 12px;
}
.linkAera .linkBtn {
  margin: 0 auto;
  width: 75%;
  margin-top: 8%;
}

#nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
#nav ul {
  width: 100%;
}
#nav ul li {
  background: #967869;
  text-align: center;
  border: 1px solid #fff;
}
#nav ul li a {
  display: block;
  padding: 20px 0 20px 0;
  color: #fff;
  font-size: 4vw;
}

.main-container {
  margin: 0 auto;
  background-color: #F5F0E6;
  padding-bottom: 20%;
}
.main-container #top {
  position: relative;
  padding-top: 10%;
}
.main-container #top .cplogo {
  background-color: #fff;
  text-align: center;
}
.main-container #top .cplogo img {
  padding: 4% 0;
  width: 80%;
}
.main-container #top .ttl-icon {
  position: absolute;
  width: 25%;
  top: 43%;
  left: 3%;
}
.main-container #top .cover-ttl {
  position: absolute;
  width: 80%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.main-container #top .cover {
  margin-top: 85%;
  margin-left: 10%;
  width: 90%;
}
.main-container #top .item01 {
  position: absolute;
  top: -4%;
  left: 10%;
  width: 30%;
}
.main-container #top .item01 img {
  width: 100%;
}
.main-container #top .item02 {
  position: absolute;
  top: 18%;
  right: -8%;
  width: 15%;
}
.main-container #top .item02 img {
  width: 100%;
}
.main-container #top .item03 {
  position: absolute;
  top: 36%;
  left: -5%;
  width: 15%;
}
.main-container #top .item03 img {
  width: 100%;
}
.main-container #top .item04 {
  position: absolute;
  top: 39%;
  right: -2%;
  width: 20%;
}
.main-container #top .item04 img {
  width: 100%;
}
.main-container #contents {
  margin-top: 12%;
}
.main-container #contents .whatroom {
  position: relative;
  padding-top: 10%;
}
.main-container #contents .whatroom .roomttl {
  position: absolute;
  top: 1%;
  left: -18%;
  width: 100%;
}
.main-container #contents .whatroom .inner {
  padding: 12% 5% 10% 10%;
  margin-right: 10%;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  background-color: #fff;
}
.main-container #contents .whatroom .inner h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  color: #EBAFB9;
  margin-bottom: 5%;
}
.main-container #contents .whatroom .inner p {
  margin-top: 5%;
}
.main-container #contents .reservation {
  position: relative;
  margin-top: 25%;
  background-image: url(../img/back.webp);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 15% 0;
}
.main-container #contents .reservation .reservation-item {
  position: absolute;
  top: -20%;
  right: 5%;
  width: 35%;
}
.main-container #contents .reservation .reservation-item img {
  width: 100%;
}
.main-container #contents .reservation h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5%;
}
.main-container #contents .reservation h3 span {
  font-size: 20px;
}
.main-container #contents .reservation .btn {
  width: 80%;
  margin: 0 auto;
}
.main-container #contents .reservation .btn a {
  background-color: #fff;
  padding: 4%;
  border-radius: 50px;
  display: block;
  color: #7DBED7;
  width: 100%;
  font-size: 18px;
  text-align: center;
}
.main-container #contents .room-point {
  margin-top: 30%;
}
.main-container #contents .room-point .point-ttl {
  margin-bottom: 10%;
}
.main-container #contents .room-point .point-room-inner {
  margin-bottom: 10%;
}
.main-container #contents .room-point .omiyageaera {
  margin-top: 15%;
}
.main-container #contents .room-point .omiyageaera dd {
  margin-top: 5%;
}
.main-container #contents .room-point .price {
  margin-top: 10%;
  margin-right: 10%;
}
.main-container #contents .room-point .packplan {
  padding: 12% 10% 10% 10%;
  margin-left: 10%;
  margin-top: 10%;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #fff;
}
.main-container #contents .room-point .packplan h3 {
  color: #EBAFB9;
  font-size: 18px;
  margin-bottom: 5%;
  font-weight: 600;
  line-height: 1.65;
}
.main-container #contents .room-point .packplan h3 span {
  font-size: 28px;
}
.main-container #contents .room-point .packplan .btn {
  width: 80%;
  margin: 0 auto;
}
.main-container #contents .room-point .packplan .btn a {
  background-color: #fff;
  padding: 4%;
  border-radius: 50px;
  display: block;
  color: #EBAFB9;
  width: 100%;
  font-size: 18px;
  text-align: center;
}
.main-container #contents .line {
  position: relative;
  margin-top: 20%;
  text-align: center;
}
.main-container #contents .line h3 {
  color: #EBAFB9;
  font-size: 14px;
  margin-bottom: 5%;
  font-weight: 600;
  line-height: 1.5;
}
.main-container #contents .line h3 span {
  font-size: 26px;
}
.main-container #contents .line .btn {
  width: 80%;
  margin: 0 auto;
}
.main-container #contents .line .btn a {
  background-color: #fff;
  padding: 4%;
  border-radius: 50px;
  display: block;
  color: #EBAFB9;
  width: 100%;
  font-size: 18px;
  text-align: center;
}/*# sourceMappingURL=style_sp.css.map */