.bpf130{--orange:#f25b00;--orange2:#ff6b00;--cream:#fff9f1;--cream2:#fff4e7;--line:#efc7a4;--soft:#f7f7f7;--text:#171717;--muted:#666;max-width:1135px;margin:0 auto;padding:18px 0 0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:14px;line-height:1.45}.bpf130 *{box-sizing:border-box}.bpf130 input,.bpf130 button,.bpf130 select{font:inherit}.bpf130-title-row{display:flex;gap:16px;align-items:center;margin:2px 0 6px}.bpf130-title-row h1{font-size:30px;line-height:1.15;margin:0 0 6px;font-weight:800}.bpf130-title-row p{margin:0;font-size:16px;font-weight:700}.bpf130-title-icon{width:72px;height:72px;border:1px solid #aebac5;border-radius:50%;display:grid;place-content:center;grid-template-columns:repeat(3,8px);gap:2px;padding:14px}.bpf130-title-icon span{height:36px;border:1px solid #54738b;background:repeating-linear-gradient(to bottom,#fff 0 5px,#54738b 5px 6px)}.bpf130-steps{display:flex;align-items:center;justify-content:center;margin:8px 0 18px;padding-left:95px}.bpf130-step{display:flex;flex-direction:column;align-items:center;min-width:85px}.bpf130-step span{width:34px;height:34px;border:2px solid #cfd5da;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#666;background:#fff}.bpf130-step small{font-size:10px;margin-top:6px;white-space:nowrap}.bpf130-step.is-active span{background:var(--orange);border-color:var(--orange);color:#fff}.bpf130-steps>i{width:95px;height:2px;background:#aeb5bb;margin:-18px 8px 0}.bpf130-steps>.bpf130-step.is-active+i{background:var(--orange)}.bpf130-layout{display:grid;grid-template-columns:minmax(0,795px) 315px;gap:28px;align-items:start}.bpf130-section{margin:0 0 12px}.bpf130-heading{display:flex;align-items:center;gap:9px;margin:0 0 7px}.bpf130-heading>span{width:24px;height:24px;background:var(--orange);color:#fff;border-radius:4px;display:grid;place-items:center;font-size:15px;font-weight:800}.bpf130-heading h2{font-size:17px;margin:0;font-weight:800}.bpf130-binding-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bpf130-choice-card{border:1px solid var(--line);min-height:98px;padding:11px 14px;display:grid;grid-template-columns:18px 95px 1fr;gap:10px;align-items:center;background:#fff;cursor:pointer;position:relative;border-radius:5px}.bpf130-choice-card>input{position:absolute;opacity:0}.bpf130-radio-mark{width:14px;height:14px;border:1px solid #999;border-radius:50%;background:#fff;position:relative}.bpf130-choice-card>input:checked~.bpf130-radio-mark,.bpf130-size-card>input:checked~.bpf130-radio-mark{border-color:var(--orange)}.bpf130-choice-card>input:checked~.bpf130-radio-mark:after,.bpf130-size-card>input:checked~.bpf130-radio-mark:after{content:"";position:absolute;inset:2px;background:var(--orange);border-radius:50%}.bpf130-choice-card:has(input:checked){border-color:var(--orange);background:var(--cream)}.bpf130-choice-copy strong{display:block;font-size:15px;margin-bottom:5px}.bpf130-choice-copy small{display:block;font-size:11px;line-height:1.5}.bpf130-binding-visual{width:95px;height:60px;display:block;position:relative;overflow:hidden;background:#eef1f2;border-radius:2px}.bpf130-visual-perfect{background:linear-gradient(150deg,#436e87 0 30%,#f5f1e7 31% 72%,#d9d3c4 73%);box-shadow:inset 0 -7px rgba(0,0,0,.06)}.bpf130-visual-perfect i{position:absolute;height:4px;background:#c5bca8;left:32px;right:3px}.bpf130-visual-perfect i:nth-child(1){top:28px}.bpf130-visual-perfect i:nth-child(2){top:37px}.bpf130-visual-perfect i:nth-child(3){top:46px}.bpf130-visual-saddle{background:#f3f1ed}.bpf130-visual-saddle i{position:absolute;top:8px;width:43px;height:48px;background:#fff;border:1px solid #bbb;box-shadow:0 2px 4px rgba(0,0,0,.12)}.bpf130-visual-saddle i:first-child{left:7px;transform:skewY(-9deg)}.bpf130-visual-saddle i:last-child{right:7px;transform:skewY(9deg)}.bpf130-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bpf130-size-card{height:64px;border:1px solid var(--line);border-radius:5px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px 18px;cursor:pointer;position:relative;background:#fff}.bpf130-size-card>input{position:absolute;opacity:0}.bpf130-size-card .bpf130-radio-mark{grid-row:1/3}.bpf130-size-card strong{font-size:19px;align-self:end}.bpf130-size-card small{font-size:10px;align-self:start}.bpf130-size-card:has(input:checked){border-color:var(--orange);background:var(--cream)}.bpf130-two-panels{border:1px solid var(--line);border-radius:5px;display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:hidden}.bpf130-num-panel{padding:12px 28px;text-align:center;opacity:.48;transition:.15s}.bpf130-num-panel+ .bpf130-num-panel{border-left:1px solid var(--line)}.bpf130-num-panel.is-active{opacity:1;background:#fff}.bpf130-num-panel strong{font-size:12px}.bpf130-number-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 4px}.bpf130-number-wrap input{width:165px;height:39px;text-align:center;font-size:18px;border:1px solid #d7bfa9;border-radius:4px;background:#fff}.bpf130-number-wrap span{font-weight:700}.bpf130-num-panel small{font-size:10px}.bpf130-info-line{background:var(--cream2);padding:8px 12px;margin:7px 0 0;font-size:10px;border-radius:3px}.bpf130-body-head{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-bottom:2px solid var(--orange);padding:8px 12px;background:#fff}.bpf130-body-head strong{font-size:16px;text-align:center}.bpf130-body-head span{font-size:10px;color:var(--orange);font-weight:700}.bpf130-paper-columns{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:#fff}.bpf130-paper-group{padding:12px 13px;min-height:112px}.bpf130-paper-group+ .bpf130-paper-group{border-left:1px solid #eee}.bpf130-paper-group h3,.bpf130-cover-col h3{font-size:12px;margin:0 0 8px}.bpf130-paper-group h3 small,.bpf130-cover-col h3 small{display:block;font-size:9px;color:#666;font-weight:500}.bpf130-line-radio{display:flex;align-items:center;gap:6px;font-size:11px;margin:6px 0;cursor:pointer}.bpf130-line-radio input{position:absolute;opacity:0}.bpf130-line-radio>span{width:14px;height:14px;border:1px solid #888;border-radius:50%;display:inline-block;position:relative;flex:0 0 14px}.bpf130-line-radio input:checked+span{border-color:var(--orange)}.bpf130-line-radio input:checked+span:after{content:"";position:absolute;inset:2px;background:var(--orange);border-radius:50%}.bpf130-line-radio:has(input:disabled){opacity:.4;cursor:not-allowed}.bpf130-paper-note{font-size:10px;color:#b34d00;margin:6px 0 0}.bpf130-cover-grid{display:grid;grid-template-columns:.95fr .86fr 1.10fr 1.06fr 1.12fr;border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden}.bpf130-cover-col{padding:12px 13px;min-height:180px}.bpf130-cover-col+ .bpf130-cover-col{border-left:1px solid #eee}.bpf130-color-button,.bpf130-inline-color{border:1px solid #55a7df;background:#fff;color:#17699f;border-radius:3px;padding:5px 9px;font-size:10px;font-weight:700;cursor:pointer;margin-top:7px}.bpf130-mini-swatches{display:flex;gap:2px;margin-top:8px;opacity:.55}.bpf130-mini-swatches.is-selected{opacity:1}.bpf130-mini-swatches i{width:13px;height:13px;background-color:var(--c);background-image:var(--swatch-image,none);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.12)}.bpf130-cover-print-col p{font-size:9px;color:#777;line-height:1.4}.bpf130-print-areas{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.bpf130-print-areas label{cursor:pointer}.bpf130-print-areas input{position:absolute;opacity:0}.bpf130-print-areas span{display:grid;place-items:center;min-height:35px;border:1px solid #d5d5d5;text-align:center;font-size:8px;padding:4px}.bpf130-print-areas input:checked+span{border-color:var(--orange);color:var(--orange);font-weight:800;background:var(--cream)}.bpf130-option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bpf130-option-card{border:1px solid var(--line);border-radius:5px;min-height:166px;padding:10px 8px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;cursor:pointer}.bpf130-option-card>input{position:absolute;opacity:0}.bpf130-option-check{position:absolute;top:9px;left:9px;width:14px;height:14px;border:1px solid #999;border-radius:2px}.bpf130-option-card>input:checked+.bpf130-option-check{background:var(--orange);border-color:var(--orange)}.bpf130-option-card>input:checked+.bpf130-option-check:after{content:"✓";color:#fff;position:absolute;font-size:11px;left:2px;top:-2px}.bpf130-option-card:has(>input:checked){border-color:var(--orange);background:var(--cream)}.bpf130-option-card.is-disabled{opacity:.4;pointer-events:none}.bpf130-option-card>b{font-size:11px;margin-bottom:7px}.bpf130-option-icon{width:60px;height:42px;display:grid;place-items:center;font-size:32px;color:#6e7780;background:linear-gradient(#fff,#f0f0f0);border:1px solid #eee}.bpf130-option-card small{font-size:9px;margin:5px 0;color:#555;min-height:26px}.bpf130-option-card>strong{font-size:11px;color:var(--orange);margin-top:auto}.bpf130-inline-color{padding:3px 6px;margin-top:6px}.bpf130-option-controls{background:var(--cream2);margin-top:7px;border-radius:4px}.bpf130-option-controls>div{display:none;padding:7px 10px;font-size:10px;border-bottom:1px solid #f1dcc9}.bpf130-option-controls>div.is-visible{display:block}.bpf130-option-controls select{margin-left:8px}.bpf130-option-note{font-size:9px;color:#666;margin:6px 0 0}.bpf130-delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bpf130-delivery-grid label{cursor:pointer}.bpf130-delivery-grid input{position:absolute;opacity:0}.bpf130-delivery-grid span{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:5px;padding:10px;background:#fff}.bpf130-delivery-grid strong{font-size:15px}.bpf130-delivery-grid small{font-size:9px;color:#666;margin-top:2px}.bpf130-delivery-grid input:checked+span{border-color:var(--orange);background:var(--cream);color:var(--orange)}.bpf130-result{position:sticky;top:18px;border:1px solid var(--line);background:var(--cream);border-radius:5px;overflow:hidden}.bpf130-result-title{background:var(--orange);color:#fff;text-align:center;padding:10px;font-size:20px;font-weight:800}.bpf130-result-inner{padding:12px 13px}.bpf130-result-binding{display:flex;align-items:center;gap:12px;padding:2px 0 10px;border-bottom:1px solid var(--line)}.bpf130-result-binding strong{font-size:12px}.bpf130-result-book{width:90px;height:58px;position:relative;background:linear-gradient(150deg,#436e87 0 30%,#f5f1e7 31% 72%,#d9d3c4 73%);overflow:hidden;border-radius:2px}.bpf130-result-book i{position:absolute;height:3px;background:#c5bca8;left:28px;right:2px}.bpf130-result-book i:nth-child(1){top:27px}.bpf130-result-book i:nth-child(2){top:35px}.bpf130-result-book i:nth-child(3){top:43px}.bpf130-result-book.is-saddle{background:#f3f1ed}.bpf130-result-book.is-saddle i{width:38px;height:45px;top:7px;background:#fff;border:1px solid #bbb}.bpf130-result-book.is-saddle i:nth-child(1){left:8px;transform:skewY(-9deg)}.bpf130-result-book.is-saddle i:nth-child(2){left:auto;right:8px;transform:skewY(9deg)}.bpf130-result-book.is-saddle i:nth-child(3){display:none}.bpf130-spec-list,.bpf130-result-options dl{display:grid;grid-template-columns:95px 1fr;gap:6px 5px;font-size:10px;margin:11px 0}.bpf130-spec-list dt,.bpf130-result-options dt{color:#444}.bpf130-spec-list dd,.bpf130-result-options dd{margin:0}.bpf130-result-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.bpf130-result-options h3{font-size:12px;color:var(--orange);margin:0}.bpf130-result-options dl{margin-bottom:0}.bpf130-result-spine{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.bpf130-result-spine strong{font-size:14px}.bpf130-result-spine.is-muted{opacity:.45}.bpf130-price-box{text-align:center;padding:11px 0 8px}.bpf130-price-box>span{display:block;font-size:11px;font-weight:700}.bpf130-price-box>span b{font-size:9px;color:var(--orange)}.bpf130-price-box>strong{display:block;color:#e21d0b;font-size:25px;line-height:1.15}.bpf130-price-box em{font-style:normal;font-size:35px}.bpf130-shipping-note{font-size:8px;text-align:center;line-height:1.45;color:#555}.bpf130-shipping-note p{margin:2px 0}.bpf130-shipping-rules{margin-top:5px;color:#111;font-size:9px;line-height:1.6;font-weight:500}.bpf130-shipping-rules p{margin:1px 0}.bpf130-order-button,.bpf130-save-button{display:block;width:100%;border-radius:4px;padding:11px 8px;font-weight:800;text-align:center;text-decoration:none;margin-top:9px}.bpf130-order-button{background:var(--orange);color:#fff!important;border:1px solid var(--orange)}.bpf130-save-button{background:#fff;border:1px solid #ccc;color:#333;cursor:pointer}.bpf130-save-message{min-height:18px;font-size:9px;text-align:center;color:#17699f;margin-top:5px}.bpf130-benefits{border:1px solid var(--line);border-radius:5px;margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.bpf130-benefits>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;gap:2px 8px;padding:15px}.bpf130-benefits b{grid-row:1/3;font-size:25px;align-self:center}.bpf130-benefits strong{color:var(--orange);font-size:11px}.bpf130-benefits small{font-size:8px}.bpf130-modal[hidden]{display:none!important}.bpf130-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center}.bpf130-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}.bpf130-modal-card{position:relative;width:min(520px,92vw);background:#fff;border-radius:8px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.bpf130-modal-card h2{font-size:18px;margin:0 0 14px}.bpf130-modal-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}.bpf130-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bpf130-palette-item{border:1px solid #ddd;background:#fff;border-radius:5px;padding:8px;cursor:pointer}.bpf130-palette-item i{display:block;width:100%;height:48px;background-color:var(--palette);background-image:var(--palette-image,none);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.12);margin-bottom:5px}.bpf130-palette-item span{font-size:11px}.bpf130-palette-item.is-current{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}@media(max-width:980px){.bpf130{padding-left:12px;padding-right:12px}.bpf130-steps{padding-left:0}.bpf130-steps>i{width:45px}.bpf130-layout{grid-template-columns:1fr}.bpf130-result{position:static}.bpf130-paper-columns{grid-template-columns:1fr 1fr}.bpf130-cover-grid{grid-template-columns:1fr 1fr}.bpf130-option-grid{grid-template-columns:repeat(3,1fr)}.bpf130-benefits{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bpf130-title-row h1{font-size:24px}.bpf130-title-icon{width:55px;height:55px}.bpf130-steps{overflow-x:auto;justify-content:flex-start}.bpf130-steps>i{width:24px;min-width:24px}.bpf130-step{min-width:72px}.bpf130-binding-grid,.bpf130-two-panels,.bpf130-size-grid,.bpf130-paper-columns,.bpf130-cover-grid,.bpf130-delivery-grid{grid-template-columns:1fr}.bpf130-num-panel+.bpf130-num-panel,.bpf130-paper-group+.bpf130-paper-group,.bpf130-cover-col+.bpf130-cover-col{border-left:0;border-top:1px solid #eee}.bpf130-option-grid{grid-template-columns:1fr 1fr}.bpf130-benefits{grid-template-columns:1fr}.bpf130-palette{grid-template-columns:repeat(3,1fr)}}

/* FINAL 1.4.0 visual refinements */
.bpf130{padding-top:10px}
.bpf140-title-simple{margin:0 0 4px;padding:8px 0 2px;border-bottom:0}
.bpf140-title-simple h1{font-size:30px;letter-spacing:.02em}
.bpf140-title-simple p{font-size:14px;color:#333}
.bpf130-binding-photo{width:112px;height:76px;display:block;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.bpf130-binding-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bpf130-choice-card{grid-template-columns:18px 112px 1fr;min-height:112px;padding:12px 14px;box-shadow:0 2px 9px rgba(74,42,15,.03)}
.bpf130-choice-card:has(input:checked){box-shadow:0 2px 12px rgba(242,91,0,.09)}
.bpf130-result-book{width:108px;height:76px;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.bpf130-result-book img{display:block;width:100%;height:100%;object-fit:cover}
.bpf130-result-book i{display:none!important}
.bpf130-option-card{min-height:132px;justify-content:flex-start;padding-top:11px}
.bpf130-option-card small{min-height:28px;margin-top:6px}
.bpf130-option-card>strong{display:none!important}
.bpf130-result-spine{display:block;padding:10px 0 12px}
.bpf140-spine-copy{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:7px}
.bpf140-spine-copy strong{font-size:14px}
.bpf140-spine-guide{position:relative;height:82px;border:1px solid #ecd2ba;border-radius:5px;background:#fff9f2;overflow:hidden;padding:5px 30px 5px 8px}
.bpf140-spine-guide img{display:block;width:118px;height:70px;object-fit:cover;object-position:center;margin:0 auto}
.bpf140-spine-guide i{position:absolute;right:18px;top:18px;height:45px;width:1px;background:#f25b00}
.bpf140-spine-guide i:before,.bpf140-spine-guide i:after{content:"";position:absolute;left:-4px;width:9px;height:1px;background:#f25b00}
.bpf140-spine-guide i:before{top:0}.bpf140-spine-guide i:after{bottom:0}
.bpf140-spine-guide b{position:absolute;right:3px;top:31px;font-size:9px;writing-mode:vertical-rl;color:#f25b00;letter-spacing:.05em}
.bpf130-result-spine.is-muted .bpf140-spine-guide{display:none}
.bpf130-benefits{box-shadow:0 2px 12px rgba(60,35,14,.035)}
.bpf140-flow{margin-top:22px;padding:0 0 22px}
.bpf140-flow h2{display:flex;align-items:center;justify-content:center;gap:14px;font-size:20px;margin:0 0 15px;font-weight:800}
.bpf140-flow h2:before,.bpf140-flow h2:after{content:"";width:58px;height:1px;background:#aaa}
.bpf140-flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.bpf140-flow-grid>div{position:relative;border:1px solid #efd6bf;background:linear-gradient(180deg,#fffdfa,#fff8ef);border-radius:6px;min-height:104px;text-align:center;padding:13px 7px 10px;box-shadow:0 2px 10px rgba(60,35,14,.035)}
.bpf140-flow-grid>div:not(:last-child):after{content:"›";position:absolute;right:-9px;top:34px;color:#f25b00;font-size:23px;font-weight:400;z-index:2}
.bpf140-flow-grid span{display:grid;place-items:center;margin:0 auto 8px;width:25px;height:25px;border-radius:5px;background:#f25b00;color:#fff;font-weight:800}
.bpf140-flow-grid b{display:block;font-size:11px;margin-bottom:6px}
.bpf140-flow-grid small{display:block;font-size:8px;color:#555;line-height:1.45}
.bpf140-footer{margin-top:0;background:linear-gradient(135deg,#262525,#17191b);color:#fff;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.05fr;gap:24px;padding:28px 30px 20px;border-radius:0;position:relative}
.bpf140-footer>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.bpf140-footer b{font-size:12px;margin-bottom:3px}
.bpf140-footer a{color:#fff!important;text-decoration:none;font-size:10px;opacity:.9}
.bpf140-footer a:hover{text-decoration:underline;opacity:1}
.bpf140-footer-brand strong{font-size:20px;letter-spacing:.02em}.bpf140-footer-brand strong em{font-style:normal;color:#ff7a16}
.bpf140-footer-brand small{font-size:10px;opacity:.82}.bpf140-footer-brand p{font-size:9px;margin:1px 0;opacity:.9}
.bpf140-payment{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-content:flex-start}
.bpf140-payment b{flex-basis:100%}.bpf140-payment span{background:#fff;color:#17365e;font-weight:800;font-size:9px;padding:4px 6px;border-radius:2px}.bpf140-payment small{flex-basis:100%;font-size:9px;margin-top:4px}
.bpf140-copyright{grid-column:1/-1;text-align:center;font-size:8px;margin:8px 0 0;opacity:.75}
@media(max-width:980px){.bpf140-flow-grid{grid-template-columns:repeat(3,1fr)}.bpf140-flow-grid>div:nth-child(3):after{display:none}.bpf140-footer{grid-template-columns:repeat(2,1fr)}.bpf140-footer-brand{grid-column:1/-1}.bpf140-copyright{grid-column:1/-1}}
@media(max-width:640px){.bpf130-choice-card{grid-template-columns:18px 92px 1fr}.bpf130-binding-photo{width:92px;height:64px}.bpf140-flow-grid{grid-template-columns:1fr 1fr}.bpf140-flow-grid>div:nth-child(2n):after{display:none}.bpf140-footer{grid-template-columns:1fr;padding:24px 20px}.bpf140-footer-brand,.bpf140-copyright{grid-column:1}.bpf140-title-simple h1{font-size:26px}}
.bpf140-spine-guide{padding-right:62px}
.bpf140-spine-guide .bpf140-spine-main{width:108px;height:70px;margin-left:2px;margin-right:auto}
.bpf140-spine-zoom{position:absolute;right:18px;top:12px;width:55px;height:55px;border:2px solid #f25b00;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.bpf140-spine-zoom img{width:135px;height:96px;object-fit:cover;object-position:left center;transform:translate(-3px,-19px);max-width:none}
.bpf140-spine-zoom:after{content:"";position:absolute;left:26px;top:5px;bottom:5px;border-left:2px dashed #f25b00}
.bpf140-spine-guide i{right:5px;top:21px;height:38px}
.bpf140-spine-guide b{right:-1px;top:31px}


/* FINAL 1.5.0 — approved finishing */
.bpf130-option-card{
  min-height:150px;
  padding:9px 8px 10px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  text-align:center;
  cursor:default;
}
.bpf150-option-toggle{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:0 22px;
  cursor:pointer;
  width:100%;
}
.bpf150-option-toggle input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
}
.bpf150-option-toggle .bpf130-option-check{
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.bpf150-option-toggle b{
  font-size:11px;
  line-height:1.25;
  margin:0;
}
.bpf130-option-card:has(.bpf150-option-toggle input:checked){
  border-color:var(--orange);
  background:var(--cream);
}
.bpf150-option-toggle input:checked + .bpf130-option-check{
  background:var(--orange);
  border-color:var(--orange);
}
.bpf150-option-toggle input:checked + .bpf130-option-check:after{
  content:"✓";
  color:#fff;
  position:absolute;
  font-size:11px;
  left:2px;
  top:-2px;
}
.bpf150-option-photo{
  display:block;
  width:100%;
  height:72px;
  margin:5px 0 4px;
  border:1px dashed #bfc3c7;
  border-radius:4px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
}
.bpf150-option-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bpf150-photo-placeholder{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#777;
}
.bpf150-photo-placeholder svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bpf150-photo-placeholder em{font-style:normal;font-size:9px;font-weight:700}
.bpf150-photo-placeholder small{font-size:7px;color:#999}
.bpf150-option-desc{display:none}
.bpf130-option-card .bpf130-inline-color{
  align-self:center;
  margin-top:4px;
}
.bpf130-option-card.is-disabled{
  opacity:.38;
  pointer-events:none;
}
.bpf150-shipping-date{
  color:var(--orange)!important;
  font-weight:800!important;
  font-size:12px!important;
}

/* Spine guide: show only the bound edge, without the removed "spine thickness" wording. */
.bpf140-spine-guide{
  height:96px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bpf140-spine-guide .bpf140-spine-main{
  width:158px;
  height:82px;
  object-fit:contain;
  object-position:center;
  margin:0;
}
.bpf150-spine-marker{
  position:absolute;
  left:64px;
  bottom:20px;
  width:14px;
  height:23px;
  border-left:2px solid var(--orange);
}
.bpf150-spine-marker:before,
.bpf150-spine-marker:after{
  content:"";
  position:absolute;
  left:-5px;
  width:9px;
  height:2px;
  background:var(--orange);
}
.bpf150-spine-marker:before{top:0}
.bpf150-spine-marker:after{bottom:0}
.bpf150-spine-marker i{
  position:absolute;
  left:-4px;
  top:9px;
  width:7px;
  height:7px;
  border-left:2px solid var(--orange);
  border-bottom:2px solid var(--orange);
  transform:rotate(-45deg);
}
.bpf150-spine-note{
  display:block;
  font-size:8px;
  line-height:1.45;
  color:#777;
  margin-top:5px;
}
.bpf140-spine-zoom,.bpf140-spine-guide>b,.bpf140-spine-guide>i{display:none!important}

/* Guaranteed inline icons for trust blocks and order flow. */
.bpf130-benefits b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  font-size:0;
}
.bpf130-benefits b svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:#111;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bpf140-flow-grid>div i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin:0 auto 6px;
  font-style:normal;
}
.bpf140-flow-grid>div i svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:#333;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bpf140-flow-grid>div{min-height:139px}
.bpf140-flow-grid span{margin-bottom:5px}

/* Card-payment visual badges are CSS/HTML, so no image file can go missing. */
.bpf140-payment{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important}
.bpf150-card-logos{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.bpf150-card-logos>span{
  width:43px;
  height:25px;
  border-radius:3px;
  background:#fff;
  border:1px solid rgba(255,255,255,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  font-weight:900;
  line-height:1;
  padding:0!important;
}
.bpf150-card-logos .visa{color:#15489a;font-style:italic;font-size:11px}
.bpf150-card-logos .jcb{color:#126d46}
.bpf150-card-logos .mastercard{position:relative}
.bpf150-card-logos .mastercard i{
  width:15px;height:15px;border-radius:50%;position:absolute;top:4px;
}
.bpf150-card-logos .mastercard i:first-child{left:8px;background:#e21d2b}
.bpf150-card-logos .mastercard i:last-child{right:8px;background:#f19a1b;opacity:.92}
@media(max-width:640px){
  .bpf130-option-grid{grid-template-columns:1fr 1fr}
  .bpf150-spine-marker{left:56px}
}


/* FINAL 1.5.4 base — approved cleanup + version consistency */
.bpf150-option-toggle{padding:0 17px 0 20px;min-height:26px}
.bpf150-option-toggle b{white-space:nowrap;font-size:10.5px;line-height:1.15}
.bpf130-option-card[data-option="hole"] .bpf150-option-toggle b,
.bpf130-option-card[data-option="perf"] .bpf150-option-toggle b{white-space:nowrap}
.bpf130-option-card .bpf130-inline-color,
.bpf130-color-button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:96px}
.bpf151-option-swatches{display:flex;justify-content:center;gap:2px;margin:5px auto 0;width:100%}
.bpf151-option-swatches i{width:12px;height:12px;border:1px solid rgba(0,0,0,.12)}
.bpf151-option-swatches i:nth-child(1){background:#f8f2c8}.bpf151-option-swatches i:nth-child(2){background:#f6df9d}.bpf151-option-swatches i:nth-child(3){background:#f5cdb1}.bpf151-option-swatches i:nth-child(4){background:#efbfc2}.bpf151-option-swatches i:nth-child(5){background:#d9c8df}.bpf151-option-swatches i:nth-child(6){background:#c8d8bd}.bpf151-option-swatches i:nth-child(7){background:#b8d8d4}.bpf151-option-swatches i:nth-child(8){background:#c9dce8}
.bpf130-cover-col .bpf130-color-button{width:100%;max-width:112px}
.bpf130-mini-swatches{max-width:112px;justify-content:center}
.bpf130-print-areas{display:none!important}
.bpf130-cover-print-col{display:flex;flex-direction:column;align-items:flex-start}
.bpf130-cover-print-col .bpf130-line-radio{font-size:12px}
.bpf130-cover-print-col p{margin-top:8px}
.bpf140-spine-guide{height:102px;padding:5px 7px;background:#fffaf4}
.bpf151-spine-illustration{display:block;width:100%;height:88px;max-width:245px;margin:auto}
.bpf150-spine-marker,.bpf140-spine-main{display:none!important}
.bpf150-card-logos{display:none!important}
.bpf151-card-row{display:flex;align-items:center;gap:8px;margin:2px 0 4px}
.bpf151-card-icon{width:35px;height:28px;display:grid;place-items:center;background:#fff;border-radius:4px}
.bpf151-card-icon svg{width:25px;height:25px;fill:none;stroke:#f25b00;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bpf151-card-badges{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.bpf151-card-badges>span{width:37px;height:23px;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;padding:0;color:#16325c}
.bpf151-card-badges .visa{font-style:italic;color:#164b9b;font-size:10px}
.bpf151-card-badges .jcb{color:#126d46}
.bpf151-card-badges .amex{color:#1478a7;font-size:7px}
.bpf151-card-badges .mastercard{position:relative}
.bpf151-card-badges .mastercard i{width:13px;height:13px;border-radius:50%;position:absolute;top:5px}.bpf151-card-badges .mastercard i:first-child{left:7px;background:#e21d2b}.bpf151-card-badges .mastercard i:last-child{right:7px;background:#f3a018}
.bpf140-footer{grid-template-columns:1.4fr 1fr 1.15fr 1fr 1.25fr}
.bpf151-footer-bottom{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;justify-content:center;gap:18px!important;padding-top:9px;border-top:1px solid rgba(255,255,255,.16)}
.bpf151-footer-bottom a{font-size:9px!important}
.bpf140-copyright{margin-top:0}
.bpf140-footer-brand p{line-height:1.45}
@media(max-width:980px){.bpf151-footer-bottom{flex-wrap:wrap}.bpf140-footer{grid-template-columns:repeat(2,1fr)}.bpf140-payment{grid-column:auto}}
@media(max-width:640px){.bpf150-option-toggle b{font-size:10px}.bpf151-card-badges{flex-wrap:wrap}.bpf151-footer-bottom{flex-direction:column!important;align-items:center;gap:5px!important}}


/* FINAL 1.5.2 — compact options + stable two-column layout + footer cleanup */
.bpf130-layout{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
}
.bpf130-option-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  width:100%;
  min-width:0;
}
.bpf130-option-card{
  min-width:0;
  min-height:138px;
  padding:7px 5px 8px;
}
.bpf150-option-toggle{
  min-height:22px;
  padding:0 3px 0 19px;
}
.bpf150-option-toggle .bpf130-option-check{
  left:2px;
  width:13px;
  height:13px;
}
.bpf150-option-toggle b{
  font-size:10px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bpf130-option-card[data-option="hole"] .bpf150-option-toggle b,
.bpf130-option-card[data-option="perf"] .bpf150-option-toggle b{
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  font-size:9.5px;
}
.bpf150-option-photo{
  height:61px;
  margin:4px 0 3px;
}
.bpf150-photo-placeholder svg{width:21px;height:21px}
.bpf150-photo-placeholder em{font-size:8px}
.bpf150-photo-placeholder small{font-size:6.5px}
.bpf130-option-card .bpf130-inline-color{
  min-width:0;
  width:100%;
  max-width:100%;
  padding:3px 2px;
  margin-top:3px;
  font-size:9px;
}
.bpf151-option-swatches{
  gap:1px;
  margin-top:4px;
}
.bpf151-option-swatches i{
  width:10px;
  height:10px;
  flex:1 1 auto;
  max-width:11px;
}
.bpf130-option-controls{margin-top:5px}
.bpf130-option-controls>div{padding:5px 8px}

/* Keep the result panel visible without covering the option cards. */
@media (max-width:1180px) and (min-width:861px){
  .bpf130{max-width:100%;padding-left:10px;padding-right:10px}
  .bpf130-layout{grid-template-columns:minmax(0,1fr) 285px;gap:14px}
  .bpf130-option-grid{gap:5px}
  .bpf130-option-card{padding-left:4px;padding-right:4px}
  .bpf150-option-toggle b{font-size:9.5px}
  .bpf130-option-card[data-option="hole"] .bpf150-option-toggle b,
  .bpf130-option-card[data-option="perf"] .bpf150-option-toggle b{font-size:9px}
}
@media (max-width:860px){
  .bpf130-layout{grid-template-columns:1fr;gap:16px}
  .bpf130-result{position:static}
  .bpf130-option-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:640px){
  .bpf130-option-grid{grid-template-columns:1fr 1fr}
  .bpf130-option-card{min-height:145px}
}

/* Footer: no broken payment icon, balanced columns, readable company address. */
.bpf140-footer{
  grid-template-columns:1.35fr .95fr 1.18fr .9fr 1.12fr;
  column-gap:24px;
  row-gap:14px;
  padding:28px 34px 22px;
}
.bpf140-footer>div{min-width:0}
.bpf140-footer a,.bpf140-footer small,.bpf140-footer p{font-size:9px;line-height:1.55}
.bpf140-footer-brand strong{font-size:20px;white-space:nowrap}
.bpf140-footer-brand p{margin:5px 0;word-break:normal;overflow-wrap:anywhere}
.bpf151-card-icon{display:none!important}
.bpf151-card-row{display:block;margin:5px 0 6px}
.bpf151-card-badges{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}
.bpf151-card-badges>span{width:38px;height:24px}
.bpf151-footer-bottom{padding-top:10px;margin-top:2px}
@media(max-width:1080px) and (min-width:721px){
  .bpf140-footer{grid-template-columns:1.25fr .85fr 1.05fr .8fr 1fr;column-gap:14px;padding:24px 24px 20px}
  .bpf140-footer a,.bpf140-footer small,.bpf140-footer p{font-size:8px}
  .bpf140-footer-brand strong{font-size:18px}
  .bpf151-card-badges{gap:3px}
  .bpf151-card-badges>span{width:34px;height:22px;font-size:7px}
}


/* v1.5.4 base: approved title is text-only; legacy calculator/booklet title icon must never reappear. */
.bpf130-title-icon{display:none!important}


/* FINAL 1.5.4 base — approved payment-brand row only. */
.bpf151-card-row,.bpf151-card-icon,.bpf151-card-badges{display:none!important}
.bpf154-card-row{display:flex;align-items:center;margin:5px 0 8px;max-width:100%}
.bpf154-card-brands{display:block;width:100%;max-width:255px;height:auto;object-fit:contain}
@media(max-width:640px){.bpf154-card-brands{max-width:230px}}


/* FINAL 1.5.7 — approved fixes: PDF save, option-label alignment, frameless spine illustration */
.bpf150-option-toggle{
  display:grid!important;
  grid-template-columns:13px max-content!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:5px!important;
  min-height:24px!important;
  padding:0 2px!important;
  width:100%!important;
}
.bpf150-option-toggle .bpf130-option-check{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:13px!important;
  height:13px!important;
  grid-column:1!important;
}
.bpf150-option-toggle b{
  grid-column:2!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:10px!important;
  line-height:1.15!important;
}
.bpf130-option-card[data-option="hole"] .bpf150-option-toggle b,
.bpf130-option-card[data-option="perf"] .bpf150-option-toggle b{font-size:9.5px!important}
.bpf140-spine-guide{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  height:90px!important;
  overflow:visible!important;
}
.bpf151-spine-illustration{height:88px!important;margin:0 auto!important}
.bpf130-save-button{display:flex;align-items:center;justify-content:center;gap:6px}

/* v1.5.7: 中綴じは上質紙のみ。選べない本文用紙を視覚的に明示 */
.bpf130-saddle-paper-notice{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border-left:3px solid var(--orange);background:#fff3e8;color:#65320f;font-size:11px}
.bpf130-saddle-paper-notice[hidden]{display:none!important}
.bpf130-saddle-paper-notice strong{color:var(--orange);white-space:nowrap}
.bpf130-saddle-paper-notice span{color:#6b625b}
.bpf130-paper-group.bpf130-paper-disabled{background:#f3f3f3;color:#aaa}
.bpf130-paper-group.bpf130-paper-disabled h3{color:#999}
.bpf130-paper-group.bpf130-paper-disabled h3 small{color:#c36c3d;font-weight:700}
.bpf130-paper-group.bpf130-paper-disabled .bpf130-line-radio{opacity:.38;cursor:not-allowed}
@media(max-width:640px){.bpf130-saddle-paper-notice{align-items:flex-start;flex-direction:column;gap:2px}.bpf130-saddle-paper-notice strong{white-space:normal}}


/* FINAL 1.5.9 — site chrome is owned by the active WordPress theme.
   The estimate shortcode must not render a second site header/footer. */
.bpf140-footer{display:none!important}