@charset "utf-8";
/* 現行チラシのCGとコピーを使うトップページ専用スタイル */
#topMainImg.flyer-hero { height: clamp(540px, 52vw, 820px); min-height: 0; max-height: none; background: #1a2438; position: relative; isolation: isolate; }
#topMainImg.flyer-hero .flyer-hero-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 61%; }
#topMainImg.flyer-hero::before { content: ""; position: absolute; inset: 0; height: auto; background: linear-gradient(180deg, rgba(10,20,37,.2), transparent 55%); pointer-events: none; }
#topMainImg.flyer-hero .flyer-hero-copy { position: absolute; top: 7%; left: 4%; max-width: 72%; color: #fff; text-align: left; font-family: "Shippori Mincho", "Yu Mincho", serif; text-shadow: 0 2px 16px rgba(0,0,0,.7); }
#topMainImg.flyer-hero .flyer-hero-name { font-size: clamp(14px, 1.3vw, 21px); letter-spacing: .16em; margin: 0 0 22px; padding: 0; line-height: 1.6; }
#topMainImg.flyer-hero h1 { font: 500 clamp(26px, 2.7vw, 43px)/1.75 "Shippori Mincho", "Yu Mincho", serif; letter-spacing: .08em; margin: 0; padding: 0; color: #fff; }
#topMainImg.flyer-hero .flyer-hero-badge { position: absolute; right: 3.5%; top: 5%; width: clamp(130px, 17vw, 235px); height: auto; filter: drop-shadow(0 3px 12px rgba(0,0,0,.25)); }
#topMainImg.flyer-hero p.attention { right: 12px; bottom: 8px; padding: 0; margin: 0; text-shadow: 0 1px 3px #000; }
.flyer-hero-points { display: flex; align-items: center; justify-content: center; gap: 4%; padding: 24px 4%; background: #f7f6f3; color: #191e56; font-family: "Yu Mincho", serif; }
.flyer-hero-points p { margin: 0; padding: 0; font-size: clamp(20px, 2.2vw, 34px); line-height: 1.3; text-align: center; }
.flyer-hero-points p > span { display: block; font-size: .55em; letter-spacing: .12em; }
.flyer-hero-points p + p { border-left: 1px solid #b58d34; padding-left: 4%; }
.flyer-hero-points strong { color: #b58d34; background: none; font-weight: 500; font-size: 1.7em; margin-left: .08em; }
.flyer-hero-points small { font-size: .5em; }
.flyer-hero-points a { display: block; background: #640e16; color: #fff6d9; border: 1px solid #b58d34; padding: 16px 22px; font-size: 18px; white-space: nowrap; }
.flyer-hero-points a:hover { background: #831a23; }
@media (max-width: 767px) {
 #topMainImg.flyer-hero { height: 590px; }
 #topMainImg.flyer-hero .flyer-hero-image { object-position: 62% center; }
 #topMainImg.flyer-hero::before { background: linear-gradient(180deg, rgba(12,22,38,.75), rgba(12,22,38,.2) 42%, transparent 60%); }
 #topMainImg.flyer-hero .flyer-hero-copy { top: 24px; left: 20px; right: 16px; max-width: none; }
 #topMainImg.flyer-hero .flyer-hero-name { font-size: 12px; margin-bottom: 15px; letter-spacing: .08em; }
 #topMainImg.flyer-hero h1 { font-size: clamp(18px, 4.6vw, 30px); line-height: 1.9; letter-spacing: .02em; }
 #topMainImg.flyer-hero .flyer-hero-badge { top: auto; bottom: 34px; right: 16px; width: 120px; }
 .flyer-hero-points { flex-wrap: wrap; gap: 16px 3%; padding: 20px 12px; }
 .flyer-hero-points p { font-size: clamp(18px, 4.8vw, 27px); }
 .flyer-hero-points p + p { padding-left: 3%; }
 .flyer-hero-points a { width: 100%; text-align: center; font-size: 16px; padding: 13px; }
}
@media (prefers-reduced-motion: reduce) { #topMainImg.flyer-hero * { animation: none; transition: none; } }