/* ワインターミナル — トップ（編集型・モダンスタンダード/サウナイキタイ参照）。
   色味・角丸・フォントは現行のまま。情報配置・タイポスケールを編集型に。
   すべて .wt-home スコープ（他テンプレに影響しない）。 */

/* ===== ヒーロー上の透明ヘッダー（スクロールで白くなる） ===== */
body.wt-front .wt-appbar{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none}
body.wt-front .wt-appbar .wt-brand b,body.wt-front .wt-appbar .wt-brand b span{color:#fff}
body.wt-front .wt-appbar .wt-brand small{color:rgba(255,255,255,.82)}
body.wt-front .wt-appbar .wt-brand .mk svg{stroke:#fff}
body.wt-front .wt-appbar .wt-nav a{color:#fff;opacity:.94}
body.wt-front .wt-appbar.solid{background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom-color:var(--line);box-shadow:0 1px 10px rgba(15,40,28,.05)}
body.wt-front .wt-appbar.solid .wt-brand b{color:var(--green-d)}
body.wt-front .wt-appbar.solid .wt-brand b span{color:var(--wine)}
body.wt-front .wt-appbar.solid .wt-brand small{color:var(--ink-3)}
body.wt-front .wt-appbar.solid .wt-brand .mk svg{stroke:#a81e3f}
body.wt-front .wt-appbar.solid .wt-nav a{color:var(--ink-2);opacity:1}
body.wt-front .wt-appbar.solid .wt-nav a:hover{color:var(--green)}

/* ===== 共通 ===== */
.wt-home{--r:12px;--r-s:10px;--r-l:16px;--green-dd:#5c1226}
.wt-home .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.wt-home .sec-h{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:.02em;margin:0}
.wt-home .sec-head{margin:0 0 26px}
.wt-home section.blk{padding:74px 0}
.wt-home section.blk.tight{padding:52px 0}
/* 画像プレースホルダー（オリジナル写真用の空枠） */
.wt-home .imgph{display:block;position:relative;background:var(--surface-2);overflow:hidden}
.wt-home .imgph::after{content:"";position:absolute;inset:0;background:center/42px 42px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' fill='none' stroke='%23c4cdc2' stroke-width='1.3'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.6'/%3E%3Cpath d='M21 15l-5-4L5 19'/%3E%3C/svg%3E");opacity:.95}

/* ===== ヒーロー（ブドウ写真・高さ半分） ===== */
.wt-home .hero{position:relative;min-height:47vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:var(--green-dd)}
.wt-home .hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease}
.wt-home .hero .bg.is-on{opacity:1}
@media (prefers-reduced-motion: reduce){.wt-home .hero .bg{transition:none}}
.wt-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(62,15,29,.62),rgba(62,15,29,.46) 50%,rgba(62,15,29,.66))}
.wt-home .hero .in{position:relative;z-index:2;padding:64px 20px}
.wt-home .hero .hmk{display:inline-flex;margin-bottom:14px}
.wt-home .hero .hmk svg{width:58px;height:58px}
.wt-home .hero .hbrand{font-size:clamp(20px,2.6vw,27px);font-weight:700;letter-spacing:.1em;margin:0 0 14px;line-height:1.2;text-shadow:0 2px 16px rgba(0,0,0,.3)}
.wt-home .hero .hbrand span{display:block;font-size:10.5px;letter-spacing:.34em;font-weight:700;opacity:.85;margin-top:7px}
.wt-home .hero p.sub{font-size:clamp(13px,1.5vw,15px);letter-spacing:.14em;font-weight:500;opacity:.94;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.3)}

/* ===== OUR SERVICES（ヒーローに重なる白カード） ===== */
.wt-home .services{position:relative;z-index:5;margin-top:-64px}
.wt-home .services .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 18px 50px rgba(15,40,28,.12);padding:38px 40px;display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}
.wt-home .services .lead .t{font-size:19px;font-weight:700;line-height:1.7}
.wt-home .services .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wt-home .svc{display:block;text-align:center}
.wt-home .svc .ph{aspect-ratio:4/3;border-radius:var(--r);margin-bottom:12px}
.wt-home .svc .ph img{width:100%;height:100%;object-fit:cover}
.wt-home .svc .jp{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.wt-home .svc .en{display:block;font-size:10px;letter-spacing:.18em;color:var(--ink-3);font-weight:700;margin-top:3px}

/* ===== 産地ストリップ ===== */
.wt-home .strip{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.wt-home .strip::-webkit-scrollbar{height:6px}.wt-home .strip::-webkit-scrollbar-thumb{background:#dbdedd;border-radius:3px}
.wt-home .rcard{flex:0 0 282px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);scroll-snap-align:start;transition:box-shadow .2s,transform .2s}
.wt-home .rcard:hover{box-shadow:0 12px 28px rgba(15,40,28,.10);transform:translateY(-2px)}
.wt-home .rcard .ph{height:142px}
.wt-home .rcard .ph img{width:100%;height:100%;object-fit:cover}
.wt-home .rcard .cap{padding:13px 16px;display:flex;align-items:baseline;justify-content:space-between}
.wt-home .rcard .cap b{font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--ink)}
.wt-home .rcard .cap small{font-size:11px;color:var(--ink-3);letter-spacing:.06em;font-weight:700}

/* ===== コンシェルジュ帯 ===== */
.wt-home .band{background:var(--green-dd);color:#fff;border-radius:var(--r-l);overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}
.wt-home .band .tx{padding:48px 46px}
.wt-home .band h3{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.6;margin:0 0 14px}
.wt-home .band p{color:rgba(255,255,255,.8);font-size:14px;margin:0 0 26px}
.wt-home .band .gold{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.04em;padding:13px 28px;border-radius:999px}
.wt-home .band .gold:hover{background:var(--gold-l,#b78f45)}
.wt-home .band .img{min-height:236px}
.wt-home .band .img img{width:100%;height:100%;object-fit:cover}

/* ===== 注目のワイナリー グリッド ===== */
.wt-home .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px}
.wt-home .wcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.wt-home .wcard:hover{box-shadow:0 12px 30px rgba(15,40,28,.10);transform:translateY(-2px)}
.wt-home .wcard .ph{aspect-ratio:4/3;flex:none}
.wt-home .wcard .ph img{width:100%;height:100%;object-fit:cover}
.wt-home .wcard .bd{flex:1;padding:15px 16px 17px}
.wt-home .wcard .nm{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 8px;color:var(--ink)}
.wt-home .wcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.wt-home .wcard .tag{font-size:11px;font-weight:400;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:4px;padding:2px 8px}
.wt-home .wcard .tag.tg-green{color:var(--leaf-d);border-color:#bfe0cd}
.wt-home .wcard .tag.tg-gold{color:var(--gold);border-color:#e5d8b8}
.wt-home .wcard .tag.tg-wine,.wt-home .wcard .tag.w{color:var(--wine);border-color:#e6c9cf}
.wt-home .wcard dl{margin:0;font-size:12.5px;color:var(--ink-2);display:grid;grid-template-columns:54px 1fr;row-gap:5px}
.wt-home .wcard dt{color:var(--ink-3);font-weight:700}.wt-home .wcard dd{margin:0}
.wt-home .btn-row{display:flex;justify-content:center;gap:14px;margin-top:40px;flex-wrap:wrap}
.wt-home .obtn{border:1px solid var(--green);color:var(--green-d);font-weight:700;font-size:13.5px;letter-spacing:.04em;padding:13px 32px;border-radius:999px;transition:background .15s,color .15s}
.wt-home .obtn:hover{background:var(--green);color:#fff}

/* ===== NEWS ===== */
.wt-home .news{display:grid;grid-template-columns:230px 1fr;gap:20px}
.wt-home .news .ni{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);align-items:baseline}
.wt-home .news .ni:first-of-type{border-top:1px solid var(--line)}
.wt-home .news .dt{font-size:12.5px;color:var(--ink-3);font-weight:700;display:flex;align-items:center;gap:8px}
.wt-home .news .new{font-size:9.5px;letter-spacing:.1em;color:#fff;background:var(--wine);border-radius:999px;padding:1px 8px;font-weight:700}
.wt-home .news .tt{font-size:14px;font-weight:700;color:var(--ink)}
.wt-home .news .ni:hover .tt{color:var(--green)}

/* ===== 意図別リンク ===== */
.wt-home .intent{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.wt-home .intent a{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fff;padding:18px 22px;font-size:14.5px;font-weight:700;border-radius:var(--r-s);transition:border-color .15s,color .15s,box-shadow .15s}
.wt-home .intent a:hover{border-color:var(--green);color:var(--green-d);box-shadow:0 6px 18px rgba(15,40,28,.06)}
.wt-home .intent a .ar{color:var(--gold);font-weight:700}

/* ===== 都道府県／こだわりから探す（網羅リンク） ===== */
.wt-home .dir{background:var(--surface);border-top:1px solid var(--line)}
.wt-home .dir h2.dir-h2{margin-top:42px}
.wt-home .drow{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line-2)}
.wt-home .drow:last-of-type{border-bottom:1px solid var(--line-2)}
.wt-home .drow .rg{font-size:13px;font-weight:700;color:var(--green-d);padding-top:1px}
.wt-home .drow .links{display:flex;flex-wrap:wrap;gap:6px 18px}
.wt-home .drow .links a,.wt-home .dir-flat a{font-size:13px;color:var(--ink-2)}
.wt-home .drow .links a:hover,.wt-home .dir-flat a:hover{color:var(--green);text-decoration:underline}
.wt-home .dir-flat{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:4px}
.wt-home .dir-flat a{font-size:13.5px}

/* ===== レスポンシブ ===== */
@media(max-width:880px){
  .wt-home .services .card{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  .wt-home .band{grid-template-columns:1fr}.wt-home .band .img{min-height:200px;order:-1}
  .wt-home .grid4{grid-template-columns:1fr 1fr}
  .wt-home .news{grid-template-columns:1fr;gap:6px}
}
@media(max-width:560px){
  .wt-home .services .grid{grid-template-columns:1fr 1fr;gap:14px}
  .wt-home .grid4{grid-template-columns:1fr 1fr;gap:14px}
  .wt-home .intent{grid-template-columns:1fr}
  .wt-home .news .ni{grid-template-columns:1fr;gap:2px}
  .wt-home .drow{grid-template-columns:1fr;gap:5px}
  .wt-home section.blk{padding:52px 0}
}

/* 英字・数字アクセント */
.wt-home .hero .hbrand span,.wt-home .svc .en{font-family:var(--font-en-b)}
.wt-home .rcard .cap small,.wt-home .news .dt{font-family:var(--font-en)}

/* 注目ワイナリーのプレースホルダー＝一覧ページと同じ薄緑地×緑グラス */
.wt-home .wcard .ph.imgph{background:#eef2ea}
.wt-home .wcard .ph.imgph::after{background:center/34px 34px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%239fb0a2' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M7 3h10l-1.4 7a3.6 3.6 0 0 1-7.2 0L7 3z'/%3E%3Cpath d='M12 17v4M8.5 21h7'/%3E%3C/svg%3E")}

/* 透明ヘッダー時のハンバーガー色 */
body.wt-front .wt-appbar:not(.solid) .wt-menu-btn span{background:var(--green)}

/* 透明ヘッダー時のハンバーガー視認性（明るい写真対策の座布団） */
body.wt-front .wt-appbar:not(.solid) .wt-menu-btn{background:rgba(255,255,255,.9);border-radius:8px}
body.wt-front .wt-appbar.solid .wt-menu-btn{background:transparent}

/* SPはヘッダーblur廃止(iOS対策) */
@media(max-width:880px){body.wt-front .wt-appbar.solid{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* イラスト画像は元の枠(ph)に収める（capを押し出さない） */
.wt-home span.ph{display:block}
.wt-home .ph img{width:100%;height:100%;object-fit:cover;display:block}

/* コラムセクションの「すべて見る」 */
.wt-home .news .all{display:inline-block;margin-top:10px;font-size:12.5px;color:var(--ink-3);font-weight:700;text-decoration:none}
.wt-home .news .all:hover{color:var(--green)}