/* =========================================================
   /shademaku 専用CSS v3
   背景画像ヒーロー／既存コンテンツ完全統合版
   標準CSSより後に読み込んでください
   ========================================================= */

#main .content-block .smaku-page,
#main .content-block .smaku-page * { box-sizing:border-box!important; }#main .content-block .smaku-page { display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; float:none!important; clear:both!important; color:#2d363b!important; background:#fff!important; }#main .content-block .smaku-page p { padding:0!important; }#main .content-block .smaku-page a { text-decoration:none!important; }#main .content-block .smaku-page img { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; }#main .content-block .smaku-page > br,
#main .content-block .smaku-page section > br,
#main .content-block .smaku-actions > br,
#main .content-block .smaku-check-grid > br,
#main .content-block .smaku-video-grid > br,
#main .content-block .smaku-voice-grid > br,
#main .content-block .smaku-case-gallery > br,
#main .content-block .smaku-form-grid > br { display:none!important; }/* HERO */
#main .content-block .smaku-hero { position:relative!important; display:block!important; width:100%!important; min-height:510px!important; margin:0 0 54px!important; overflow:hidden!important; background-image:url('/files/8ac6d090288bac39d33cc8f1764069f3.jpg')!important; background-size:cover!important; background-position:center center!important; border:1px solid #dce6e1!important; border-radius:19px!important; }#main .content-block .smaku-hero-overlay { display:flex!important; align-items:center!important; width:100%!important; min-height:510px!important; padding:36px 28px!important; background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.66) 62%,rgba(255,255,255,.10) 100%)!important; }#main .content-block .smaku-hero-inner { width:61%!important; max-width:585px!important; }#main .content-block .smaku-eyebrow,
#main .content-block .smaku-kicker { display:block!important; margin:0 0 7px!important; color:#5f7b70!important; font-size:12px!important; font-weight:bold!important; line-height:1.5!important; letter-spacing:.12em!important; }#main .content-block h1:where(:not(.as-h2)).smaku-hero-title { display:block!important; width:100%!important; margin:0 0 15px!important; padding:0!important; background:none!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:#2d363b!important; font-size:32px!important; font-weight:bold!important; line-height:1.46!important; text-align:left!important; text-shadow:none!important; }#main .content-block h1:where(:not(.as-h2)).smaku-hero-title span { color:#3f6758!important; }#main .content-block .smaku-hero-lead { margin:0 0 17px!important; color:#58666c!important; font-size:16px!important; line-height:1.9!important; }#main .content-block .smaku-hero-lead strong { color:#355e50!important; }#main .content-block .smaku-hero-answer { padding:15px 16px!important; background:rgba(255,255,255,.92)!important; border:1px solid #dce6e1!important; border-left:4px solid #5f8274!important; border-radius:0 11px 11px 0!important; }#main .content-block .smaku-hero-answer strong { display:block!important; margin:0 0 4px!important; color:#375f51!important; font-size:15px!important; line-height:1.65!important; }#main .content-block .smaku-hero-answer p { margin:0!important; color:#647078!important; font-size:13px!important; line-height:1.75!important; }/* BUTTON */
#main .content-block .smaku-actions,
#main .content-block .smaku-final-actions { display:flex!important; flex-wrap:wrap!important; gap:9px!important; margin-top:18px!important; }#main .content-block .smaku-btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:12px 17px!important; border-radius:9px!important; font-size:14px!important; font-weight:bold!important; line-height:1.5!important; text-align:center!important; }#main .content-block .smaku-btn-primary { background:#426a5b!important; border:1px solid #426a5b!important; color:#fff!important; }#main .content-block .smaku-btn-secondary { background:#fff!important; border:1px solid #c8d6d0!important; color:#3d6254!important; }#main .content-block .smaku-btn-white { background:#fff!important; border:1px solid #fff!important; color:#35584c!important; }#main .content-block .smaku-btn-outline { background:transparent!important; border:1px solid rgba(255,255,255,.76)!important; color:#fff!important; }#main .content-block .smaku-btn:hover,
#main .content-block .smaku-inline-link:hover,
#main .content-block .smaku-link-row a:hover { opacity:.86!important; }/* SECTION */
#main .content-block .smaku-section { display:block!important; width:100%!important; margin:54px 0!important; padding:0!important; float:none!important; clear:both!important; }#main .content-block h2.smaku-section-title,
#main .content-block h1.as-h2.smaku-section-title { display:block!important; width:100%!important; margin:0 0 16px!important; padding:0 0 10px!important; background:none!important; background-image:none!important; border:0!important; border-bottom:3px solid #607f73!important; border-radius:0!important; box-shadow:none!important; color:#2d363b!important; font-size:24px!important; font-weight:bold!important; line-height:1.55!important; text-align:left!important; text-shadow:none!important; }#main .content-block .smaku-section-lead { margin:0 0 21px!important; color:#5f6b71!important; font-size:15px!important; line-height:1.9!important; }#main .content-block h3.smaku-card-title { display:block!important; margin:0 0 9px!important; padding:0!important; background:none!important; border:0!important; border-radius:0!important; color:#3c6052!important; font-size:18px!important; font-weight:bold!important; line-height:1.55!important; text-shadow:none!important; }#main .content-block h3.smaku-card-title::first-letter { border:0!important; padding:0!important; }/* CHECK */
#main .content-block .smaku-check-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }#main .content-block .smaku-check-card { min-width:0!important; padding:16px!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:12px!important; }#main .content-block .smaku-check-card > span { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:34px!important; height:27px!important; margin:0 0 8px!important; padding:0 8px!important; background:#edf4f1!important; border-radius:999px!important; color:#58776b!important; font-size:11px!important; font-weight:bold!important; }#main .content-block .smaku-check-card strong { display:block!important; margin:0 0 6px!important; color:#3d6254!important; font-size:16px!important; line-height:1.55!important; }#main .content-block .smaku-check-card p { margin:0!important; color:#667279!important; font-size:13px!important; line-height:1.75!important; }/* NOTE */
#main .content-block .smaku-note { display:block!important; width:100%!important; margin:17px 0 0!important; padding:14px 16px!important; background:#f5f9f7!important; border:1px solid #dce7e2!important; border-left:4px solid #708d80!important; border-radius:0 10px 10px 0!important; }#main .content-block .smaku-note-alert { background:#fff9ef!important; border-color:#eadfc9!important; border-left-color:#b38a50!important; }#main .content-block .smaku-note strong { display:block!important; margin:0 0 4px!important; color:#456457!important; font-size:14px!important; line-height:1.55!important; }#main .content-block .smaku-note-alert strong { color:#735a34!important; }#main .content-block .smaku-note p { margin:0!important; color:#646f74!important; font-size:13px!important; line-height:1.75!important; }/* VIDEO */
#main .content-block .smaku-video-card { padding:16px!important; background:#f7f9f8!important; border:1px solid #dfe6e2!important; border-radius:13px!important; }#main .content-block .smaku-video-card > p { margin:11px 0 0!important; color:#637078!important; font-size:14px!important; line-height:1.75!important; }#main .content-block .smaku-video-ratio { position:relative!important; display:block!important; width:100%!important; height:0!important; padding-top:56.25%!important; overflow:hidden!important; background:#000!important; border-radius:9px!important; }#main .content-block .smaku-video-ratio iframe { position:absolute!important; top:0!important; left:0!important; display:block!important; width:100%!important; height:100%!important; min-height:100%!important; margin:0!important; padding:0!important; border:0!important; }#main .content-block .smaku-video-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }#main .content-block .smaku-video-case { margin-top:18px!important; }/* BRAND */
#main .content-block .smaku-brand-box,
#main .content-block .smaku-review-box { display:block!important; width:100%!important; padding:23px!important; background:linear-gradient(135deg,#edf5f2 0%,#fff 74%)!important; border:1px solid #d6e4de!important; border-radius:15px!important; }#main .content-block h2.smaku-box-title,
#main .content-block h1.as-h2.smaku-box-title { display:block!important; width:100%!important; margin:0 0 10px!important; padding:0!important; background:none!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:#355c4e!important; font-size:22px!important; font-weight:bold!important; line-height:1.55!important; text-align:left!important; text-shadow:none!important; }#main .content-block .smaku-brand-box > p,
#main .content-block .smaku-review-box p { margin:0 0 15px!important; color:#5f6b71!important; font-size:15px!important; line-height:1.85!important; }#main .content-block .smaku-brand-caution { margin:15px 0 0!important; padding:13px 15px!important; background:rgba(255,255,255,.92)!important; border:1px solid #dce5e1!important; border-radius:10px!important; }#main .content-block .smaku-brand-caution strong { display:block!important; margin:0 0 4px!important; color:#5f5443!important; font-size:14px!important; line-height:1.6!important; }#main .content-block .smaku-brand-caution p { margin:0!important; color:#687278!important; font-size:13px!important; line-height:1.75!important; }#main .content-block .smaku-inline-link { display:inline-block!important; margin:13px 0 0!important; color:#3f6758!important; font-size:14px!important; font-weight:bold!important; text-decoration:underline!important; }/* COMPARE */
#main .content-block .smaku-compare { display:block!important; width:100%!important; overflow:hidden!important; border:1px solid #dfe6e2!important; border-radius:12px!important; }#main .content-block .smaku-compare-head,
#main .content-block .smaku-compare-row { display:grid!important; grid-template-columns:.8fr 1.1fr 1.1fr!important; }#main .content-block .smaku-compare-head > div { padding:11px 10px!important; background:#426a5b!important; border-right:1px solid rgba(255,255,255,.22)!important; color:#fff!important; font-size:12px!important; font-weight:bold!important; line-height:1.5!important; }#main .content-block .smaku-compare-row > div { padding:11px 10px!important; background:#fff!important; border-top:1px solid #e4e9e6!important; border-right:1px solid #e4e9e6!important; color:#657178!important; font-size:12px!important; line-height:1.65!important; }#main .content-block .smaku-compare-row > div:first-child { background:#f6f8f7!important; color:#3e6254!important; font-weight:bold!important; }#main .content-block .smaku-compare-head > div:last-child,
#main .content-block .smaku-compare-row > div:last-child { border-right:0!important; }/* STEP / MEASURE */
#main .content-block .smaku-step-photo { max-width:620px!important; margin:0 auto 14px!important; overflow:hidden!important; border:1px solid #e0e7e4!important; border-radius:11px!important; }#main .content-block .smaku-link-row { display:flex!important; flex-wrap:wrap!important; gap:8px 18px!important; }#main .content-block .smaku-link-row a { color:#426a5b!important; font-size:13px!important; font-weight:bold!important; text-decoration:underline!important; }#main .content-block .smaku-measure-block { display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important; gap:18px!important; align-items:center!important; margin:0 0 18px!important; padding:18px!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:13px!important; }#main .content-block .smaku-measure-label { display:inline-block!important; margin:0 0 6px!important; padding:3px 7px!important; background:#edf4f1!important; border-radius:999px!important; color:#5b776c!important; font-size:10px!important; font-weight:bold!important; letter-spacing:.06em!important; }#main .content-block .smaku-measure-copy p { margin:0 0 8px!important; color:#627078!important; font-size:14px!important; line-height:1.8!important; }#main .content-block .smaku-measure-images { min-width:0!important; }#main .content-block .smaku-measure-images img { object-fit:contain!important; }#main .content-block .smaku-measure-images-two { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }/* TUCK UP */
#main .content-block .smaku-tuck-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }#main .content-block .smaku-photo-card { margin:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:12px!important; }#main .content-block .smaku-photo-card img { aspect-ratio:4/3!important; object-fit:cover!important; }#main .content-block .smaku-photo-card figcaption,
#main .content-block .smaku-wide-case figcaption { padding:10px 12px!important; color:#647078!important; font-size:12px!important; line-height:1.6!important; text-align:center!important; }/* CUSTOMER */
#main .content-block .smaku-voice-feature { padding:20px!important; background:#f7faf8!important; border:1px solid #dce7e2!important; border-radius:14px!important; }#main .content-block .smaku-voice-heading { display:flex!important; align-items:baseline!important; gap:8px!important; margin:0 0 10px!important; }#main .content-block .smaku-voice-heading span { color:#637b71!important; font-size:12px!important; font-weight:bold!important; }#main .content-block .smaku-voice-heading strong { color:#3c6052!important; font-size:19px!important; }#main .content-block .smaku-voice-text p { margin:0 0 10px!important; color:#5f6c72!important; font-size:14px!important; line-height:1.85!important; }#main .content-block .smaku-voice-text a { color:#426a5b!important; font-size:13px!important; font-weight:bold!important; text-decoration:underline!important; }#main .content-block .smaku-case-gallery { display:grid!important; gap:8px!important; margin-top:15px!important; }#main .content-block .smaku-case-gallery-3 { grid-template-columns:repeat(3,minmax(0,1fr))!important; }#main .content-block .smaku-case-gallery img { aspect-ratio:4/3!important; object-fit:cover!important; border-radius:8px!important; }#main .content-block .smaku-voice-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin-top:14px!important; }#main .content-block .smaku-voice-card { display:grid!important; grid-template-columns:150px minmax(0,1fr)!important; min-width:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:12px!important; }#main .content-block .smaku-voice-card img { width:100%!important; height:100%!important; min-height:170px!important; object-fit:cover!important; }#main .content-block .smaku-voice-body { padding:14px!important; }#main .content-block .smaku-voice-body span { display:block!important; margin:0 0 5px!important; color:#5b796d!important; font-size:11px!important; font-weight:bold!important; }#main .content-block .smaku-voice-body p { margin:0!important; color:#657178!important; font-size:13px!important; line-height:1.75!important; }#main .content-block .smaku-voice-card-wide { grid-column:1 / -1!important; }/* FORM */
#main .content-block .smaku-estimate-form { margin:18px 0 0!important; padding:20px!important; background:#f7faf8!important; border:1px solid #dce7e2!important; border-radius:14px!important; }#main .content-block .smaku-form-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }#main .content-block .smaku-form-grid label { display:block!important; min-width:0!important; }#main .content-block .smaku-form-grid label > span { display:block!important; margin:0 0 5px!important; color:#3f6254!important; font-size:13px!important; font-weight:bold!important; }#main .content-block .smaku-form-grid input,
#main .content-block .smaku-form-grid select { display:block!important; width:100%!important; min-height:44px!important; margin:0!important; padding:9px 10px!important; background:#fff!important; border:1px solid #cdd9d3!important; border-radius:7px!important; color:#2d363b!important; font-size:14px!important; }#main .content-block .smaku-form-grid small { display:block!important; margin:4px 0 0!important; color:#788289!important; font-size:11px!important; line-height:1.5!important; }#main .content-block .smaku-submit { display:block!important; width:100%!important; max-width:360px!important; min-height:50px!important; margin:18px auto 0!important; padding:12px 18px!important; background:#426a5b!important; border:0!important; border-radius:9px!important; color:#fff!important; font-size:15px!important; font-weight:bold!important; cursor:pointer!important; }/* SPECIAL ESTIMATE */
#main .content-block .smaku-special-grid { display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr)!important; gap:18px!important; align-items:center!important; }#main .content-block .smaku-special-list { display:grid!important; gap:8px!important; }#main .content-block .smaku-special-list > div { display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; gap:8px!important; align-items:start!important; padding:10px 12px!important; background:#f8faf9!important; border:1px solid #e0e7e4!important; border-radius:9px!important; }#main .content-block .smaku-special-list span { display:flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; background:#edf4f1!important; border-radius:50%!important; color:#5c776c!important; font-size:10px!important; font-weight:bold!important; }#main .content-block .smaku-special-list p { margin:2px 0 0!important; color:#607078!important; font-size:13px!important; line-height:1.6!important; }#main .content-block .smaku-special-image { overflow:hidden!important; border:1px solid #dfe7e3!important; border-radius:11px!important; background:#fff!important; }#main .content-block .smaku-wide-case { max-width:620px!important; margin:20px auto 0!important; overflow:hidden!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:12px!important; }/* FAQ */
#main .content-block .smaku-faq { display:grid!important; gap:8px!important; }#main .content-block .smaku-faq details { display:block!important; width:100%!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:10px!important; }#main .content-block .smaku-faq summary { position:relative!important; display:block!important; padding:14px 42px 14px 15px!important; color:#3c6052!important; font-size:14px!important; font-weight:bold!important; line-height:1.65!important; cursor:pointer!important; list-style:none!important; }#main .content-block .smaku-faq summary::-webkit-details-marker { display:none!important; }#main .content-block .smaku-faq summary::after { content:'+'!important; position:absolute!important; top:50%!important; right:15px!important; transform:translateY(-50%)!important; color:#6e877c!important; font-size:20px!important; font-weight:normal!important; line-height:1!important; }#main .content-block .smaku-faq details[open] summary::after { content:'−'!important; }#main .content-block .smaku-faq details > div { padding:0 15px 15px!important; color:#647078!important; font-size:14px!important; line-height:1.8!important; }/* REVIEW */
#main .content-block .smaku-review-box { display:grid!important; grid-template-columns:minmax(0,1fr) 260px!important; gap:18px!important; align-items:center!important; }#main .content-block .smaku-review-image { display:block!important; overflow:hidden!important; border-radius:9px!important; }/* FINAL */
#main .content-block .smaku-final { display:block!important; width:100%!important; margin:58px 0 0!important; padding:30px 22px!important; background:#35584c!important; border:0!important; border-radius:17px!important; color:#fff!important; text-align:center!important; }#main .content-block .smaku-final-inner { max-width:630px!important; margin:0 auto!important; }#main .content-block .smaku-final-kicker { display:block!important; margin:0 0 7px!important; color:#cfe0d9!important; font-size:11px!important; font-weight:bold!important; line-height:1.5!important; letter-spacing:.12em!important; }#main .content-block h2.smaku-final-title,
#main .content-block h1.as-h2.smaku-final-title { display:block!important; width:100%!important; margin:0 0 10px!important; padding:0!important; background:none!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:#fff!important; font-size:24px!important; font-weight:bold!important; line-height:1.55!important; text-align:center!important; text-shadow:none!important; }#main .content-block .smaku-final p { margin:0 0 18px!important; color:#e4ece8!important; font-size:14px!important; line-height:1.85!important; }#main .content-block .smaku-final-actions { justify-content:center!important; margin-top:0!important; }

/* TABLET */
@media screen and (max-width:900px) {#main .content-block .smaku-hero-inner { width:72%!important; }#main .content-block .smaku-check-grid { grid-template-columns:1fr!important; }#main .content-block .smaku-voice-grid { grid-template-columns:1fr!important; }#main .content-block .smaku-voice-card-wide { grid-column:auto!important; }#main .content-block .smaku-special-grid,
#main .content-block .smaku-review-box { grid-template-columns:1fr!important; }#main .content-block .smaku-review-image { max-width:360px!important; }
}

/* MOBILE */
@media screen and (max-width:787px) {#main .content-block .smaku-hero { width:94%!important; min-height:0!important; margin:0 auto 38px!important; background-position:center center!important; border-radius:14px!important; }#main .content-block .smaku-hero-overlay { display:block!important; min-height:0!important; padding:250px 16px 24px!important; background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.15) 34%,rgba(255,255,255,.96) 52%,#fff 100%)!important; }#main .content-block .smaku-hero-inner { width:100%!important; max-width:none!important; }#main .content-block h1:where(:not(.as-h2)).smaku-hero-title { font-size:25px!important; line-height:1.5!important; }#main .content-block .smaku-hero-lead { font-size:14px!important; line-height:1.85!important; }#main .content-block .smaku-actions,
#main .content-block .smaku-final-actions { display:block!important; }#main .content-block .smaku-btn { display:flex!important; width:100%!important; margin:0 0 9px!important; }#main .content-block .smaku-section { width:94%!important; margin:39px auto!important; }#main .content-block h2.smaku-section-title,
#main .content-block h1.as-h2.smaku-section-title { font-size:21px!important; line-height:1.55!important; }#main .content-block .smaku-section-lead { font-size:14px!important; line-height:1.85!important; }#main .content-block .smaku-video-grid,
#main .content-block .smaku-tuck-grid,
#main .content-block .smaku-case-gallery-3,
#main .content-block .smaku-form-grid { display:block!important; width:100%!important; }#main .content-block .smaku-video-card,
#main .content-block .smaku-photo-card,
#main .content-block .smaku-case-gallery img,
#main .content-block .smaku-form-grid label { width:100%!important; margin:0 0 11px!important; }#main .content-block .smaku-measure-block { display:block!important; width:100%!important; padding:15px!important; }#main .content-block .smaku-measure-copy { margin:0 0 13px!important; }#main .content-block .smaku-measure-images-two { display:block!important; }#main .content-block .smaku-measure-images-two img { margin:0 0 8px!important; }#main .content-block .smaku-voice-feature { padding:15px!important; }#main .content-block .smaku-voice-card { display:block!important; }#main .content-block .smaku-voice-card img { width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:16/10!important; }#main .content-block .smaku-estimate-form { padding:15px!important; }#main .content-block .smaku-brand-box,
#main .content-block .smaku-review-box { padding:18px 16px!important; }#main .content-block h2.smaku-box-title,
#main .content-block h1.as-h2.smaku-box-title { font-size:20px!important; }/* 比較表をカード化 */
  #main .content-block .smaku-compare { overflow:visible!important; border:0!important; border-radius:0!important; }#main .content-block .smaku-compare-head { display:none!important; }#main .content-block .smaku-compare-row { display:grid!important; grid-template-columns:1fr 1fr!important; margin:0 0 10px!important; overflow:hidden!important; border:1px solid #dfe6e2!important; border-radius:10px!important; }#main .content-block .smaku-compare-row > div { border:0!important; border-top:1px solid #e4e9e6!important; }#main .content-block .smaku-compare-row > div:first-child { grid-column:1 / -1!important; border-top:0!important; }#main .content-block .smaku-compare-row > div:nth-child(2) { border-right:1px solid #e4e9e6!important; }#main .content-block .smaku-compare-row > div:nth-child(2)::before { content:'幕体だけ交換'!important; display:block!important; margin:0 0 3px!important; color:#426a5b!important; font-size:10px!important; font-weight:bold!important; }#main .content-block .smaku-compare-row > div:nth-child(3)::before { content:'シェード全体交換'!important; display:block!important; margin:0 0 3px!important; color:#78644b!important; font-size:10px!important; font-weight:bold!important; }#main .content-block .smaku-final { width:94%!important; margin:43px auto 0!important; padding:26px 16px!important; border-radius:14px!important; }#main .content-block h2.smaku-final-title,
#main .content-block h1.as-h2.smaku-final-title { font-size:21px!important; }
}