@charset "UTF-8";
.design-settings{margin-bottom:24px}.design-settings h2{margin-top:0}.design-help{font-size:13px;line-height:1.9;color:#686e63}.design-settings fieldset{border:0;margin:24px 0 18px;padding:0;min-width:0}.design-settings legend{font-size:13px;font-weight:600;margin-bottom:12px}.design-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.design-choice-card{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:18px;border:2px solid #dce1d4;border-radius:16px;background:#fff;cursor:pointer;min-width:0;overflow-wrap:anywhere}.design-choice-card:has(input:checked){border-color:#53664b;background:#f6f8f0}.design-choice-card:focus-within{outline:3px solid #a47c40;outline-offset:3px}.design-choice-card input{width:20px;height:20px;accent-color:#53664b;margin:0;grid-column:1;grid-row:2}.design-choice-card strong{grid-column:2;font-size:15px;line-height:1.6}.design-choice-card>span:last-child{grid-column:2;font-size:12px;line-height:1.8;color:#686e63}.design-card-art{grid-column:1/-1;display:block;height:110px;border-radius:8px;position:relative;overflow:hidden}.design-art-standard{background:#eee9e0}.design-art-standard:before{content:"";position:absolute;inset:0 0 36%;background:#53664b}.design-art-standard span{position:absolute;left:14%;right:14%;bottom:13%;height:13%;border-top:3px solid #b9b4a8;border-bottom:2px solid #b9b4a8}.design-art-natural{background:#f6f2e8}.design-art-natural:before{content:"";position:absolute;right:10%;top:15%;width:35%;height:85%;border-radius:50% 50% 0 0;background:#b0bb95}.design-art-natural span{position:absolute;left:10%;top:46%;width:28%;height:13%;border-top:3px solid #777e62;border-bottom:2px solid #b8bea8}.design-preview-links{display:flex;flex-wrap:wrap;gap:14px 24px}.design-preview-links a{font-size:12px;color:#426044;text-decoration:underline;text-underline-offset:4px;line-height:2;padding:8px 0}.design-status{font-size:13px;line-height:1.8;color:#43533d}.design-settings button:disabled,.design-settings fieldset:disabled{opacity:.6}.design-settings [hidden]{display:none!important}@media(max-width:600px){.design-choice-grid{grid-template-columns:1fr}.design-card-art{height:100px}.design-choice-card{padding:16px}.design-settings .primary-action{width:100%}}

/* 権限確認前と顧客アカウントでは設定全体を非表示にする。 */
.design-settings[hidden]{display:none!important}

/* 全10デザインと従来デザイン。選択は保存ボタンで確定。 */
.design-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-choice-card{gap:10px}.design-card-art{height:105px}
.design-art-japanese{background:#eeece3}.design-art-japanese:before{content:"";position:absolute;left:7%;top:10%;bottom:10%;width:50%;background:#a1a48c}.design-art-japanese span{position:absolute;right:20%;top:20%;height:60%;border-left:3px solid #7c3831;border-right:2px solid #7c3831;width:10%}
.design-art-chic{background:linear-gradient(90deg,#131918,#665c43)}.design-art-chic span{position:absolute;left:10%;top:30%;height:30%;width:50%;border-top:4px solid #d0b77f;border-bottom:2px solid #d0b77f}
.design-art-elegant{background:#f7f0ed}.design-art-elegant:before{content:"";position:absolute;right:12%;top:12%;width:35%;height:76%;border-radius:50% 50% 30% 30%;background:#baaaa3}.design-art-elegant span{position:absolute;left:10%;top:40%;width:30%;border-top:3px solid #96776e}
.design-art-pop{background:#fff8df}.design-art-pop:before{content:"";position:absolute;right:12%;top:20%;height:65%;width:35%;background:#efb9ad;border:5px solid white;transform:rotate(6deg);box-shadow:5px 5px #f4c45d}.design-art-pop span{position:absolute;left:8%;top:35%;width:28%;height:20%;border-top:5px solid #285cbd;border-bottom:5px solid #285cbd}
.design-art-minimal{background:#fafafa;border:1px solid #ddd}.design-art-minimal:before{content:"";position:absolute;right:7%;bottom:15%;height:38%;width:32%;background:#e2e2e2}.design-art-minimal span{position:absolute;left:8%;top:22%;height:32%;width:40%;border-top:5px solid #333;border-bottom:3px solid #333}
.design-art-visual{background:linear-gradient(155deg,#536a61,#101a19)}.design-art-visual span{position:absolute;left:10%;bottom:16%;height:24%;width:60%;border-top:4px solid #e2e7da;border-bottom:2px solid #e2e7da}
.design-art-clean{background:#f4f8fa}.design-art-clean:before{content:"";position:absolute;right:0;top:10%;width:50%;height:80%;background:#a8c4d4}.design-art-clean span{position:absolute;left:8%;top:35%;height:26%;width:52%;border-top:5px solid #24618b;border-bottom:3px solid #24618b;background:#f4f8fa}
.design-art-craft{background:#eee9de}.design-art-craft:before{content:"";position:absolute;right:8%;top:15%;width:43%;height:73%;background:#b7a88c;clip-path:polygon(0 0,100% 0,100% 85%,80% 100%,0 100%)}.design-art-craft span{position:absolute;left:8%;top:35%;width:30%;height:25%;border-top:4px solid #9b5737;border-bottom:2px solid #9b5737}
.design-art-bold{background:#171a1c}.design-art-bold:before{content:"";position:absolute;right:0;top:0;width:50%;height:100%;background:#50594c;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.design-art-bold span{position:absolute;left:9%;top:30%;width:42%;height:35%;border-top:7px solid #d6ff4f;border-bottom:4px solid #d6ff4f;transform:skew(-8deg)}
@media(max-width:1000px){.design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.design-choice-grid{grid-template-columns:1fr}}

/* それぞれのカード内に実データのトップイメージと独立した見本リンク。 */
.design-option{min-width:0;border:2px solid #dce1d4;border-radius:18px;background:#fff;overflow:hidden}.design-option:has(input:checked){border-color:#53664b;background:#f6f8f0}.design-option .design-choice-card{border:0;background:transparent;border-radius:0;padding-bottom:14px}.design-option .design-choice-card:has(input:checked){border:0;background:transparent}.design-card-open{display:block;padding:12px 14px;margin:0 18px 18px;border:1px solid #cbd4c2;border-radius:9px;text-align:center;color:#426044;font-size:12px;line-height:1.8;text-decoration:none;background:#fff}.design-card-open:hover{background:#e8efdf}.design-card-open:focus-visible{outline:3px solid #a47c40;outline-offset:2px}.design-live-art{height:auto;aspect-ratio:1040/760;background:#f3f1e9;border:1px solid #e4e5dc;border-radius:8px;isolation:isolate}.design-live-art:before,.design-live-art:after{display:none}.design-live-art iframe{position:absolute;top:0;left:0;width:1040px;max-width:none;height:760px;border:0;transform:scale(var(--preview-scale,.25));transform-origin:top left;pointer-events:none;display:block}.design-settings .design-card-open[hidden]{display:none!important}

/* 通常はコンパクトな現在設定だけを表示。 */
.design-settings{padding-top:20px;padding-bottom:20px}.design-settings>h2{font-size:20px;margin:0 0 14px}.design-settings>.section-label{margin-bottom:7px;font-size:10px}.design-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid #d7dfcc;border-radius:12px;background:#fff;cursor:pointer;min-height:70px}.design-disclosure>summary::-webkit-details-marker{display:none}.design-disclosure>summary:focus-visible{outline:3px solid #a47c40;outline-offset:3px}.design-summary-current{display:grid;gap:5px}.design-summary-current small{font-size:11px;font-weight:400;color:#68735e}.design-summary-current strong{font-size:15px;color:#354832}.design-summary-open,.design-summary-close{font-size:12px;white-space:nowrap;color:#49653d}.design-summary-close{display:none}.design-disclosure[open] .design-summary-open{display:none}.design-disclosure[open] .design-summary-close{display:inline}.design-chooser-panel{padding-top:15px}.design-chooser-panel .design-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-option[hidden]{display:none!important}.design-chooser-panel .design-choice-card{padding:12px;gap:8px;grid-template-columns:20px minmax(0,1fr)}.design-chooser-panel .design-choice-card strong{font-size:13px}.design-chooser-panel .design-choice-card input{height:18px;width:18px}.design-chooser-panel .design-choice-card>span:last-child{display:none}.design-chooser-panel .design-card-open{margin:0 12px 12px;padding:10px 6px;font-size:11px;min-height:44px;display:flex;align-items:center;justify-content:center}.design-chooser-panel .design-live-art{aspect-ratio:1040/760}.design-pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:16px 0}.design-pagination button{border:1px solid #bdcbb1;border-radius:9px;background:#fff;color:#405c36;font:inherit;font-size:12px;padding:10px 14px;min-height:44px;cursor:pointer}.design-pagination button:disabled{opacity:.4;cursor:default}.design-pagination button:focus-visible{outline:3px solid #a47c40;outline-offset:2px}#designPageStatus{font-size:12px;color:#67735d;white-space:nowrap}.design-disclosure:not([open]) .design-chooser-panel{display:none}
@media(min-width:601px) and (max-width:900px){.design-chooser-panel .design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-chooser-panel .design-live-art{aspect-ratio:1040/620}}
@media(max-width:600px){.design-settings>h2{font-size:18px}.design-disclosure>summary{padding:12px 14px}.design-chooser-panel .design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-chooser-panel .design-choice-card{padding:8px;gap:6px;grid-template-columns:18px minmax(0,1fr)}.design-chooser-panel .design-choice-card strong{font-size:12px;line-height:1.6}.design-chooser-panel .design-card-open{margin:0 8px 8px;font-size:10px;padding:8px 4px}.design-chooser-panel .design-help{font-size:11px}.design-chooser-panel fieldset{margin-top:16px;margin-bottom:10px}.design-pagination{gap:8px}.design-pagination button{padding:9px 12px}}

/* カードの帯だけ横スクロール。ページの縦スクロールは通常のまま。 */
.design-chooser-panel,.design-disclosure{min-width:0;max-width:100%}.design-chooser-panel .design-choice-grid{position:relative;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;padding:5px 8px 14px;scroll-padding-inline:8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a3b297 #eef1e8;align-items:stretch;touch-action:auto}.design-chooser-panel .design-option{flex:0 0 264px;scroll-snap-align:start;scroll-margin-inline:8px;display:flex;flex-direction:column}.design-chooser-panel .design-choice-card{flex:1}.design-chooser-panel .design-card-open{flex-shrink:0}.design-chooser-panel .design-live-art{aspect-ratio:1040/760}.design-choice-grid:focus-visible{outline:2px solid #8c9b77;outline-offset:3px;border-radius:10px}.design-swipe-hint{margin:0 0 10px;color:#69765e;font-size:11px;line-height:1.8}.design-scroll-status{text-align:right;margin:8px 0 12px;color:#69765e;font-size:11px}.design-chooser-panel .design-choice-grid::-webkit-scrollbar{height:6px}.design-chooser-panel .design-choice-grid::-webkit-scrollbar-track{background:#eef1e8;border-radius:10px}.design-chooser-panel .design-choice-grid::-webkit-scrollbar-thumb{background:#a3b297;border-radius:10px}
@media(max-width:600px){.design-chooser-panel .design-option{flex-basis:82%;max-width:310px}.design-chooser-panel .design-choice-grid{gap:12px;padding-bottom:12px}.design-chooser-panel .design-choice-card{padding:12px;gap:9px;grid-template-columns:20px minmax(0,1fr)}.design-chooser-panel .design-choice-card strong{font-size:14px}.design-chooser-panel .design-card-open{margin:0 12px 12px;font-size:12px}.design-swipe-hint{font-size:10px}}