:root{--bg: #fbfdfb;--surface: #ffffff;--ink: #233127;--ink-soft: #5b6b60;--moss: #4f9d69;--moss-deep: #2f7d4f;--moss-pale: #e8f3ea;--line: #e4ebe5;--accent: #d98b4a;--radius: 14px;--maxw: 760px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,Meiryo,sans-serif;line-height:1.85;font-size:17px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}a{color:var(--moss-deep)}.site-header{border-bottom:1px solid var(--line);background:#ffffffe6;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap}.brand{font-weight:800;font-size:19px;text-decoration:none;color:var(--ink)}.site-header nav{display:flex;gap:14px;font-size:14px;flex-wrap:wrap}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover{color:var(--moss-deep)}.site-footer{margin-top:64px;border-top:1px solid var(--line);padding-block:28px;font-size:13px;color:var(--ink-soft)}.site-footer .disclaimer{margin-top:4px}main.container{padding-block:28px 0}.hero{text-align:center;padding:40px 16px 24px;background:linear-gradient(180deg,var(--moss-pale),transparent);border-radius:var(--radius);margin-bottom:36px}.hero h1{font-size:27px;margin:0 0 10px;line-height:1.5}.hero p{color:var(--ink-soft);margin:0}.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:44px}.cat-tile{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.cat-tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px #2f7d4f1f}.cat-tile__emoji{font-size:26px}.cat-tile__label{font-weight:700}.cat-tile__desc{font-size:12px;color:var(--ink-soft)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.post-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #2f7d4f1f}.post-card__body{padding:16px}.post-card__cat{font-size:12px;color:var(--moss-deep);font-weight:700}.post-card h3{margin:6px 0 8px;font-size:17px;line-height:1.5}.post-card p{margin:0;font-size:13px;color:var(--ink-soft)}.breadcrumbs{font-size:13px;color:var(--ink-soft);margin-bottom:16px}.breadcrumbs a{color:var(--ink-soft);text-decoration:none}.breadcrumbs .current{color:var(--ink)}.breadcrumbs span{margin-inline:4px}.post__header{margin-bottom:24px}.post__cat{font-size:13px;color:var(--moss-deep);font-weight:700}.post__header h1{font-size:28px;line-height:1.5;margin:8px 0 10px}.post__meta{font-size:13px;color:var(--ink-soft);margin:0}.post__hero{width:100%;border-radius:var(--radius);margin-top:16px}.post__body{font-size:17px}.post__body h2{font-size:22px;margin-top:44px;padding-bottom:8px;border-bottom:2px solid var(--moss-pale)}.post__body h3{font-size:18px;margin-top:30px}.post__body img{max-width:100%;height:auto;border-radius:10px}.post__body figure{margin:20px 0}.post__body figcaption{font-size:13px;color:var(--ink-soft);text-align:center;margin-top:6px}.post__body blockquote{margin:20px 0;padding:12px 18px;background:var(--moss-pale);border-left:4px solid var(--moss);border-radius:0 8px 8px 0}.post__body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.post__body th,.post__body td{border:1px solid var(--line);padding:8px 10px;text-align:left}.post__body th{background:var(--moss-pale)}.post__body ul,.post__body ol{padding-left:1.4em}.affiliate{margin-top:48px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.affiliate h2{margin-top:0;font-size:20px}.affiliate__note{font-size:12px;color:var(--ink-soft);margin-top:-6px}.affiliate__grid{display:grid;gap:14px}.affiliate__card{display:flex;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;align-items:center}.affiliate__card img{width:88px;height:88px;object-fit:cover;border-radius:8px;flex-shrink:0}.affiliate__info h3{margin:0 0 4px;font-size:16px}.affiliate__price{margin:0;font-weight:700;color:var(--accent)}.affiliate__reason{margin:4px 0 8px;font-size:13px;color:var(--ink-soft)}.affiliate__btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700}.faq{margin-top:44px}.faq__item{border:1px solid var(--line);border-radius:10px;padding:4px 16px;margin-bottom:10px;background:var(--surface)}.faq__item summary{cursor:pointer;font-weight:700;padding:10px 0}.faq__item p{margin:0 0 12px;color:var(--ink-soft)}.related{margin-top:44px}.related ul{list-style:none;padding:0}.related li{margin-bottom:8px}.related a{text-decoration:none}.related a:hover{text-decoration:underline}@media(max-width:480px){body{font-size:16px}.hero h1{font-size:22px}.post__header h1{font-size:23px}}