/* gx-hito: 大人栃木グルメ｜ひと 専用の動き（時間の時計・文字が一文字ずつ現れる・写真のゆっくりズーム・金の縁） 2026-10-16 */
/* ① 左下の時計：ページを読み進めると 18:00 → 22:00 へ */
.gx-clock{position:fixed;left:14px;bottom:30px;width:58px;height:58px;z-index:58;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(20,21,19,.28))}
.gx-clock-lb{position:fixed;left:10px;bottom:12px;width:66px;text-align:center;font:800 9px/1 Montserrat,sans-serif;letter-spacing:.14em;color:#2c7d48;z-index:58;pointer-events:none;font-variant-numeric:tabular-nums}
@media(max-width:640px){.gx-clock{width:46px;height:46px;left:10px;bottom:104px}.gx-clock-lb{left:6px;width:54px;font-size:8px;bottom:88px;background:rgba(255,255,255,.92);border-radius:8px;padding:3px 0}}

/* ② 見出しが一文字ずつ、下からゆっくり現れる */
.gx-ch{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.9,.2,1);transition-delay:var(--d,0s)}
.ma-chead.gx-in .gx-ch{opacity:1;transform:none}
.ma-chead .sec-en{position:relative;display:inline-block}
.ma-chead .sec-en::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:linear-gradient(90deg,#389b5a,rgba(56,155,90,0));transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.2,.8,.2,1) .2s}
.ma-chead.gx-in .sec-en::after{transform:scaleX(1)}

/* ③ 写真：見えたときに、ゆっくり引いていく（一度だけ） */
.gx-kb{display:block;overflow:hidden;border-radius:inherit}
.gx-kb>img{display:block;transform:scale(1.12);transition:transform 5s cubic-bezier(.15,.6,.2,1)}
.gx-kb.gx-in>img{transform:scale(1)}

/* ④ 章番号に金の細い輪が描かれる */
.ma-chead .ma-no{position:relative;display:inline-block}
.gx-ring{position:absolute;left:50%;top:50%;width:1.55em;height:1.55em;margin:-.775em 0 0 -.775em;pointer-events:none;z-index:-1}
.gx-ring circle{fill:none;stroke:#389b5a;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:302;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.2,1) .15s;opacity:.85}
.ma-chead.gx-in .gx-ring circle{stroke-dashoffset:0}

/* ⑤ カードに触れると金の縁が灯る */
html.gx-js .ma-card{transition:box-shadow .4s,transform .4s}
html.gx-js .ma-card:hover{box-shadow:0 0 0 1.5px #389b5a,0 22px 36px -22px rgba(20,21,19,.45);transform:translateY(-3px)}

/* ⑥ 冒頭に夕暮れの薄いかげり */
.ma-hero{position:relative}
.ma-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 95% at 50% 35%,rgba(0,0,0,0) 58%,rgba(20,21,19,.08) 100%)}

@media(prefers-reduced-motion:reduce){.gx-clock,.gx-clock-lb{display:none}.gx-ch{opacity:1;transform:none;transition:none}.gx-kb>img{transform:none}.gx-ring circle{stroke-dashoffset:0}}

/* 2026-10-18 ring-fit */
.gx-ring{width:1.3em!important;height:1.3em!important;margin:-.65em 0 0 -.65em!important}

/* 2026-10-18 章番号の金色の輪は外す */
.ma-chead .ma-no>svg{display:none!important}