/* gx-tochigibiyori: とちぎびより専用の動き（びより＝お天気の太陽・地図ピン・パタパタ番号・写真の奥行き） 2026-10-16 */
/* ① スクロールで回る太陽（左下） */
.gx-sun{position:fixed;left:14px;bottom:30px;width:56px;height:56px;z-index:58;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(20,21,19,.18))}
.gx-sun .gx-rays{transform-origin:50% 50%;transform:rotate(var(--ga,0deg));transition:none}
.gx-sun .gx-core{transition:fill .4s}
.gx-sun-lb{position:fixed;left:10px;bottom:10px;width:64px;box-sizing:border-box;text-align:center;font:800 8.5px/1 Montserrat,sans-serif;letter-spacing:.1em;color:#2c7d48;z-index:58;pointer-events:none;white-space:nowrap;background:rgba(255,255,255,.92);border-radius:10px;padding:4px 2px;box-shadow:0 2px 6px rgba(20,21,19,.12)}
@media(max-width:640px){.gx-sun{width:44px;height:44px;left:10px;bottom:104px}.gx-sun-lb{left:6px;width:52px;font-size:7.5px;bottom:88px}}

/* ② 行きたい場所の地図ピン */
.gx-pin{position:absolute;right:10px;top:8px;width:24px;height:32px;z-index:2;opacity:0;transform:translateY(-46px) scale(.8);pointer-events:none;filter:drop-shadow(0 4px 4px rgba(20,21,19,.25))}
.ma-tile.gx-in .gx-pin{animation:gxDrop .7s cubic-bezier(.3,1.5,.45,1) forwards}
.ma-tile.gx-in:nth-child(2) .gx-pin{animation-delay:.12s}.ma-tile.gx-in:nth-child(3) .gx-pin{animation-delay:.24s}.ma-tile.gx-in:nth-child(4) .gx-pin{animation-delay:.36s}.ma-tile.gx-in:nth-child(5) .gx-pin{animation-delay:.48s}.ma-tile.gx-in:nth-child(6) .gx-pin{animation-delay:.6s}
@keyframes gxDrop{0%{opacity:0;transform:translateY(-46px) scale(.8)}60%{opacity:1;transform:translateY(4px) scale(1.05)}80%{transform:translateY(-3px) scale(.98)}100%{opacity:1;transform:none}}
.gx-pin-shadow{position:absolute;right:14px;top:34px;width:16px;height:5px;border-radius:50%;background:rgba(20,21,19,.22);opacity:0;transform:scale(.3);transition:opacity .3s .45s,transform .4s .45s;z-index:1}
.ma-tile.gx-in .gx-pin-shadow{opacity:1;transform:scale(1)}

/* ③ パタパタ（空港の掲示板）式の章番号 */
.gx-flap{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden}
.gx-flap.gx-tick{animation:gxFlap .13s ease-in-out}
@keyframes gxFlap{0%{transform:rotateX(0)}50%{transform:rotateX(-88deg)}100%{transform:rotateX(0)}}

/* ④ 写真の奥行き（写真だけが少しゆっくり動く） */
.gx-pwrap{display:block;overflow:hidden;border-radius:inherit}
.gx-pwrap>img{display:block;will-change:transform;transform:translateY(var(--gpy,0px)) scale(1.14);transition:none}

/* ⑤ 英字小見出しのタイプ打ち */
.gx-type{white-space:nowrap}
.gx-type.gx-typing::after{content:"";display:inline-block;width:2px;height:.95em;background:#2c7d48;margin-left:3px;vertical-align:-.12em;animation:gxCaret .7s steps(1) infinite}
@keyframes gxCaret{50%{opacity:0}}

@media(prefers-reduced-motion:reduce){.gx-sun,.gx-sun-lb{display:none}.gx-pin{opacity:1;transform:none;animation:none}.gx-pin-shadow{opacity:1;transform:none}.gx-pwrap>img{transform:none}}