/* gx-tabegon: たべごん（@tochigi_discover）専用の動き（週末の日めくり・「行きたい！」スタンプ・縦書きの地名札と保存マーク・切符の改札パンチ・学びの時間バー） 2026-10-17 */
/* ① 左下の日めくり：読み進めると 月→金→土「行こう！」へ */
.gx-cal{position:fixed;left:14px;bottom:28px;width:62px;z-index:58;pointer-events:none;perspective:300px;filter:drop-shadow(0 8px 14px rgba(20,21,19,.25))}
.gx-cal-top{height:12px;background:#2c7d48;border-radius:7px 7px 0 0;position:relative}
.gx-cal-top::before,.gx-cal-top::after{content:"";position:absolute;top:-4px;width:6px;height:10px;border-radius:3px;background:#33372f}
.gx-cal-top::before{left:15px}.gx-cal-top::after{right:15px}
.gx-cal-pg{background:#fff;border:1.5px solid #e6ebe4;border-top:0;border-radius:0 0 8px 8px;text-align:center;padding:5px 0 6px;transform-origin:50% 0;font-family:Montserrat,"Zen Kaku Gothic New",sans-serif}
.gx-cal-pg b{display:block;font-weight:900;font-size:11px;letter-spacing:.14em;color:#2c7d48}
.gx-cal-pg i{display:block;font-style:normal;font-weight:900;font-size:13px;line-height:1.25;color:#141513;margin-top:2px;white-space:nowrap}
.gx-cal.is-we .gx-cal-pg b{color:#2c7d48}
.gx-cal.is-flip .gx-cal-pg{animation:gxFlip .5s cubic-bezier(.3,.7,.2,1)}
@keyframes gxFlip{0%{transform:rotateX(-80deg);opacity:.3}100%{transform:none;opacity:1}}
@media(max-width:640px){.gx-cal{width:50px;left:10px;bottom:100px}.gx-cal-pg b{font-size:9.5px}.gx-cal-pg i{font-size:11px}}

/* ② 章見出しの横に「行きたい！」のスタンプが押される */
.ma-chead{position:relative}
.gx-stp{position:absolute;right:2%;top:-6px;width:74px;height:74px;pointer-events:none;opacity:0;transform:scale(2.1) rotate(-24deg);transition:opacity .25s,transform .45s cubic-bezier(.3,1.6,.4,1)}
.gx-stp svg{width:100%;height:100%;display:block}
.ma-chead.gx-in .gx-stp{opacity:.88;transform:scale(1) rotate(-12deg)}
@media(max-width:640px){.gx-stp{width:54px;height:54px;right:0;top:-14px}}

/* ③ 投稿の表紙：縦書きの地名札が降りてきて、保存マークが灯る */
.gx-tag{position:absolute;left:8px;top:0;background:#2c7d48;color:#fff;font:900 13px/1.12 "Zen Kaku Gothic New",sans-serif;writing-mode:vertical-rl;letter-spacing:.08em;padding:9px 5px 10px;border-radius:0 0 5px 5px;z-index:2;transform:translateY(-110%);transition:transform .7s cubic-bezier(.2,.9,.25,1.15) .15s;pointer-events:none;box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.gx-sv{position:absolute;right:9px;bottom:9px;width:30px;height:30px;border-radius:50%;background:rgba(20,21,19,.62);display:grid;place-items:center;z-index:2;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .4s .55s,transform .5s cubic-bezier(.3,1.6,.4,1) .55s}
.gx-sv svg{width:16px;height:16px}
.gx-sv path{fill:transparent;stroke:#fff;stroke-width:2;transition:fill .35s 1s}
.ma-tile.gx-in .gx-tag,html:not(.gx-js) .gx-tag{transform:none}
.ma-tile.gx-in .gx-sv{opacity:1;transform:none}
.ma-tile.gx-in .gx-sv path{fill:#fff}
@media(max-width:640px){.gx-tag{font-size:10.5px;padding:7px 4px 8px;left:5px}.gx-sv{width:24px;height:24px;right:6px;bottom:6px}.gx-sv svg{width:13px;height:13px}}

/* ④ 六つの伝え方：切符。見えたところで、改札のパンチ穴が開く */
.gx-ticket{position:relative;border-style:dashed!important}
.gx-ticket::after{content:"";position:absolute;right:16px;top:16px;width:14px;height:14px;border-radius:50%;background:var(--bg-alt,#f4f7f2);box-shadow:inset 0 1px 2px rgba(0,0,0,.25);transform:scale(0);transition:transform .35s cubic-bezier(.3,1.8,.4,1)}
.gx-ticket.gx-in::after{transform:scale(1)}
.gx-ticket .gx-no{font:900 15px/1 Montserrat,sans-serif;letter-spacing:.06em}
.ma-card .gx-no{font:900 13px/1 Montserrat,sans-serif;letter-spacing:.08em}

/* ⑤ 学びの時間：一日のバーが伸びる */
.gx-day{margin:18px 0 0;background:#fff;border:2px solid var(--line,#e6ebe4);border-radius:16px;padding:16px 16px 14px}
.gx-day-bar{display:flex;height:46px;border-radius:10px;overflow:hidden;background:#f1f3ef}
.gx-seg{flex:0 0 var(--w);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;transform-origin:0 50%}
.gx-seg b{font-size:10px;font-weight:900;opacity:.9}
.gx-seg.s1{background:#2c7d48}.gx-seg.s2{background:#2c7d48}.gx-seg.s0{background:#c9d3c4;color:#33372f}.gx-seg.sz{background:transparent}
html.gx-js .gx-seg{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
html.gx-js .gx-seg.s0{transition-delay:.35s}html.gx-js .gx-seg.s2{transition-delay:.7s}
html.gx-js .gx-day.gx-in .gx-seg{transform:none}
.gx-day-note{margin:10px 0 0;font-size:13px;line-height:1.8;color:#33372f}
@media(max-width:640px){.gx-seg{font-size:9.5px}.gx-seg b{font-size:8.5px}}

@media(prefers-reduced-motion:reduce){.gx-cal{display:none}.gx-stp{opacity:.88;transform:rotate(-12deg);transition:none}.gx-tag{transform:none;transition:none}.gx-sv{opacity:1;transform:none}.gx-ticket::after{transform:scale(1)}html.gx-js .gx-seg{transform:none}}

/* 2026-10-18 stamp-on-number */
@media(min-width:641px){.ma-chead .gx-stp{right:auto!important;left:40px!important;top:-64px!important}}