@charset "UTF-8";
.pd-search select, .pd-filterbar select, .pd-sort select {
  -webkit-appearance:none; appearance:none; height:42px; padding:0 34px 0 12px; font-size:95%; color:#222;
  border:1px solid #d5d5d5; border-radius:6px; cursor:pointer; max-width:100%;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 12px center; }
.pd-search select:focus, .pd-filterbar select:focus, .pd-sort select:focus,
.pd-search input:focus, .pd-filterbar input:focus, .pd-search-main:has(input:focus) { outline:none; }

.pd-search select:focus, .pd-filterbar select:focus, .pd-sort select:focus,
.pd-filterbar input:focus, .pd-search-main:has(input:focus) { border-color:#000; box-shadow:0 0 0 3px rgba(255,215,76,.6); }

.pd-ico { width:20px; height:20px; flex:0 0 auto; }
.pd-lsf { font-family:'LigatureSymbols'; font-weight:normal; font-size:25px; line-height:1; letter-spacing:0; flex:0 0 auto; }

.pd-search { background:#f6f6f6; padding:20px 22px 16px; margin:0 0 28px 0; }
.pd-search-main { display:flex; border-radius:50px; overflow:hidden; box-shadow:0 2px 3px #0003; }
.pd-search-box { position:relative; flex:1; display:flex; align-items:center; }
.pd-search-box .pd-ico { position:absolute; left:14px; color:#888; pointer-events:none; }
.pd-search-box input[type="search"] { width:100%; height:50px; padding:0 14px 0 44px; font-size:105%; border:0; background:#fff; }
.pd-search-btn { height:50px; padding:0 34px; background:#000; color:#ffe931; border:none; font-weight:700; font-size:105%; letter-spacing:.1em; cursor:pointer; transition:.2s; font-family: 'Noto Sans JP', sans-serif; }
.pd-search-btn:hover { background:#ffd74c; color:#000; }
.pd-search-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px 16px; margin-top:18px; }
.pd-field { display:flex; flex-direction:column; gap:5px; min-width:0; }
.pd-field > label { font-size:80%; font-weight:600; color:#555; letter-spacing:.05em; }
.pd-field select { width:100%; }
.pd-search-foot { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:16px; padding-top:14px; border-top:1px dashed #e2e2e2; }
.pd-chips { display:flex; flex-wrap:wrap; gap:8px; }
.pd-chip { position:relative; cursor:pointer; }
.pd-chip input { position:absolute; opacity:0; width:1px; height:1px; }
.pd-chip span { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border:1px solid #cfcfcf; border-radius:18px; background:#fff; font-size:88%; color:#333; transition:.15s; }
.pd-chip span:before { content:""; width:14px; height:14px; border:1.5px solid #999; border-radius:3px; background:#fff; box-sizing:border-box; }
.pd-chip:hover span { border-color:#000; }
.pd-chip input:checked + span { background:#000; color:#ffe931; border-color:#000; font-weight:600; }
.pd-chip input:checked + span:before { border-color:#ffe931; background:#ffe931 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / 11px; }
.pd-chip input:focus-visible + span { box-shadow:0 0 0 3px rgba(255,215,76,.7); }
.pd-reset { margin-left:auto; font-size:85%; color:#666; text-decoration:none; padding:6px 10px; border-radius:4px; }
.pd-reset:hover { background:#f2f2f2; color:#000; }

.pd-sel { position:relative; }
.pd-sel.is-open { z-index:9101; }
.pd-sel-label { font-size:80%; font-weight:600; color:#555; letter-spacing:.05em; }
.pd-sel-btn { display:flex; align-items:center; gap:8px; width:100%; height:42px; padding:0 10px 0 12px; box-sizing:border-box;
  border:1px solid #d5d5d5; border-radius:5px; background:#fff; color:#222; font-size:95%; font-family:inherit; text-align:left; cursor:pointer; transition:.15s; }
.pd-sel-btn:hover { border-color:#000; }
.pd-sel-btn:focus { outline:none; }
.pd-sel-btn:focus-visible, .pd-sel.is-open .pd-sel-btn { border-color:#000; box-shadow:0 0 0 3px rgba(255,215,76,.6); }
.pd-sel-btn.is-selected { border-color:#000; background:#fffbe0; font-weight:600; }
.pd-sel-val { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pd-sel-icon { font-family:'LigatureSymbols'; font-weight:normal; font-size:15px; line-height:1; color:#666; transition:transform .2s; }
.pd-sel.is-open .pd-sel-icon { transform:rotate(180deg); }

.pd-sw { position:absolute; top:calc(100% + 6px); left:0; z-index:9101; width:max-content; min-width:max(100%, 300px); max-width:min(640px, calc(100vw - 32px)); box-sizing:border-box;
  background:#fff; border-radius:6px; box-shadow:0 4px 16px rgba(0,0,0,.22); overflow:hidden; text-align:left;
  visibility:hidden; opacity:0; transform:translateY(-8px); transition:opacity .2s, transform .2s, visibility .2s; }
.pd-sel.is-open .pd-sw { visibility:visible; opacity:1; transform:none; }
.pd-sel:last-child .pd-sw { left:auto; right:0; }
.pd-sw-title { display:none; }
.pd-sw-content { padding:14px 18px 16px; }
.pd-sw-list { display:grid; grid-template-columns:1fr; gap:0 12px; max-height:min(50vh, 380px); overflow-y:auto; overscroll-behavior:contain; }
.pd-sw-list-2 { grid-template-columns:repeat(2, minmax(max-content, 1fr)); }
.pd-sw-list label span { white-space:nowrap; }
.pd-sw-list label { display:flex; align-items:center; gap:8px; padding:4px 10px; font-size:90%; cursor:pointer; user-select:none; }
.pd-sw-list label:hover { background:#f6f6f6; }
.pd-sw-list input { width:16px; height:16px; margin:0; flex:0 0 auto; accent-color:#000; cursor:pointer; }
.pd-sw-list input:checked + span { font-weight:600; }
.pd-sw-foot { display:flex; align-items:center; gap:8px; margin-top:12px; padding-top:12px; border-top:1px dashed #ddd; }
.pd-sw-hit { margin:0 auto 0 0; font-size:85%; white-space:nowrap; }
.pd-sw-hit b { color:#ee0000; font-size:160%; font-weight:800; margin:0 4px; }
.pd-sw-clear, .pd-sw-submit { height:36px; padding:0 16px; border-radius:18px; font-family:inherit; font-size:90%; cursor:pointer; transition:.15s; white-space:nowrap; }
.pd-sw-clear { border:1px solid #bbb; background:#fff; color:#555; }
.pd-sw-clear:hover { border-color:#666; color:#000; }
.pd-sw-submit { border:none; background:#000; color:#ffe931; font-weight:700; padding:0 22px; }
.pd-sw-submit:hover { background:#ffd74c; color:#000; }
.pd-sw-overlay { position:fixed; inset:0; z-index:9100; background:rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s; }
.pd-sw-overlay.is-open { opacity:1; visibility:visible; }

@media screen and (max-width: 700px) {
 .pd-sw, .pd-sel:last-child .pd-sw { position:fixed; top:auto; left:16px; right:16px; bottom:16px; width:auto; min-width:0; max-width:none; border-radius:8px; transform:translateY(30px); }
 .pd-sw-title { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 8px 10px 16px; background:#000; color:#ffe931; font-weight:600; }
 .pd-sw-close { width:36px; height:36px; border:none; background:none; color:#ffe931; font-size:26px; line-height:1; cursor:pointer; }
 .pd-sw-content { padding:12px 16px 16px; }
 .pd-sw-list { max-height:55vh; }
 .pd-sw-list label { padding:7px 10px; }
 .pd-sw-list-2 { grid-template-columns:1fr 1fr; }
 .pd-sw-list-long { grid-template-columns:1fr; }
 .pd-sw-list label span { white-space:normal; }
 .pd-sw-list input { width:18px; height:18px; }
 html.pd-sw-lock, html.pd-sw-lock body { overflow:hidden; }
}
@media (prefers-reduced-motion: reduce) {
 .pd-sw, .pd-sw-overlay, .pd-sel-icon { transition:none; }
}

.pd-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; border-bottom:1px dotted #555; padding-bottom:10px; margin-bottom:25px; }
.pd-count { font-size:95%; }
.pd-count b { font-size:150%; font-weight:800; margin:0 2px; }
.pd-count span { font-size:85%; color:#888; margin-left:5px; }
#pd-items { scroll-margin-top:20px; }.pd-sort { display:flex; align-items:center; gap:8px; font-size:90%; }
.pd-sort-label { display:flex; align-items:center; gap:8px; color:#555; }
.pd-sort select { height:38px; }

.pd-toolbar-brand { flex-direction:column; align-items:stretch; }
.pd-filterbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:#f7f7f7; border-radius:10px; padding:10px; }
.pd-search-box-s { min-width:200px; }
.pd-search-box-s input[type="search"] { height:42px; border:1px solid #d5d5d5; border-radius:6px; font-size:95%; padding-left:40px; }
.pd-search-box-s .pd-ico { left:12px; width:18px; height:18px; }
.pd-filterbar select { height:42px; }
.pd-filterbar .pd-chip span { height:42px; border-radius:21px; }
.pd-filterbar-btn { height:42px; padding:0 20px; border:none; border-radius:6px; background:#000; color:#ffe931; font-weight:700; cursor:pointer; }
.pd-filterbar-btn:hover { background:#ffd74c; color:#000; }

.pd-card .pd-card-img { display:block; aspect-ratio:1 / 1; overflow:hidden; background:#fafafa; }
.pd-card .pd-card-img img { width:100%; height:100%; object-fit:contain; }
.pd-card p { margin-top:6px; }
.pd-badges { display:flex; flex-wrap:wrap; gap:3px; margin-top:6px; }
.pd-badge { white-space:nowrap; font-size:11px; line-height:1; padding:4px 6px; border:1px solid #000; color:#000; display:inline-block; }
.pd-badge-order { border-color:#d54209; color:#d54209; }
.pd-badge-stock { border-color:#2e7d32; color:#2e7d32; }
.pd-badge-nostock { border-color:#999; color:#777; }
.iteminfo.pd-badges { margin:15px 0; }
.iteminfo.pd-badges li { font-size:80%; padding:5px 7px; }

.pd-empty { text-align:center; padding:40px 10px; background:#fafafa; border-radius:5px; line-height:1.9; }
.pd-empty p { font-weight:600; font-size:115%; color:#000; margin-bottom:10px; }

.pd-pager { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:40px 0; background:#f6f6f6; padding:20px; }
.pd-pager a, .pd-pager span { display:block; min-width:2.4em; text-align:center; padding:6px 4px; border:1px solid #ccc; border-radius:3px; color:#000; }
.pd-pager a:hover { text-decoration:none; color:#d54209; border-color:#d54209; }
.pd-pager a { box-shadow:0 2px 2px #0001; background:#fff; }
.pd-pager .current span { background:#000; color:#fff; border-color:#000; }
.pd-pager .pd-pager-prev a, .pd-pager .pd-pager-prev > span,
.pd-pager .pd-pager-next a, .pd-pager .pd-pager-next > span { display:flex; align-items:center; gap:4px; padding:6px 12px; }
.pd-pager .pd-pager-prev .lsf, .pd-pager .pd-pager-next .lsf { display:inline; padding:0; border:none; min-width:0; color:inherit; font-size:16px; line-height:1; }
.pd-pager .pd-pager-prev { margin-right:6px; }
.pd-pager .pd-pager-next { margin-left:6px; }
.pd-pager .is-disabled > span { color:#bbb; border-color:#e2e2e2; cursor:default; }

.pd-brand-list { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.pd-brand-list li { width:calc(25% - 12px); }
.pd-brand-list a { display:flex; align-items:center; justify-content:center; height:90px; border:1px solid #ddd; border-radius:5px; padding:10px; box-sizing:border-box; background:#fff; color:#000; font-weight:600; }
.pd-brand-list a:hover { border-color:#000; }
.pd-brand-list img { max-width:100%; max-height:60px; object-fit:contain; }

.pd-preview-note { background:#fff4d6; border:1px solid #f2c62d; padding:10px 15px; border-radius:3px; margin-bottom:15px; }
.pd-item-top { display:flex; gap:30px; align-items:flex-start; }
.pd-gallery { width:55%; }
.pd-buybox { width:45%; }
.pd-main-photo { border:1px solid #eee; background:#fff; }
.pd-main-photo a { display:block; cursor:zoom-in; }
.pd-main-photo img { display:block; width:100%; max-height:520px; object-fit:contain; }
.pd-caption { font-size:85%; color:#555; text-align:center; padding:4px; min-height:1.2em; }
.pd-caption:empty { display:none; }
.pd-thumbs { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.pd-thumbs li { width:80px; font-size:11px; line-height:1.3; text-align:center; color:#555; }
.pd-thumbs img { width:80px; height:80px; object-fit:cover; border:1px solid #ddd; box-sizing:border-box; display:block; }
.pd-thumbs li.current img { border:2px solid #000; }
.pd-thumb-caption { display:block; margin-top:3px; word-break:break-all; }
.pd-buybox .item_price { margin-top:0; }
.pd-tax-note { font-size:85%; color:#555; margin:-8px 0 10px; }
.pd-variants { width:100%; margin:10px 0 15px; }
.pd-variants th { text-align:center; white-space:nowrap; }
.pd-num { text-align:right; white-space:nowrap; }
.pd-center { text-align:center; white-space:nowrap; }
.pd-stock-ok { color:#2e7d32; font-weight:600; }
.pd-stock-ng { color:#888; }
.pd-note { font-size:90%; background:#f6f6f6; padding:8px 12px; margin:8px 0; }
.pd-inquiry-btn { margin:20px 0 8px; }
.pd-code { font-size:80%; color:#888; text-align:right; }
.pd-buybox .note { font-size:80%; color:#666; line-height:1.5; }

.pd-desc .h1 { font-weight:900; font-size:170%; color:#000; margin:10px 0; }
.pd-desc .h2 { font-weight:600; font-size:120%; color:#000; margin:10px 0; }
.pd-desc img { max-width:100%; height:auto; }
.pd-desc iframe { max-width:100%; }
.pd-spec-caption { font-weight:600; color:#000; margin:20px 0 6px; }
.pd-specs { width:100%; margin-bottom:30px; }
.pd-specs th { width:35%; text-align:left; }
.pd-specs-multi th { width:auto; }.pd-specs-head tr:first-child th { text-align:center; }
.pd-inq-list { background:#f6f6f6; padding:20px; display:grid; gap:15px; margin-bottom:10px; }
.pd-inq-item { display:flex; gap:15px; align-items:center; border-radius:5px; padding:12px; background:#fff; }
.pd-inq-item img { width:90px; height:90px; object-fit:contain; border:1px solid #eee; }
.pd-inq-item .name { font-weight:600; color:#000; }
.pd-inq-item .price b { color:#ee0000; }
.pd-checks { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:6px; }
.pd-checks label { cursor:pointer; }
.pd-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

@media screen and (max-width: 700px) {
 .pd-item-top { display:block; }
 .pd-gallery, .pd-buybox { width:100%; }
 .pd-buybox { margin-top:20px; }
 .pd-brand-list li { width:calc(50% - 12px); }
 .pd-reset { margin-left:0; }
}

.pd-item-brand { font-size:95%; font-weight:600; margin:10px 0 -8px; }
.pd-item-brand a { color:#555; }
.pd-ask:after { content:none !important; }
.item_price .pd-ask, .price .pd-ask { font-size:100%; color:#333; }
.pd-buybox {  }
.pd-actions { display:flex; flex-direction:column; gap:10px; margin:20px 0 0; }
.pd-list-add-form { display:block; margin:0; }
.pd-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:56px; padding:10px 16px; box-sizing:border-box;
  border-radius:5px; font-weight:600; font-size:105%; line-height:1.35; text-align:center; text-decoration:none; cursor:pointer; transition:.2s; }
.pd-btn:active { transform:translateY(1px); }
.pd-btn-primary { background:#ffe44f; color:#000 !important; border:1px solid #dc9a60; box-shadow:0 2px 2px #0002; }
.pd-btn-primary:hover { background:#ffeda7; color:#000 !important; text-decoration:none; }
.pd-btn-sub { background:#fff; color:#333; border:1px solid #aaa; font-family:inherit; box-shadow:0 2px 2px #0002; }
.pd-btn-sub:before { content:"plus"; font-family:'LigatureSymbols'; font-weight:normal; font-size:20px; line-height:1; letter-spacing:0; text-rendering:optimizeLegibility; }
.pd-btn-sub:hover { background:#f3f3f3; color:#000; border-color:#666; }
.pd-btn-sub.is-added { background:#f4f4f4; color:#555; border-color:#cfcfcf; }
.pd-btn-sub.is-added:before { content:"check"; color:#4bd852; }
.pd-actions-note { font-size:80%; color:#777; text-align:center; margin:-2px 0 0; }
.pd-used-btn { display:block; margin:16px 0 8px; padding:12px 40px 12px 16px; position:relative; border:1px solid #eaddd6; border-radius:5px; background:#fcf9f7; transition:.2s; }
.pd-used-btn:after { content:"right"; font-family:'LigatureSymbols'; font-weight:normal; font-size:16px; line-height:1; letter-spacing:0; color:#9a4b1b; position:absolute; right:14px; top:50%; transform:translateY(-50%); }
.pd-used-btn:hover { background:#fff8eb; border-color:#eec69b; text-decoration:none; }
.pd-used-title { font-weight:600; color:#9a4b1b; }
.pd-used-sub { font-size:80%; color:#666; }
.pd-code { margin-top:6px; }
.pd-badge-used { border-color:#9a4b1b; color:#9a4b1b; }
.pd-badge-ready { border-color:#2e7d32; color:#2e7d32; }

.pd-sec + .pd-sec { margin-top:40px; }

.pd-list { position:fixed; right:20px; bottom:0; width:380px; max-width:calc(100% - 20px); z-index:9000;
  border:2px solid #000; border-bottom:none; border-radius:6px 6px 0 0; box-shadow:0 -2px 12px rgba(0,0,0,.18); outline:2px solid #fff; }
.pd-list[hidden] { display:none; }
.pd-list-bar { display:flex; justify-content:space-between; align-items:center; width:100%; border:none; cursor:pointer;
  background:#000d; color:#ffe931; font-weight:600; font-size:100%; padding:8px 14px; font-family:'Noto Sans JP', sans-serif; transition:.2s; }
.pd-list-bar:hover,
.pd-list.is-open .pd-list-bar { background:#000; }
.pd-list-bar:hover { }
.pd-list-count { font-size:120%; }
.pd-list-toggle-label { display:inline-flex; align-items:center; gap:8px; font-size:85%; color:#fff; }
.pd-list .when-open { display:none; }
.pd-list.is-open .when-open { display:inline; }
.pd-list.is-open .when-closed { display:none; }
.pd-list-arrow { width:8px; height:8px; border-top:2px solid currentColor; border-left:2px solid currentColor; transform:translateY(2px) rotate(45deg); }
.pd-list.is-open .pd-list-arrow { transform:translateY(-2px) rotate(225deg); }

.pd-list-body { display:grid; grid-template-rows:0fr; background:#fff;}
.pd-list.is-open .pd-list-body { grid-template-rows:1fr; }
.pd-list-inner { min-height:0; overflow:hidden; opacity:0; visibility:hidden; background:#fff; }
.pd-list.is-open .pd-list-inner { opacity:1; visibility:visible; }
.pd-list.is-ready .pd-list-body { transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1); }
.pd-list.is-ready .pd-list-inner { transition:opacity .25s ease, visibility 0s linear .35s; }
.pd-list.is-ready.is-open .pd-list-inner { transition:opacity .3s ease .05s, visibility 0s; }
.pd-list.is-ready .pd-list-arrow { transition:transform .35s ease; }
@media (prefers-reduced-motion: reduce) {
 .pd-list.is-ready .pd-list-body, .pd-list.is-ready .pd-list-inner, .pd-list.is-ready .pd-list-arrow { transition:none; }
}
.pd-list-items { max-height:45vh; overflow-y:auto; margin:10px 12px; }
.pd-list-items li { display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid #eee; }
.pd-list-img img { width:54px; height:54px; object-fit:contain; border:1px solid #eee; display:block; }
.pd-list-info { flex:1; font-size:85%; line-height:1.4; }
.pd-list-info a { color:#000; }
.pd-list-brand { display:block; color:#777; font-size:90%; }
.pd-list-price { display:block; color:#e00; font-weight:600; }
.pd-list-remove { border:1px solid #ccc; background:#fff; border-radius:50%; width:26px; height:26px; cursor:pointer; color:#666; flex:0 0 26px; }
.pd-list-remove:hover { border-color:#000; color:#000; }
.pd-list-actions { padding:0 12px 12px; }
.pd-nowrap { word-break:keep-all; overflow-wrap:anywhere; }
@media (max-width:480px) { .pd-list-actions .pd-btn { font-size:95%; gap:8px; padding:10px 12px; } }
.pd-list-clear { display:block; margin:8px auto 0; border:none; background:none; color:#777; text-decoration:underline; cursor:pointer; font-size:80%; }
body.pd-has-list footer { padding-bottom:50px; }

@keyframes pdListFlash {
  0%, 100% { background:#000; color:#ffe931; }
  50% { background:#ffd74c; color:#000; }
}
.pd-list-bar.is-flash { animation:pdListFlash .45s ease-in-out 2; }

@media screen and (max-width: 700px) {
 .pd-search { padding:14px; }
 .pd-search-btn { padding:0 18px; }
 .pd-search-grid { grid-template-columns:1fr 1fr; gap:10px; }
 .pd-search-grid .pd-field:last-child { grid-column:1 / -1; }
 .pd-search-grid .pd-field:nth-child(2):last-child { grid-column:auto; } .pd-reset { margin-left:0; }
 .pd-filterbar > * { flex:1 1 calc(50% - 8px); }
 .pd-filterbar .pd-search-box-s { flex-basis:100%; }
 .pd-buybox { padding:16px; }
 .pd-list { right:10px; left:10px; width:auto; max-width:none; }
}
.pd-inq-item .brand { font-size:85%; color:#666; }
.pd-inq-item .brand a { color:inherit; }
.pd-inq-item .glink { flex:1; min-width:0; }
.pd-inq-remove-form { margin:0 0 0 auto; flex:0 0 auto; }
.pd-inq-remove { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:1px solid #ccc; border-radius:50%; background:#fff; color:#666; font-size:110%; line-height:1; font-family:inherit; cursor:pointer; transition:.15s; }
.pd-inq-remove:hover { border-color:#d54209; color:#d54209; }
.pd-inq-item.is-removing { opacity:0; transform:translateX(20px); transition:opacity .25s, transform .25s; }
.pd-inq-note { font-size:85%; color:#555; margin:0 0 30px; }
.pd-inq-variant { display:flex; align-items:flex-start; flex-wrap:wrap; gap:6px 8px; margin-top:8px; font-size:90%; }
.pd-inq-vrows > .pd-inq-vadd { align-self:flex-start; }
.pd-inq-variant label { flex:0 0 auto; font-weight:600; color:#555; line-height:34px; }
.pd-inq-vrows { flex:1 1 14em; min-width:0; max-width:28em; display:flex; flex-direction:column; gap:6px; }
.pd-inq-vrow { display:flex; align-items:center; gap:6px; }
.pd-inq-vrow select { flex:1; min-width:0; text-align:left; text-align-last:left; }
.pd-inq-vbtn { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:34px; height:34px; padding:0; border:1px solid #ccc; border-radius:50%; background:#fff; color:#666; cursor:pointer; transition:.15s; }
.pd-inq-vbtn .lsf { font-size:18px; line-height:1; }
.pd-inq-vbtn:hover { border-color:#000; color:#000; }
.pd-inq-vrow .pd-inq-vbtn:hover { border-color:#d54209; color:#d54209; }
.pd-inq-vadd { border-style:dashed; }
.pd-inq-vbtn[hidden] { display:none; }
.pd-inq-list-error { margin:0 0 8px; }

.pd-sec-media { margin:14px 0 0; }
.pd-sec-medias-before { margin-bottom:14px; }
.pd-sec-media img { display:block; max-width:100%; height:auto; margin:0; }
.pd-sec-video { position:relative; width:100%; max-width:720px; aspect-ratio:16 / 9; }
.pd-sec-video iframe { position:absolute; inset:0; width:100%; height:100%; }

.pd-search select, .pd-filterbar select, .pd-sort select { text-align:left; text-align-last:left; }
.pd-buybox .item_price { font-size:115%; }
.pd-buybox .item_price b { font-size:150%; white-space:nowrap; }
.pd-search-box-s { flex:1 1 220px; }
.pd-filterbar select { flex:0 1 auto; width:auto; max-width:190px; }
a.pd-reset, a.pd-reset:visited { color:#666; }
@media screen and (max-width: 700px) {
 .pd-filterbar select { max-width:none; flex:1 1 calc(50% - 8px); }
}

.pd-price-note { font-size:80%; color:#666; margin:-6px 0 12px; line-height:1.5; }
.pd-spec-note { font-size:85%; color:#666; margin:16px 0 0; }

#pd-imgviewer { display:flex; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:100000; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s; }
#pd-imgviewer.open { opacity:1; visibility:visible; transition:opacity .3s ease; }
#pd-imgviewer .iv-content { position:relative; max-width:90vw; max-height:90vh; }
#pd-imgviewer img { display:block; max-width:90vw; max-height:85vh; border-radius:3px; margin:0 auto; cursor:grab; touch-action:none; user-select:none; -webkit-user-drag:none; }
#pd-imgviewer .iv-close { position:fixed; top:15px; right:15px; color:#fff; font-size:30px; line-height:1; cursor:pointer; z-index:10; }
#pd-imgviewer .iv-prev,
#pd-imgviewer .iv-next { position:fixed; top:50%; transform:translateY(-50%); color:#fff; font-size:40px; line-height:1; cursor:pointer; padding:10px; user-select:none; z-index:10; }
#pd-imgviewer .iv-prev { left:10px; }
#pd-imgviewer .iv-next { right:10px; }
#pd-imgviewer .iv-caption { position:absolute; bottom:-35px; left:0; right:0; text-align:center; color:#fff; font-size:14px; }
@media (hover:hover) {
 #pd-imgviewer .iv-close:hover,
 #pd-imgviewer .iv-prev:hover,
 #pd-imgviewer .iv-next:hover { opacity:.6; }
}
@media (max-width:600px) {
 #pd-imgviewer .iv-prev,
 #pd-imgviewer .iv-next { font-size:30px; }
}