.bfdn-shelf,.bfdn-reader{--bfdn-ink:#18372f;--bfdn-muted:#65776b;--bfdn-paper:#fffdf7;--bfdn-gold:#a47b3d;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--bfdn-ink);box-sizing:border-box}
.bfdn-shelf *,.bfdn-reader *{box-sizing:border-box}.bfdn-shelf [hidden],.bfdn-reader [hidden]{display:none!important}
.bfdn-shelf{background:#f4f1e8;border:1px solid #e3ded0;border-radius:16px;padding:clamp(20px,4vw,48px);margin:28px auto;max-width:1380px}
.bfdn-shelf-header{padding-bottom:24px;border-bottom:1px solid #d6d1c3;margin-bottom:22px}.bfdn-eyebrow{font-size:10px;letter-spacing:.24em;font-weight:750;color:#8c744f}.bfdn-shelf h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(28px,4vw,42px);line-height:1.4;color:var(--bfdn-ink);margin:8px 0 9px}.bfdn-shelf-header p{font-size:14px;margin:0;color:var(--bfdn-muted)}
.bfdn-filters{display:flex;align-items:flex-end;gap:14px;margin-bottom:30px;flex-wrap:wrap}.bfdn-filters label{font-size:12px;font-weight:650;display:grid;gap:7px}.bfdn-filters label:first-child{flex:1;min-width:160px}.bfdn-shelf input,.bfdn-shelf select{background:#fffdf8!important;border:1px solid #c8cbbb!important;border-radius:6px;min-height:44px;padding:8px 12px;font:inherit;font-size:14px;color:var(--bfdn-ink);width:100%}.bfdn-count{font-size:12px;white-space:nowrap;padding-bottom:12px;color:#65776b}
.bfdn-grid{display:grid;grid-template-columns:repeat(var(--bfdn-columns,4),minmax(0,1fr));gap:32px 24px}.bfdn-card{min-width:0;padding-bottom:18px;border-bottom:8px solid #d7c7a7;box-shadow:0 6px 5px -5px #6d543e44}.bfdn-card .bfdn-open{all:unset;box-sizing:border-box;display:block;cursor:pointer;width:100%;color:inherit}
.bfdn-cover{aspect-ratio:3/4;display:flex;position:relative;flex-direction:column;padding:25px 20px 22px 25px;margin-bottom:15px;border-radius:2px 6px 6px 2px;box-shadow:4px 7px 10px #24392f22,inset 6px 0 #ffffff0f,inset 9px 0 #0000001c;background:#24473d;color:#fff8e8;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.bfdn-cover:after{content:"";position:absolute;right:3px;top:3px;bottom:3px;border-right:2px solid #ffffff32}.bfdn-open:hover .bfdn-cover{transform:translateY(-5px) rotate(-1deg);box-shadow:7px 12px 16px #24392f33}.bfdn-color-1{background:#795a43}.bfdn-color-2{background:#414f65}.bfdn-color-3{background:#72675c}.bfdn-color-4{background:#6e4546}.bfdn-color-5{background:#5c6250}.bfdn-cover-line{height:1px;background:#d6bb7e80;width:38px;margin-bottom:22px}.bfdn-cover-title{font-family:Georgia,"Yu Mincho",serif;line-height:1.65;font-size:clamp(16px,1.9vw,25px);font-weight:600;overflow-wrap:anywhere;overflow:hidden;flex:1}.bfdn-cover-author{margin-top:14px;margin-bottom:25px;letter-spacing:.06em;font-size:11px;overflow:hidden;max-height:3em}.bfdn-format-badge{position:absolute;bottom:14px;left:25px;font-size:9px;letter-spacing:.1em;border:1px solid #f7e5bf66;border-radius:3px;padding:2px 6px;background:#0003;color:white}.bfdn-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bfdn-card-title{font-size:15px;line-height:1.6;font-weight:700;display:block;overflow-wrap:anywhere}.bfdn-read-label{font-size:11px;display:flex;justify-content:space-between;margin-top:8px;color:#537365;min-height:26px;align-items:center}.bfdn-author{font-size:12px;margin:9px 0;color:#68766c}.bfdn-description{font-size:12px;line-height:1.8;color:#56685d;margin:8px 0 0;overflow-wrap:anywhere;white-space:normal}.bfdn-empty{padding:30px;text-align:center}
.bfdn-shelf :focus-visible,.bfdn-reader :focus-visible{outline:3px solid #b98b45!important;outline-offset:4px}
.bfdn-reader{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;margin:0;border:0;background:#eeeae0;color:#18372f;z-index:2147483000;overflow:hidden}.bfdn-reader[open]{display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto auto}.bfdn-reader::backdrop{background:#132d23c9}.bfdn-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #d6d5c9;background:#faf8f1;gap:20px}.bfdn-book-heading{min-width:0}.bfdn-toolbar h2{font-size:16px;line-height:1.4;margin:4px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}
.bfdn-reader button,.bfdn-reader select,.bfdn-reader input,.bfdn-original{font:inherit;font-size:13px;line-height:1.3;border:1px solid #bbc3b7;border-radius:6px;background:#fafbf6;color:#214b3b;padding:8px 12px;min-height:42px;text-decoration:none;box-shadow:none;cursor:pointer}.bfdn-reader button:hover,.bfdn-original:hover{background:#e4eadf;color:#153828}.bfdn-reader button:disabled{opacity:.35;cursor:default}.bfdn-reader .bfdn-close{flex:none;width:42px;font-size:20px}.bfdn-options{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 12px;flex-wrap:wrap;font-size:12px}.bfdn-options label{display:flex;align-items:center;gap:6px}.bfdn-options select{padding:5px 8px;min-height:36px}.bfdn-options button,.bfdn-options a{font-size:11px;min-height:36px}
.bfdn-stage{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:100px;touch-action:pan-y pinch-zoom;perspective:1800px}.bfdn-spread{position:relative;display:flex;flex:none;box-shadow:0 12px 35px #14362722;perspective:1800px}.bfdn-page{position:relative;flex:none;width:var(--bfdn-page-width);height:var(--bfdn-page-height);padding:22px 24px 36px;background:#fffdf7;border-radius:2px;overflow:hidden;color:#24372f}.bfdn-spread[data-pages="2"]>.bfdn-page:first-child{box-shadow:inset -12px 0 20px -20px #2b261b}.bfdn-spread[data-pages="2"]>.bfdn-page:nth-child(2){box-shadow:inset 12px 0 20px -20px #2b261b}.bfdn-clip{width:var(--bfdn-inner-width);height:var(--bfdn-inner-height);overflow:hidden}.bfdn-flow{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:var(--bfdn-font,18px);line-height:1.9;overflow-wrap:anywhere;width:var(--bfdn-inner-width);height:var(--bfdn-inner-height);column-width:var(--bfdn-inner-width);column-gap:0;column-fill:auto;text-align:start;direction:ltr;writing-mode:horizontal-tb}
.bfdn-flow *{max-width:100%;font:inherit;color:inherit}.bfdn-flow p{margin:0 0 1em;white-space:pre-wrap;orphans:2;widows:2}.bfdn-flow h1,.bfdn-flow h2,.bfdn-flow h3,.bfdn-flow h4,.bfdn-flow h5,.bfdn-flow h6{font-weight:700;line-height:1.5;break-after:avoid;margin:.7em 0 .6em}.bfdn-flow h1{font-size:1.6em}.bfdn-flow h2{font-size:1.35em}.bfdn-flow h3{font-size:1.15em}.bfdn-flow img{display:block;max-width:100%;max-height:calc(var(--bfdn-inner-height) - 20px);width:auto;height:auto;object-fit:contain;break-inside:avoid;margin:.5em auto}.bfdn-flow figure{margin:.5em 0;break-inside:avoid}.bfdn-flow table{width:100%;border-collapse:collapse;font-size:.8em;table-layout:fixed}.bfdn-flow td,.bfdn-flow th{border:1px solid #d4d5c9;padding:5px;overflow-wrap:anywhere}.bfdn-flow th,.bfdn-flow strong,.bfdn-flow b{font-weight:700}.bfdn-flow em,.bfdn-flow i{font-style:italic}.bfdn-flow ul,.bfdn-flow ol{padding-left:1.6em;margin:0 0 .8em}.bfdn-flow li{margin:.25em 0}.bfdn-flow blockquote{border-left:3px solid #b4bd9f;margin:1em 0;padding-left:14px}.bfdn-flow pre{white-space:pre-wrap;font-family:monospace;font-size:.8em}.bfdn-flow code{font-family:monospace;white-space:pre-wrap}.bfdn-flow a{color:#2c6a53;text-decoration:underline}.bfdn-flow hr{border:0;border-top:1px solid #bcc7af;margin:1em 0}.bfdn-flow sup{vertical-align:super;font-size:.7em}.bfdn-flow sub{vertical-align:sub;font-size:.7em}.bfdn-flow rt{font-size:.5em}.bfdn-flow del,.bfdn-flow s{text-decoration:line-through}.bfdn-flow u{text-decoration:underline}
.bfdn-page-number{position:absolute;bottom:11px;left:0;width:100%;text-align:center;font:11px system-ui,sans-serif;color:#889180}.bfdn-pdf-page{padding:8px 10px 28px;display:flex;align-items:center;justify-content:center}.bfdn-pdf-page canvas{display:block;max-width:100%;max-height:100%}.bfdn-measure{visibility:hidden}.bfdn-blank{background:#f6f2e9}.bfdn-turn{position:absolute;top:0;z-index:5;backface-visibility:hidden;box-shadow:5px 0 20px #0002;pointer-events:none}.bfdn-loading{position:absolute;max-width:min(90%,580px);background:#fffdf4f5;padding:22px 28px;border:1px solid #d4d7c5;border-radius:12px;font-size:14px;line-height:1.8;text-align:center;box-shadow:0 10px 30px #253a2820;z-index:10;overflow-wrap:anywhere}
.bfdn-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px 3px}.bfdn-page-jump{display:flex;align-items:center;gap:8px;font:12px system-ui,sans-serif}.bfdn-page-jump input{width:68px;text-align:center;cursor:text;padding:5px}.bfdn-hint{font:11px/1.4 system-ui,sans-serif;text-align:center;margin:8px 10px 12px;color:#697464}.bfdn-reader .bfdn-next{background:#214b3b;color:white;border-color:#214b3b}.bfdn-reader .bfdn-next:hover{background:#32624d}
@media(max-width:900px){.bfdn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.bfdn-cover{padding:20px}.bfdn-cover-title{font-size:19px}}
@media(max-width:600px){.bfdn-shelf{padding:20px 16px;border-radius:10px}.bfdn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.bfdn-cover{padding:18px 13px 16px 19px}.bfdn-cover-title{font-size:17px}.bfdn-cover-author{font-size:9px}.bfdn-cover-line{margin-bottom:13px}.bfdn-format-badge{left:19px;bottom:12px}.bfdn-card-title{font-size:13px}.bfdn-filters{gap:10px}.bfdn-count{padding:0}.bfdn-toolbar{padding:10px 14px}.bfdn-toolbar h2{font-size:14px}.bfdn-options{gap:7px;padding:7px}.bfdn-options label{font-size:10px;gap:3px}.bfdn-options .bfdn-fullscreen{display:none}.bfdn-controls{gap:14px}.bfdn-hint{font-size:10px}.bfdn-options .bfdn-original{font-size:10px;padding:7px}}
@media(prefers-reduced-motion:reduce){.bfdn-cover{transition:none}}