/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2026 | 03:39:30 */
.rd-font-outfit{
  font-family: 'Outfit', sans-serif;
}
.rd-shibayama-large-ttl{
  font-size: clamp(41px, 5.4vw, 92px) !important;
}
.rd-shibayama-middle-ttl{
  font-size: clamp(31px, 3.6vw, 62px) !important;
}
.rd-shibayama-location-block{
  background: url(/app/uploads/sites/1351/2025/12/bg-right.webp), url(/app/uploads/sites/1351/2025/12/bg-left.webp);
  background-repeat: no-repeat;
  background-size: 440px, 460px;
  background-position: right top, left bottom 30px;
}
.rd-shibayama-location-block .rd-generalBox{
  background: transparent;
}
@media screen and (max-width: 480px) {
	.rd-shibayama-location-block{
    background-size: 32%, 32%;
    background-position: right top, left bottom 60%;
  }
  .rd-shibayama-location-block .rd-generalBox{
    padding: 70px 24px;
  }
}
.rd-shibayama-point-list{
  margin-top: clamp(38px, 3vw, 54px);
  background: #F2F0EA;
  position: relative;
  width: 80%;
  margin-left: auto;
}
.rd-shibayama-point-list-icon{
  position: absolute;
  width: 100px;
  height: 100px;
  background: url(/app/uploads/sites/1351/2025/12/point-bg.webp) no-repeat center center;
  background-size: contain;
  top: -30px;
  left: -50px;
}
.rd-shibayama-point-list-icon-inner{
  display: flex;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: clamp(10px, 0.8vw, 14px);
}
.rd-shibayama-point-list-num{
  margin-top: 2px;
  font-size: clamp(18px, 2.2vw, 38px);
  display: block;
}
.rd-shibayama-point-list-inner{
  padding: clamp(26px, 3.2vw, 56px);
}
.rd-shibayama-point-list-ttl{
  padding-bottom: clamp(10px, 0.9vw, 16px);
  display: block;
  font-family: var(--rd-ja-font);
  font-size: clamp(14px, 1.4vw, 24px);
  font-weight: 500;
  border-bottom: 1px solid #5EA81E;
  line-height: 1.8;
}
.rd-shibayama-point-list-text{
  padding-top: clamp(10px, 0.9vw, 16px);
  font-family: var(--rd-ja-font);
  font-size: clamp(12px, 1.2vw, 17px);
  line-height: 1.8;
}
@media screen and (max-width: 1310px) {
  .rd-shibayama-point-list-icon{
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 480px) {
  .rd-shibayama-point-list{
    width: 95%;
  }
  .rd-shibayama-point-list-text{
    line-height: 1.6;
  }
  .rd-shibayama-point-list-icon{
    width: 60px;
    height: 60px;
    top: -20px;
    left: -30px;
  }
}
.rd-shibayama-spot-block{
  background: #F2F0EA;
}
.rd-shibayama-spot-block .rd-generalBox{
  background: #F2F0EA;
  padding: clamp(80px, 10vw, 170px) clamp(24px, 6.2vw, 104px);
}
.rd-shibayama-spot-lists .rd-tertiary-heading{
  display: block;
  font-family: var(--rd-gothic-font-db);
}
.rd-shibayama-spot-lists .rd-bodyText{
  margin-top: -12px;
  color: #5EA81E;
}
.rd-shibayama-spot-lists.rd-layout-hasGap {
    gap: 40px 50px;
}
.rd-shibayama-spot-lists.rd-layout-hasGap > .rd-layout-col-3 {
    width: calc((100% - 100px) / 3);
}
.rd-shibayama-spot-block .rd-spot-more-btn::after{
    background: url(/app/uploads/sites/1351/2025/12/link-icon-open.svg) no-repeat center center;
    background-size: 36px auto;
}
.rd-shibayama-spot-block .rd-spot-more-btn.rd-spot-more-btn-is-open::after{
    background: url(/app/uploads/sites/1351/2025/12/link-icon-close.svg) no-repeat center center;
    background-size: 36px auto;
}
@media screen and (max-width: 480px) {
  .rd-shibayama-spot-lists.rd-layout-hasGap > .rd-layout-col-3{
    width: 100%;
  }
  .rd-shibayama-spot-list:nth-child(n + 11) {
    display: none;
  }
  .rd-shibayama-spot-lists.rd-spot-is-open .rd-shibayama-spot-list {
    display: block;
  }
}
.rd-shibayama-map-block{
  background: url(/app/uploads/sites/1351/2025/12/bg-right.webp);
  background-repeat: no-repeat;
  background-size: 440px;
  background-position: right top;
}
.rd-shibayama-map-block .rd-generalBox{
  padding: clamp(80px, 10vw, 170px) clamp(24px, 6.2vw, 104px) clamp(0px, 1vw, 14px);
  background: transparent;
}
@media screen and (max-width: 480px) {
	.rd-shibayama-map-block{
    margin-bottom: -50px;
    background-size: 32%;
    background-position: right top;
  }
  .rd-shibayama-map-block .rd-generalBox{
    padding: 70px 24px;
  }
}
