@import url('style.css');
:root{--paper:#fff;--ink:#252525;--muted:#73736a;--green:#78412e;--line:#deded7;--serif:'Noto Sans JP',sans-serif}body{background:#fff;font-size:14px;color:#252525}h1,h2,h3{font-family:'Noto Sans JP',sans-serif;font-weight:600;letter-spacing:0}a:hover{text-decoration:underline;text-underline-offset:4px}.demo-bar{background:#f4f4f1;color:#77776f;font-size:10px;letter-spacing:0;border-bottom:1px solid #e8e8e1;padding:5px 20px}.demo-bar span{font-size:10px;letter-spacing:0;margin:0}header{max-width:1200px;margin:auto;height:90px;padding:0 40px;gap:40px}.brand{font-family:'Noto Serif JP',serif;font-size:29px;letter-spacing:.08em;line-height:1.3}.brand:hover{text-decoration:none}header nav{margin-left:auto;gap:30px;font-size:13px}nav a.active,nav a:hover{border-bottom-color:#292923}.header-cta{border:0;border-left:1px solid var(--line);font-size:11px;padding:0 0 0 23px;color:#6b6b61}.home-intro{max-width:1120px;margin:22px auto 0;display:grid;grid-template-columns:1.35fr 1fr;gap:65px;border-bottom:1px solid var(--line);padding-bottom:42px}.home-intro-copy{padding:22px 0 0}.intro-label{font-size:12px;color:#77776b;margin-bottom:20px}.home-intro h1{font-size:38px;line-height:1.6;letter-spacing:.02em;margin-bottom:19px}.home-intro-copy>p:not(.intro-label){font-size:13px;color:#67675d;line-height:2;margin-bottom:24px}.intro-photo{height:345px;position:relative;overflow:hidden}.intro-photo img{height:100%;object-position:center 58%}.intro-photo>span{position:absolute;right:10px;bottom:8px;font-size:9px;color:white;text-shadow:0 1px 4px #000}#hero-search{width:100%;height:49px;border:1px solid #89897e;background:#fff;align-items:stretch}#hero-search input{margin:0;padding:11px 15px;font-size:13px;background:#fff}#hero-search button{border:0;background:#30302b;padding:0 25px;font-size:13px;color:#fff}.quick-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;margin-top:13px}.quick-links span{color:#77776b}.quick-links a{color:#78412e;text-decoration:underline;text-underline-offset:4px}.section{max-width:1200px;padding:38px 40px}.section-title{margin-bottom:23px;align-items:baseline;gap:20px}.section-title h2{font-size:22px;letter-spacing:0}.text-link{color:#78412e;border:0;padding:0;font-size:12px}.text-link span{margin-left:6px}.bean-directory{padding-top:32px;padding-bottom:20px}.browse-row{display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:start;border-top:1px solid #e5e5de;padding:21px 0}.browse-row h3{font-size:13px;font-weight:500;margin:1px 0 0}.roast-options{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roast-options a{display:grid;grid-template-columns:1fr auto;padding-right:10px}.roast-options a+a{padding-left:25px;border-left:1px solid var(--line)}.roast-options strong{font-weight:500;font-size:14px}.roast-options span{grid-column:1;font-size:11px;color:#77776b}.roast-options b{grid-column:2;grid-row:1;font-weight:400;font-size:14px}.country-options{display:flex;flex-wrap:wrap;gap:8px 25px;font-size:12px;color:#78412e}.home-roasters{padding-top:24px}.roaster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.roaster-card{display:grid;grid-template-columns:180px 1fr;gap:23px;border-top:1px solid var(--line);padding:24px 0}.roaster-image{aspect-ratio:auto;align-self:start}.roaster-image img{height:auto;aspect-ratio:1.1;filter:none;transition:none}.roaster-image:hover img{transform:none;opacity:.9}.roaster-copy{padding:0}.store-location{font-size:11px;color:#77776b;margin-bottom:5px}.roaster-copy h3{font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:18px;margin:0 0 7px}.roaster-copy>p:not(.store-location){font-size:12px;color:#68685e;margin:0 0 5px}.roaster-copy small{font-size:10px;line-height:1.7;color:#77776b;margin-top:0}.roaster-actions{gap:15px;margin-top:12px}.roaster-actions a,.roaster-actions button{font-size:11px;border:0;padding:0;color:#78412e;background:none}.roaster-actions button{text-decoration:underline;text-underline-offset:4px}.all-roasters{display:block;text-align:center;padding:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#78412e;margin-top:6px}.listing-note{max-width:1120px;margin:10px auto 50px;padding:25px 0;border-top:1px solid #bdbdb1;display:flex;align-items:center;justify-content:space-between;gap:25px}.listing-note h2{font-size:16px;margin-bottom:7px}.listing-note p{font-size:12px;color:#77776b;margin:0}.listing-note>a{flex-shrink:0}.button{background:#30302b;border-color:#30302b;min-height:45px;padding:12px 23px;font-size:12px;gap:22px}.button:hover{background:#505047;text-decoration:none}.button.cream{background:#fff;color:#30302b;border-color:#30302b}.button.cream:hover{background:#f2f2ed}.page-heading{max-width:1120px;margin:20px auto 0;padding:25px 0 28px;background:#fff;border:0;border-bottom:1px solid var(--line)}.page-heading h1{font-size:28px;line-height:1.6;letter-spacing:0;margin-bottom:12px}.page-heading p{font-size:12px;color:#737369}.catalogue{padding-top:30px;gap:35px;grid-template-columns:210px 1fr}.catalogue aside{padding-right:25px}.catalogue summary{font-size:12px}.result-toolbar strong{font-family:inherit;font-size:23px}.result-toolbar label{font-size:11px}.shipping-info{background:#f8f8f5;color:#67675b;border:1px solid #dfdfd6;font-size:11px;padding:12px 15px}.filter-chip{border:1px solid #d7d7cc;background:#f5f5ef;color:#5c5c50}.product-image{background:#f3f2ee}.product-image img{transition:none}.product-image:hover img{transform:none;opacity:.9}.roast-label,.roast-label.light,.roast-label.deep{background:#fffffff0;border:1px solid #d5d5ca;color:#555348;font-size:9px;padding:1px 7px;top:10px;left:10px}.image-arrow{display:none}.product-name{font-size:12px}.store-small{color:#77776b}.flavor{font:10px/1.8 'Noto Sans JP',sans-serif;letter-spacing:0;color:#77776b}.price-line>span{color:#6b6b60}.product-detail h1{font-size:27px}.detail-note{font-family:inherit;font-size:16px}.detail-price{font-size:28px}.detail-image{top:25px}.taste>div>span:nth-child(2){color:#686354}.pale{color:#deded5}.prose{max-width:850px}.prose h2{font-size:22px}.prose p{font-size:13px}.eyebrow{letter-spacing:0;color:#737369;font-size:11px}.roaster-hero{max-width:1120px;margin:auto;height:350px}.roaster-hero>div{left:45px;top:80px}.roaster-hero h1{font-size:36px}.roaster-hero p{font-family:inherit;font-size:15px}.roaster-detail{grid-template-columns:220px 1fr;gap:70px;max-width:1050px}.roaster-detail h2{font-size:24px}.store-logo{background:#f4f3ec;border-color:#d8d7cd;color:#5d5949;font-size:23px}.store-links button{border:0;text-decoration:underline;text-underline-offset:4px}.about-hero{max-width:1120px;margin:20px auto 0;padding:35px 0;background:#fff;border-bottom:1px solid var(--line)}.about-hero h1{font-size:30px;line-height:1.6}.about-hero p{font-size:13px}.step-no{font:600 15px/1.8 'Noto Sans JP',sans-serif;color:#827668;margin-bottom:12px}.steps>div{border-top-color:var(--line);padding-top:18px}.steps h3{font-size:15px}.pricing-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-layout{grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.price-card{padding:27px;border-color:#bfbfb2}.big-price{font-family:inherit;font-size:36px;color:#292923}.campaign-tag{background:transparent;padding:0;color:#83452f;display:block;font-size:12px;margin-bottom:14px}.pricing-layout h2{font-size:20px}.service-grid{gap:30px}.service-grid>div{border:0;border-top:1px solid var(--line);padding:20px 0}.service-grid h3{font-size:15px}.service-grid strong{color:#292923;font-size:22px}.steps.four h3{font-size:14px}.faq summary{font-size:13px}.join-banner{max-width:1120px;margin:15px auto 45px;background:#fff;color:#292923;border-top:1px solid #bcbcb0;padding:28px 0}.join-banner h2{font-size:20px;line-height:1.6}.join-banner p{color:#737369;font-size:12px}.contact-layout{gap:65px}.contact-layout h2{font-size:21px}.complete h1{font-size:26px}.complete-icon{background:none;border-radius:0;color:#777163}.footer-top{grid-template-columns:180px 1fr 1fr;gap:35px}.footer-top .brand{font-size:24px}.footer-top p{font-family:inherit;font-size:11px;letter-spacing:0;line-height:2.2;color:#77776b}.footer-top>div{font-size:10px;gap:5px 20px}footer{background:#fafaf8;padding:35px max(40px,calc((100vw - 1120px)/2)) 20px}.footer-bottom{border-color:var(--line);margin-top:25px;font-size:9px}dialog{background:#fff;border:1px solid #bfbfb3;padding:40px;max-width:520px;box-shadow:0 15px 60px #0002}dialog::backdrop{background:#29292380}dialog h2{font-size:21px}input,select,textarea{background:#fff;border-color:#c8c8bf}
@media(max-width:1200px){.home-intro,.page-heading,.roaster-hero,.about-hero,.join-banner,.listing-note{margin-left:40px;margin-right:40px}.home-intro{gap:40px}.home-intro h1{font-size:34px}.roaster-card{grid-template-columns:145px 1fr;gap:18px}.roaster-copy h3{font-size:17px}.roast-options{gap:15px}.roast-options a+a{padding-left:15px}}
@media(max-width:900px){header{padding:0 28px;gap:25px}header nav{gap:20px;font-size:12px}.brand{font-size:26px}.header-cta{padding-left:15px;font-size:10px}.home-intro{gap:28px}.home-intro h1{font-size:30px}.desktop-break{display:none}.roaster-card{grid-template-columns:120px 1fr;gap:16px}.roaster-grid{gap:0 25px}.roaster-copy h3{font-size:16px}.roaster-copy small{font-size:9px}.catalogue{grid-template-columns:185px 1fr;gap:25px}.catalogue .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{gap:35px}.footer-top{grid-template-columns:150px 1fr;gap:25px}.footer-top>div{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.pricing-layout{gap:30px}.roaster-detail{gap:40px}}
@media(max-width:720px){.demo-bar{text-align:left;padding:5px 20px}.demo-bar span{font-size:9px}header{height:auto;min-height:100px;padding:20px 20px 0;gap:17px}.brand{font-size:26px}header nav{font-size:12px;padding:0;margin:0;gap:12px;justify-content:space-between}header nav a{padding:13px 0}.header-cta{border:0;padding:0;font-size:10px}.home-intro{display:flex;flex-direction:column;margin:0 20px;gap:24px;padding:0 0 27px}.home-intro-copy{padding-top:28px}.intro-label{font-size:11px;margin-bottom:16px}.home-intro h1{font-size:30px;line-height:1.55;margin-bottom:18px}.home-intro-copy>p:not(.intro-label){font-size:11px;line-height:2;margin-bottom:20px}#hero-search{height:48px}#hero-search input{font-size:12px;padding:10px 12px}#hero-search button{font-size:12px;padding:0 22px}.quick-links{font-size:10px;gap:10px 16px;margin-top:12px}.intro-photo{height:155px}.intro-photo img{object-position:center 56%}.intro-photo>span{font-size:8px}.section{padding:28px 20px}.section-title{gap:15px;margin-bottom:19px}.section-title h2{font-size:20px;letter-spacing:0}.text-link{font-size:10px}.section-title>.text-link{max-width:none}.browse-row{grid-template-columns:1fr;gap:13px;padding:19px 0}.browse-row h3{font-size:12px;color:#6d6d62}.roast-options{gap:10px}.roast-options a+a{padding-left:12px}.roast-options strong{font-size:13px}.roast-options span{font-size:9px;line-height:1.7;margin-top:4px}.roast-options b{font-size:11px}.country-options{font-size:11px;gap:12px 23px}.bean-directory{padding-bottom:10px}.home-roasters{padding-top:18px}.roaster-grid{grid-template-columns:1fr;gap:0}.roaster-card{grid-template-columns:119px 1fr;gap:18px;padding:21px 0}.roaster-image{aspect-ratio:auto}.roaster-image img{aspect-ratio:1;height:auto}.roaster-copy{padding:0}.roaster-copy h3{font-size:16px;margin-bottom:5px}.store-location{font-size:10px;margin-bottom:4px}.roaster-copy>p:not(.store-location){font-size:10px}.roaster-copy small{font-size:9px}.roaster-actions{gap:20px;margin-top:10px}.roaster-actions a,.roaster-actions button{font-size:10px}.all-roasters{font-size:11px;padding:14px}.listing-note{margin:5px 20px 30px;display:block;padding:23px 0}.listing-note h2{font-size:15px}.listing-note p{font-size:11px;line-height:2;margin-bottom:12px}.page-heading{margin:14px 20px 0;padding:20px 0 22px}.page-heading h1{font-size:25px;margin-bottom:10px}.page-heading p{font-size:11px;line-height:2}.catalogue{display:block;padding-top:22px}.catalogue aside{border:0;padding:0}.catalogue details{background:#fff;border:1px solid var(--line);padding:14px;margin-bottom:22px}.catalogue summary{font-size:12px}.result-toolbar label{font-size:0}.result-toolbar select{font-size:10px;width:175px}.shipping-info{font-size:10px;padding:11px 12px;margin:13px 0 20px}.product-grid,.catalogue .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.product-name{font-size:11px}.flavor{font-size:8px;margin:8px 0 11px}.roast-label,.roast-label.light,.roast-label.deep{font-size:8px;left:8px;top:8px;padding:1px 6px}.breadcrumb{padding:17px 20px}.product-detail{grid-template-columns:1fr;gap:25px;padding-top:5px}.product-detail h1{font-size:25px}.detail-note{font-size:15px}.detail-price{font-size:26px}.prose h2{font-size:22px}.prose p{font-size:12px}.roaster-hero{margin:0 20px;height:260px}.roaster-hero>div{left:23px;top:65px}.roaster-hero h1{font-size:29px}.roaster-hero p{font-size:12px}.roaster-detail{grid-template-columns:1fr;gap:30px}.roaster-detail>div:first-child{max-width:230px}.roaster-detail h2{font-size:22px}.roaster-detail p{font-size:12px}.about-hero{margin:15px 20px 0;padding:20px 0 28px}.about-hero h1{font-size:26px}.about-hero p{font-size:11px}.button{font-size:11px;padding:11px 20px;gap:18px}.steps,.steps.four{grid-template-columns:1fr;gap:20px}.steps h3{font-size:15px}.step-no{font-size:14px}.pricing-layout{grid-template-columns:1fr;gap:28px}.price-card{padding:23px}.big-price{font-size:32px}.service-grid{grid-template-columns:1fr;gap:5px}.faq summary{font-size:12px}.join-banner{margin:15px 20px 30px;padding:24px 0}.join-banner h2{font-size:19px}.join-banner p{font-size:11px}.contact-layout{grid-template-columns:1fr;gap:20px}.contact-layout h2{font-size:20px}.complete h1{font-size:22px}footer{padding:28px 20px 18px}.footer-top{grid-template-columns:1fr;gap:18px}.footer-top .brand{font-size:23px}.footer-top p{margin:0;font-size:10px}.footer-top>div{grid-template-columns:1fr 1fr;gap:9px 15px}.footer-bottom{display:block;font-size:8px;margin-top:24px}dialog{width:90%;padding:38px 24px}dialog h2{font-size:19px}}

/* サイト名と説明 */
.brand small{display:block;font-family:"Noto Sans JP",sans-serif;font-size:9px;font-weight:400;letter-spacing:.025em;line-height:1.6;margin-top:7px;color:#6b6b61}.home-intro-copy{padding-top:31px}.footer-top .brand{font-size:26px}.footer-top .brand small{font-size:8px;white-space:nowrap}@media(max-width:900px){header{gap:25px}.brand small{font-size:8px}}@media(max-width:720px){.brand{font-size:28px;letter-spacing:.05em}.brand small{font-size:9px}.home-intro-copy{padding-top:26px}.footer-top .brand small{font-size:9px}}

/* メインコピーは明朝体 */
.home-intro h1{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(26px,2.55vw,32px);line-height:1.85;letter-spacing:.025em;margin-bottom:20px}.home-intro h1>span{display:block}.hero-mobile-break{display:none}@media(max-width:720px){.home-intro h1{font-size:27px;line-height:1.85;letter-spacing:.03em}.hero-mobile-break{display:block}}