/* アルバム（昔の投稿）とお話のページ。2026-10-16。トップ（v3: アルバム×キャンディショップ）の site.css の上に重ねる。 */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lang select{min-height:38px;font-size:13px;font-weight:800;background:var(--color-lemon);border:1.5px solid var(--color-ink);border-radius:10px 4px 9px 5px;padding:2px 8px;max-width:130px}
.lang-note{display:inline-block;margin:var(--space-3) 0 0;font-size:13px;background:var(--color-white);border-left:4px solid #9fdcc8;padding:4px 12px;color:var(--color-ink)}

/* ---------- アルバム一覧 ---------- */
.archive-hero{position:relative;max-width:1180px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-4);text-align:center;display:grid;justify-items:center;gap:var(--space-2)}
.archive-hero p{margin:0;color:var(--color-muted)}
.archive-total{font:800 15px/1.4 var(--font-display);color:var(--color-ink)!important;background:var(--color-lemon);padding:2px 14px;rotate:-2deg}
.archive-tools{position:sticky;top:62px;z-index:20;background:rgba(255,250,247,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px dashed var(--color-line);padding:var(--space-2) var(--space-4) var(--space-2)}
.timeline{max-width:1180px;margin:0 auto;display:flex;align-items:flex-end;gap:var(--space-3);overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.years{display:flex;gap:4px;flex:none}
.year-chip{font:900 12px/1 var(--font-latin);background:var(--color-ink);color:var(--color-white);padding:6px 9px;border-radius:3px}
.m-bars{display:flex;align-items:flex-end;gap:3px;height:52px;flex:none}
.m-bar{width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font:800 10px/1 var(--font-latin);color:var(--color-muted)}
.m-bar::before{content:"";display:block;width:100%;border-radius:3px 3px 0 0;background:repeating-linear-gradient(-45deg,var(--color-warm) 0 4px,#ff9da0 4px 8px);margin-bottom:3px}
.m-bar.h1::before{height:4px}.m-bar.h2::before{height:7px}.m-bar.h3::before{height:10px}.m-bar.h4::before{height:13px}.m-bar.h5::before{height:17px}.m-bar.h6::before{height:20px}.m-bar.h7::before{height:24px}.m-bar.h8::before{height:28px}.m-bar.h9::before{height:32px}.m-bar.h10::before{height:36px}
.m-bar:hover{color:var(--color-accent)}
.tool-row{max-width:1180px;margin:var(--space-2) auto 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center}
.a-search{flex:1 1 200px;max-width:320px;min-height:40px;border:1.5px solid var(--color-ink);border-radius:4px;background:repeating-linear-gradient(180deg,transparent 0 19px,var(--color-ruled) 19px 20px),#fffdf9;padding:4px 12px;font-size:14px}
.archive-tools .filters{margin:0;border:0;padding:0;gap:6px}
.archive-tools .filter{min-height:34px;border-radius:6px;border-bottom:2px solid var(--color-ink);margin:0;font-size:12px}
.archive-tools .filter.selected{translate:0 -2px;box-shadow:2px 3px 0 var(--color-ink)}
.archive-body{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-9)}
.month{display:grid;gap:var(--space-4);padding:var(--space-6) 0;border-top:2px dashed var(--color-line);scroll-margin-top:160px}
.month:first-child{border-top:0}
.month{position:relative}
.year-anchor{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:170px}
.month-head{display:flex;align-items:center;gap:var(--space-3)}
.month-head h2{font-size:20px}
.month-count{font-size:12px;font-weight:800;color:var(--color-muted)}
.cal{flex:none;width:64px;background:var(--color-white);box-shadow:var(--shadow-paper);text-align:center;rotate:-3deg;display:grid}
.cal-y{background:var(--color-warm-deep);color:var(--color-white);font:900 11px/1.6 var(--font-latin);letter-spacing:.1em}
.cal-m{font:900 30px/1.3 var(--font-latin);color:var(--color-ink)}
.a-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-3)}
.a-card a{display:block;background:var(--color-polaroid);padding:8px 8px 10px;box-shadow:var(--shadow-paper);transition:transform var(--dur-mid) var(--ease-spring),box-shadow var(--dur-mid)}
.a-card:nth-child(4n+1) a{rotate:-1.2deg}.a-card:nth-child(4n+2) a{rotate:.9deg}.a-card:nth-child(4n+3) a{rotate:-.4deg}.a-card:nth-child(4n+4) a{rotate:1.4deg}
.a-photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--color-image)}
.a-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.no-cover{display:grid;place-items:center;height:100%;font-size:40px;color:var(--color-pink-deep)}
.date-stamp{position:absolute;right:6px;bottom:4px;font:700 13px/1 "Consolas","Courier New",monospace;letter-spacing:.06em;color:#ffa24a;text-shadow:0 0 3px rgba(255,120,30,.9),0 0 1px #000;white-space:pre}
.a-date{display:block;font-size:11px;font-weight:800;color:var(--color-muted);margin:8px 2px 0}
.a-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:800 13px/1.5 var(--font-display);margin:2px 2px 0;word-break:auto-phrase}
.a-card[hidden],.month[hidden]{display:none}
.no-result{text-align:center;color:var(--color-muted);padding:var(--space-8) 0}

/* ---------- 記事（お話） ---------- */
.post{max-width:820px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-9)}
.post-head{display:grid;gap:var(--space-2);justify-items:start;margin-bottom:var(--space-6)}
.crumb{font-size:13px;font-weight:800;color:var(--color-accent)}
.post-date{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 0;background:#2e2726;color:#f5e9e6;padding:6px 14px 6px 10px;border-radius:4px;rotate:-1deg}
.post-date .date-stamp{position:static;font-size:17px}
.post-date-label{font:800 10px/1 var(--font-latin);letter-spacing:.2em;color:#cdb8b3}
.post-date time{font-weight:800;font-size:14px}
.post h1{font-size:clamp(22px,4.4vw,32px);line-height:1.5;word-break:auto-phrase;text-wrap:pretty}
.post-cats{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.post-cats .price-tag{position:static;rotate:-2deg}
.post-head .btn-sticker{margin-top:var(--space-2)}
.post-body{font-size:16px;line-height:2}
.post-body>p{margin:0 0 var(--space-4)}
.post-body h2,.post-body h3{font-size:20px;margin:var(--space-7) 0 var(--space-4);padding:2px 10px;display:inline-block;background:linear-gradient(transparent 55%,var(--color-pink-deep) 55% 90%,transparent 90%)}
.post-body h3{font-size:17px;background:linear-gradient(transparent 60%,#bfe9dc 60% 90%,transparent 90%)}
.post-body figure{margin:var(--space-5) auto;max-width:560px}
.post-body .wp-block-image img:not(.is-sized),.post-body>figure img:not(.is-sized){display:block;width:100%;height:auto;background:var(--color-white);padding:8px 8px 26px;box-shadow:var(--shadow-paper)}
.post-body .wp-block-image:nth-of-type(2n) img{rotate:.8deg}.post-body .wp-block-image:nth-of-type(2n+1) img{rotate:-.6deg}
.post-body figcaption{font-size:13px;color:var(--color-muted);text-align:center}
.post-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:none!important;padding:0;list-style:none}
.post-gallery figure{margin:0}
.post-gallery img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;background:var(--color-white);padding:6px;box-shadow:var(--shadow-paper)}
.post-body ul,.post-body ol{padding-left:1.4em}
.post-body a:not(.link-card):not(.btn-candy):not(.btn-sticker){color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-pink-deep);text-underline-offset:4px}
/* ふきだし（SWELL の会話）→ メッセージ風 */
.talk{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-3) auto;max-width:640px}
.talk-right{flex-direction:row-reverse}
.talk-face,.post-body .talk-face{flex:none;width:60px;margin:0;max-width:none;text-align:center}
.talk-face img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--color-white);box-shadow:0 3px 8px -3px rgba(61,48,46,.5);display:block;margin:0 auto}
.talk-face figcaption{font:800 11px/1.3 var(--font-display);color:var(--color-muted);margin-top:3px;overflow-wrap:anywhere}
.talk-body{position:relative;max-width:calc(100% - 76px);background:var(--color-white);border:2px solid var(--color-ink);border-radius:16px 16px 16px 4px;padding:10px 16px;box-shadow:3px 3px 0 rgba(61,48,46,.12)}
.talk-right .talk-body{border-radius:16px 16px 4px 16px;background:#fff3f4}
.talk-body p{margin:0;line-height:1.8}
.talk-body p+p{margin-top:6px}
.talk-plain .talk-body{max-width:100%;border-style:dashed;background:#fffdf6;border-radius:6px}
.video-frame{position:relative;aspect-ratio:16/9;max-width:640px;margin:var(--space-4) auto;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ad-banner{text-align:center}
.ad-banner img{max-width:100%;height:auto}
.link-card{display:grid;gap:2px;max-width:560px;margin:var(--space-4) auto;background:var(--color-white);border:1.5px dashed var(--color-ink);padding:10px 14px;transition:translate var(--dur-fast)}
.link-card:hover{translate:0 -2px}
.link-card-kicker{font:900 10px/1.4 var(--font-latin);letter-spacing:.2em;color:var(--color-accent)}
.link-card-title{font-weight:800;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.embed-card .link-card-title{font-weight:400;color:var(--color-muted);font-size:12px}
.post-button{text-align:center;margin:var(--space-5) 0}
.book-widget{display:flex;justify-content:center;margin:var(--space-4) 0}
.book-widget iframe{border:0;background:var(--color-white);box-shadow:var(--shadow-paper)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8)}
.pn{display:grid;gap:4px;background:var(--color-white);padding:10px;box-shadow:var(--shadow-paper)}
.pn-newer{text-align:right;grid-column:2}
.pn-label{font:900 11px/1 var(--font-latin);letter-spacing:.16em;color:var(--color-accent)}
.pn-photo{aspect-ratio:16/10;overflow:hidden;background:var(--color-image)}
.pn-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.pn-date{font-size:11px;color:var(--color-muted);font-weight:800}
.pn-title{font:800 13px/1.5 var(--font-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.same-month{margin-top:var(--space-8)}
.same-month h2{font-size:18px;margin-bottom:var(--space-4)}
.a-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}
.passcode-box{background:var(--color-white);box-shadow:var(--shadow-paper);padding:var(--space-6) var(--space-5);text-align:center;display:grid;justify-items:center;gap:var(--space-2)}
.passcode-box img{width:110px;height:auto;rotate:-8deg;padding:0;box-shadow:none;background:none}
.passcode-form{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin:var(--space-3) 0}
.passcode-form input{min-height:44px;border:1.5px solid var(--color-ink);padding:4px 12px;border-radius:4px}
.passcode-box .note{font-size:12px;color:var(--color-muted)}
.passcode-status{min-height:1.5em;font-size:14px;color:var(--color-ink);margin:0}
.bonus-note{display:flex;align-items:center;gap:var(--space-2);font-weight:800;color:var(--color-accent);margin:0}
.bonus-note img{rotate:-8deg}

@media(min-width:37.5rem){
 .a-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-4)}
 .a-grid.small{grid-template-columns:repeat(4,minmax(0,1fr))}
 .post-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:56.25rem){
 .archive-tools{top:72px;padding:var(--space-2) var(--space-6)}
 .month{grid-template-columns:150px minmax(0,1fr);align-items:start}
 .month-head{position:sticky;top:190px;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
 .cal{width:96px}.cal-m{font-size:44px}
 .a-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(hover:hover){.a-card a:hover{transform:translateY(-5px) rotate(1.5deg);box-shadow:var(--shadow-paper-lift)}}
@media(prefers-reduced-motion:reduce){.a-card a,.link-card{transition:none}}
/* 案内（全体を表すページ）2026-10-16: アルバムとは別の枠。看板の見出し・ノートの紙・本の棚 */
.archive-hero+.signboard{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}
.signboard.compact{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px dashed var(--color-line)}
.signboard-title{font-size:18px;text-align:center;margin:0 0 var(--space-5)}
.signboard.compact .signpost img{max-width:240px}
.guide-page{max-width:980px}
.guide-head{justify-items:center;text-align:center}
.guide-head .crumb{justify-self:start}
.guide-head h1{margin:var(--space-2) 0 0}
.sign-hero{display:block;width:min(100%,460px);height:auto;transform-origin:50% 0;rotate:-1deg;filter:drop-shadow(0 12px 12px rgba(61,48,46,.2))}
.guide-title{margin:0;font-weight:800;color:var(--color-muted);font-size:15px}
.guide-lead{margin:0;max-width:34em}
.guide-about .post-body,.guide-entrance .post-body{background:#fffdf8;padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-paper);background-image:repeating-linear-gradient(180deg,transparent 0 31px,var(--color-ruled) 31px 32px)}
/* ポータル */
.portal-top{display:grid;justify-items:center;margin-bottom:var(--space-6)}
.portal-photo{width:min(100%,300px);rotate:2deg}
.portal-photo img{display:block;width:100%;height:auto}
.portal-group{margin-top:var(--space-7)}
.portal-group>h2{display:inline-block;font-size:20px;margin:0 0 var(--space-4);padding:2px var(--space-4);background:var(--color-lemon);border:2px solid var(--color-ink);border-radius:12px 4px 10px 6px;rotate:-1deg}
.p-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-4)}
.p-card{display:flex;gap:var(--space-3);background:var(--color-white);padding:var(--space-4);box-shadow:var(--shadow-paper);border-radius:4px}
.p-card.quiet{background:var(--color-kraft);box-shadow:none;border:1px dashed var(--color-wood)}
.p-pic{flex:none;width:76px}
.p-pic img{display:block;width:76px;height:76px;object-fit:cover;border:4px solid var(--color-white);box-shadow:var(--shadow-paper);rotate:-2deg}
.p-text{display:grid;gap:var(--space-2);align-content:start;min-width:0}
.p-text h3{font-size:16px;margin:0}
.p-text p{margin:0;font-size:14px;line-height:1.8;color:var(--color-muted)}
.p-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.p-links .btn-sticker{min-height:38px;padding:4px var(--space-4);font-size:13px}
.p-links .btn-candy{margin:0}
.p-divider{grid-column:1/-1;font-size:13px;color:var(--color-muted);padding-top:var(--space-2)}
/* とくてん倉庫（本の棚） */
.warehouse-intro{margin-bottom:var(--space-6)}
.bookshelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:var(--space-6) var(--space-5)}
.book{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-4);align-items:start;padding-bottom:var(--space-5);border-bottom:10px solid var(--color-wood);box-shadow:0 8px 0 -4px var(--color-wood-dark)}
.book-cover{margin:0;background:var(--color-white);padding:5px;box-shadow:var(--shadow-paper);rotate:-1.5deg}
.book:nth-child(2n) .book-cover{rotate:1.5deg}
.book-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.book-cover.is-door img{object-fit:contain;background:var(--color-pink)}
.book-info{display:grid;gap:6px;min-width:0}
.book-no{margin:0;font-family:var(--font-latin);font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--color-accent)}
.book-info h2{margin:0;font-size:17px;line-height:1.5}
.book-en{margin:0;font-size:12px;color:var(--color-muted)}
.book-badges{display:flex;gap:6px;flex-wrap:wrap}
.book-badges:empty{display:none}
.book-doors{display:grid;gap:6px;justify-items:start}
.book-doors:empty{display:none}
.door-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px 999px 8px 8px;background:var(--color-warm-deep);color:var(--color-white);font-weight:800;font-size:14px;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.door-btn small{font-family:var(--font-latin);font-weight:600;opacity:.85;font-size:11px}
.door-btn.sub{background:var(--color-mint-ink)}
.door-btn.line{background:var(--color-success)}
.door-btn:hover{filter:brightness(1.08)}
.book-shops{margin:0;font-size:13px;color:var(--color-muted)}
.shop-link{color:var(--color-accent);font-weight:700}
.book-badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 10px;border-radius:4px;background:var(--color-lemon);color:var(--color-lemon-ink)}
.post-body img.is-sized{display:block;max-width:100%;height:auto;margin-inline:auto}
.guide-about .post-body,.guide-entrance .post-body{background-image:none}
/* ---------- 読みやすさの調整（2026-10-17 サブ2）。本文16px以上、注記・ラベル14px以上 ---------- */
.lang select{font-size:14px}
.lang-note{font-size:14px}
.year-chip{font-size:14px;padding:7px 10px}
.m-bars{height:58px}
.m-bar{width:28px;font-size:14px}
.a-search{font-size:16px;min-height:44px}
.archive-tools .filter{font-size:15px;min-height:40px}
.month-head h2{font-size:22px}
.month-count{font-size:14px}
.cal-y{font-size:13px}
.a-date{font-size:14px}
.a-title{font-size:15px;line-height:1.55}
.crumb{font-size:15px}
.post-date-label{font:800 13px/1 var(--font-display);letter-spacing:.06em}
.post-date time{font-size:16px}
.post-body figcaption{font-size:14px}
.talk-face figcaption{font-size:13px}
.talk-body p{font-size:16px}
.link-card-kicker{font-size:13px;letter-spacing:.12em}
.link-card-title{font-size:15px}
.embed-card .link-card-title{font-size:14px}
.pn-label{font-size:13px}
.pn-date{font-size:14px}
.pn-title{font-size:15px}
.passcode-box .note{font-size:14px}
.archive-hero p{font-size:16px;color:var(--color-ink)}
/* ---------- ポータル 作り直し（2026-10-17）: アイコン・名前・説明・ボタン。よく使う所は大きく、更新が少ない所は小さく ---------- */
.p-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:var(--color-ink)}
.p-icon svg{width:30px;height:30px}
.p-cards-big{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}
.p-card{align-items:flex-start}
.p-big{padding:var(--space-5);border-top:6px solid var(--color-pink-deep)}
.p-big .p-icon{width:64px;height:64px;border-radius:18px}
.p-big .p-icon svg{width:36px;height:36px}
.p-big h3{font-size:20px}
.p-text h3{display:grid;gap:2px}
.p-sub{font:700 14px/1.4 var(--font-body);color:var(--color-muted)}
.p-text p{font-size:15px;color:var(--color-ink)}
.p-handle{font-family:var(--font-latin);font-weight:700;color:var(--color-muted)!important}
.p-big .p-links{margin-top:var(--space-2)}
.p-big .btn-candy.compact{margin:0 16px}
.p-links .btn-sticker{font-size:15px;min-height:42px}
.p-qr{flex:none;width:84px;height:84px;object-fit:contain;background:#fff;padding:4px;box-shadow:var(--shadow-paper)}
.portal-note{font-size:15px;margin:0 0 var(--space-4)}
.portal-quiet{margin-top:var(--space-8);padding-top:var(--space-5);border-top:2px dashed var(--color-line)}
.portal-quiet>h2{background:var(--color-kraft);font-size:17px}
.p-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.p-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:4px 14px 4px 6px;background:var(--color-white);border:1.5px solid var(--color-line);border-radius:999px;font-size:15px;font-weight:700;color:var(--color-ink)}
.p-chip .p-icon{width:32px;height:32px;border-radius:50%}
.p-chip .p-icon svg{width:20px;height:20px}
.p-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}
@media(max-width:37.49rem){.p-qr{display:none}.p-big{padding:var(--space-4)}}
/* ---------- とくてん倉庫（2026-10-17）: 使い方の3ステップ・本の番号の目次・言葉で分かるボタン ---------- */
.use-steps{background:var(--color-white);box-shadow:var(--shadow-paper);border-radius:6px;padding:var(--space-5);margin:0 0 var(--space-6)}
.use-steps h2{font-size:22px;margin:0 0 var(--space-4)}
.use-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.use-steps li{display:flex;gap:var(--space-3);align-items:center}
.use-steps li p{margin:0;font-size:16px}
.us-no{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:900 20px/1 var(--font-latin);color:var(--color-white);background:var(--color-accent)}
.use-steps li:nth-child(2) .us-no{background:var(--color-mint-ink)}.use-steps li:nth-child(3) .us-no{background:var(--color-lemon-ink)}
.adult-note{margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-pink);border-left:5px solid var(--color-accent);font-size:15px}
.adult-note strong{color:var(--color-accent);margin-right:4px}
.book-index{margin:0 0 var(--space-6)}
.book-index p{margin:0 0 var(--space-2);font-weight:800;font-size:15px}
.book-index ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.book-index a{display:inline-flex;align-items:center;min-height:36px;padding:2px 10px;background:var(--color-white);border:1.5px solid var(--color-line);border-radius:6px;font:800 14px/1 var(--font-latin);color:var(--color-ink)}
.book-index a:hover{border-color:var(--color-accent);color:var(--color-accent)}
.book{scroll-margin-top:110px}
.book-no{font-size:14px}
.book-info h2{font-size:18px}
.book-en{font-size:14px}
.book-badge{font-size:14px}
.book-shops{font-size:15px}
.door-btn{font-size:16px;padding:8px 16px;border-radius:10px;background:var(--color-accent);flex-wrap:wrap}
.door-btn small{font:700 14px/1.3 var(--font-body);opacity:1}
.door-btn.sub{font-size:15px}
.warehouse-from{font-size:20px;margin:var(--space-8) 0 var(--space-4);text-align:center}
.post-body.warehouse-intro{margin-top:0}
.door-btn{display:inline-block;line-height:1.5;text-align:left}
.door-btn small{margin-left:4px}
.portal-photo{width:min(100%,220px)}
.cal-y,.talk-face figcaption,.link-card-kicker,.pn-label,.post-date-label{font-size:14px}
.adult-note,.p-text p{font-size:16px}