@charset "UTF-8";
/* 清澄白河FV専用。既存のstyle.css / 子テーマCSSより後に読み込んでください。 */
.page-yasu.page-yasu--kiyosumi {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #181610;
  background: #fff;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.page-yasu--kiyosumi .kiyosumi-hero,
.page-yasu--kiyosumi .kiyosumi-hero * { box-sizing: border-box; }
.page-yasu--kiyosumi .kiyosumi-hero {
  position: relative;
  padding: 0 50px;
  width: 100%;
  aspect-ratio: 731 / 383;
  overflow: hidden;
  container-type: inline-size;
  isolation: isolate;
}
.page-yasu--kiyosumi .kiyosumi-hero p,
.page-yasu--kiyosumi .kiyosumi-hero h1,
.page-yasu--kiyosumi .kiyosumi-hero h2,
.page-yasu--kiyosumi .kiyosumi-hero ul { margin: 0; padding: 0; }
.page-yasu--kiyosumi .kiyosumi-hero a { color: inherit; text-decoration: none; }
.page-yasu--kiyosumi .kiyosumi-hero a:focus-visible { outline: 3px solid #193f27; outline-offset: 3px; }
.page-yasu--kiyosumi .kiyosumi-hero__background { position: absolute; inset: 0; z-index: -1; display: block; }
.page-yasu--kiyosumi .kiyosumi-hero__background img { display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; }
.page-yasu--kiyosumi .kiyosumi-hero__heading { position: absolute; top: 2.4%; left: 27%; width: 46%; text-align: center; font-weight: 700; text-shadow: 0 0 .8cqw #fff, 0 0 1.7cqw #fff; }
.page-yasu--kiyosumi .kiyosumi-hero__name { font-size: 1.6cqw; line-height: 1.4; letter-spacing: .08em; color: #22562a; }
.page-yasu--kiyosumi .kiyosumi-hero__category { font-size: 2.9cqw; line-height: 1.25; letter-spacing: .05em; color: #12431c; }
.page-yasu--kiyosumi .kiyosumi-hero__title { margin-top: .7cqw !important; font-size: 4.15cqw; font-weight: 700; font-style: italic; line-height: 1.15; letter-spacing: -.045em; white-space: nowrap; }
.page-yasu--kiyosumi .kiyosumi-hero__title span { color: #ea4480; }
.page-yasu--kiyosumi .kiyosumi-hero__lead { margin-top: .65cqw !important; font-size: 1.75cqw; line-height: 1.3; letter-spacing: .03em; }
.page-yasu--kiyosumi .kiyosumi-hero__event { position: absolute; top: 5.3%; right: 3.9%; width: 26.4%; padding: .75cqw .4cqw .65cqw; border: .15cqw solid #d78798; border-radius: .7cqw; background: rgba(255,255,255,.9); text-align: center; font-weight: 700; box-shadow: inset 0 0 .8cqw #fff; }
.page-yasu--kiyosumi .kiyosumi-hero__event-label { display: block; width: 66%; margin: 0 auto .6cqw; padding: .22cqw 0; border-radius: .5cqw; background: #b22036; color: #fff; font-size: 1.85cqw; line-height: 1.1; }
.page-yasu--kiyosumi .kiyosumi-hero__event-date { display: block; font-size: 2.8cqw; line-height: 1.1; white-space: nowrap; letter-spacing: -.07em; }
.page-yasu--kiyosumi .kiyosumi-hero__saturday,
.page-yasu--kiyosumi .kiyosumi-hero__sunday { font-size: .72em; letter-spacing: -.06em; }
.page-yasu--kiyosumi .kiyosumi-hero__saturday { color: #277bbc; }
.page-yasu--kiyosumi .kiyosumi-hero__sunday { color: #d32c37; }
.page-yasu--kiyosumi .kiyosumi-hero__date-separator { font-size: .75em; }
.page-yasu--kiyosumi .kiyosumi-hero__event-note { display: block; margin-top: .55cqw; font-size: 1.24cqw; line-height: 1.3; }
.page-yasu--kiyosumi .kiyosumi-hero__type { position: absolute; border-radius: 50%; background: radial-gradient(ellipse, rgba(255,255,255,.98) 30%, rgba(255,248,253,.94) 70%, rgba(255,244,252,.86)); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-yasu--kiyosumi .kiyosumi-hero__type--indoor { top: 8.6%; width: 17.5%; aspect-ratio: 1 / 1; }
.page-yasu--kiyosumi .kiyosumi-hero__type--outdoor { top: 27.1%; right: 50px; width: 16.4%; aspect-ratio: 1 / 1; }
.page-yasu--kiyosumi .kiyosumi-hero__type-title { width: 76%; padding-bottom: .65cqw !important; border-bottom: 1px solid #c3afbb; color: #c74072; font-size: 2.12cqw; line-height: 1.15; font-weight: 700; }
.page-yasu--kiyosumi .kiyosumi-hero__type-description { margin-top: .65cqw !important; font-size: 1.4cqw; line-height: 1.4; font-weight: 700; }
.page-yasu--kiyosumi .kiyosumi-hero__detail { display: none; }
.page-yasu--kiyosumi .kiyosumi-hero__points { position: absolute; top: 71.8%; left: 8%; width: 83.5%; display: grid; grid-template-columns: repeat(4, 1fr); gap: .4cqw; list-style: none; text-align: center; }
.page-yasu--kiyosumi .kiyosumi-hero__points li { position:relative; padding: .45cqw .3cqw .5cqw; border: .16cqw solid rgba(255,255,255,.9); color: #fff; background-image: url(https://leaflog.jp/wp-content/themes/leaflog-child/images/top2025/bg_box_green.png); background-size: cover; background-repeat: no-repeat; }
.page-yasu--kiyosumi .kiyosumi-hero__points li > span { display: block; margin-bottom: .35cqw; font-size: 1.65cqw; line-height: 1.1; color: #edc268; }
.page-yasu--kiyosumi .kiyosumi-hero__points li p { font-size: 1.5cqw; line-height: 1.25; }
.page-yasu--kiyosumi .kiyosumi-hero__actions { position: absolute; top: 87.5%; left: 22%; width: 59%; display: flex; align-items: center; justify-content: space-between; }
.page-yasu--kiyosumi .kiyosumi-hero__reserve { width: 44.5%; display: flex; gap: .7cqw; align-items: center; justify-content: center; padding: 1.05cqw .6cqw; border-radius: 5cqw; background: #ff7918; color: #fff !important; font-size: 1.8cqw; line-height: 1.4; }
.page-yasu--kiyosumi .kiyosumi-hero__reserve svg { width: 2.35cqw; fill: none; stroke: currentColor; stroke-width: 1; }
.page-yasu--kiyosumi .kiyosumi-hero__reserve > span { font-size: 2.5cqw; line-height: 1; }
.page-yasu--kiyosumi .kiyosumi-hero__phone { display: flex; align-items: center; gap: 1cqw; font-family: "Times New Roman", "Yu Mincho", serif; font-size: 3.35cqw; font-weight: 700; line-height: 1; white-space: nowrap; }
.page-yasu--kiyosumi .kiyosumi-hero__phone-mark { display: block; flex-shrink: 0; width: 4.5cqw; height: 2.85cqw; }
@media (hover: hover) {
  .page-yasu--kiyosumi .kiyosumi-hero a:hover { filter: brightness(1.06); }
}
@media (max-width: 767px) {
  .page-yasu--kiyosumi .kiyosumi-hero { aspect-ratio: 472 / 595; padding: 0; }
  .page-yasu--kiyosumi .kiyosumi-hero__heading { top: 1.5%; left: 5%; width: 90%; }
  .page-yasu--kiyosumi .kiyosumi-hero__name { font-size: 2.5cqw; line-height: 1.4; }
  .page-yasu--kiyosumi .kiyosumi-hero__category { font-size: 4.7cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__title { margin-top: 1.1cqw !important; font-size: 6.35cqw; line-height: 1.12; letter-spacing: -.045em; }
  .page-yasu--kiyosumi .kiyosumi-hero__lead { margin-top: 1cqw !important; font-size: 2.75cqw; line-height: 1.35; letter-spacing: 0; }
  .page-yasu--kiyosumi .kiyosumi-hero__pc-break { display: none; }
  .page-yasu--kiyosumi .kiyosumi-hero__event { top: 25.1%; right: auto; left: 3.2%; width: 47.5%; padding: 1.15cqw .5cqw 1.05cqw; border-width: .22cqw; border-radius: 1cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__event-label { width: 66%; margin-bottom: 1cqw; padding: .4cqw 0; border-radius: .8cqw; font-size: 3.1cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__event-date { font-size: 4.4cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__event-note { margin-top: 1cqw; font-size: 2.04cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__type--outdoor { top: 26%; right: 1%; width: 30%; aspect-ratio: 1; }
  .page-yasu--kiyosumi .kiyosumi-hero__type--indoor { top: 68.1%; right: .5%; left: auto; width: 30%; aspect-ratio: 1; }
  .page-yasu--kiyosumi .kiyosumi-hero__type-title { width: 76%; padding-bottom: 1.45cqw !important; font-size: 3.8cqw; line-height: 1.18; }
  .page-yasu--kiyosumi .kiyosumi-hero__type--indoor .kiyosumi-hero__type-title { font-size: 2.8cqw; }
  .page-yasu--kiyosumi .kiyosumi-hero__type-description { margin-top: 1.5cqw !important; font-size: 2.3cqw; line-height: 1.32; }
  .page-yasu--kiyosumi .kiyosumi-hero__detail { display: flex; align-items: center; justify-content: center; gap: 1.7cqw; width: 70%; margin-top: 1cqw; padding: 1.1cqw .5cqw; border-radius: 5cqw; background: #fff; color: #d43d76 !important; font-size: 2cqw; font-weight: 700; line-height: 1; }
  .page-yasu--kiyosumi .kiyosumi-hero__detail span { font-size: 4.5cqw; line-height: .7; }
  .page-yasu--kiyosumi .kiyosumi-hero__points,
  .page-yasu--kiyosumi .kiyosumi-hero__actions { display: none; }
}
/* SP素材の上下の風景を、見本の66:34の高さ配分に合わせます。 */
@media (max-width: 767px) {
  .page-yasu--kiyosumi .kiyosumi-hero__background img { opacity: 0; }
  .page-yasu--kiyosumi .kiyosumi-hero__background::before,
  .page-yasu--kiyosumi .kiyosumi-hero__background::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-image: url("../images/kiyosumi-shirakawa/hero-sp.webp");
    background-repeat: no-repeat;
  }
  .page-yasu--kiyosumi .kiyosumi-hero__background::before {
    top: 0;
    height: 66%;
    background-size: 100% 169.5%;
    background-position: center top;
  }
  .page-yasu--kiyosumi .kiyosumi-hero__background::after {
    bottom: 0;
    height: 34%;
    border-top: .8cqw solid #fff;
    background-size: 100% 243.3%;
    background-position: center bottom;
  }
}

.page-yasu--kiyosumi .kiyosumi-hero__heading {
    text-shadow:
        -2px -2px 3px rgba(255, 255, 255, 1),
         2px -2px 3px rgba(255, 255, 255, 1),
        -2px  2px 3px rgba(255, 255, 255, 1),
         2px  2px 3px rgba(255, 255, 255, 1),
         0 0 8px rgba(255, 255, 255, 1),
         0 0 16px rgba(255, 255, 255, 1),
         0 0 28px rgba(255, 255, 255, .95),
         0 0 42px rgba(255, 255, 255, .85),
         0 0 60px rgba(255, 255, 255, .65);
}

.page-yasu--kiyosumi .kiyosumi-hero__phone-mark {
    display: block;
    flex-shrink: 0;
    width: 4.5cqw;
    height: auto;
    object-fit: contain;
}

/* 背景以外の要素を幅1250px以内に中央配置 */
.page-yasu--kiyosumi .kiyosumi-hero__content {
    /*position: absolute;*/
    inset: 0;
    width: 100%;
    /*max-width: 1250px;*/
    height: 100%;
    margin-inline: auto;

    /* 子要素のcqwを、このラッパーの幅基準にする */
    container-type: inline-size;
}



.page-yasu--kiyosumi ul.kiyosumi-hero__points > li:nth-of-type(1):after {
    background-image: url("/wp-content/themes/leaflog-child/images/top2025/fig_green1.png");
    width: 81px;
    height: 62px;
    right: -18px;
    bottom: -18px;
}
.page-yasu--kiyosumi ul.kiyosumi-hero__points > li:nth-of-type(2):after {
    background-image: url("/wp-content/themes/leaflog-child/images/top2025/fig_green2.png");
    width: 74px;
    height: 70px;
    left: -10px;
    top:-10px;
}
.page-yasu--kiyosumi ul.kiyosumi-hero__points > li:nth-of-type(3):after {
    background-image: url("/wp-content/themes/leaflog-child/images/top2025/fig_green3.png");
    width: 72px;
    height: 67px;
    left: -18px;
    bottom: -18px;
}
.page-yasu--kiyosumi ul.kiyosumi-hero__points > li:nth-of-type(4):after {
    background-image: url("/wp-content/themes/leaflog-child/images/top2025/fig_green4.png");
    width: 74px;
    height: 62px;
    right: -18px;
    bottom: -18px;
}

.page-yasu--kiyosumi ul.kiyosumi-hero__points > li:after {
    content: "";
    position: absolute;
    background-size: 100% 100%;
}