@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--paper:#f9f7f1;--ink:#342c22;--muted:#756d61;--gold:#9b7b40;--line:#ded8ca;--serif:'Noto Serif JP',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.85}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a img{transition:transform .45s}a:hover img{transform:scale(1.025)}header{background:rgba(249,247,241,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1280px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-family:var(--serif);font-size:27px;letter-spacing:.18em;white-space:nowrap}.logo .icon{display:none}.logo small{display:block;font:9px 'Noto Sans JP',sans-serif;letter-spacing:.23em;color:var(--gold)}header nav{display:flex;gap:25px;font-size:12px}header nav a:hover{color:var(--gold)}.hamburger{display:none}.skip-link{position:absolute;top:-80px;left:15px;background:var(--ink);color:white;padding:10px;z-index:50}.skip-link:focus{top:10px}.home-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:43% 57%;min-height:570px}.hero-copy{padding:72px 30px 60px max(40px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.23em;margin-bottom:24px}.hero-copy h1{font-family:var(--serif);font-size:clamp(34px,3.1vw,48px);font-weight:500;letter-spacing:.1em;line-height:1.65;white-space:nowrap}.hero-copy .intro{font-size:13px;line-height:2.2;color:var(--muted);margin:25px 0 28px;max-width:330px}.hero-actions{display:flex;gap:22px;align-items:center}.pill-link{display:inline-flex;gap:30px;align-items:center;border:1px solid var(--ink);padding:13px 20px;font-size:12px}.pill-link:hover{background:var(--ink);color:#fff}.quiet-link{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0}.hero-photo{position:relative;min-height:570px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:65% center}.photo-note{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(249,247,241,.93);padding:16px 22px;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:15px}.photo-note small{font:9px 'Noto Sans JP',sans-serif;color:var(--gold);display:block;letter-spacing:.14em}.home-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:30px;padding:21px 0;font-size:12px}.home-rail strong{font-family:var(--serif);font-weight:500}.home-rail a{color:var(--muted)}.home-rail a:hover{color:var(--gold)}.top-section{padding:78px 40px}.top-section-inner{max-width:1200px;margin:auto}.section-heading{font:500 29px/1.6 var(--serif);letter-spacing:.08em}.section-sub{font-size:9px;letter-spacing:.22em;color:var(--gold);margin:9px 0 32px}.section-intro{color:var(--muted);font-size:13px;margin:-13px 0 30px}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 25px}.news-card-img{aspect-ratio:3/2;overflow:hidden;background:#e9e2d6}.news-card-img img{width:100%;height:100%;object-fit:cover}.news-meta{display:flex;gap:10px;align-items:center;margin:16px 0 10px;font-size:10px;color:var(--muted)}.news-card-tag{color:var(--gold)}.news-card-title{font:500 16px/1.8 var(--serif)}.news-card-desc{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.all-link{margin-top:35px;text-align:center}.all-link a{display:inline-block;border-bottom:1px solid var(--gold);font-size:12px;padding:8px 24px}.cat-section{background:#edece3}.cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.cat-card-img{aspect-ratio:1;overflow:hidden;border-radius:50%;margin:0 15px 20px}.cat-card-img img{width:100%;height:100%;object-fit:cover}.cat-card h3{font:500 17px var(--serif);text-align:center}.cat-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.cat-card-link{text-align:center;font-size:10px;color:var(--gold);margin-top:14px}.cat-card-meta{display:none}.beginner-section{padding-top:80px;padding-bottom:80px}.beginner-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.beginner-photo{aspect-ratio:1.05;object-fit:cover}.beginner-grid{display:grid;gap:0}.beg-card{display:grid;grid-template-columns:38px 1fr;border-top:1px solid var(--line);padding:18px 0;gap:0 10px}.beg-num{grid-row:span 2;font:24px var(--serif);color:var(--gold)}.beg-card h3{font:500 15px/1.8 var(--serif)}.beg-card p{grid-column:2;font-size:11px;color:var(--muted);margin-top:5px}.reading-section{background:#f0ece3}.ranking-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.rank-item{display:flex;gap:20px;padding:22px 0;border-top:1px solid #d8d0c1;align-items:center}.rank-num{display:none}.rank-thumb{width:125px;flex-shrink:0;overflow:hidden}.rank-thumb img{aspect-ratio:4/3;object-fit:cover}.rank-body h3{font:500 16px/1.7 var(--serif)}.rank-body p{font-size:11px;color:var(--muted);margin-top:7px}.direction-section{background:#2f3830;color:#faf7ed}.direction-section .section-sub{color:#c3b48f}.direction-section .section-intro{color:#deded1}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 35px}.direction-card{display:flex;gap:18px;padding:24px 0;border-top:1px solid #667064}.direction-badge{flex-shrink:0;width:53px;height:53px;border:1px solid #9c9e85;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:21px;color:#e2d2a7}.direction-card h3{font:500 17px/1.7 var(--serif)}.direction-card p{font-size:11px;color:#dadccf;margin:9px 0}.direction-link{font-size:10px;color:#e2d2a7}.direction-section .all-link a{border-color:#bfb58f}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cta-card{background:#fff;border:1px solid var(--line)}.cta-card-img{aspect-ratio:16/10;overflow:hidden}.cta-card-img img{height:100%;object-fit:cover}.cta-card-inner{padding:23px}.cta-card h3{font:500 19px var(--serif)}.cta-card p{font-size:12px;color:var(--muted);margin:12px 0 18px}.cta-card-inner>a{font-size:12px;display:inline-block;padding-bottom:4px;border-bottom:1px solid var(--gold);margin-right:18px}.cta-card-inner .cta-rakuten{font-size:10px;color:var(--muted)}.disclosure{font-size:10px;color:var(--muted);margin:-15px 0 24px}.buying-links{margin-top:30px;padding:22px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.buying-links strong{font-family:var(--serif)}.buying-links a{color:var(--muted);border-bottom:1px solid var(--line)}.theme-section{padding-top:0}.theme2-cat{margin-top:32px}.theme2-h{font:500 19px var(--serif);padding-bottom:16px;border-bottom:1px solid var(--line)}.theme2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.theme2-card{display:flex;gap:15px;align-items:center}.theme2-img{width:84px;flex-shrink:0;overflow:hidden}.theme2-img img{aspect-ratio:1;object-fit:cover}.theme2-tag{font-size:9px;color:var(--gold)}.theme2-body h4{font-size:12px;font-weight:500;line-height:1.8}.trust-section{border-top:1px solid var(--line)}.trust-box{display:flex;max-width:700px;margin:auto;align-items:center;gap:30px}.trust-photo{width:100px;height:100px;border-radius:50%;object-fit:cover}.trust-label{font-size:10px;color:var(--gold);letter-spacing:.12em}.trust-name{font:500 20px var(--serif);margin:8px 0}.trust-desc{font-size:12px;color:var(--muted);margin:10px 0}.trust-text a{font-size:11px;border-bottom:1px solid var(--gold)}footer{background:#eee9dd;padding:55px 40px 25px;border-top:1px solid var(--line)}.footer-inner{max-width:1200px;margin:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer .emoji-icon{display:none}footer p{font-size:11px;color:var(--muted);max-width:300px}footer h4{font-size:12px;margin:0 0 16px}footer ul{list-style:none;margin:0;padding:0;font-size:11px;line-height:2.3}footer .logo{margin-bottom:15px;font-size:23px}.copyright,.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:10px;color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1100px){.news-grid .news-card:nth-child(n+5){display:grid;grid-template-columns:85px 1fr;gap:15px;border-top:1px solid var(--line);padding-top:22px}.news-grid .news-card:nth-child(n+5) .news-card-img{aspect-ratio:1}.news-grid .news-card:nth-child(n+5) .news-meta{margin:0 0 5px;flex-wrap:wrap;gap:0 8px;font-size:9px}.news-grid .news-card:nth-child(n+5) .news-card-title{font-size:12px}.news-grid .news-card:nth-child(n+5) .news-card-desc{display:none}}
@media(max-width:900px){.header-inner{padding:17px 24px}.hamburger{display:block;width:40px;height:40px;background:none;border:1px solid var(--line);font-size:20px;color:var(--ink)}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}header nav.open{display:flex}.home-hero{min-height:450px;grid-template-columns:46% 54%}.hero-copy{padding:40px 25px}.hero-copy h1{font-size:31px}.hero-photo{min-height:450px}.hero-actions{gap:12px;flex-wrap:wrap}.home-rail{margin:0 25px;gap:20px;overflow-x:auto;white-space:nowrap}.top-section{padding:55px 25px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:30px}.cat-card-img{max-width:150px;margin:0 auto 15px}.news-grid{grid-template-columns:repeat(2,1fr)}.beginner-layout{gap:30px}.direction-grid{grid-template-columns:repeat(2,1fr)}.theme2-grid{grid-template-columns:1fr}.theme2-cat{display:inline-block;width:32%;vertical-align:top}.footer-grid{gap:25px}.hero-copy .intro{font-size:12px}}
@media(max-width:600px){.header-inner{padding:14px 20px}.logo{font-size:23px}.logo small{font-size:8px}.home-hero{display:flex;flex-direction:column}.hero-copy{padding:36px 24px 32px}.eyebrow{margin-bottom:15px;font-size:9px}.hero-copy h1{font-size:35px;line-height:1.55}.hero-copy .intro{max-width:100%;margin:19px 0 21px;font-size:12px}.hero-photo{min-height:330px}.photo-note{bottom:17px;left:20px;right:20px;padding:12px 16px;font-size:13px}.hero-photo>img{object-position:65% 58%}.home-rail{padding:16px 0;font-size:11px;gap:22px}.home-rail strong{display:none}.top-section{padding:44px 20px}.section-heading{font-size:24px}.section-sub{margin-bottom:25px}.news-grid{gap:27px 17px}.news-meta{font-size:9px;flex-wrap:wrap;gap:1px 8px;margin-top:12px}.news-card-title{font-size:14px}.news-card-desc{font-size:10px;-webkit-line-clamp:2}.cat-grid{gap:25px 15px}.cat-card-img{margin:0 10px 14px}.cat-card h3{font-size:15px}.cat-card p{display:none}.cat-card-link{font-size:9px;margin-top:9px}.beginner-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}.beginner-photo{aspect-ratio:16/10;max-height:310px}.ranking-list{grid-template-columns:1fr}.rank-thumb{width:100px}.rank-body h3{font-size:14px}.rank-item{gap:17px}.direction-grid{gap:10px 20px}.direction-card{display:block;padding:20px 0}.direction-badge{width:43px;height:43px;font-size:19px;margin-bottom:12px}.direction-card h3{font-size:15px}.direction-card p{font-size:10px}.cta-grid{grid-template-columns:1fr}.cta-card{display:grid;grid-template-columns:33% 67%}.cta-card-img{height:100%;aspect-ratio:auto}.cta-card-inner{padding:19px}.cta-card h3{font-size:17px}.cta-card p{font-size:11px;margin:8px 0 12px}.buying-links{padding:20px 0;gap:13px;font-size:11px}.buying-links strong{width:100%}.theme-section{padding-top:0}.theme2-cat{width:100%;display:block}.theme2-grid{gap:15px}.trust-photo{width:74px;height:74px}.trust-box{gap:20px;align-items:flex-start}.trust-name{font-size:17px}.trust-desc{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}footer{padding:40px 24px 20px}footer .logo{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a img{transition:none}}