.fg{--paper:#F6F1E8;--paper-2:#EFE7D8;--ink:#2A251E;--ink-soft:#5D5548;--ink-faint:#7A7163;--wood:#A9764A;--wood-deep:#7A5230;--moss:#4E6E58;--moss-deep:#3A5544;--amber:#C08A45;--line:#E3DAC7;--card:#FCFAF3;--red:#9C4A3C}*{box-sizing:border-box;margin:0;padding:0}.fg{font-family:Noto Sans JP,Microsoft YaHei,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}.fg .wrap{max-width:1100px;margin:0 auto;padding:0 24px}.fg .serif{font-family:"Noto Serif JP",serif}.fg .topbar{background:var(--ink);color:#ede5d4;padding:12px 0;position:sticky;top:0;z-index:60}.fg .topbar .wrap{display:flex;align-items:center;gap:18px;justify-content:space-between}.fg .brandmark{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:1px}.fg .brandmark .mark{width:22px;height:22px;background:var(--wood);border-radius:5px;flex:none}.fg .brandmark small{font-weight:400;color:#c9bfa9;font-size:12px;letter-spacing:2px}.fg .topnav{display:flex;gap:6px;flex-wrap:wrap}.fg .topnav span{font-size:12px;color:#c9bfa9;border:1px solid #5A5244;padding:4px 10px;border-radius:999px}.fg .hero{background:linear-gradient(180deg,#EFE7D8,var(--paper));border-bottom:1px solid var(--line);padding:40px 0 28px}.fg .kicker{font-size:12px;letter-spacing:3px;color:var(--wood-deep);font-weight:700;margin-bottom:8px}.fg h1{font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.35;letter-spacing:.5px}.fg .lead{color:var(--ink-soft);font-size:15px;max-width:720px;margin-top:12px}.fg .readpath{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fg .readpath a{font-size:13px;color:var(--moss-deep);background:#e7e2d2;border:1px solid var(--line);padding:5px 12px;border-radius:999px;text-decoration:none}.fg .readpath a b{color:var(--wood-deep)}.fg .dimbar{position:sticky;top:0;z-index:50;background:#f6f1e8f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 0}.fg .dimbar .wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fg .dimlabel{font-size:11px;letter-spacing:2px;color:var(--ink-faint);font-weight:700;margin-right:2px}.fg .dimchips{display:flex;gap:6px;flex-wrap:wrap}.fg .dimchip{font-size:12px;color:var(--ink-soft);border:1px solid var(--line);background:var(--card);padding:4px 11px;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none}.fg .dimchip:hover{border-color:var(--wood);color:var(--wood-deep)}.fg .dimchip.active{background:var(--moss);color:#fff;border-color:var(--moss)}.fg .subrow{width:100%;display:none;margin-top:8px;gap:6px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:8px}.fg .subrow.show{display:flex}.fg .subchip{font-size:11px;color:var(--ink-soft);border:1px solid var(--line);background:#fcfaf3;padding:2px 10px;border-radius:999px;cursor:pointer}.fg .subchip:hover{border-color:var(--amber)}.fg .subchip.active{background:var(--amber);color:#fff;border-color:var(--amber)}.fg .reset{margin-left:auto;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);background:var(--card);padding:4px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}.fg .reset:hover:not(:disabled){border-color:var(--wood);color:var(--wood-deep);background:#fff}.fg .reset:disabled{opacity:.42;cursor:default;background:transparent}.fg .axisnote{width:100%;font-size:11px;color:var(--ink-faint);margin-top:4px}.fg .sec{border-top:3px solid var(--ink);padding:26px 0 8px}.fg .secimg{width:100%;height:230px;border-radius:8px;overflow:hidden;margin:10px 0 4px;position:relative;box-shadow:0 2px 10px #2a251e1a}.fg .secimg img{width:100%;height:100%;object-fit:cover;object-position:center}.fg .secimg .cap{position:absolute;left:12px;bottom:10px;background:#2a251eb8;color:#ede5d4;font-size:12px;padding:3px 10px;border-radius:4px}.fg .secno{font-family:"Noto Serif JP",serif;font-size:30px;color:var(--wood);font-weight:700}.fg .sechead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.fg .sechead h2{font-size:22px;font-weight:700}.fg .sechen{font-size:11px;letter-spacing:3px;color:var(--ink-faint);font-weight:700}.fg .secoverview{color:var(--ink-soft);font-size:14px;margin:8px 0 4px;max-width:780px}.fg .pills{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.fg .pill{font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid var(--line)}.fg .pill.reader{background:#efe7d8;color:var(--wood-deep);font-weight:700}.fg .pill.tape{background:transparent;color:var(--moss-deep);border-color:var(--moss);font-weight:500}.fg .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.fg .card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}.fg .card:hover{box-shadow:0 4px 14px #2a251e14}.fg .card .ctag{font-size:10px;letter-spacing:1px;color:var(--wood-deep);font-weight:700}.fg .card h3{font-size:14px;font-weight:700;line-height:1.5}.fg .card .desc{font-size:12px;color:var(--ink-faint);line-height:1.6}.fg .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}.fg .tag{font-size:10px;color:var(--ink-soft);background:#f0eae0;border:1px solid var(--line);padding:1px 7px;border-radius:4px}.fg .tag span{color:var(--ink-faint)}.fg .read{font-size:12px;color:var(--moss-deep);font-weight:700;display:inline-flex;align-items:center;gap:4px}.fg .read i{font-style:normal;transition:transform .2s}.fg .card:hover .read i{transform:translate(3px)}.fg .card.hide{display:none}.fg .subhead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--moss-deep);margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.fg .subhead:before{content:"";width:8px;height:8px;background:var(--moss);border-radius:2px}.fg .subhead small{font-weight:400;color:var(--ink-faint);font-size:11px;letter-spacing:1px}.fg .subhead small a{color:var(--moss-deep);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s}.fg .subhead small a:hover{color:var(--moss);border-color:var(--moss)}@media(max-width:768px){.fg .grid{grid-template-columns:repeat(2,1fr)}.fg .topnav{display:none}}@media(max-width:520px){.fg .grid{grid-template-columns:1fr}.fg .dimbar{top:0}}.fg{background:var(--paper);color:var(--ink);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.fg *{box-sizing:border-box}.fg img{max-width:100%;display:block}.fg a{color:inherit}.fg .card a.read{text-decoration:none}.fg .card a.read:hover{text-decoration:underline}@media screen and (max-width:640px){.fg .subhead{display:block;line-height:1.7}.fg .subhead:before{display:inline-block;vertical-align:-1px;margin-right:6px}.fg .subhead small{display:block;margin-top:6px;line-height:1.8}}.fg .card .cardimg{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;margin:2px 0 10px;background:#f0eae0}.fg .card .cardimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.fg .card:hover .cardimg img{transform:scale(1.05)}.fg .card h3 a{color:inherit;text-decoration:none}.fg .card h3 a:hover{color:var(--moss-deep)}.fg .secimg{cursor:pointer}.fg .secimg .secimglink{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;display:block;border-radius:8px}.fg .secimg .secimglink:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.fg .secimg img{transition:transform .6s cubic-bezier(.2,.6,.2,1)}.fg .secimg:hover img{transform:scale(1.03)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/guide.css.map */