/* Benzai top-page CSS; sourced from original home.css. */
.benzai-content {--ink:#272522;--muted:#77736d;--line:#e8e4df;--paper:#fbfaf8;--cream:#f3f0eb;--accent:#806b51}

.benzai-content,
.benzai-content * {box-sizing:border-box}

.benzai-content {scroll-behavior:smooth}

.benzai-content {margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:15px;line-height:1.85}

.benzai-content a {text-decoration:none;color:inherit}

.benzai-content img {max-width:100%;display:block}

.benzai-content .container {max-width:1160px;margin:auto;padding:0 28px}

.benzai-content .site-header {background:#fff;border-bottom:1px solid var(--line)}

.benzai-content .header-inner {height:92px;display:flex;align-items:center;justify-content:space-between}

.benzai-content .brand {display:flex;gap:13px;align-items:center;font-size:21px;font-weight:600;letter-spacing:.16em}

.benzai-content .brand small {display:block;font-size:9px;letter-spacing:.23em;color:var(--muted);line-height:1.4}

.benzai-content .brand-mark {background:#3d3730;color:#fff;display:grid;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:29px;font-weight:400}

.benzai-content .site-header nav {display:flex;gap:32px;font-size:13px}

.benzai-content .site-header nav a:hover,
.benzai-content .text-link:hover {color:var(--accent)}

.benzai-content .hero {background:var(--paper)}

.benzai-content .hero-layout {align-items:center;gap:7%;min-height:540px;padding-top:62px;padding-bottom:62px}

.benzai-content .hero-copy h1 {font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(30px,4vw,54px);font-weight:500;letter-spacing:.11em;line-height:1.55;margin:15px 0 24px}

.benzai-content .hero-copy>p:not(.eyebrow) {color:var(--muted);font-size:15px;max-width:350px}

.benzai-content .eyebrow {font-size:11px;letter-spacing:.19em;color:var(--accent);font-weight:650}

.benzai-content .hero-visual {background:#e9e5de;min-height:400px;display:grid;place-items:center;overflow:hidden}

.benzai-content .hero-visual img {width:100%;height:450px;object-fit:contain;padding:32px}

.benzai-content .btn {display:inline-flex;justify-content:space-between;gap:46px;align-items:center;background:#3b342c;color:white;font-size:13px;padding:13px 20px;margin-top:23px}

.benzai-content .btn:hover {background:#655744}

.benzai-content .section {padding:75px 0 88px}

.benzai-content .section-head {display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}

.benzai-content .section-head h2,
.benzai-content .note-inner h2 {margin:0;font-size:27px;font-weight:500;letter-spacing:.09em}

.benzai-content .section-head .eyebrow {margin:0 0 6px}

.benzai-content .text-link {font-size:13px;border-bottom:1px solid #777;padding-bottom:4px}

.benzai-content .product-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}

.benzai-content .product-card {min-width:0}

.benzai-content .product-card .card-image {background:#f4f2ef;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center}

.benzai-content .product-card img {width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .25s}

.benzai-content .product-card:hover img {transform:scale(1.045)}

.benzai-content .card-info {padding:13px 2px}

.benzai-content .category-tag {font-size:11px;color:var(--muted)}

.benzai-content .card-info h3 {font-size:14px;font-weight:600;line-height:1.6;margin:3px 0 5px}

.benzai-content .note-section {background:var(--cream);padding:45px 0 60px}

.benzai-content .note-inner p {color:var(--muted)}

.benzai-content .site-footer {background:#292723;color:#e9e5df;padding:48px 0 32px;font-size:12px}

.benzai-content .footer-brand {font-size:18px;letter-spacing:.1em}

.benzai-content .footer-brand span {font-size:11px;color:#c1b7ac}

.benzai-content .site-footer p {color:#aaa39b}

.benzai-content .filter-btn {border:1px solid #dedad5;background:white;border-radius:2px;color:#645d54;padding:7px 13px;cursor:pointer;font:inherit;font-size:12px}

.benzai-content .filter-btn.active,
.benzai-content .filter-btn:hover {background:#443d35;border-color:#443d35;color:white}

.benzai-content .product-section {padding:25px 0 95px}

@media (max-width:800px) {
.benzai-content .hero-layout {min-height:0;gap:25px}

.benzai-content .hero-visual {min-height:300px}

.benzai-content .hero-visual img {height:350px}

.benzai-content .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:620px) {
.benzai-content .container {padding:0 18px}

.benzai-content .header-inner {height:75px}

.benzai-content .brand {font-size:16px}

.benzai-content .brand-mark {width:37px;height:37px;font-size:24px}

.benzai-content .site-header nav {gap:14px;font-size:12px}

.benzai-content .hero-layout {display:flex;flex-direction:column-reverse;padding-top:25px;padding-bottom:45px;align-items:stretch}

.benzai-content .hero-visual {min-height:0}

.benzai-content .hero-visual img {height:280px;padding:22px}

.benzai-content .hero-copy h1 {font-size:32px}

.benzai-content .section {padding:48px 0 55px}

.benzai-content .section-head h2 {font-size:23px}

.benzai-content .section-head {align-items:center}

.benzai-content .text-link {font-size:11px}

.benzai-content .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}

.benzai-content .card-info h3 {font-size:13px}

.benzai-content .product-section {padding-bottom:60px}
}

.benzai-content {--ink:#302923;--muted:#746b5e;--line:#e4d9c9;--paper:#f7f4ec;--cream:#eee7db;--accent:#977646;--gold:#b79a68}

.benzai-content {background:#fbfaf7;color:var(--ink)}

.benzai-content .site-header {background:rgba(250,247,241,.98);border-bottom:1px solid #dfd3c2}

.benzai-content .brand {letter-spacing:.12em}

.benzai-content .brand-mark {background:#30271e;color:#d8bc85;border:1px solid #88714e;position:relative}

.benzai-content .brand-mark:after {content:"";inset:3px;position:absolute;border:1px solid rgba(220,192,145,.33)}

.benzai-content .site-header nav a {border-bottom:1px solid transparent;padding-bottom:5px;transition:border-color .2s}

.benzai-content .site-header nav a:hover {border-color:var(--accent)}

.benzai-content .hero {background:linear-gradient(120deg,rgba(249,246,239,.98),rgba(236,229,215,.82));position:relative;overflow:hidden}

.benzai-content .hero-copy h1 {font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif;color:#342a1f;font-size:clamp(32px,3vw,56px);line-height:1.6}

.benzai-content .hero-copy .eyebrow:before,
.benzai-content .page-heading .eyebrow:before {content:"";display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}

.benzai-content .eyebrow {color:#8d6e40;letter-spacing:.24em}

.benzai-content .hero-copy>p:not(.eyebrow) {color:#645b50;line-height:2.1;max-width:450px}

.benzai-content .hero-visual {background:linear-gradient(145deg,#dfd4c3,#eee6da);box-shadow:25px 25px 0 rgba(170,145,103,.12);border:1px solid #d9c9b2;position:relative}

.benzai-content .hero-visual:before {content:"PYTHON LEATHER";position:absolute;bottom:13px;left:18px;letter-spacing:.28em;font-family:Georgia,serif;font-size:10px;color:#806c4e}

.benzai-content .hero-visual img {padding:28px;height:480px;filter:drop-shadow(0 18px 22px rgba(45,32,22,.17))}

.benzai-content .btn {background:#3e3228;border:1px solid #3e3228;letter-spacing:.09em;transition:background .2s,transform .2s}

.benzai-content .btn:hover {background:#735939;transform:translateY(-2px)}

.benzai-content .section {background:#fbfaf7}

.benzai-content .section-head h2,
.benzai-content .note-inner h2 {font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif}

.benzai-content .section-head h2 {font-size:31px}

.benzai-content .section-head:after {content:"";position:absolute}

.benzai-content .product-card .card-image {background:linear-gradient(145deg,#f4eee3,#eae0d1);border:1px solid #e9dfd1;position:relative}

.benzai-content .product-card .card-image:after {content:"";position:absolute;inset:9px;border:1px solid rgba(146,118,78,.17);pointer-events:none}

.benzai-content .product-card img {padding:20px;filter:drop-shadow(0 7px 9px rgba(55,42,30,.11));transition:transform .35s}

.benzai-content .product-card:hover img {transform:scale(1.065)}

.benzai-content .product-card:hover .card-image {border-color:#bba581}

.benzai-content .card-info {padding:17px 3px 12px}

.benzai-content .category-tag {color:#96754b;letter-spacing:.09em;font-size:10px}

.benzai-content .card-info h3 {font-size:15px;font-weight:500;letter-spacing:.02em}

.benzai-content .note-section {background:linear-gradient(110deg,#efe7d9,#f4efe6);border-top:1px solid #e0d3bf;position:relative;overflow:hidden}

.benzai-content .note-inner {position:relative;z-index:1}

.benzai-content .site-footer {background:#2d2924;border-top:3px solid #a58a5d}

.benzai-content .footer-brand {font-family:"Yu Mincho","Hiragino Mincho ProN",serif}

.benzai-content .filter-btn {border-color:#dacbb6;border-radius:0;background:#fbfaf7}

.benzai-content .filter-btn.active,
.benzai-content .filter-btn:hover {background:#4c3c2d;border-color:#4c3c2d}

.benzai-content .texture-band {background:#3f3328;color:#f3ecdf;padding:30px 0;border-top:1px solid #8a724e;border-bottom:1px solid #8a724e}

.benzai-content .texture-band .container {display:flex;align-items:center;justify-content:space-between;gap:24px}

.benzai-content .texture-band .overline {font:11px Georgia,serif;letter-spacing:.25em;color:#c8b18e}

.benzai-content .texture-band p {margin:4px 0 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:19px;letter-spacing:.06em}

@media (max-width:620px) {
.benzai-content .hero-visual {box-shadow:12px 12px 0 rgba(170,145,103,.10)}

.benzai-content .hero-visual img {height:300px}

.benzai-content .hero-copy h1 {font-size:33px}

.benzai-content .section-head h2 {font-size:25px}

.benzai-content .product-card img {padding:14px}

.benzai-content .card-info h3 {font-size:13px}

.benzai-content .texture-band {padding:22px 0}

.benzai-content .texture-band p {font-size:15px}
}

.benzai-content .site-header nav {gap:20px;flex-wrap:wrap;justify-content:flex-end}

.benzai-content .content-narrow {max-width:880px}

.benzai-content .content-narrow h2,
.benzai-content .about-teaser h2 {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,3vw,33px);font-weight:500;line-height:1.6;margin:20px 0}

.benzai-content .content-narrow p {line-height:2}

.benzai-content .info-table {border-top:1px solid var(--line);margin:25px 0 40px}

.benzai-content .info-table>div {display:grid;grid-template-columns:150px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:14px 5px}

.benzai-content .info-table dt {color:var(--muted)}

.benzai-content .info-table dd {margin:0}

.benzai-content .inline-link,
.benzai-content .info-table a {border-bottom:1px solid currentColor}

.benzai-content .editor-note {color:#776d60;font-size:12px;line-height:1.8}

.benzai-content .event-list {margin:23px 0 28px;border-top:1px solid var(--line)}

.benzai-content .event-item {display:grid;grid-template-columns:235px 1fr;gap:20px;padding:24px 5px;border-bottom:1px solid var(--line)}

.benzai-content .event-item time {color:#8c6b3e;font-size:13px}

.benzai-content .event-item strong {font-size:17px;font-weight:600}

.benzai-content .event-item p {margin:4px 0 0;color:var(--muted)}

.benzai-content .about-teaser-media {background:#ede6db;padding:24px}

.benzai-content .about-teaser-media img {height:300px;object-fit:contain;width:100%}

.benzai-content .contact-panel {background:#f4eee4;padding:30px 35px;margin:30px 0}

.benzai-content .contact-panel hr {border:0;border-top:1px solid var(--line);margin:28px 0}

.benzai-content .contact-large {font-size:clamp(20px,3vw,30px);font-family:Georgia,serif;margin:5px 0}

.benzai-content .site-footer a:hover {text-decoration:underline}

@media (max-width:800px) {
.benzai-content .header-inner {height:auto;min-height:92px;padding-top:16px;padding-bottom:16px;gap:14px}

.benzai-content .site-header nav {gap:10px 18px}
}

@media (max-width:620px) {
.benzai-content .header-inner {flex-direction:column;align-items:flex-start}

.benzai-content .site-header nav {font-size:12px;gap:8px 15px}

.benzai-content .event-item {grid-template-columns:1fr;gap:5px;padding:18px 0}

.benzai-content .about-teaser {grid-template-columns:1fr}

.benzai-content .info-table>div {grid-template-columns:1fr;gap:3px}

.benzai-content .contact-panel {padding:22px 20px}
}

body.home .benzai-content {width:100%; max-width:none;}

body.home .benzai-content .benzai-sample {cursor:default;}

body.home .benzai-content .benzai-no-image {color:#77736d; font-size:13px;}

body.home .benzai-content .benzai-information-body {margin-top:24px;}

body.home .benzai-content .benzai-information-body > * {margin-top:0; margin-bottom:1rem;}

body.home .benzai-content .benzai-information-body a {text-decoration:underline; text-underline-offset:3px;}

body.home .benzai-content .benzai-information-body h2,
body.home .benzai-content .benzai-information-body h3 {margin-top:1.4em;}

.benzai-content .wp-block-group.hero,
.benzai-content .wp-block-group.texture-band,
.benzai-content .wp-block-group.section,
.benzai-content .wp-block-group.note-section {margin-block: 0;}

.benzai-content .wp-block-group.hero-copy,
.benzai-content .wp-block-group.section-head > .wp-block-group,
.benzai-content .wp-block-group.about-teaser > .wp-block-group {min-width:0;}

.benzai-content .wp-block-group.hero-copy > *,
.benzai-content .wp-block-group.note-inner > *,
.benzai-content .wp-block-group.about-teaser > * {margin-block-start:0;}

.benzai-content .hero-visual figure,
.benzai-content .about-teaser-media figure {margin:0; width:100%;}

.benzai-content .hero-visual figure img,
.benzai-content .about-teaser-media figure img {display:block; width:100%;}

.benzai-content .wp-block-group.section-head {display:flex;}

.benzai-content .wp-block-group.section-head .wp-block-group {margin:0;}

.benzai-content .wp-block-group.note-inner .benzai-information-body {margin-block:18px 0;}

.benzai-content .benzai-information-body > * + * {margin-block-start:1em;}

.benzai-content .hero-copy .wp-block-button__link {display:inline-flex; align-items:center; text-decoration:none;}

.benzai-content .wp-block-shortcode {margin:0;}

@media (max-width:620px) {
.benzai-content .wp-block-group.container {padding-left:18px; padding-right:18px;}

.benzai-content .wp-block-group.hero-layout {display:flex; flex-direction:column-reverse;}

.benzai-content .wp-block-group.section-head {flex-wrap:wrap; gap:12px;}

.benzai-content .wp-block-group.about-teaser {display:grid; grid-template-columns:1fr;}
}



/* ==========================================
   Gutenberg グループブロックの2カラム補正
   BENZAI トップページ
========================================== */

/* PC・タブレット */
@media (min-width: 621px) {

    /* ファーストビュー：文章＋画像 */
    body.home .benzai-content
    .hero-layout > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns:
            minmax(0, 0.93fr)
            minmax(0, 1.07fr);
        align-items: center;
        gap: 7%;
    }

    /* 工房紹介：文章＋画像 */
    body.home .benzai-content
    .about-teaser > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(0, 0.8fr);
        align-items: center;
        gap: 8%;
    }

    /* 子要素の横幅制限 */
    body.home .benzai-content
    .hero-layout > .wp-block-group__inner-container > *,
    body.home .benzai-content
    .about-teaser > .wp-block-group__inner-container > * {
        min-width: 0;
        width: auto;
    }
}

/* スマートフォン */
@media (max-width: 620px) {

    /* ファーストビュー：画像→文章の順 */
    body.home .benzai-content
    .hero-layout > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
    }

    /* 工房紹介：文章→画像の順 */
    body.home .benzai-content
    .about-teaser > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    body.home .benzai-content
    .hero-layout > .wp-block-group__inner-container > *,
    body.home .benzai-content
    .about-teaser > .wp-block-group__inner-container > * {
        width: 100%;
        min-width: 0;
    }
}
