:root{
--sr-bg:#f5f3ee;--sr-paper:#fff;--sr-ink:#26322e;--sr-muted:#6f7874;
--sr-sage:#dce4da;--sr-sage-deep:#607167;--sr-sand:#e9e1d5;
--sr-line:#dde2dc;--sr-radius:22px;--sr-shadow:0 18px 48px rgba(38,50,46,.09);
--sr-width:1180px
}
html{scroll-behavior:smooth}
body.page-template-page-satorank-home{background:var(--sr-bg)}
body.page-template-page-satorank-home #content,
body.page-template-page-satorank-home #contentInner,
body.page-template-page-satorank-home main.st-main,
body.page-template-page-satorank-home .st-main{
width:100%!important;max-width:none!important;margin:0!important;padding:0!important
}
body.page-template-page-satorank-home #side,
body.page-template-page-satorank-home #sidebar,
body.page-template-page-satorank-home .st-eyecatch,
body.page-template-page-satorank-home .entry-title,
body.page-template-page-satorank-home .post-title,
body.page-template-page-satorank-home .st-catgroup,
body.page-template-page-satorank-home #breadcrumb,
body.page-template-page-satorank-home .sns{
display:none!important
}
.sr-home,.sr-home *{box-sizing:border-box}
.sr-home{color:var(--sr-ink);background:var(--sr-bg);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}
.sr-home a{color:inherit;text-decoration:none}
.sr-home img{display:block;width:100%;height:auto}
.sr-shell{width:min(calc(100% - 40px),var(--sr-width));margin-inline:auto}
.sr-section{padding:76px 0}
.sr-section--paper{background:var(--sr-paper)}
.sr-kicker,.sr-eyebrow{margin:0 0 8px;color:var(--sr-sage-deep);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.sr-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.sr-section-heading h2,.sr-about h2{margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.35;letter-spacing:.03em}
.sr-more{font-size:14px;font-weight:700;color:var(--sr-sage-deep)}
.sr-more:after{content:" →"}
.sr-hero{padding:46px 0 78px;overflow:hidden}
.sr-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:center;gap:clamp(40px,7vw,90px)}
.sr-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.sr-eyebrow:before{content:"";width:38px;height:1px;background:currentColor}
.sr-hero h1{margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(44px,7vw,82px);font-weight:500;line-height:1.18;letter-spacing:.02em}
.sr-hero h1 span{color:var(--sr-sage-deep)}
.sr-hero__lead{max-width:600px;margin:28px 0 0;color:var(--sr-muted);font-size:clamp(15px,1.7vw,18px)}
.sr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.sr-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--sr-ink);border-radius:999px;font-size:14px;font-weight:700;transition:.25s}
.sr-button--primary{color:#fff!important;background:var(--sr-ink)}
.sr-button--light{border-color:#fff;color:var(--sr-ink)!important;background:#fff}
.sr-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(38,50,46,.12)}
.sr-hero__visual{position:relative;min-height:570px}
.sr-hero__shape{position:absolute;inset:6% 1% 4% 8%;border-radius:48% 52% 38% 62%/38% 35% 65% 62%;background:var(--sr-sage)}
.sr-hero__image{position:absolute;inset:0 10% 9% 0;overflow:hidden;border-radius:46% 54% 45% 55%/58% 42% 58% 42%;box-shadow:var(--sr-shadow)}
.sr-hero__image img{height:100%;object-fit:cover}
.sr-hero__note{position:absolute;right:0;bottom:0;max-width:260px;padding:20px 23px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:var(--sr-shadow);backdrop-filter:blur(10px)}
.sr-hero__note strong{display:block;margin-bottom:4px;font-family:"Noto Serif JP",serif;font-size:19px}
.sr-hero__note span{display:-webkit-box;overflow:hidden;color:var(--sr-muted);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sr-quick-nav{border-block:1px solid var(--sr-line);background:rgba(255,255,255,.78)}
.sr-quick-nav__inner{display:grid;grid-template-columns:repeat(4,1fr)}
.sr-quick-nav a{display:flex;min-height:66px;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--sr-line);font-size:13px;font-weight:700;letter-spacing:.05em}
.sr-quick-nav a:last-child{border-right:0}
.sr-quick-nav small{color:var(--sr-sage-deep)}
.sr-feature-grid{display:grid;grid-template-columns:1.25fr repeat(2,.875fr);gap:20px}
.sr-card{overflow:hidden;border:1px solid var(--sr-line);border-radius:var(--sr-radius);background:var(--sr-paper);transition:.25s}
.sr-card:hover{transform:translateY(-4px);box-shadow:var(--sr-shadow)}
.sr-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--sr-sand)}
.sr-card__media img{height:100%;object-fit:cover;transition:transform .4s}
.sr-card:hover img{transform:scale(1.035)}
.sr-card__body{padding:22px}
.sr-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:9px;color:var(--sr-muted);font-size:12px}
.sr-meta span{color:var(--sr-sage-deep);font-weight:700}
.sr-card h3{margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(18px,2vw,24px);line-height:1.55}
.sr-card p{display:-webkit-box;margin:12px 0 0;overflow:hidden;color:var(--sr-muted);font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sr-ad{width:min(calc(100% - 40px),970px);min-height:70px;margin:24px auto;text-align:center}
.sr-ad__label{display:block;margin-bottom:7px;color:#939b96;font-size:10px;letter-spacing:.12em}
.sr-ad__preview{display:grid;min-height:100px;place-items:center;border:1px dashed #bcc5bf;color:#858e88;background:rgba(255,255,255,.55);font-size:13px}
.sr-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.sr-topic{position:relative;display:grid;min-height:330px;align-content:end;overflow:hidden;padding:36px;border-radius:var(--sr-radius);isolation:isolate}
.sr-topic:before{position:absolute;z-index:-2;inset:0;content:"";transition:transform .45s}
.sr-topic:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(24,34,29,.02),rgba(24,34,29,.7));content:""}
.sr-topic:hover:before{transform:scale(1.04)}
.sr-topic--beauty:before{background:linear-gradient(135deg,#dce4da,#91a49a)}
.sr-topic--life:before{background:linear-gradient(135deg,#e9e1d5,#b29f87)}
.sr-topic small{color:rgba(255,255,255,.78);letter-spacing:.18em}
.sr-topic h3{margin:8px 0;color:#fff;font-family:"Noto Serif JP",serif;font-size:clamp(28px,4vw,42px);font-weight:500}
.sr-topic p{max-width:440px;margin:0;color:rgba(255,255,255,.85);font-size:14px}
.sr-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sr-latest-grid .sr-card h3{font-size:19px}
.sr-ranking{display:grid;gap:10px;counter-reset:rank}
.sr-rank{display:grid;grid-template-columns:54px 112px 1fr auto;align-items:center;gap:20px;padding:13px;border-bottom:1px solid var(--sr-line);counter-increment:rank}
.sr-rank:before{content:counter(rank,decimal-leading-zero);color:var(--sr-sage-deep);font:500 19px/1 "Noto Serif JP",serif}
.sr-rank__image{overflow:hidden;border-radius:12px;aspect-ratio:4/3}
.sr-rank__image img{height:100%;object-fit:cover}
.sr-rank strong{font-family:"Noto Serif JP",serif;font-size:17px;line-height:1.6}
.sr-rank__arrow{padding-right:10px;color:var(--sr-muted)}
.sr-about{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(38px,7vw,90px);align-items:center}
.sr-about__mark{display:grid;aspect-ratio:4/5;place-items:center;border-radius:30px;background:linear-gradient(145deg,var(--sr-sage),var(--sr-sand));font-family:"Noto Serif JP",serif;font-size:clamp(50px,9vw,100px)}
.sr-about__text{color:var(--sr-muted)}
.sr-signature{margin-top:22px;font-family:"Noto Serif JP",serif;font-size:22px}
.sr-cta{padding:54px;border-radius:30px;background:var(--sr-ink);color:#fff;text-align:center}
.sr-cta h2{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(27px,4vw,42px);font-weight:500}
.sr-cta p{margin:13px auto 25px;color:rgba(255,255,255,.72)}
.sr-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.sr-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sr-reveal{opacity:1;transform:none;transition:none}}
@media(max-width:960px){
.sr-hero__grid{grid-template-columns:1fr}.sr-hero__visual{min-height:490px}
.sr-feature-grid{grid-template-columns:repeat(2,1fr)}.sr-feature-grid .sr-card:first-child{grid-column:1/-1}
.sr-latest-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.sr-shell{width:min(calc(100% - 28px),var(--sr-width))}.sr-section{padding:54px 0}
.sr-hero{padding:28px 0 52px}.sr-hero h1{font-size:clamp(40px,13vw,60px)}.sr-hero__visual{min-height:390px}
.sr-hero__note{max-width:215px;padding:16px 18px}.sr-quick-nav{overflow-x:auto}.sr-quick-nav__inner{min-width:600px}
.sr-section-heading{align-items:start;flex-direction:column;margin-bottom:24px}
.sr-feature-grid,.sr-topic-grid,.sr-latest-grid,.sr-about{grid-template-columns:1fr}
.sr-feature-grid .sr-card:first-child{grid-column:auto}.sr-topic{min-height:270px;padding:28px}
.sr-rank{grid-template-columns:38px 82px 1fr;gap:12px}.sr-rank__arrow{display:none}.sr-cta{padding:38px 22px}
}