.ap-unit{--green-600:#2E7A3C;--green-100:#DBEBC1;--ink-900:#2B2A26;--ink-700:#5E5B52;--ink-500:#8E8B81;--ink-300:#C8C4B6;--line:#E7E2D4;--bg:#FAF8F3;--card:#fff}.ap-unit,.ap-unit *{box-sizing:border-box}.ap-unit{padding:0 36px 72px;max-width:1100px;min-width:0;height:100%;overflow-y:auto}@media (max-width:900px){.ap-unit{padding:0 16px calc(84px + env(safe-area-inset-bottom))}.ap-unit .sp-site-banner{margin:0 -16px}.ap-unit .page-header{margin-bottom:26px}.ap-unit .page-header h1{font-size:20px;margin-bottom:8px}}.ap-unit .breadcrumb{display:flex;align-items:center;gap:10px;color:var(--ink-500);font-size:13px;margin:28px 0 24px;flex-wrap:wrap}.ap-unit .breadcrumb .sep{color:var(--ink-300);font-size:11px}.ap-unit .breadcrumb a{color:var(--ink-500);text-decoration:none}.ap-unit .breadcrumb a:hover{color:var(--ink-700);text-decoration:underline}.ap-unit .breadcrumb .current{color:var(--ink-700);font-weight:500}@media (max-width:900px){.ap-unit .breadcrumb{font-size:12px;gap:6px;margin:14px 0 18px}}.ap-unit .page-header{margin-bottom:32px}.ap-unit .page-header h1{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;font-size:26px;font-weight:700;color:var(--ink-900);margin:0 0 12px;letter-spacing:-.01em}.ap-unit .page-header .description{font-size:14px;color:var(--ink-700);line-height:1.8;margin:0;max-width:720px}.ap-unit .page-header:has(+.unit-filter){margin-bottom:12px}.ap-unit .shelf-list{display:flex;flex-direction:column;gap:36px}.ap-unit .shelf-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ap-unit .shelf-subtitle{min-width:0;font-size:13px;font-weight:500;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-unit .shelf-desc{margin:-8px 0 12px;font-size:12.5px;line-height:1.55;color:var(--ink-500);max-width:88ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-unit .shelf-header .fav-star.shelf-fav{position:static;opacity:1;transform:none;width:30px;height:30px;border:none!important;box-shadow:none!important;background:none!important}.ap-unit .shelf-header .fav-star.shelf-fav:hover{border:none!important;box-shadow:none!important;background:#2E7A3C!important;color:#fff}.ap-unit .shelf-header .fav-star.shelf-fav svg{width:20px;height:20px}.ap-unit .shelf-title{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;font-size:16px;font-weight:700;color:var(--ink-900);text-decoration:none}.ap-unit .shelf-title:hover{color:var(--green-600)}.ap-unit .shelf-title svg{color:var(--ink-300);transition:color .12s,transform .12s}.ap-unit .shelf-title:hover svg{color:var(--green-600);transform:translateX(2px)}.ap-unit .shelf-count{font-size:12px;color:var(--ink-500)}.ap-unit .shelf-row-wrap{position:relative}.ap-unit .shelf-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.ap-unit .shelf-row::-webkit-scrollbar{display:none}.ap-unit .shelf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-700);transition:background .12s,box-shadow .12s}.ap-unit .shelf-arrow:hover{background:var(--bg);box-shadow:0 4px 12px rgba(0,0,0,.16)}.ap-unit .shelf-arrow-left{left:-18px}.ap-unit .shelf-arrow-right{right:-18px}.ap-unit .shelf-card{flex:0 0 auto;width:140px;text-decoration:none;color:inherit}@media (max-width:600px){.ap-unit .shelf-card{width:118px}}.ap-unit .shelf-card-thumb-wrap{position:relative;width:100%;aspect-ratio:3/4;border-radius:0;overflow:hidden;background:var(--line);border:1px solid var(--line);transition:border-color .12s,box-shadow .12s}.ap-unit .shelf-card:hover .shelf-card-thumb-wrap{border-color:var(--green-100);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ap-unit .shelf-card-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ap-unit .shelf-card-num{position:absolute;top:6px;left:6px;background:rgba(43,42,38,.72);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1.4}.ap-unit .shelf-card-printed{position:absolute;bottom:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.ap-unit .shelf-card-printed svg{width:11px;height:11px}.ap-unit .shelf-card-thumb-wrap .fav-star{top:6px;right:6px;width:28px;height:28px}.ap-unit .shelf-card-thumb-wrap .fav-star svg{width:20px;height:20px}.ap-unit .shelf-card-name{margin-top:6px;font-size:12px;color:var(--ink-700);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ap-unit .empty{padding:48px 0;font-size:14px;color:var(--ink-500)}.ap-unit .unit-filter{position:sticky;top:0;z-index:20;margin:0 -36px 26px;padding:12px 36px;background:#fff;border-bottom:1px solid var(--line)}.ap-unit .unit-facet-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ap-unit .unit-facet-bar::-webkit-scrollbar{display:none}.ap-unit .unit-facet{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;max-width:260px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:12.5px;font-family:inherit;font-weight:600;color:var(--ink-700);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.ap-unit .unit-facet-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-unit .unit-facet-icon{flex:0 0 auto;color:var(--ink-500)}.ap-unit .unit-facet:hover{border-color:var(--green-600);color:var(--green-600)}.ap-unit .unit-facet:hover .unit-facet-icon{color:inherit}.ap-unit .unit-facet.open{border-color:var(--ink-700);color:var(--ink-900)}.ap-unit .unit-facet.open .unit-facet-icon{color:inherit}.ap-unit .unit-facet.on{border-color:var(--green-600);background:#EEF5E1;color:var(--green-600)}.ap-unit .unit-facet.on .unit-facet-icon{color:inherit}.ap-unit .unit-facet-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.ap-unit .unit-chip{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12.5px;font-family:inherit;font-weight:600;color:var(--ink-700);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.ap-unit .unit-chip.on,.ap-unit .unit-chip:hover{border-color:var(--green-600);color:var(--green-600)}.ap-unit .unit-chip.on{background:#EEF5E1}.ap-unit .unit-filter-clear{flex:0 0 auto;background:none;border:none;padding:2px 6px;font-size:12px;font-family:inherit;font-weight:600;color:var(--ink-500);cursor:pointer}.ap-unit .unit-filter-clear:hover{color:var(--green-600);text-decoration:underline}@media (max-width:900px){.ap-unit .unit-filter{margin:0 -16px 20px;padding:10px 16px}.ap-unit .unit-facet-bar{gap:7px}.ap-unit .unit-facet{max-width:200px;padding:8px 12px}.ap-unit .unit-facet-panel{gap:7px;padding:12px}}.ap-unit .unit-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line);max-width:660px}.ap-unit .unit-guide-ttl{font-size:16px;font-weight:700;color:var(--ink-900);margin:0 0 18px;letter-spacing:.02em}.ap-unit .unit-guide-faq{margin:0}.ap-unit .unit-guide-faq-item+.unit-guide-faq-item{margin-top:16px}.ap-unit .unit-guide-faq dt{font-size:14px;font-weight:700;color:var(--ink-900);margin:0 0 4px;line-height:1.7}.ap-unit .unit-guide-faq dd{font-size:14px;line-height:1.85;color:var(--ink-700);margin:0}.ap-unit .unit-guide-related{margin:24px 0 0;font-size:13px;line-height:1.9;color:var(--ink-500)}.ap-unit .unit-guide-related a{color:var(--ink-700);text-decoration:underline;text-underline-offset:3px}.ap-unit .unit-guide-related a:hover{color:var(--ink-900)}@media (max-width:900px){.ap-unit .unit-guide{margin-top:36px;padding-top:26px}}