/* 三河サボテン園ショップ。ページ背景は現行テーマから継承し、ここでは指定しない。 */
body.mikawa-sec-shop,.shop-page,.shop-detail,.shop-content-page,.shop-cart-page,.shop-checkout-page,.shop-complete-page{--shop-ink:#2f2f2f;--shop-gold:#8a6b23;--shop-gold-bright:#c9a54b;--shop-alert:#b3402f}
.shop-page,.shop-detail,.shop-content-page,.shop-cart-page,.shop-checkout-page,.shop-complete-page{padding:32px 16px 72px;color:var(--uh-sumi)}
/* ヘッダー・見出し帯の寸法と書体は unified-header.css の共通設定を使う。 */
/* ショップから来たログイン・会員登録ページ（?sec=shop）は、フォームもショップの配色にそろえる。
   オークションから来た場合は従来の緑のまま（このCSSはショップの時だけ読み込まれる）。 */
body.mikawa-sec-shop .login-form__submit,body.mikawa-sec-shop .register-form__submit{background:var(--shop-ink)}
body.mikawa-sec-shop .login-form__submit:hover,body.mikawa-sec-shop .register-form__submit:hover{background:var(--shop-gold)}
body.mikawa-sec-shop .login-form__input:focus,body.mikawa-sec-shop .register-form__input:focus,body.mikawa-sec-shop .register-form__textarea:focus{border-color:var(--shop-gold);box-shadow:0 0 0 3px rgba(138,107,35,.16)}
body.mikawa-sec-shop .login-card__register-link,body.mikawa-sec-shop .register-card__login-link,body.mikawa-sec-shop .register-form__agree-link,body.mikawa-sec-shop .login-card__resend,body.mikawa-sec-shop .login-card__step-message strong{color:var(--shop-gold)}
body.mikawa-sec-shop .login-card__register-link:hover,body.mikawa-sec-shop .register-card__login-link:hover,body.mikawa-sec-shop .register-form__agree-link:hover,body.mikawa-sec-shop .login-card__forgot:hover{color:var(--shop-ink)}
body.mikawa-sec-shop .register-form__checkbox{accent-color:var(--shop-gold)}
body.mikawa-sec-shop .login-2fa-notice{border-color:var(--uh-line);border-left-color:var(--shop-gold-bright);background:#fff}
.shop-cart-fab__count.is-empty{display:none}
/* ボタン: ショップ内は墨色(黒帯と同系)→ホバーで金茶。オークションの緑はショップでは使わない */
.shop-page .btn--primary,.shop-detail .btn--primary,.shop-cart-page .btn--primary,.shop-checkout-page .btn--primary,.shop-complete-page .btn--primary,.shop-content-page .btn--primary{background-color:var(--shop-ink);color:#fff}
.shop-page .btn--primary:hover,.shop-detail .btn--primary:hover,.shop-cart-page .btn--primary:hover,.shop-checkout-page .btn--primary:hover,.shop-complete-page .btn--primary:hover,.shop-content-page .btn--primary:hover{background-color:var(--shop-gold)}
.shop-page .btn--secondary,.shop-detail .btn--secondary,.shop-cart-page .btn--secondary,.shop-checkout-page .btn--secondary,.shop-complete-page .btn--secondary,.shop-content-page .btn--secondary{background-color:#fff;color:var(--shop-ink);border:2px solid var(--shop-ink)}
.shop-page .btn--secondary:hover,.shop-detail .btn--secondary:hover,.shop-cart-page .btn--secondary:hover,.shop-checkout-page .btn--secondary:hover,.shop-complete-page .btn--secondary:hover,.shop-content-page .btn--secondary:hover{background-color:#f5f1e8;color:var(--shop-ink)}
.shop-page__inner{width:min(100%,1560px);margin:auto}
.shop-detail__inner{width:min(100%,1560px);margin:auto}
.shop-content-page__inner{width:min(100%,1100px);margin:auto}
.shop-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.shop-heading,.shop-subheading{text-align:center;margin:0 0 30px}.shop-heading__eyebrow,.shop-subheading>p{font-family:var(--uh-serif);letter-spacing:.14em;color:var(--uh-shu);margin:0 0 6px}.shop-heading h1,.shop-subheading h1{font:700 clamp(1.7rem,4vw,2.5rem)/1.35 var(--uh-serif);letter-spacing:.08em;margin:0}.shop-heading>p:last-child{margin:10px 0 0}
/* スマホの絞り込み開閉（オークション一覧と同じ方式）。PCではボタンを出さず常時表示 */
.shop-filter-toggle{display:none}
.shop-toolbar-collapse{display:grid}
.shop-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.5fr) auto;gap:14px;align-items:end;margin-bottom:18px;padding-block:18px;border-block:1px solid var(--uh-line)}
.shop-toolbar__field{display:grid;gap:6px;font-size:16px;font-weight:700}
/* 検索・セレクトはオークションのツールバー(auction-toolbar__dropdown/search-input)と同じ様式 */
.shop-toolbar__select-wrap{position:relative;display:flex;align-items:center}
.shop-toolbar select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;flex:1;width:100%;height:40px;padding:0 40px 0 16px;border:1px solid var(--sand-line,#b9ab8c);border-radius:0;background-color:#fff;font-size:16px;color:#0a0a0a;cursor:pointer}
.shop-toolbar__select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}
.shop-toolbar input{width:100%;height:40px;padding:8px 16px;border:1px solid var(--sand-line,#b9ab8c);border-radius:0;background-color:#fff;font-size:16px;color:#0a0a0a;appearance:none;-webkit-appearance:none}
.shop-toolbar input::placeholder{color:rgba(10,10,10,.5)}
.shop-toolbar input:focus,.shop-toolbar select:focus{outline:2px solid #00a63e;outline-offset:-2px;border-color:#00a63e}
.shop-toolbar__submit{min-height:40px}.shop-result-count{font-size:16px;color:#6f6a5d;margin:0 0 14px}
/* ── 一覧ページのレイアウト: 左メニュー＋右に商品カード ── */
.shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.shop-main{min-width:0}
.shop-side{display:grid;gap:16px;align-content:start;position:sticky;top:16px}
.shop-side__box{background:#fff;border:1px solid var(--sand-line,#b9ab8c)}
.shop-side__title{margin:0;padding:12px 14px;background:#f5f1e8;color:var(--uh-sumi);border-bottom:1px solid var(--sand-line,#b9ab8c);font:600 16px/1.4 var(--uh-serif);letter-spacing:.06em}
.shop-side__search{display:grid;gap:8px;padding:12px 14px}
.shop-side__search .btn{background:#fff;color:var(--uh-sumi);border:1px solid var(--sand-line,#b9ab8c)}
.shop-side__search .btn:hover{background:#f5f1e8;color:var(--shop-gold)}
.shop-side__search input{width:100%;height:40px;padding:8px 12px;border:1px solid var(--sand-line,#b9ab8c);background:#fff;font-size:16px;color:#0a0a0a}
.shop-side__search input::placeholder{color:rgba(10,10,10,.5)}
.shop-side__search input:focus{outline:2px solid var(--shop-gold);outline-offset:-2px}
.shop-side__list{list-style:none;margin:0;padding:6px 10px 10px;display:grid;gap:2px}
.shop-side__link{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;color:inherit;text-decoration:none;font-size:16px;line-height:1.5;border-radius:4px}
.shop-side__link span{font-family:var(--uh-sans);color:#6f6a5d;white-space:nowrap}
.shop-side__link:hover{background:#f5f1e8}
.shop-side__link.is-active{background:#f5f1e8;color:var(--uh-sumi);font-weight:700;box-shadow:inset 3px 0 0 var(--shop-gold)}
.shop-side__link.is-active span{color:var(--shop-gold)}
.shop-side__group{border-top:1px solid var(--uh-line)}
.shop-side__group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;cursor:pointer;font:600 16px/1.4 var(--uh-serif);list-style:none}
.shop-side__group-head::-webkit-details-marker{display:none}
.shop-side__group-head::after{content:"";width:8px;height:8px;border-right:2px solid var(--shop-gold);border-bottom:2px solid var(--shop-gold);transform:rotate(45deg);transition:transform .2s;flex:0 0 auto}
.shop-side__group[open] .shop-side__group-head::after{transform:rotate(-135deg)}
.shop-side__group-head span{font-family:var(--uh-sans);font-size:16px;color:var(--shop-gold);font-weight:700;margin-left:auto;margin-right:6px}
@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.shop-side{position:static}}
/* 件数表示と並び替えの行 */
.shop-listbar{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin:0 0 14px}
.shop-listbar .shop-result-count{margin:0}
.shop-sort{display:flex;align-items:center;gap:8px;font-size:16px}
.shop-sort label{font-weight:700;white-space:nowrap}
.shop-sort__wrap{position:relative;display:flex;align-items:center}
.shop-sort select{appearance:none;-webkit-appearance:none;height:40px;padding:0 40px 0 14px;border:1px solid var(--sand-line,#b9ab8c);background:#fff;font-size:16px;color:#0a0a0a;cursor:pointer}
.shop-sort select:focus{outline:2px solid var(--shop-gold);outline-offset:-2px}
/* 在庫数 */
.shop-card__stock,.shop-card__views{margin:0;font-family:var(--uh-sans);font-size:16px;color:#6f6a5d}
.shop-card__stock.is-sold{color:#e2231a;font-weight:700}
.shop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* カードの体裁はオークション一覧（.auction-card）と同じ:
   白地・砂色の細枠・角丸なし・写真は4:3、ホバーで影がふわっと出る */
.shop-card{border:1px solid var(--sand-line,#b9ab8c);background-color:#fff;transition:box-shadow .2s;min-width:0;display:flex;flex-direction:column}
.shop-card:hover{box-shadow:0 6px 18px rgba(10,10,10,.14)}
.shop-card__link{display:flex;flex-direction:column;flex:1;color:#0a0a0a;text-decoration:none}
.shop-card__image-wrap{position:relative;background-color:#f3f4f6;overflow:hidden;aspect-ratio:4/3}
.shop-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.shop-card:hover .shop-card__image{transform:scale(1.04)}
.shop-card--sold .shop-card__image{filter:grayscale(.35);opacity:.85}
.shop-card__image--empty{display:grid;place-items:center;color:var(--uh-line)}
/* 売り切れリボン: 左上を大きな赤い三角で覆い、斜めに白のSOLD（金額は消さずそのまま残す） */
.shop-card__sold-ribbon{position:absolute;left:0;top:0;width:47%;aspect-ratio:1;overflow:hidden;pointer-events:none;z-index:2}
.shop-card__sold-ribbon::before{content:"";position:absolute;inset:0;background:#e2231a;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(1px 2px 3px rgba(10,10,10,.3))}
.shop-card__sold-ribbon span{position:absolute;left:33%;top:33%;width:118%;transform:translate(-50%,-50%) rotate(-45deg);text-align:center;color:#fff;font:800 clamp(13px,1.9vw,19px)/1 var(--uh-sans);letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.18)}
@media(max-width:520px){.shop-card__sold-ribbon span{font-size:16px}}
.shop-card__id-line{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;min-width:0;max-width:100%}.shop-card__genus{font-family:var(--uh-sans);font-size:16px;color:#6f6a5d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-card__date{margin:0;padding:8px 14px 12px;font-family:var(--uh-sans);font-size:16px;line-height:1.5;color:#6f6a5d;text-align:right}.shop-card__body .shop-card__date{padding:0;text-align:left;white-space:nowrap}
/* スマホ幅では「掲載日 2026年9月21日」が折り返さないよう、在庫数と同じ13pxに */
@media(max-width:640px){.shop-card__body .shop-card__date{font-size:13px;line-height:1.5}}.shop-card__labels,.shop-detail__labels{display:flex;flex-wrap:wrap;gap:6px}.shop-card__labels{position:absolute;left:10px;top:10px}.shop-label{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--shop-label-color);color:#fff;font-size:16px;font-weight:800;letter-spacing:.08em}/* カード本文: 各行のあいだを均等（12px）にそろえる */
.shop-card__body{padding:14px 14px 0;display:flex;flex-direction:column;gap:12px;flex:1}
.shop-card__link{padding-bottom:0}.shop-card__number{font-family:var(--uh-sans);font-size:16px;color:#6f6a5d;line-height:1.4;white-space:nowrap}
.shop-detail__number{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-family:var(--uh-sans);font-size:16px;letter-spacing:.12em;color:#6f6a5d;margin:0 0 5px}
.shop-detail__genus{color:#6f6a5d;letter-spacing:.04em}
/* オークションと同じ「商品名1行 → 説明1行」。全文は商品詳細で確認できる。 */
.shop-card__title{font:600 20px/28px var(--uh-serif);margin:0;min-width:0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.shop-card__description{font-size:14px;line-height:1.5;color:#62605a;margin:0;min-width:0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/* 価格はカード下端にそろえる（margin-top:auto で下寄せ） */
.shop-card__price{font-size:18px;line-height:26px;margin:0}
.shop-card__title{margin:0}.shop-card__price strong{font-size:22px;font-family:var(--uh-serif);letter-spacing:.02em}.shop-card__price small{font-size:16px}.shop-card__locked{color:#e2231a;font-weight:700;font-size:16px;margin:0}.shop-card__action{padding:0 14px 14px}.shop-card__action .btn{width:100%}
/* NEWは手書き風アイコンで表示。動きは transform だけ（端末が熱くならない） */
.shop-label-img{position:relative;display:inline-block;height:34px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.shop-label-img img{display:block;height:100%;width:auto}
/* 光の層。文字の形（PNGの透明部分）でくり抜くので、光は「New!」の文字の上だけを走る。
   くり抜き自体は静止したまま、中の光だけを transform で動かす＝再描画が起きない */
.shop-label-img__shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  -webkit-mask:var(--shop-label-mask) center/contain no-repeat;mask:var(--shop-label-mask) center/contain no-repeat}
.shop-label-img__shine::after{content:"";position:absolute;top:-25%;bottom:-25%;left:0;width:42%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.35) 30%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.35) 70%,transparent 100%);
  transform:translateX(-170%) skewX(-12deg);animation:shopNewShine 3.2s ease-in-out infinite}
@keyframes shopNewShine{0%{transform:translateX(-170%) skewX(-12deg)}42%,100%{transform:translateX(320%) skewX(-12deg)}}
.shop-detail__labels .shop-label-img{height:44px}
@media(max-width:520px){.shop-label-img{height:28px}}
/* 旧: 文字のNEWバッジ用の光沢（NEW以外のラベルが shine 指定された場合の保険） */
.shop-label--shine{position:relative;overflow:hidden}
.shop-label--shine::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:55%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.15) 65%,transparent 100%);transform:translateX(-200%) skewX(-18deg);animation:shopLabelShine 3.6s ease-in-out infinite;pointer-events:none}
/* 動かすのは transform だけ（レイアウト計算・再描画を起こさない＝端末が熱くならない） */
@keyframes shopLabelShine{0%{transform:translateX(-200%) skewX(-18deg)}45%,100%{transform:translateX(320%) skewX(-18deg)}}
.shop-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:36px}.shop-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding-inline:10px;border:1px solid var(--uh-line);color:inherit;text-decoration:none}.shop-pagination .current{border-color:var(--shop-gold);color:var(--shop-gold);font-weight:800}.shop-empty{text-align:center;padding:56px 0}
.shop-detail__back{display:inline-block;margin-bottom:20px;color:inherit}.shop-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1200px;margin:auto}.shop-detail__gallery{min-width:0}.shop-gallery,.shop-detail__no-image{border:1px solid var(--uh-line);aspect-ratio:1/1}.shop-gallery .swiper-slide{aspect-ratio:1/1}.shop-gallery img{width:100%;height:100%;object-fit:contain}.shop-gallery .swiper-button-prev,.shop-gallery .swiper-button-next{color:var(--shop-ink)}.shop-detail__no-image{display:grid;place-items:center;color:var(--uh-line)}.shop-detail__labels{margin-bottom:10px}.shop-detail__title{font:700 clamp(1.5rem,3vw,2.15rem)/1.5 var(--uh-serif);margin:0 0 14px}.shop-detail__price{font-size:1rem;margin:0 0 10px}.shop-detail__price strong{font-size:2rem}.shop-detail__stock{display:inline-block;border-block:1px solid var(--uh-line);padding:7px 0;margin:0 0 20px;font-weight:700}.shop-detail__stock.is-sold{color:#e2231a;font-weight:800}.shop-detail__stock.is-locked{color:#e2231a}.shop-detail__buttons{display:flex;gap:10px;margin-bottom:22px}.shop-detail__buttons .btn{flex:1}.shop-member-notice,.shop-similar-notice{border:1px solid var(--uh-line);padding:18px;margin:0 0 22px}.shop-member-notice p:first-child{margin-top:0}.shop-similar-notice{border-left:5px solid var(--shop-gold-bright);background:#faf8f3}.shop-similar-notice h2{font:700 1.1rem var(--uh-serif);margin:0 0 8px}.shop-similar-notice a{font-size:1.3rem;font-weight:800;color:inherit}/* 商品への質問（オークションと同じ仕組みへの入口） */
.shop-detail__qa{margin:0 0 22px}
.shop-detail__qa-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--sand-line,#b9ab8c);background:#fff;color:inherit;text-decoration:none;font-size:16px;font-weight:700}
.shop-detail__qa-btn:hover{background:#f5f1e8;color:var(--shop-gold)}
.shop-detail__qa-count{font-family:var(--uh-sans);font-weight:400;color:#6f6a5d}
.shop-detail__qa-tel{margin:10px 0 0;font-size:16px;line-height:1.8;color:#6f6a5d}
.shop-detail__qa-tel a{color:inherit}
.shop-detail__description{border-top:1px solid var(--uh-line);padding-top:20px}.shop-detail__description h2{font:700 1.2rem var(--uh-serif)}.shop-detail__description>*{line-height:1.9}.shop-detail__notes{border-top:1px solid var(--uh-line);padding:16px 0 0 1.3em;line-height:1.8;font-size:16px}
.shop-cart-fab{position:fixed;right:18px;bottom:20px;z-index:900;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--shop-gold-bright,#c9a54b);color:#2f2f2f;text-decoration:none;box-shadow:0 8px 22px rgba(138,107,35,.45);transition:background .2s}.shop-cart-fab:hover{background:#d9bd73}.shop-cart-fab__count{position:absolute;right:-3px;top:-3px;min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2f2f2f;color:#fff;font-size:16px;font-weight:800}
.shop-content-page__inner{width:min(100%,1100px)}.shop-guide-list{list-style:none;padding:0;counter-reset:guide}.shop-guide-list li{position:relative;background:#fff;border:1px solid var(--uh-line);border-radius:6px;box-shadow:0 1px 4px rgba(47,47,47,.06);margin:0 0 12px;padding:22px 22px 22px 72px;counter-increment:guide}.shop-guide-list li::before{content:counter(guide,decimal-leading-zero);position:absolute;left:24px;top:22px;font:700 1.35rem var(--uh-serif);color:var(--uh-shu)}.shop-guide-list h2{font:700 1.15rem var(--uh-serif);margin:0 0 7px}.shop-guide-list p{margin:0;line-height:1.9}.shop-legal-list{margin:0;border-top:1px solid var(--uh-line)}.shop-legal-list>div{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--uh-line)}.shop-legal-list dt,.shop-legal-list dd{padding:18px;margin:0;line-height:1.8}.shop-legal-list dt{font-weight:800;font-family:var(--uh-serif)}
.shop-toast{position:fixed;left:50%;bottom:30px;z-index:9999;max-width:min(90vw,560px);transform:translate(-50%,18px);opacity:0;padding:12px 20px;border-radius:999px;background:var(--uh-active);color:var(--uh-washi);transition:.25s;pointer-events:none}.shop-toast.is-error{background:var(--uh-shu)}.shop-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1200px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-toolbar{grid-template-columns:1fr 1fr}.shop-toolbar__search{grid-column:1/-1}}
@media(max-width:760px){
.shop-filter-toggle{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;min-height:44px;margin:0 0 12px;padding:0 12px;border:1px solid var(--sand-line,#b9ab8c);border-radius:4px;background:#fff;color:var(--uh-sumi);font:700 16px/1 var(--uh-sans);cursor:pointer}
.shop-filter-toggle[aria-expanded="true"]{background:#f5f1e8;border-color:var(--shop-gold);color:var(--shop-gold)}
.shop-filter-toggle__icon,.shop-filter-toggle__caret{width:16px;height:16px;flex:0 0 auto}
.shop-filter-toggle__caret{transition:transform .25s}
.shop-filter-toggle[aria-expanded="true"] .shop-filter-toggle__caret{transform:rotate(180deg)}
.shop-toolbar-collapse{display:grid;max-height:0;overflow:hidden;transition:max-height .5s ease;margin-bottom:0}
.shop-toolbar-collapse.is-open{max-height:2000px;margin-bottom:18px}
.shop-toolbar{margin-bottom:14px;padding-block:0 16px;border-block:0}
.shop-page,.shop-detail,.shop-content-page{padding:22px 12px 56px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-detail__grid{grid-template-columns:1fr;gap:24px}.shop-detail__buttons{flex-direction:column}.shop-legal-list>div{grid-template-columns:1fr}.shop-legal-list dt{padding-bottom:5px}.shop-legal-list dd{padding-top:0}}
@media(max-width:520px){.shop-guide-list li{padding:18px 16px 18px 52px}.shop-guide-list li::before{left:16px;top:18px}.shop-toolbar{grid-template-columns:1fr}.shop-toolbar__search{grid-column:auto}.shop-card__body{padding:12px 10px;gap:16px}.shop-card__action{padding:0 6px 6px}.shop-card__title{font-size:20px;line-height:28px}.shop-card__number,.shop-card__genus{font-size:16px}.shop-guide-list li{padding-left:52px}}
@media(prefers-reduced-motion:reduce){.shop-card,.shop-card__image,.shop-toast{transition:none!important}.shop-label--shine,.shop-label--shine::after,.shop-label-img__shine::after{animation:none!important}}

/* 2026-09: 商品を比較しやすい植物棚。背景と園の書体は継承し、情報密度を整理する。 */
.shop-page,.shop-detail,.shop-content-page{font-family:var(--uh-sans);line-height:1.7}
.shop-page__inner,.shop-detail__inner{max-width:1440px}
.shop-discovery{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.shop-search{flex:1;max-width:680px;min-width:0}
.shop-search>label{display:block;font-weight:700;margin-bottom:6px}
.shop-search__controls{display:flex;gap:8px}
.shop-search input{min-width:0;width:100%;height:46px;padding:10px 14px;border:1px solid var(--uh-line);background:#fff;color:var(--shop-ink);font:inherit;font-size:16px;border-radius:4px}
.shop-search .btn{min-height:46px;padding:8px 22px;flex:none}
.shop-discovery__note{font-size:14px;margin:0;line-height:1.9;color:#62605a}
.shop-discovery__note a{color:var(--shop-ink);text-underline-offset:4px}
.shop-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}
.shop-side{top:20px;gap:12px}
.shop-side__title{font-family:var(--uh-sans);background:transparent;padding-bottom:10px}
.shop-side__hint{font-size:12px;color:#62605a;padding:0 14px;margin:10px 0 2px}
.shop-side__link{font-size:14px;min-height:44px;align-items:center;padding:8px}
.shop-side__link span{font-size:13px}
.shop-side__group-head{font-family:var(--uh-sans);min-height:48px}
.shop-state-tabs{display:flex;border-bottom:1px solid var(--uh-line);gap:8px;margin-bottom:16px}
.shop-state-tabs__link{display:flex;align-items:center;justify-content:center;min-width:96px;min-height:46px;padding:8px 20px;text-decoration:none;color:#62605a;border-bottom:3px solid transparent;font-weight:700}
.shop-state-tabs__link.is-active{color:var(--shop-ink);border-bottom-color:var(--shop-gold)}
.shop-state-tabs__link:hover{color:var(--shop-ink);background:transparent}
.shop-listbar{justify-content:space-between;gap:8px;margin-bottom:16px}
.shop-result-count,.shop-sort,.shop-sort select{font-family:var(--uh-sans);font-size:14px}
.shop-sort select{height:44px;max-width:100%;padding-left:10px}
.shop-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.shop-active-filters a{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:40px;padding:6px 12px;border:1px solid var(--uh-line);border-radius:4px;background:#fff;color:var(--shop-ink);font-size:14px;overflow-wrap:anywhere;text-decoration:none}
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.shop-card{border-color:#c9c6bf;border-radius:4px;overflow:hidden;box-shadow:none;transition:border-color .18s}
.shop-card:hover{border-color:var(--shop-gold);box-shadow:none}
.shop-card__link{min-width:0}
.shop-card__image-wrap{aspect-ratio:4/3;flex:none;background-color:#f1efe9}
.shop-card__image{transition:transform .3s}
@media(hover:hover) and (pointer:fine){.shop-card:hover .shop-card__image{transform:scale(1.03)}}
.shop-card__image--empty{color:#62605a;font-size:14px;background:#f3f4f1}
.shop-card__body{padding:14px;gap:7px}
.shop-card__number,.shop-card__genus{font-size:13px;line-height:1.5;color:#62605a}
.shop-card__title{font:600 18px/1.5 var(--uh-sans)}
.shop-card__price{margin-top:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px;font-size:14px;line-height:1.4}
.shop-card__price strong{font:700 24px/1.4 var(--uh-sans);letter-spacing:0;font-variant-numeric:tabular-nums}
.shop-card__price small{font-size:12px}
.shop-card__stock{font-size:13px;line-height:1.5;color:#62605a}
.shop-card__stock.is-sold{color:var(--shop-alert)}
.shop-card__locked{color:#e2231a;font-weight:700;font-size:13px;line-height:1.5}
.shop-card__action{padding:0 14px 14px}
.shop-card__action .btn{min-height:44px;padding:10px 6px;font:600 15px/1.4 var(--uh-sans);border-radius:3px;white-space:normal}
.shop-card__action .btn:disabled{cursor:default;background:#efefec;color:#62605a;border:1px solid #c9c6bf;opacity:1}
.shop-card__action .btn.is-in-cart,.shop-detail__buttons .btn.is-in-cart{background:#fff;color:#2f2f2f;border:1px solid var(--shop-gold);opacity:1;cursor:pointer;letter-spacing:0;display:flex;flex-direction:column;justify-content:center;gap:1px}
.btn.is-in-cart::before{content:'追加済み';font:500 11px/1.3 var(--uh-sans);color:#69531f}
.btn.is-in-cart:hover{background:#f5f1e8}
.btn.is-in-cart:disabled{cursor:wait}
.shop-card__sold-ribbon{width:36%;max-width:90px}
.shop-card__sold-ribbon::before{background:var(--shop-alert);filter:none}
.shop-card__sold-ribbon span{font-size:14px}
.shop-pagination .page-numbers{min-width:44px;min-height:44px;background:#fff;border-radius:3px}
.shop-pagination .current{background:var(--shop-ink);color:#fff;border-color:var(--shop-ink)}
.shop-filter-toggle{display:none}
.shop-toolbar-collapse,.shop-toolbar-collapse.is-open{max-height:none;overflow:visible;transition:none;margin-bottom:0}
.shop-filter-toggle__icon,.shop-filter-toggle__caret{width:16px;height:16px;flex:0 0 16px}
.shop-toolbar-collapse[hidden]{display:none!important}
.shop-detail__grid{gap:36px}
.shop-detail__title{font-family:var(--uh-sans);overflow-wrap:anywhere}
.shop-detail__gallery{align-self:start}
.shop-detail__gallery .item-gallery__main-image:focus-visible,.shop-detail__gallery .item-swiper__image:focus-visible{outline:3px solid var(--shop-gold);outline-offset:-3px}
.shop-gallery{background:#fff;border-color:#c9c6bf;border-radius:4px}
.shop-detail__price strong{font-family:var(--uh-sans);font-variant-numeric:tabular-nums}
.shop-detail__buttons{flex-wrap:wrap}
.shop-detail__buttons .btn{min-height:48px;white-space:normal;line-height:1.6;padding:12px 16px;font-size:16px}
.shop-detail__qa-btn{flex-wrap:wrap}
.shop-detail__description{overflow-wrap:anywhere}
.shop-detail__description img{max-width:100%;height:auto}
.shop-purchase-info{padding:14px 16px;margin:0 0 20px;background:#fff;border-left:3px solid var(--shop-gold);font-size:14px}
.shop-purchase-info p{margin:0 0 6px}.shop-purchase-info a{color:var(--shop-ink);text-underline-offset:3px}
.shop-detail__metadata{font-size:13px;color:#62605a;margin-top:20px}
.shop-cart-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:106px;height:54px;border:1px solid #2f2f2f;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#2f2f2f;box-shadow:0 3px 12px #0003;transition:background .15s}
.shop-cart-fab:hover{background:#f5f1e8}
.shop-cart-fab__icon{width:26px;height:26px;flex:none}
.shop-cart-fab__label{font:700 13px/1 var(--uh-sans);letter-spacing:0}
.shop-cart-fab__count{top:-9px;right:-7px;min-width:26px;height:26px;padding:0 5px 1px;border:2px solid #fff;border-radius:999px;background:#8a6b23;color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;box-sizing:border-box}
.shop-toast{width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;bottom:calc(92px + env(safe-area-inset-bottom,0px));padding:10px 18px;border-radius:5px;text-align:center;font:500 15px/1.6 var(--uh-sans);pointer-events:none;background:var(--shop-ink);color:#fff;box-shadow:0 3px 12px #0002}
body.mikawa-sec-shop :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--shop-gold);outline-offset:3px}
@media(min-width:1400px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){
  .shop-layout{grid-template-columns:1fr;gap:0}
  .shop-side{position:static;margin-bottom:18px}
  .shop-filter-toggle.is-ready{display:flex;min-height:44px;width:100%;justify-content:center;align-items:center;gap:8px;padding:8px 12px;margin:0 0 14px;border:1px solid var(--uh-line);border-radius:4px;background:#fff;font:600 15px/1.5 var(--uh-sans);color:var(--shop-ink);cursor:pointer}
  .shop-discovery{gap:16px}
  .shop-detail__grid{gap:24px}
  .shop-detail__buttons{flex-direction:column}
}
@media(max-width:699px){
  .shop-page,.shop-detail,.shop-content-page{padding:16px 12px 80px}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shop-discovery{display:block;margin-bottom:14px}
  .shop-discovery__note{font-size:12px;margin-top:8px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
  .shop-discovery__note br{display:none}
  .shop-search>label{font-size:14px}
  .shop-state-tabs{gap:0;margin-bottom:10px}
  .shop-state-tabs__link{flex:1;min-width:0;min-height:44px;padding:8px;font-size:14px}
  .shop-listbar{gap:8px 12px;margin-bottom:12px;flex-wrap:wrap}
  .shop-sort{gap:6px}.shop-sort label{font-size:12px}
  .shop-sort{margin-left:auto;min-width:0}
  .shop-sort select{font-size:16px;width:164px;padding-right:28px}
  .shop-result-count{font-size:13px}
  .shop-card__body{padding:10px;gap:6px}
  .shop-card__title{font-size:16px;line-height:1.5}
  .shop-card__price strong{font-size:20px}.shop-card__price small{font-size:11px}
  .shop-card__action{padding:0 10px 10px}.shop-card__action .btn{font-size:14px;padding:8px 4px}.shop-card__action .btn.is-in-cart{font-size:13px}
  .shop-card__number,.shop-card__genus{font-size:12px}
  .shop-detail__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.shop-filter-toggle__caret{transition:none}}

/* ご利用ガイド・特商法: 初めての購入でも要点から順に読める下層ページ。 */
.shop-content-lead{max-width:760px;margin:0 auto 32px;text-align:center;font-size:16px;line-height:1.9;color:#62605a}
.shop-guide-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 52px;border-block:1px solid var(--uh-line);background:#fff}
.shop-guide-summary>div{min-width:0;padding:18px;border-left:1px solid var(--uh-line)}
.shop-guide-summary>div:first-child{border-left:0}
.shop-guide-summary dt{margin:0 0 7px;color:var(--shop-gold);font-size:13px;font-weight:800;letter-spacing:.08em}
.shop-guide-summary dd{margin:0;font-size:15px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.shop-guide-section{margin:0 0 56px}
.shop-content-heading{display:flex;align-items:baseline;gap:16px;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid var(--uh-line)}
.shop-content-heading p{margin:0;color:var(--shop-gold);font-size:12px;font-weight:800;letter-spacing:.14em}
.shop-content-heading h2{margin:0;font:700 24px/1.5 var(--uh-serif);letter-spacing:.04em}
.shop-guide-flow{list-style:none;counter-reset:guide-flow;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;border:1px solid var(--uh-line);background:#fff}
.shop-guide-flow li{counter-increment:guide-flow;display:grid;grid-template-columns:54px minmax(0,1fr);gap:0;min-width:0;padding:22px}
.shop-guide-flow li:nth-child(even){border-left:1px solid var(--uh-line)}
.shop-guide-flow li:nth-child(n+3){border-top:1px solid var(--uh-line)}
.shop-guide-flow li::before{content:counter(guide-flow,decimal-leading-zero);color:var(--shop-gold);font:700 20px/1.5 var(--uh-serif)}
.shop-guide-flow h3{margin:0 0 6px;font:700 18px/1.6 var(--uh-serif)}
.shop-guide-flow p{margin:0;color:#56534d;font-size:15px;line-height:1.9}
.shop-guide-faq{border-top:1px solid var(--uh-line)}
.shop-guide-faq details{border-bottom:1px solid var(--uh-line);background:#fff}
.shop-guide-faq summary{position:relative;list-style:none;display:flex;align-items:center;min-height:58px;padding:13px 58px 13px 18px;cursor:pointer;font-weight:800;line-height:1.6}
.shop-guide-faq summary::-webkit-details-marker{display:none}
.shop-guide-faq summary::after{content:"＋";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;color:var(--shop-gold);font-size:24px;font-weight:400}
.shop-guide-faq details[open] summary::after{content:"−"}
.shop-guide-faq details>div{padding:0 58px 18px 18px;color:#56534d}
.shop-guide-faq details p{margin:0 0 8px;line-height:1.9}.shop-guide-faq details p:last-child{margin-bottom:0}
.shop-guide-faq a,.shop-legal-list a{color:var(--shop-ink);font-weight:700;text-underline-offset:3px}
.shop-content-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:52px;border-block:1px solid var(--uh-line);background:#fff}
.shop-content-actions>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;padding:24px}
.shop-content-actions>div+div{border-left:1px solid var(--uh-line)}
.shop-content-actions p{margin:0;line-height:1.8}.shop-content-actions .btn{min-height:46px}
.shop-content-actions--single{grid-template-columns:1fr}.shop-content-actions--single>div{flex-direction:row;align-items:center}.shop-content-actions--single>div+div{border-left:0}
.shop-legal-page .shop-content-page__inner{max-width:980px}
.shop-legal-list{background:#fff}
.shop-legal-list>div{grid-template-columns:230px minmax(0,1fr)}
.shop-legal-list dt{background:#f5f1e8;border-right:1px solid var(--uh-line);font-family:var(--uh-sans);font-size:15px}
.shop-legal-list dd{font-size:15px;overflow-wrap:anywhere}
.shop-legal-list__important dt{box-shadow:inset 4px 0 0 var(--shop-gold)}
.shop-legal-plain-list{margin:0;padding-left:1.2em}.shop-legal-plain-list li+li{margin-top:5px}
@media(max-width:760px){
  .shop-content-lead{text-align:left;margin-bottom:24px}
  .shop-guide-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:38px}
  .shop-guide-summary>div:nth-child(3){border-left:0}.shop-guide-summary>div:nth-child(n+3){border-top:1px solid var(--uh-line)}
  .shop-guide-section{margin-bottom:42px}.shop-content-heading{display:block}.shop-content-heading p{margin-bottom:3px}.shop-content-heading h2{font-size:21px}
  .shop-guide-flow{grid-template-columns:1fr}.shop-guide-flow li:nth-child(even){border-left:0}.shop-guide-flow li:nth-child(n+2){border-top:1px solid var(--uh-line)}
  .shop-content-actions{grid-template-columns:1fr}.shop-content-actions>div+div{border-left:0;border-top:1px solid var(--uh-line)}
  .shop-content-actions--single>div{align-items:flex-start;flex-direction:column}
  .shop-legal-list>div{grid-template-columns:1fr}.shop-legal-list dt{border-right:0;padding:13px 16px}.shop-legal-list dd{padding:14px 16px 18px}
}
@media(max-width:420px){
  .shop-guide-summary{grid-template-columns:1fr}.shop-guide-summary>div{border-left:0;border-top:1px solid var(--uh-line)}.shop-guide-summary>div:first-child{border-top:0}.shop-guide-summary>div:nth-child(2){border-left:0}
  .shop-guide-flow li{grid-template-columns:42px minmax(0,1fr);padding:18px 14px}.shop-guide-faq summary{padding-left:14px}.shop-guide-faq details>div{padding-left:14px;padding-right:14px}
  .shop-content-actions>div{padding:20px 16px}.shop-content-actions .btn{width:100%}
}

/* 学名（商品名の下） */
.shop-card__sci{margin:-6px 0 0;font-family:var(--uh-sans);font-size:16px;font-style:italic;color:#6f6a5d;line-height:1.5}
.shop-detail__sci{margin:-8px 0 12px;font-family:var(--uh-sans);font-size:16px;font-style:italic;color:#6f6a5d}

/* 属名・カテゴリー専用ページの見出し（2026-09-22） */
.shop-term-head{margin:0 0 16px}.shop-term-head__crumb{margin:0 0 6px;font-size:13px;color:#6a7282}.shop-term-head__crumb a{color:inherit;text-decoration:underline}.shop-term-head__title{margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.4}.shop-term-head__sci{font-style:italic;font-weight:400;color:#6a7282;font-size:.85em}.shop-term-head__suffix{font-size:.7em;font-weight:500;color:#3f3f46;margin-left:.4em}.shop-term-head__desc{font-size:14px;line-height:1.8;color:#3f3f46;background:#f7f7f4;border-radius:8px;padding:12px 16px}.shop-term-head__desc p{margin:0 0 .6em}.shop-term-head__desc p:last-child{margin:0}

/* 固定ページ「ショップ商品ページの案内」の本文（2026-09-23）: 余白を従来の表示にそろえる */
.shop-purchase-info--page>*{margin:0}.shop-purchase-info--page>*+*{margin-top:6px}
.shop-detail__notes--page{padding-left:0}.shop-detail__notes--page ul{margin:0;padding-left:1.3em}.shop-detail__notes--page p{margin:0 0 6px}

/* ── 特定商取引法に基づく表記・ショップのご利用ガイドの本文は「ルールなし」＝行末まで詰める素の折り返し（ボス指示 2026-09-23）──
   オークションのご利用ガイドと同じ扱い。サイト共通の text-wrap.css が当てる文節優先（auto-phrase）と
   text-wrap: pretty を外す。固定ページ本文（園主が編集）にも効くよう、タグ名で当てる。 */
.shop-legal-page p, .shop-legal-page li, .shop-legal-page dd, .shop-legal-page td,
.shop-guide-page p, .shop-guide-page li, .shop-guide-page dd, .shop-guide-page td {
  word-break: normal;
  overflow-wrap: anywhere;
  text-wrap: wrap;
}