html body{line-height:1.9}.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-muted);letter-spacing:.04em;padding-top:96px}.crumbs a:hover{color:var(--blue)}.crumbs .sep{opacity:.5;margin:0 6px}.topback{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-family:var(--jp);font-weight:700;font-size:14.5px;color:var(--blue);transition:.15s}.topback:before{content:"‹";font-family:var(--lat);font-weight:700}.topback:hover{color:var(--blue-deep);gap:11px}.detail{display:grid;grid-template-columns:minmax(0,clamp(280px,42%,460px)) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start;padding-top:22px}@media(min-width:861px){.gallery{position:sticky;top:90px}}.gallery .main{position:relative;aspect-ratio:1/1;border-radius:0;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.gallery .main img{width:100%;height:100%;object-fit:cover}.nophoto-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink-muted);font-size:14px;letter-spacing:.02em}.optflag[hidden],.nophoto-stage[hidden]{display:none}.optflag{position:absolute;top:14px;right:14px;display:flex}.optflag .of-close{font-family:var(--jp);font-weight:500;font-size:12.5px;color:#fff;background:#0e1116d6;border:none;border-radius:0;padding:8px 13px;cursor:pointer;white-space:nowrap;backdrop-filter:blur(6px);transition:.15s}.optflag .of-close:hover{background:#0e1116f2}.opttray{margin-top:16px}.opttray-h{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:13px}.tag-opt{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;background:#6b7480;color:#fff;padding:3px 8px;border-radius:0}.opttray-row{display:flex;gap:12px;flex-wrap:wrap}.optthumb{display:flex;flex-direction:column;align-items:center;gap:7px;width:90px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--jp)}.optthumb .th{position:relative;width:90px;aspect-ratio:1/1;border-radius:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:.15s}.optthumb .th img{width:100%;height:100%;object-fit:cover}.optthumb .th:before{content:"OPT";position:absolute;left:6px;top:6px;z-index:2;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.05em;background:#6b7480;color:#fff;padding:2px 5px;border-radius:0}.optthumb.nophoto .th:after{content:"写真準備中";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ink-muted);text-align:center;padding:6px;line-height:1.35}.optthumb .nm{font-size:11.5px;color:var(--ink-muted);line-height:1.4;text-align:center}.optthumb:hover .th,.optthumb.active .th{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.optthumb:hover .nm,.optthumb.active .nm{color:var(--ink)}.optlink{cursor:pointer}.optlink.active{background:var(--blue-tint);color:var(--blue-deep);border-radius:0;padding:0 4px;border-bottom-color:transparent}.info{position:static}.info .tags{display:flex;gap:9px;align-items:center;margin-bottom:13px}.info .cat{font-family:var(--mono);font-size:12px;color:var(--ink-muted);letter-spacing:.05em}.info h1{font-family:var(--lat);font-weight:700;font-size:clamp(26px,3.2vw,38px);line-height:1.18;letter-spacing:-.01em}.info .maker{font-family:var(--mono);font-size:13px;color:var(--ink-muted);margin-top:8px;letter-spacing:.04em}.freedoc{margin-top:24px;font-size:15.5px;color:#3a414b;line-height:2;max-width:64ch}.freedoc p{margin-bottom:15px}.freedoc p:last-child{margin-bottom:0}.freedoc.freetext p,.freedoc.freetext ul,.freedoc.freetext ol{font-size:15.5px;color:#3a414b;line-height:2}.freedoc.freetext h3{font-size:18px}.freedoc.freetext h4{font-size:16px}.freedoc a{color:var(--blue);border-bottom:1px solid var(--blue-tint);transition:.15s}.freedoc a:hover{border-bottom-color:var(--blue)}.freedoc .spec{color:var(--ink)}.detailnav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;padding-bottom:clamp(56px,7vw,96px);margin-top:clamp(40px,5vw,60px)}.detailnav .back{font-family:var(--jp);font-weight:700;font-size:15px;color:var(--blue);display:inline-flex;align-items:center;gap:6px}.detailnav .back:hover{color:var(--blue-deep)}@media(max-width:860px){.detail{grid-template-columns:1fr;gap:26px}.crumbs{padding-top:104px}}
