/* 「ぐり茶とは」ページ専用。共通ヘッダー・他ページへ作用しない。 */
[data-guricha-about]{--ga-ink:#3f3732;--ga-green:#66a73b;--ga-gold:#c39143;--ga-paper:#f7f4ed;color:var(--ga-ink);font-family:"Zen Kaku Gothic New","Yu Gothic",sans-serif;font-size:16px;line-height:1.95;box-sizing:border-box;text-align:left}
[data-guricha-about] *{box-sizing:border-box}
[data-guricha-about] p{margin:0 0 18px}
[data-guricha-about] img{max-width:100%;height:auto;display:block}
[data-guricha-about] a{color:var(--ga-ink);text-decoration:none;opacity:1!important}
[data-guricha-about] :is(section,div)[id]{scroll-margin-top:140px}
[data-guricha-about] .ga-link{display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:48px;padding:10px 17px;border:0;background:transparent;color:var(--ga-ink);font-size:15px;line-height:1.7}
[data-guricha-about] .ga-link::after{content:"";position:absolute;inset:2px 0;border-radius:3px;box-shadow:inset 0 0 0 1px var(--ga-green);opacity:0;transition:opacity .18s;pointer-events:none}
[data-guricha-about] .ga-link:is(:hover,:focus-visible,:active)::after{opacity:1}
[data-guricha-about] a:focus-visible,[data-guricha-about] summary:focus-visible{outline:2px solid var(--ga-green);outline-offset:4px}
[data-guricha-about="billboard"]{position:relative;isolation:isolate;overflow:clip;background:transparent}
[data-guricha-about] .ga-hero{max-width:1440px;min-height:565px;margin:auto;display:grid;grid-template-columns:55% 45%;align-items:center}
[data-guricha-about] .ga-hero-copy{padding:48px 36px 48px clamp(28px,6vw,94px);position:relative;z-index:1}
[data-guricha-about] .ga-eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:20px;color:#655c54}
[data-guricha-about] h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(34px,3.7vw,50px);font-weight:500;line-height:1.55;letter-spacing:.035em;margin:0 0 24px;color:var(--ga-ink);background:transparent;border:0}
[data-guricha-about] .ga-hero-subtitle{font-family:"Noto Serif JP",serif;font-size:clamp(20px,2vw,27px);line-height:1.7;letter-spacing:.035em;margin:0 0 25px}[data-guricha-about] .ga-hero-lead{max-width:490px;line-height:2.1;font-size:16px}
[data-guricha-about] .ga-hero-lead span{display:inline-block}
[data-guricha-about] .ga-hero-photo{align-self:stretch;position:relative;min-width:0;margin:20px 0 0 -32px;mask-image:linear-gradient(90deg,transparent,#000 14%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%)}
[data-guricha-about] .ga-hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% 57%}
[data-guricha-about] .ga-hero-caption{position:absolute;right:24px;top:25px;writing-mode:vertical-rl;font-family:"Noto Serif JP",serif;font-size:13px;letter-spacing:.18em;padding:14px 9px;background:#ffffffed}
[data-guricha-about] .ga-page-nav{max-width:1100px;margin:auto;display:flex;justify-content:center;gap:23px;flex-wrap:wrap;padding:21px 24px 29px}
[data-guricha-about="main"]{max-width:1100px;margin:auto;padding:60px 36px 76px;background:white}
[data-guricha-about] .ga-section{margin:0 0 70px}
[data-guricha-about] .ga-reading{max-width:740px;margin:0 auto}
[data-guricha-about] .ga-section-intro{font-size:17px;line-height:2;margin-bottom:28px}
[data-guricha-about] .ga-section-number{display:block;font-family:"Noto Serif JP",serif;font-size:12px;letter-spacing:.14em;color:#8b6731;margin:0 0 5px 20px}
[data-guricha-about] .ga-emphasis{font-weight:700;background:linear-gradient(transparent 65%,#f2ecd9 65%);padding:0 2px}
[data-guricha-about] .ga-definition{margin:28px 0 0;padding:25px 30px;background:var(--ga-paper);border-radius:3px}
[data-guricha-about] .ga-definition strong{display:block;font-family:"Noto Serif JP",serif;font-size:23px;font-weight:600;margin-bottom:10px;line-height:1.65}
[data-guricha-about] .ga-definition p:last-child{margin-bottom:0}
[data-guricha-about] .ga-axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:30px 0}
[data-guricha-about] .ga-axis{padding:22px 24px;background:#f7f4ed;border-radius:3px}
[data-guricha-about] h3{font-size:19px;font-weight:700;line-height:1.65;margin:0 0 14px;background:transparent;color:var(--ga-ink);border:0}
[data-guricha-about] .ga-axis-label{font-size:12px;color:#78664b;letter-spacing:.08em;display:block;margin-bottom:8px}
[data-guricha-about] .ga-axis p{font-size:15px;margin-bottom:0}
[data-guricha-about] .ga-axis-tags{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
[data-guricha-about] .ga-axis-tags span{display:inline-block;background:white;padding:6px 14px;border-radius:2px;font-weight:500}
[data-guricha-about] .ga-combine{text-align:center;font-family:"Noto Serif JP",serif;font-size:23px;line-height:1.8;margin:28px 0 32px}
[data-guricha-about] .ga-combine span{color:var(--ga-green);font-weight:600}
[data-guricha-about] .ga-compare{width:100%;border-collapse:collapse;font-size:15px;line-height:1.9;table-layout:fixed;margin:30px 0}
[data-guricha-about] .ga-compare th,[data-guricha-about] .ga-compare td{text-align:left;padding:19px 20px;border-bottom:1px solid #e9e3d8;vertical-align:top}
[data-guricha-about] .ga-compare thead th{background:var(--ga-paper);font-weight:700}
[data-guricha-about] .ga-compare thead th:first-child{width:20%}
[data-guricha-about] .ga-compare tbody th{font-weight:500;background:#fcfbf8}
[data-guricha-about] .ga-small{font-size:13px;line-height:1.85;color:#6f6258}
[data-guricha-about] .ga-media-row{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:32px}
[data-guricha-about] figure{margin:0}
[data-guricha-about] .ga-photo-square{width:100%;aspect-ratio:1;object-fit:cover}
[data-guricha-about] figcaption{font-size:13px;line-height:1.8;color:#6f6258;margin-top:11px}
[data-guricha-about] .ga-media-row .ga-reading{max-width:none}
[data-guricha-about] .ga-observation{padding:20px 23px;background:var(--ga-paper);margin-top:22px;border-radius:3px}
[data-guricha-about] .ga-observation strong{display:block;font-weight:700;margin-bottom:6px}
[data-guricha-about] .ga-observation p{font-size:15px;margin:0}
[data-guricha-about] .ga-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
[data-guricha-about] .ga-feature{padding:9px 0}
[data-guricha-about] .ga-feature>span{font-family:"Noto Serif JP",serif;font-size:30px;color:var(--ga-gold);display:block;line-height:1.5;margin-bottom:10px}
[data-guricha-about] .ga-feature p{font-size:15px;margin-bottom:0}
[data-guricha-about] .ga-faq details{border-bottom:1px solid #e9e3d8;padding:0}
[data-guricha-about] .ga-faq summary{position:relative;cursor:pointer;padding:20px 40px 20px 0;list-style:none;font-size:17px;font-weight:500}
[data-guricha-about] .ga-faq summary::-webkit-details-marker{display:none}
[data-guricha-about] .ga-faq summary::after{content:"＋";position:absolute;right:8px;top:20px;color:var(--ga-green);font-size:18px}
[data-guricha-about] .ga-faq details[open] summary::after{content:"−"}
[data-guricha-about] .ga-faq details p{padding:0 32px 20px 0;margin:0;font-size:15px}
[data-guricha-about] .ga-related{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
[data-guricha-about] .ga-related-item{padding:22px 24px;background:var(--ga-paper);border-radius:3px}
[data-guricha-about] .ga-related-item p{font-size:15px;margin-bottom:10px}
[data-guricha-about] .ga-shopping{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;flex-wrap:wrap}
[data-guricha-about] .ga-shopping p{font-family:"Noto Serif JP",serif;font-size:21px;margin:0}
@media(max-width:1000px){[data-guricha-about] .ga-hero{grid-template-columns:56% 44%;min-height:500px}[data-guricha-about] .ga-hero-copy{padding:35px 28px}[data-guricha-about] h1{font-size:36px}[data-guricha-about] .ga-hero-lead{font-size:15px}[data-guricha-about] .ga-page-nav{gap:8px}[data-guricha-about="main"]{padding:45px 28px 60px}[data-guricha-about] .ga-axis-grid{gap:22px}[data-guricha-about] .ga-media-row{gap:28px}[data-guricha-about] .ga-features{gap:23px}}
@media(max-width:600px){[data-guricha-about]{font-size:15px}[data-guricha-about] .ga-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}[data-guricha-about] .ga-hero-copy{padding:32px 22px 24px}[data-guricha-about] h1{font-size:clamp(28px,8vw,35px);line-height:1.6;letter-spacing:.02em}[data-guricha-about] .ga-hero-lead{font-size:14px}[data-guricha-about] .ga-hero-photo{height:260px;min-height:260px;margin:0;mask-image:linear-gradient(180deg,transparent,#000 13%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%)}[data-guricha-about] .ga-hero-photo img{object-position:50% 61%}[data-guricha-about] .ga-hero-caption{font-size:11px;top:28px;right:16px;padding:12px 7px}[data-guricha-about] .ga-page-nav{display:grid;grid-template-columns:1fr 1fr;padding:18px 15px 23px;gap:4px}[data-guricha-about] .ga-page-nav .ga-link{font-size:14px;padding:9px}[data-guricha-about="main"]{padding:34px 20px 45px}[data-guricha-about] .ga-section{margin-bottom:47px}[data-guricha-about] .ga-section-intro{font-size:16px}[data-guricha-about] .ga-definition{padding:20px}[data-guricha-about] .ga-definition strong{font-size:20px}[data-guricha-about] .ga-axis-grid,[data-guricha-about] .ga-media-row,[data-guricha-about] .ga-related,[data-guricha-about] .ga-features{grid-template-columns:1fr;gap:22px}[data-guricha-about] .ga-combine{font-size:20px;text-align:left}[data-guricha-about] .ga-axis{padding:20px}[data-guricha-about] .ga-compare{display:block;margin:24px 0}[data-guricha-about] .ga-compare caption{display:block;width:100%;max-width:none;white-space:normal;word-break:normal;overflow-wrap:anywhere}[data-guricha-about] .ga-compare thead{display:none}[data-guricha-about] .ga-compare tbody{display:block}[data-guricha-about] .ga-compare tr{display:block;margin-bottom:19px;background:#fcfbf8;padding:0 15px 9px;border-radius:3px}[data-guricha-about] .ga-compare tbody th{display:block;padding:13px 0 5px;border:0;font-weight:700}[data-guricha-about] .ga-compare td{display:block;padding:9px 0;border:0}[data-guricha-about] .ga-compare td::before{content:attr(data-label);display:block;font-size:12px;letter-spacing:.08em;color:#816745;margin-bottom:3px}[data-guricha-about] .ga-features{gap:13px}[data-guricha-about] .ga-feature>span{font-size:26px}[data-guricha-about] .ga-shopping{gap:15px}[data-guricha-about] .ga-shopping p{font-size:19px}[data-guricha-about] .ga-faq summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){[data-guricha-about] *{scroll-behavior:auto!important;transition:none!important}}

/* 3つの物語をつなぐ共通の章メニュー */
[data-guricha-about] .gs-growing-photo{margin:0 0 23px}
[data-guricha-about] .gs-market-row{margin-bottom:36px}
[data-guricha-about] .gs-market-row img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
[data-guricha-about] .gs-growing-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
[data-guricha-about] .gs-growing-photo figcaption{font-size:12px;line-height:1.8;margin-top:9px}
[data-guricha-about] .gs-phrase{display:inline-block}
[data-guricha-about] .gs-chapters{max-width:1100px;margin:auto;display:flex;justify-content:center;gap:16px;padding:12px 24px 24px;flex-wrap:wrap}
[data-guricha-about] .gs-chapters a{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 17px;border-radius:3px;font-size:14px;line-height:1.6}
[data-guricha-about] .gs-chapters .gs-chapter-number{font-family:"Noto Serif JP",serif;color:#97713b;font-size:12px;letter-spacing:.08em}
[data-guricha-about] .gs-chapters a::after{content:"";position:absolute;inset:2px 0;box-shadow:inset 0 0 0 1px #66a73b;border-radius:3px;opacity:0;transition:opacity .18s;pointer-events:none}
[data-guricha-about] .gs-chapters a:is(:hover,:focus-visible,[aria-current="page"])::after{opacity:1}
[data-guricha-about] .gs-chapters a[aria-current="page"]{font-weight:700}
[data-guricha-about] .gs-opening{font-family:"Noto Serif JP",serif;font-size:24px;line-height:1.9;letter-spacing:.035em;margin-bottom:24px}
[data-guricha-about] .gs-timeline{list-style:none;padding:0;margin:30px auto;max-width:740px}
[data-guricha-about] .gs-timeline li{position:relative;padding:0 0 30px 31px;border-left:1px solid #e3d8c3}
[data-guricha-about] .gs-timeline li:last-child{padding-bottom:0;border-left-color:transparent}
[data-guricha-about] .gs-timeline li::before{content:"";position:absolute;top:7px;left:-4px;width:7px;height:7px;border-radius:50%;background:#c39143}
[data-guricha-about] .gs-era{font-size:12px;letter-spacing:.06em;color:#8b6731;display:block;margin-bottom:8px}
[data-guricha-about] .gs-timeline h3{margin-bottom:10px}
[data-guricha-about] .gs-timeline p{margin:0;font-size:15px}
[data-guricha-about] .gs-milestone{padding:28px 32px;background:#f7f4ed;margin:26px auto;max-width:740px;border-radius:3px}
[data-guricha-about] .gs-milestone strong{display:block;font-family:"Noto Serif JP",serif;font-size:35px;line-height:1.5;font-weight:500;color:#543f32;margin-bottom:10px}
[data-guricha-about] .gs-milestone p{margin:0}
[data-guricha-about] .gs-story-photo{width:100%;aspect-ratio:1;object-fit:cover}
[data-guricha-about] .gs-return{font-size:14px;display:inline-block;min-height:44px;padding:10px 0}
[data-guricha-about] .gs-next-story{background:linear-gradient(115deg,#f7f4ed,#fbfcf8);padding:32px 36px;border-radius:3px;margin-top:45px}
[data-guricha-about] .gs-next-story .gs-next-kicker{font-size:12px;letter-spacing:.12em;color:#8b6731;display:block;margin-bottom:12px}
[data-guricha-about] .gs-next-story h2{font-family:"Noto Serif JP",serif;font-size:27px;line-height:1.65;font-weight:500;margin:0 0 14px;letter-spacing:.02em;background:transparent;color:#3f3732;border:0}
[data-guricha-about] .gs-next-story p{max-width:700px;margin-bottom:13px}
[data-guricha-about] .gs-tags{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
[data-guricha-about] .gs-tags span{display:inline-block;background:#f7f4ed;padding:5px 15px;border-radius:2px;font-size:15px}
[data-guricha-about] .gs-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
[data-guricha-about] .gs-step-grid .gs-step-number{display:block;font-family:"Noto Serif JP",serif;color:#c39143;font-size:28px;margin-bottom:6px}
[data-guricha-about] .gs-step-grid p{font-size:15px;margin:0}
[data-guricha-about] .gs-place-card{background:#f7f4ed;padding:24px 27px;border-radius:3px}
[data-guricha-about] .gs-place-card .gs-place-name{font-family:"Noto Serif JP",serif;font-size:26px;display:block;margin-bottom:12px;color:#543f32}
[data-guricha-about] .gs-place-card p:last-child{margin:0}
[data-guricha-about] .ga-hero h1{overflow-wrap:normal}
[data-guricha-about] .ga-hero-lead{overflow-wrap:normal;text-wrap:pretty}
@media(max-width:600px){[data-guricha-about] .gs-chapters{display:grid;grid-template-columns:1fr;padding:5px 22px 24px;gap:3px}[data-guricha-about] .gs-chapters a{font-size:14px;padding:9px 14px;gap:14px}[data-guricha-about] .gs-opening{font-size:21px}[data-guricha-about] .gs-milestone{padding:23px}[data-guricha-about] .gs-milestone strong{font-size:29px}[data-guricha-about] .gs-next-story{padding:24px 22px;margin-top:30px}[data-guricha-about] .gs-next-story h2{font-size:23px}[data-guricha-about] .gs-step-grid{grid-template-columns:1fr;gap:24px}[data-guricha-about] .gs-place-card{padding:21px}}

#a-billboard:has([data-guricha-about="billboard"]){background:transparent!important;padding-inline:0!important;padding-bottom:0!important}
#a-billboard:has([data-guricha-about="billboard"])>.site_frame{max-width:none!important;width:100%!important;padding:0!important}
#a-billboard .b-plain:has([data-guricha-about="billboard"]),#a-billboard .b-plain:has([data-guricha-about="billboard"])>.column{padding:0!important;margin:0!important;background:transparent!important}
#a-billboard[data-ga-header-offset]:has([data-guricha-about="billboard"]){padding-top:var(--ga-header-offset)!important}
.gch-top-scene:has([data-guricha-about="billboard"]) #a-billboard::before,.gch-top-scene:has([data-guricha-about="billboard"]) #a-billboard::after{display:none!important;animation:none!important}
.gch-top-scene:has([data-guricha-about="billboard"]) #a-billboard :is(.site_frame,.b-plain,.column,.c-none){background:transparent!important}
#a-main .b-plain:has([data-guricha-about="main"]),#a-main .b-plain:has([data-guricha-about="main"])>.column{padding:0!important;margin:0!important;background:white!important}

/* ビルボードの文字の太さを一番茶・トップページと統一。 */
[data-guricha-about="billboard"] .ga-hero h1,
[data-guricha-about="billboard"] .ga-hero-subtitle{font-weight:700}
[data-guricha-about="billboard"] .ga-eyebrow,
[data-guricha-about="billboard"] .ga-hero-lead{font-weight:400}
[data-guricha-about="billboard"] .ga-link{font-weight:500}
