/* v13（2026-09-26）Notion「和田正site v13」分。外せば v12 の見た目に戻る */

/* TOP：ショップのエリア4枠をショップ一覧の各エリアへリンク */
.sh-areas .sh-area{position:relative;cursor:pointer}
.sh-areas .sh-a{color:inherit;text-decoration:none}
.sh-areas .sh-a::after{content:"";position:absolute;inset:0}
.sh-areas .sh-a:focus-visible{outline:none}
.sh-areas .sh-area:has(.sh-a:focus-visible){outline:2px solid var(--brand);outline-offset:-2px}
.sh-areas .sh-area .en i{font-style:normal;margin-left:.6em;display:inline-block;transition:transform .3s}
.sh-areas .sh-area:hover .en i{transform:translateX(4px)}

/* お知らせ：詳細の無い行 */
.list-row.nolink{cursor:default}
.list-row.nolink:hover{background:none;padding-inline:0}

/* 採用トップ：マイナビ 27年卒／28年卒 の2段 */
.ge-stack{display:grid;gap:10px}
.ge-btn.half{padding:14px 20px 16px;font-size:.98rem}
.recruit-top .ge-btn.half{padding:12px 18px 14px;font-size:.95rem}

/* フローティングメニュー：27卒／28卒の2つのマイナビ */
.fixed-cta.v12 .fc-s{display:none}
.fixed-cta.v12 a.mynavi + a.mynavi{border-left:1px solid rgba(16,43,78,.18)}
@media (min-width:1000px){
  .fixed-cta.v12 a.mynavi + a.mynavi{border-left:0;border-top:1px solid rgba(16,43,78,.14)}
  .fixed-cta.v12 a.mynavi .en{display:block;font-size:10.5px;line-height:1.5;letter-spacing:.02em;margin-top:3px;color:var(--ink-60)}
}
@media (max-width:999px){
  .fixed-cta.v12 .fc-l{display:none}
  .fixed-cta.v12 .fc-s{display:inline}
}

/* ショップ地図（SP）：320px で店名ボタンが5pxはみ出していた（v12から）。1fr → minmax(0,1fr) */
@media (max-width:1100px){
  .sm-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-links a{min-width:0;overflow-wrap:anywhere;word-break:keep-all}
}
@media (min-width:1000px){
  .fixed-cta.v12 a.mynavi .fc-l{white-space:nowrap;letter-spacing:0;font-size:14.5px}
}

/* 私たちについて：取締役×社長 対談（EXECUTIVE INTERVIEW） */
.talk{margin-top:clamp(36px,4.4vw,60px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(16,43,78,.14)}
.tk-head h3{margin:10px 0 6px;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}
.tk-note{font-size:.86rem;margin:0 0 20px}
.tk-row{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:16px;margin:0 0 18px;line-height:2}
.tk-who{font-weight:700;color:var(--navy);font-size:.9rem;padding-top:.2em}
.tk-who.is-pres{color:var(--brand)}
@media (max-width:600px){.tk-row{grid-template-columns:1fr;gap:2px}}
.tk-kicker{margin:0 0 12px;font-weight:700;color:var(--brand);font-size:.95rem}
.tk-intro{max-width:46em;line-height:2}
.tk-body .iv-h small{display:block;font-size:.82em;font-weight:500;margin-top:4px;color:var(--ink-60)}
.tk-body .tk-row{max-width:none}
.tk-body .iv-q{margin-top:clamp(20px,2.4vw,30px)}
.tk-body .tk-ht{display:block;min-width:0}

/* 採用エントリー：募集要項へのリンク */
.req-link{font-size:.92rem}
.req-link a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.entry-lane .btn-row{flex-wrap:wrap;gap:12px}

/* v13（2026-09-29）メッセージ上部のキャッチコピー */
.sec p.msg-catch, p.msg-catch{font-family:"Shippori Mincho",serif;font-weight:600;font-size:clamp(20px,2.4vw,28px);line-height:1.5;color:var(--ink);margin:0 0 14px;letter-spacing:.04em}
/* v13（2026-09-29）沿革の写真（年号の間に挟む） */
.hist li.hist-photo::before{display:none}
.hist-photo figure{margin:0;width:75%;max-width:34.5ch}
.hist-photo img{display:block;width:100%;height:auto}
.hist-photo.is-oval img{width:min(62%,178px)}
.hist-photo.is-oval figure{width:auto;max-width:none}
.hist-photo figcaption{margin-top:8px;font-size:12px;line-height:1.7;color:var(--ink-60)}

/* v13（2026-09-29）採用トップ「採用のお知らせ」（NEWS の「採用」から最新 RECRUIT_NEWS_MAX 件） */
.recruit-news{padding:clamp(10px,2vw,24px) 0 clamp(26px,3.4vw,44px)}
.rn-box{background:#fff;border:1px solid rgba(16,43,78,.1);border-radius:6px;padding:clamp(20px,2.6vw,32px) clamp(20px,3vw,40px) clamp(8px,1.2vw,14px)}
.rn-head{display:flex;align-items:baseline;gap:6px 18px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid rgba(16,43,78,.12)}
.rn-label{font-family:"Outfit";font-size:11px;letter-spacing:.18em;color:#fff;background:var(--brand);border-radius:100px;padding:4px 11px;align-self:center}
.rn-head h2{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);margin:0}
.rn-more{margin-left:auto;font-size:13px;color:var(--brand);font-weight:600;display:inline-flex;gap:6px}
.rn-more:hover{text-decoration:underline}
.rn-list .list-row:last-child{border-bottom:0}
@media(max-width:560px){.rn-more{margin-left:0;width:100%}}
/* お知らせ一覧のカテゴリタブ */
.news-tabs button{cursor:pointer}
.news-empty{padding:28px 0;color:var(--ink-60)}
.list-row[hidden]{display:none!important}
.recruit-news{padding-top:clamp(26px,3.4vw,44px);padding-bottom:0}

/* v13k: SPメニューの先頭（ホーム・私たちについて）が見切れる不具合。
   justify-content:center だと項目が画面より高いとき上側がスクロール範囲外にはみ出す。
   余白がある時だけ中央寄せになる auto マージン方式に置き換える。 */
.drawer{justify-content:flex-start}
.drawer > :first-child{margin-top:auto}
.drawer > :last-child{margin-bottom:auto}