/* 共通ガイドとボタンを再利用。ご注文方法の補助レイアウトのみ。 */
.order-page .sheet-breadcrumb { flex-wrap:wrap; }
.order-page .sheet-hero h1 { font-size:clamp(36px,4vw,52px); }
.order-overview { margin-top:36px; padding:28px; border:1px solid #dce4eb; border-radius:12px; background:#fff; }
.order-page .order-overview h2 { font-size:23px; margin:0 0 24px; }
.order-flow { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; list-style:none; }
.order-flow li { min-width:0; position:relative; }
.order-flow li+li::before { content:"→"; position:absolute; left:-13px; top:35px; color:var(--blue); }
.order-flow a { display:flex; align-items:center; flex-direction:column; gap:8px; padding:14px 8px; border:1px solid #dce4eb; border-radius:8px; text-align:center; min-height:152px; }
.order-flow a:hover { background:var(--blue-soft); border-color:var(--blue); }
.order-flow-icon,.order-step-icon { display:grid; place-items:center; color:var(--blue); background:var(--blue-soft); border-radius:10px; flex:none; width:48px; height:48px; }
.order-flow svg,.order-step-icon svg { width:30px; height:30px; }
.order-flow-number { font:800 11px "DM Sans",sans-serif; letter-spacing:.1em; color:var(--blue); white-space:nowrap; }
@media(max-width:600px) { .order-flow-number { font-size:10px; letter-spacing:.08em; } }
.order-flow strong { font-size:14px; line-height:1.7; }
.order-flow-note { margin-top:20px; color:var(--muted); font-size:14px; }
.order-step-heading { display:flex; align-items:center; gap:20px; margin-bottom:20px; }
.order-page .order-step-heading h2 { margin:4px 0 0; }
.order-step-heading .eyebrow { margin:0; }
.order-step-icon { width:62px; height:62px; }
.order-page .order-mii img { width:100px; height:150px; }
.order-page .order-mii p { font-size:15px; }
.order-page .data-compare-card p,.order-no-data-panel > p,.order-proof p,.order-payment p,.order-shipping-note,.order-cta > p { color:var(--muted); font-size:15px; line-height:1.95; }
.order-page .data-compare-card strong { color:var(--ink); }
.order-page .data-compare-card .data-secondary-button,.order-page .data-compare-card .data-send-actions { margin-top:20px; }
.order-file-types { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.order-file-types span { padding:6px 12px; border-radius:5px; background:#fff; color:var(--blue); font-size:14px; font-weight:700; border:1px solid #dce4eb; }
.order-page .order-no-data { background:var(--cream); border-color:#e6dfd1; }
.order-small-note { margin-top:18px; color:var(--muted); font-size:14px; line-height:1.9; }
.order-small-note a { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.order-actions { margin-top:26px; }
.order-checklist { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; list-style:none; }
.order-checklist li { display:flex; align-items:flex-start; gap:9px; padding:16px; border:1px solid #dce4eb; border-radius:8px; background:#fff; font-size:15px; }
.order-checklist span { color:var(--blue); font-weight:800; flex:none; }
.order-notice { padding:24px; border:1px solid #dce4eb; border-left:4px solid var(--blue); border-radius:10px; background:#fff; margin:26px 0; }
.order-notice strong { font-size:18px; }
.order-notice p { margin-top:8px; color:var(--muted); font-size:15px; line-height:1.9; }
.order-notice-important { border-left-color:var(--orange); background:var(--cream); }
.order-proof { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; padding:28px; background:var(--cream); border:1px solid #e6dfd1; border-radius:12px; }
.order-proof h3 { margin-bottom:12px; }
.order-proof-checks { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin-top:20px; }
.order-proof-checks li { color:var(--blue); background:#fff; border:1px solid #dce4eb; padding:7px 12px; border-radius:6px; font-size:14px; font-weight:700; }
.order-no-data-panel { background:var(--cream); padding:32px; border:1px solid #e6dfd1; border-radius:12px; }
.order-payment { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.order-payment article { padding:26px; border:1px solid #dce4eb; border-radius:10px; background:#fff; }
.order-payment h3 { margin-bottom:12px; }
.order-payment strong { color:var(--ink); }
.order-product-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:24px; }
.order-product-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; border:1px solid #dce4eb; border-radius:8px; padding:18px 20px; color:var(--blue); font-weight:700; font-size:15px; }
.order-product-links a:hover { background:var(--blue-soft); }
.order-cta { text-align:center; }
.order-cta .data-send-actions { justify-content:center; }
/* ご注文方法：確認工程と準備項目を分かりやすく */
.order-page .order-prepare-group { margin-top:24px; }
.order-page .order-prepare-group h3 { margin-bottom:12px; }
.order-page .order-prepare-group .order-checklist { grid-template-columns:repeat(4,minmax(0,1fr)); }
.order-page .order-prepare-options .order-checklist { grid-template-columns:repeat(3,minmax(0,1fr)); }
.order-page .order-confirm-note { border-color:var(--blue); }
.order-page .order-confirm-flow { margin:20px 0 0; }
.order-page .order-confirm-flow li:nth-child(2) { color:var(--blue); font-weight:700; }
.order-page .order-dispatch-note strong { color:var(--blue); }
@media(max-width:1000px) { .order-page .order-prepare-group .order-checklist { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .order-page .order-prepare-group .order-checklist li { min-height:124px; padding:16px 10px; }
  .order-page .order-prepare-group .order-checklist strong { font-size:14px; overflow-wrap:anywhere; }
  .order-page .order-confirm-flow { gap:10px; }
}
@media(max-width:1000px) { .order-flow { grid-template-columns:repeat(3,minmax(0,1fr)); } .order-flow li+li::before { content:none; } .order-checklist { grid-template-columns:repeat(3,minmax(0,1fr)); } .order-proof { grid-template-columns:1fr; } }
@media(max-width:800px) { .order-flow { grid-template-columns:1fr; gap:10px; } .order-flow a { display:grid; grid-template-columns:44px 60px minmax(0,1fr); min-height:76px; gap:14px; text-align:left; padding:12px 16px; } .order-flow-icon { width:44px; height:44px; } .order-payment { grid-template-columns:1fr; } }
@media(max-width:600px) { .order-overview { padding:20px; } .order-flow a { grid-template-columns:40px 50px minmax(0,1fr); gap:10px; padding:12px; } .order-flow-icon { width:40px; height:40px; } .order-step-heading { gap:14px; align-items:flex-start; } .order-step-icon { width:44px; height:44px; } .order-step-icon svg { width:27px; height:27px; } .order-checklist { grid-template-columns:1fr; gap:10px; } .order-checklist li { padding:14px 16px; } .order-proof,.order-no-data-panel,.order-payment article,.order-notice { padding:20px; } .order-page .order-mii img { width:72px; height:108px; } .order-proof .order-mii { margin-bottom:0; } .order-product-links { grid-template-columns:1fr; } .order-page .button,.order-page .data-secondary-button { white-space:normal; min-width:0; gap:12px; } .order-cta .button { width:100%; } }