:root{--bg:#fff8fb;--card:#ffffff;--ink:#222;--muted:#666;--line:#f0d7df;--accent:#ff6e90;--accent2:#ff8fa8;--soft:#fff0f4;--shadow:0 10px 30px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff8fb 0,#fff 30%,#fff 100%);line-height:1.9}img{max-width:100%;display:block}a{color:#cc3f69;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #f2e3e8;z-index:10}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:20px}.logo{font-weight:800;color:#111;font-size:1.1rem}.main-nav{display:flex;gap:16px;flex-wrap:wrap}.main-nav a{color:#444;font-size:.95rem}.hero{padding:28px 0 12px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.hero-copy h1{font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.25;margin:0 0 18px}.lead{font-size:1.05rem;color:#555;margin:0 0 16px}.badge{display:inline-block;background:var(--soft);color:#c43e66;border:1px solid #ffd0dc;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:12px}.hero-img{border-radius:24px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #f1d8df}.hero-panel{background:var(--card);border:1px solid #f1d8df;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn,.btn-sub{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:700}.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 10px 25px rgba(255,110,144,.24)}.btn-sub{background:#fff;border:1px solid #f2c2d0;color:#c53b66}.grid-3,.article-grid,.site-grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.section{padding:32px 0}.section h2{font-size:1.7rem;line-height:1.35;margin:0 0 12px}.section p.section-lead{margin:0 0 18px;color:#666}.box,.article-card,.site-card,.faq-item,.toc,.mini-cta,.info-card{background:#fff;border:1px solid #f1d8df;border-radius:24px;box-shadow:var(--shadow)}.box,.faq-item,.toc,.mini-cta,.info-card{padding:22px}.check-list,.point-list,.footer-list,.toc ul{margin:0;padding-left:1.2em}.check-list li,.point-list li,.footer-list li{margin:.25em 0}.article-grid{grid-template-columns:repeat(2,1fr)}.article-card,.site-card{overflow:hidden}.article-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card-body,.site-card-body{padding:18px}.article-card h3,.site-card h3{margin:0 0 8px;font-size:1.15rem;line-height:1.45}.article-card p,.site-card p{margin:0 0 12px;color:#555}.text-link{font-weight:700}.site-grid{grid-template-columns:repeat(3,1fr)}.site-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid #f1d8df}.highlight{background:linear-gradient(180deg,#fff 0,#fff4f7 100%);border:1px solid #ffd2de}.kicker{font-size:.95rem;color:#c53b66;font-weight:700}.number{font-size:2rem;font-weight:800;color:#c53b66}.site-footer{margin-top:50px;padding:40px 0;background:#fff2f6;border-top:1px solid #f2d8e1}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.footer-title{font-weight:800;margin-bottom:8px}.content-wrap{width:min(860px,calc(100% - 32px));margin:auto;padding:26px 0}.post-hero{margin:18px 0 24px}.post-hero img{border-radius:24px;border:1px solid #f1d8df;box-shadow:var(--shadow)}.post-title{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.35;margin:10px 0 14px}.post-meta{color:#777;font-size:.95rem;margin-bottom:18px}.post-body p{margin:0 0 1.2em}.post-body h2{font-size:1.45rem;margin:2.1em 0 .8em;line-height:1.45}.post-body .inline-card{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;background:#fff7fa;border:1px solid #f2d4de;padding:18px;border-radius:22px;margin:20px 0}.post-body .inline-card img{border-radius:18px}.post-body .cta-band{background:linear-gradient(135deg,#fff2f6,#fff);border:1px solid #f3cfda;border-radius:24px;padding:22px;margin:26px 0}.post-body .cta-band h3{margin-top:0}.note{font-size:.92rem;color:#666}@media (max-width:900px){.hero-grid,.grid-3,.article-grid,.site-grid,.footer-grid,.post-body .inline-card{grid-template-columns:1fr}.main-nav{display:none}.hero{padding-top:18px}}
.thumb-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.thumb-mini{background:#fff;border:1px solid #f1d8df;border-radius:18px;padding:12px;box-shadow:var(--shadow)}
.thumb-mini img{border-radius:14px;width:100%;height:auto}
.thumb-mini strong{display:block;margin-top:10px;font-size:1rem}
.image-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin:26px 0}
.image-showcase.single{grid-template-columns:1fr}
.note-card{background:#fff;border:1px solid #f1d8df;border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.tall-shot{max-width:380px;margin:auto;border-radius:22px;border:1px solid #f1d8df;box-shadow:var(--shadow)}
.inline-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.inline-gallery img,.article-shot img{border-radius:16px;border:1px solid #f1d8df;box-shadow:var(--shadow)}
.article-shot{margin:24px 0}
.notice{font-size:.92rem;color:#666}
@media (max-width:900px){
  .thumb-strip,.inline-gallery,.image-showcase{grid-template-columns:1fr}
}


.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.site-card{background:#fff;border:1px solid #f1d8df;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.site-thumb{width:160px;height:160px;object-fit:cover;display:block;margin:16px auto 8px;border-radius:20px;border:1px solid #f1d8df;background:#fff}
.site-card-body{padding:0 18px 18px}
.check-list{padding-left:18px}
.inline-gallery{display:grid;grid-template-columns:repeat(3,160px);gap:14px;justify-content:center;margin:22px 0}
.inline-gallery img{width:160px;height:160px;object-fit:cover;display:block}
.thumb-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.thumb-mini{background:#fff;border:1px solid #f1d8df;border-radius:18px;padding:12px;box-shadow:var(--shadow);text-align:center}
.thumb-mini img{width:160px;height:160px;object-fit:cover;margin:0 auto;border-radius:20px;border:1px solid #f1d8df;background:#fff}
.tall-shot{width:315px;max-width:100%;height:auto}
@media (max-width:900px){
  .site-grid,.thumb-strip{grid-template-columns:1fr}
  .inline-gallery{grid-template-columns:1fr}
}



.ad-thumb{
  width:160px !important;
  height:160px !important;
  object-fit:cover !important;
  display:block;
  margin:16px auto 8px;
  border-radius:20px;
  border:1px solid #f1d8df;
  background:#fff;
}