/* 2026-10-20 おとさん合格の第4案。販売LP専用のピンク・茶色のデザイン。 */
.sales-standalone{
 --paper:#FFFCF8;--beige:#FFF7F2;--card:#fff;--line:#E5DAD0;
 --ink:#4A3628;--ink-sub:#76604F;--sakura:#EE8C82;--sakura-deep:#B9473D;
 --sakura-tint:#FBE6E1;--shadow:0 6px 18px -14px rgba(74,54,40,.2);
 --soil-tint:#F4EDE3;--soil:#7B6042;--day-tint:#FFF0D4;--day:#936329;
 --evening-tint:#F9E1D9;--evening:#A45F4A;--night-tint:#EEE9F6;--night:#75608C;
 background:var(--paper)
}
.sales-preserved .lp-brand{max-width:640px;margin:0 auto;padding:26px 20px 0}
.sales-preserved .lp-brand img{display:block;width:224px;height:auto;margin:0 auto;border-radius:0}
.sales-preserved .sales-title{padding-top:14px;font-size:.8125rem;color:var(--ink-sub)}
.sales-preserved .sales-first-view{padding-top:18px}
.sales-preserved .sales-first-view img{border:1px solid #F0DDD3;border-radius:24px 24px 64px 24px}
.sales-preserved .sales-opening-actions{margin-top:20px}
.sales-preserved .sales-opening-actions .btn{min-height:56px;box-shadow:0 6px 14px -8px #B9473D70}
.sales-preserved .lp-opening{padding-bottom:40px}
.sales-preserved .lp-opening p:last-child,.sales-preserved .ship-free{display:block;width:auto;max-width:100%;margin:24px auto 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--sakura-deep);font-size:1.0625rem;line-height:1.6;box-shadow:none;cursor:default}
.sales-preserved .lp-opening p:last-child span[style*="color"],.sales-preserved .ship-free span[style*="color"]{color:var(--sakura-deep)!important}
.sales-preserved .lp-section,.sales-preserved .mat-product{padding-top:48px;padding-bottom:48px}
.sales-preserved section:nth-of-type(odd),.sales-preserved .mat-product{background:var(--beige)}
.sales-preserved .lp-section>h2,.sales-preserved .mat-product>h2{padding:20px 14px 22px;margin-bottom:30px;border:1px solid #F0C7BF;border-bottom:3px solid var(--sakura);border-radius:18px;background:var(--sakura-tint);color:var(--ink);font-size:1.5rem;line-height:1.5;text-wrap:wrap}
.sales-preserved .lp-section>h2::after,.sales-preserved .mat-product>h2::after{display:none}
/* マットも共通の見出し帯と同じ30pxの下余白・全角丸を使う。 */
.sales-preserved .mat-heading-note{color:var(--ink-sub)}
.sales-preserved .lp-section>h3,.sales-preserved .lp-section>h4{color:var(--ink)}
.sales-preserved .checklist{padding:6px 20px;border:0;box-shadow:var(--shadow)}
.sales-preserved .checklist li{border-bottom-style:dashed}
.sales-preserved .checklist li::before{background:var(--sakura);color:#fff;border:0}
.sales-preserved .speech-balloon{border:1px solid var(--line);box-shadow:none}
.sales-preserved .speech-balloon::before{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.sales-preserved .sbp-r .speech-balloon::before{border-left:0;border-bottom:0;border-right:1px solid var(--line);border-top:1px solid var(--line)}
.sales-preserved .pcard{border:1px solid #E7C6BD;border-radius:18px;box-shadow:var(--shadow)}
.sales-preserved .pcard__size{background:var(--sakura-tint);color:var(--sakura-deep)}
.sales-preserved .pcard__body{padding:18px 16px}
.sales-preserved .pcard__price{color:var(--ink);font-size:1.875rem;margin-top:10px}
.sales-preserved .bonus-tag{background:var(--sakura-tint);color:var(--sakura-deep)}
.sales-preserved .price-table{border:1px solid #E7C6BD;box-shadow:none}
.sales-preserved .price-table tr:first-child td{background:var(--sakura-tint)}
.sales-preserved .bonus-panel{border:2px solid var(--sakura);background:#fff;box-shadow:var(--shadow)}
.sales-preserved .bonus-panel>h3{background:var(--sakura-deep);color:#fff;border:0}
.sales-preserved .line-panel>p{color:var(--ink)}
.sales-preserved .line-panel>.shine-banner{box-shadow:0 5px 14px -10px #4A362840}
.sales-preserved .voice-card{border:1px solid var(--line);box-shadow:none}
.sales-preserved .voice-label{color:var(--sakura-deep)}
.sales-preserved .records-block{padding:8px;border:1px solid var(--line);border-radius:18px;box-shadow:none}
.sales-preserved .record-item .num{color:var(--sakura-deep);font-size:1.875rem}
.sales-preserved .record-item{border-color:#E5DAD0!important}
.sales-preserved .record-item .label{color:var(--ink-sub);font-size:.875rem}
.sales-preserved .records-marker{background:linear-gradient(transparent 65%,var(--sakura-tint) 65%)}
.sales-preserved .qa-1{border:1px solid var(--line);box-shadow:none;border-radius:16px;margin-bottom:10px}
.sales-preserved .qa-1 summary::before{background:var(--sakura-tint);color:var(--sakura-deep)}
.sales-preserved .qa-1 summary::after{color:var(--ink)}
.sales-preserved .qa-1[open]{border-color:#D49187}
.sales-preserved .qa-1[open] summary{background:#FFF5F1}
.sales-preserved .qa-1[open]>p{padding-top:14px}
.sales-preserved .sales-delivery-panel{padding:22px 12px;border:1px solid var(--line);border-radius:20px;box-shadow:none}
.sales-preserved .sales-delivery-panel>p:first-child{font-size:.8125rem!important;letter-spacing:.04em!important}
.sales-preserved .sales-delivery-grid{gap:10px}
.sales-preserved .sales-delivery-grid>div{border:1px solid #E5DAD0!important;border-radius:14px!important}
.sales-preserved .sales-delivery-grid>div>div:first-child{background:var(--day-tint)!important}
.sales-preserved .sales-delivery-grid svg{color:var(--day)!important}
.sales-preserved .sales-delivery-grid>div:nth-child(4)>div:first-child{background:var(--evening-tint)!important}
.sales-preserved .sales-delivery-grid>div:nth-child(4) svg{color:var(--evening)!important}
.sales-preserved .sales-delivery-grid>div:nth-child(n+5)>div:first-child{background:var(--night-tint)!important}
.sales-preserved .sales-delivery-grid>div:nth-child(n+5) svg{color:var(--night)!important}
.sales-preserved .lp-section>ol{border:1px solid var(--line);box-shadow:none}
.sales-preserved .lp-section>ol li{border-bottom-style:solid}
.sales-preserved .lp-section>ol li::before{background:var(--sakura);color:#fff;border:0}
.sales-preserved .mimizu-form{border:1px solid var(--line);border-radius:20px;box-shadow:none}
.sales-preserved .mimizu-form input:not([type=submit]):not([type=hidden]):not([type=file]),.sales-preserved .mimizu-form textarea,.sales-preserved .mimizu-form select{background:#FFFDFA;border-color:#A58D79}
.sales-preserved .mimizu-form :is(input,textarea,select):focus-visible{outline:3px solid #B9473D;outline-offset:3px;box-shadow:none}
.lp-line-desktop{background:#fff;color:var(--ink)!important;border:1px solid #D5C5B6;box-shadow:0 6px 22px #4A36281A}
.lp-line-desktop:hover{background:#FFF5F1;color:var(--ink)!important}
.lp-line-dot{background:var(--line-green);color:#fff}
@media(max-width:760px){
 .sales-preserved #mzfl{inset:auto 12px calc(10px + env(safe-area-inset-bottom));min-height:68px;padding:10px 12px;border:1px solid #D9C9BA;border-top:3px solid var(--sakura);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 4px 24px #4A362826}
 .sales-preserved #mzfl .mzfl__txt,.sales-preserved #mzfl .mzfl__main{color:var(--ink)}
 .sales-preserved #mzfl .mzfl__sub{color:var(--ink-sub)}
 .sales-preserved #mzfl em{color:var(--ink)}
 .sales-preserved #mzfl .mzfl__btn{padding:11px 12px;background:#32833D;color:#fff}
 .sales-preserved #mzfl .mzfl__arw{width:20px;height:20px;color:#32833D}
}
@media(max-width:360px){
 .sales-preserved .lp-section>h2,.sales-preserved .mat-product>h2{font-size:1.375rem;padding-inline:10px}
 .sales-preserved .pcard__price{font-size:1.625rem}
 .sales-preserved #mzfl .mzfl__btn{font-size:.75rem;padding:10px}
}
@media(min-width:761px){
 .sales-standalone{background:#F1E7DF}
 .sales-standalone .sales-preserved{box-shadow:0 8px 50px #4A36281A}
 .sales-preserved .lp-brand{padding-top:34px}
 .sales-preserved .sales-first-view{padding-top:20px}
 .sales-preserved .lp-section,.sales-preserved .mat-product{padding-block:58px}
 .sales-preserved .lp-section>h2,.sales-preserved .mat-product>h2{font-size:1.75rem}
 .sales-preserved section:nth-of-type(odd){background:var(--beige)}
 .sales-preserved .price-table tr:first-child td{background:var(--sakura-tint)}
}
@media(forced-colors:active){
 .sales-preserved .lp-section>h2,.sales-preserved .mat-product>h2,.sales-preserved .trust-card,.sales-preserved .qa-1,.sales-preserved .sales-delivery-grid>div{border-color:CanvasText!important}
 .sales-preserved .sales-delivery-grid svg{color:CanvasText!important}
}

/* 第2案：白い説明面とピンクの見出し帯を分ける。 */
.sales-preserved section.mat-product{background:#fff}
/* マットは画面幅にかかわらず、画像の下に説明文が続く。 */
.sales-preserved .mat-overview{grid-template-columns:minmax(0,1fr)}
.sales-preserved .mat-overview,.sales-preserved .mat-description,.sales-preserved .mat-product>h3,.sales-preserved .mat-options,.sales-preserved .mat-note{background:#fff}
.sales-preserved .trust-list{margin:0;padding:0 18px;border-block:1px solid #E4C6BE;background:#fff}
.sales-preserved .trust-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #ECDDD5}
.sales-preserved .trust-row:last-child{border-bottom:0}
.sales-preserved .trust-row dt{margin:0;font-size:.9375rem;line-height:1.7;font-weight:700;color:var(--sakura-deep);word-break:keep-all;overflow-wrap:anywhere}
.sales-preserved .trust-row dd{margin:0;font-size:.875rem;line-height:1.8;color:var(--ink)}
.sales-preserved .shipping-notice{padding:16px 0;border-block:1px dashed #DDBEB7}
.sales-preserved .shipping-caution{color:var(--sakura-deep)}
.sales-preserved .mimizu-form small.shipping-caution{display:block;margin-top:8px;font-size:.875rem;line-height:1.7;font-weight:700}
/* バナーは見えた時だけ短く動かす。ずっと揺らし続けない。 */
.sales-preserved .line-panel>.shine-banner{border:1px solid #75A958;box-shadow:0 6px 16px -10px #4A362850;isolation:isolate}
.sales-preserved .line-panel>.shine-banner>a{position:relative;display:block;overflow:hidden;border-radius:15px;cursor:pointer;outline-offset:-4px}
.sales-preserved .line-panel>.shine-banner>a:focus-visible{outline:3px solid #fff}
.sales-preserved .line-panel>.shine-banner>a::after{content:"";position:absolute;inset:-35% auto -35% 0;width:25%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);opacity:0;transform:translateX(-160%) skewX(-16deg);pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .sales-preserved .line-panel>.shine-banner.is-cta-visible{animation:line-cta-nudge 1.8s ease-out .15s both}
 .sales-preserved .line-panel>.shine-banner.is-cta-visible>a::after{animation:line-cta-shine 1.6s ease-in-out .35s both}
 .sales-preserved .line-panel>.shine-banner>a{transition:filter .18s ease}
}
@media(hover:hover){.sales-preserved .line-panel>.shine-banner>a:hover{filter:brightness(1.08)}}
@keyframes line-cta-nudge{0%,100%{transform:translateY(0)}28%,64%{transform:translateY(-3px)}44%,80%{transform:translateY(0)}}
@keyframes line-cta-shine{0%{opacity:0;transform:translateX(-160%) skewX(-16deg)}15%{opacity:.85}85%{opacity:.85}100%{opacity:0;transform:translateX(600%) skewX(-16deg)}}
@media(max-width:360px){
 .sales-preserved .trust-list{padding-inline:16px}
 .sales-preserved .trust-row{grid-template-columns:1fr;gap:4px;padding-block:16px}
}

/* 送料無料は操作部品に見せず、言葉の大小とマーカーで訴求する。 */
.sales-preserved .lp-opening p:last-child>strong{font-size:1.0625rem;line-height:1.7}
.sales-preserved .lp-opening p:last-child .shipping-emphasis{display:inline-block;font-family:var(--head);font-size:1.625rem;line-height:1.4;background:linear-gradient(transparent 72%,var(--sakura-tint) 72%);padding-inline:2px}
.sales-preserved .ship-free>p>strong{display:inline;font-size:1.0625rem;background:linear-gradient(transparent 70%,var(--sakura-tint) 70%)}
/* 第4案：既存人物と同じ太い茶色の輪郭・簡素な塗り。表示も56pxへ抑える。 */
.sales-preserved .trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sales-preserved .trust-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:center}
.sales-preserved .trust-card .ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:4px;border-radius:0;background:none}
.sales-preserved .trust-card .trust-illustration{display:block;width:56px;height:56px;object-fit:contain;border-radius:0;filter:none}
.sales-preserved .trust-card .ttl{font-size:1rem;font-weight:700;color:var(--ink)}
.sales-preserved .trust-card .desc{font-size:.84375rem;line-height:1.75;color:var(--ink-sub)}
@media(max-width:360px){
 .sales-preserved .trust-grid{grid-template-columns:1fr}
 .sales-preserved .trust-card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:18px 16px;text-align:left}
 .sales-preserved .trust-card .ic{grid-column:1;grid-row:1/3;width:56px;height:56px;margin:0}
 .sales-preserved .trust-card .trust-illustration{width:56px;height:56px}
 .sales-preserved .trust-card .ttl,.sales-preserved .trust-card .desc{grid-column:2}
}
@media(min-width:761px){.sales-preserved .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}