/*
Theme Name: Smile Present
Theme URI: https://smile-present.com/
Author: Smile Present
Description: 家族や家庭の困りごとを、温かくシンプルに整理するためのSmile Present専用ブロックテーマ。
Version: 0.1.3
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: smile-present
*/
:root{--sp-bg:#fcfaf6;--sp-surface:#fff;--sp-navy:#20364d;--sp-text:#42505d;--sp-muted:#74808a;--sp-sage:#708b79;--sp-sage-soft:#e9f0eb;--sp-beige:#efe7dc;--sp-blue-soft:#e5eef4;--sp-line:#e8e3da;--sp-radius:18px;--sp-shadow:0 10px 28px rgba(33,54,77,.06)}
html{scroll-behavior:smooth}body{background:var(--sp-bg);color:var(--sp-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-underline-offset:.18em}.sp-shell{background:var(--sp-bg)}
.sp-site-header{border-bottom:1px solid var(--sp-line);background:rgba(252,250,246,.97)}.sp-header-inner{min-height:78px;gap:26px}.sp-brand{min-width:185px}.sp-brand .wp-block-site-title{margin:0;font-weight:760;letter-spacing:-.02em}.sp-brand-tagline{margin-top:2px!important;color:var(--sp-muted);font-size:12px}.sp-site-header .wp-block-navigation{font-size:14px}.sp-site-header .wp-block-navigation-item__content{text-decoration:none}.sp-header-search{min-width:220px}.sp-header-search .wp-block-search__inside-wrapper,.sp-mobile-search .wp-block-search__inside-wrapper{border:1px solid var(--sp-line);border-radius:999px;background:#fff;padding:3px 6px 3px 12px}.sp-header-search input,.sp-mobile-search input{border:0!important;background:transparent!important;font-size:13px}.sp-header-search button,.sp-mobile-search button{border-radius:999px!important;min-width:38px;padding:7px 10px!important}.sp-mobile-search{display:none}
.sp-hero{padding-top:clamp(42px,6vw,84px);padding-bottom:clamp(38px,5vw,72px)}.sp-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(30px,5vw,76px)}.sp-kicker{color:var(--sp-sage);font-size:13px;font-weight:700;letter-spacing:.12em}.sp-hero h1{margin:10px 0 18px;color:var(--sp-navy);font-size:clamp(38px,4.8vw,68px);line-height:1.28;letter-spacing:-.035em}.sp-hero-copy{max-width:650px;margin:0;color:var(--sp-text);font-size:clamp(15px,1.4vw,18px);line-height:2}.sp-soft-note{display:inline-block;margin-top:24px!important;color:var(--sp-sage);font-size:14px;border-bottom:2px solid #cbd9cf;padding-bottom:5px}
.sp-scenes{display:grid;grid-template-columns:1.25fr .85fr;grid-template-rows:1fr 1fr;gap:14px;min-height:420px}.sp-scene{position:relative;overflow:hidden;min-height:195px;border:1px solid rgba(32,54,77,.06);border-radius:24px;background-color:#f3efe7;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:var(--sp-shadow)}.sp-scene-support{grid-row:1/span 2;min-height:420px;background-image:url("assets/hero-parent-support.webp")}.sp-scene-child{background-image:url("assets/hero-child-digital.webp")}.sp-scene-router{background-image:url("assets/hero-home-network.webp")}.sp-scene-label{position:absolute;left:16px;bottom:16px;margin:0!important;padding:8px 12px;color:var(--sp-navy);background:rgba(255,255,255,.9);border:1px solid rgba(32,54,77,.07);border-radius:999px;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.sp-section{padding-top:clamp(34px,4vw,58px);padding-bottom:clamp(34px,4vw,58px)}.sp-section-soft{background:#f7f2ea;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}.sp-section-head{margin-bottom:24px}.sp-section-title{margin:0!important;color:var(--sp-navy);font-size:clamp(25px,2.4vw,34px)}.sp-section-sub{margin-top:6px!important;color:var(--sp-muted);font-size:14px}
.sp-issue-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.sp-issue-card{min-height:142px;padding:20px 15px!important;background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:0 6px 18px rgba(32,54,77,.035)}.sp-issue-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin:0 0 14px!important;color:var(--sp-navy);background:var(--sp-sage-soft);border-radius:50%;font-size:13px;font-weight:800}.sp-issue-card:nth-child(2n) .sp-issue-mark{background:var(--sp-blue-soft)}.sp-issue-card:nth-child(3n) .sp-issue-mark{background:var(--sp-beige)}.sp-issue-card h3{margin:0 0 6px!important;color:var(--sp-navy);font-size:16px}.sp-issue-card p:last-child{margin:0!important;color:var(--sp-muted);font-size:12px;line-height:1.65}.sp-issue-card a{text-decoration:none}
.sp-post-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sp-post-card{overflow:hidden;height:100%;background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius)}.sp-post-card .wp-block-post-featured-image{margin:0;aspect-ratio:16/10;background:#f0ece5}.sp-post-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}.sp-post-card-body{padding:20px!important}.sp-post-card .wp-block-post-date,.sp-post-card .taxonomy-category{color:var(--sp-muted);font-size:12px}.sp-post-card .wp-block-post-title{margin:8px 0 10px;color:var(--sp-navy);font-size:19px;line-height:1.55}.sp-post-card .wp-block-post-title a{text-decoration:none}.sp-post-card .wp-block-post-excerpt{margin-top:0;color:var(--sp-text);font-size:13px;line-height:1.8}
.sp-compare-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sp-compare-card{padding:24px!important;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:#fff}.sp-compare-card h3{margin:0 0 8px!important;color:var(--sp-navy);font-size:18px}.sp-compare-card p{margin:0!important;color:var(--sp-muted);font-size:13px;line-height:1.8}.sp-compare-card a{text-decoration:none}
.sp-about{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:38px;align-items:center;padding:clamp(28px,4vw,48px)!important;border-radius:26px;background:var(--sp-sage-soft)}.sp-about h2{margin-top:0!important;color:var(--sp-navy)}.sp-about p{line-height:1.95}.sp-about-visual{min-height:220px;border-radius:20px;background:url("assets/about-family-home.webp") center/cover no-repeat}
.sp-content-wrap{padding-top:46px;padding-bottom:68px}.sp-entry-header{margin-bottom:28px}.sp-entry-header h1,.sp-archive-title{color:var(--sp-navy)}.sp-entry-body{line-height:2}.sp-entry-body h2{margin-top:2.4em;padding-bottom:.35em;border-bottom:1px solid var(--sp-line);color:var(--sp-navy)}.sp-entry-body h3{color:var(--sp-navy)}.sp-entry-body img{border-radius:14px}.sp-entry-body table{display:block;max-width:100%;overflow-x:auto}.sp-entry-body blockquote{border-left:3px solid var(--sp-sage);background:#f5f3ee}.sp-archive-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sp-pagination{margin-top:36px}
.sp-site-footer{margin-top:30px;padding-top:34px;padding-bottom:34px;border-top:1px solid var(--sp-line);background:#f7f3ec}.sp-footer-copy{color:var(--sp-muted);font-size:12px}.sp-breadcrumbs{margin-bottom:18px!important;color:var(--sp-muted);font-size:13px}.sp-breadcrumbs a{color:var(--sp-muted)}
@media(max-width:1020px){.sp-header-search{display:none}.sp-mobile-search{display:block;width:100%;margin-top:-10px;margin-bottom:12px}.sp-issue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-hero-grid{grid-template-columns:1fr}.sp-scenes{min-height:360px}.sp-scene-support{min-height:360px}}
@media(max-width:760px){.sp-header-inner{min-height:66px}.sp-brand{min-width:0}.sp-brand-tagline{display:none}.sp-hero{padding-top:34px}.sp-hero h1{font-size:clamp(34px,10vw,46px)}.sp-hero-copy{font-size:15px;line-height:1.85}.sp-scenes{grid-template-columns:1fr 1fr;grid-template-rows:240px 150px;min-height:auto}.sp-scene-support{grid-row:auto;grid-column:1/span 2;min-height:240px}.sp-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-post-grid,.sp-compare-grid,.sp-archive-grid{grid-template-columns:1fr}.sp-about{grid-template-columns:1fr;padding:24px!important}.sp-about-visual{min-height:180px}.sp-content-wrap{padding-top:30px}}
@media(max-width:420px){.sp-scenes{grid-template-columns:1fr;grid-template-rows:auto}.sp-scene-support,.sp-scene-child,.sp-scene-router{grid-column:auto;min-height:205px}.sp-issue-grid{grid-template-columns:1fr 1fr;gap:9px}.sp-issue-card{min-height:130px;padding:16px 12px!important}}