main {
  font-size: 13px;
  line-height: 1.7;
}

.mar-t {
  margin-top: 40px;
}

.main-box {
  position: relative;
}
.main-box .main-img {
  display: block;
}
.main-box .intro {
  background-color: #5a92c2;
  border: 2px solid #f4ec89;
  border-radius: 15px;
  color: #fff;
  padding: 25px;
  position: absolute;
  text-align: center;
  top: 68%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 55%;
}

.down-box {
  display: flex;
}
.down-box .down {
  background-color: #5a92c2;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  padding: 15px;
  text-align: center;
  width: 50%;
}
.down-box .down p {
  width: 100%;
}

.feature {
  background-color: #a2d1f4;
  color: #212121;
  line-height: 1.5;
  position: relative;
}
.feature .feature-top {
  position: relative;
}
.feature .feature-top .feature-ttl {
  color: #3274a5;
  font-size: 16px;
  left: 20px;
  position: absolute;
  top: 20px;
}
.feature .feature-top .feature-ttl span {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 7px;
  padding: 4px 7px;
}
.feature .feature-content {
  background-color: #fff;
  border-radius: 15px;
  margin: 20px;
  padding: 20px;
  position: relative;
  top: -80px;
}
.feature .feature-content h2 {
  background-color: #5a92c2;
  border: 2px solid #f4ec89;
  border-radius: 15px;
  color: #fff;
  margin: 0 auto;
  padding: 15px 25px;
  text-align: center;
  width: 70%;
}
.feature .feature-content h3 {
  margin: 30px 0 15px;
}
.feature .feature-content h3 p {
  background-color: #f4ec89;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.feature .feature-content h3 img {
  display: block;
}
.feature .feature-content p {
  margin: 10px 0;
}
.feature .feature-content .note {
  font-size: 10px;
}
.feature .feature-content .link {
  text-align: right;
}
.feature .feature-content .link a {
  border-bottom: 2px solid #5a92c2;
  color: #212121;
  padding-bottom: 5px;
}
.feature .feature-content .available-store {
  border: 1px solid #212121;
  border-radius: 15px;
  margin-top: 30px;
  padding: 15px;
  position: relative;
}
.feature .feature-content .available-store .store-ttl {
  background-color: #fff;
  padding: 0 10px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}
.feature .feature-content .reserve-box {
  margin: 20px 0;
  text-align: center;
}
.feature .feature-content .reserve-box .reserve-ttl {
  display: flex;
  font-size: 14px;
  margin: 0 auto 10px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
.feature .feature-content .reserve-box .reserve-ttl p {
  margin: 0;
}
.feature .feature-content .reserve-box .reserve-ttl img {
  margin: 0 10px;
}
.feature .feature-content .reserve-box .reserve-link {
  margin: 15px 0;
}
.feature .feature-content .reserve-box .reserve-link a {
  background-color: #f4ec89;
  border-radius: 15px;
  color: #212121;
  display: block;
  margin: 0 auto;
  padding: 12px;
  width: 90%;
}
.feature .feature-content .reserve-box .reserve-link a span {
  font-size: 10px;
}
.feature .feature-content .place {
  font-size: 16px;
  position: relative;
}
.feature .feature-content .place span {
  font-size: 10px;
}
.feature .feature-content .place ::after {
  content: "";
  display: block;
  width: 35px;
  height: 5px;
  background-color: #5a92c2;
  position: absolute;
  top: 30px;
  left: 0;
}
.feature .feature-content .place-img {
  margin: 20px 0 0;
}
.feature .feature-content .shop-box {
  align-items: flex-end;
  display: flex;
  margin-bottom: 15px;
}
.feature .feature-content .shop-box .left {
  width: 60%;
}
.feature .feature-content .shop-box .left img {
  display: block;
}
.feature .feature-content .shop-box .right {
  margin-left: 5%;
  width: 35%;
}
.feature .feature-content .shop-box .right a {
  display: block;
  width: 100%;
}
.feature .msg {
  bottom: -10px;
  display: block;
  position: absolute;
  right: 10px;
}/*# sourceMappingURL=goldenweek.css.map */