/* 今日どこいく？ トップの「新店と話題のグルメ」（kami/topgm.php・2026-10-26）
   案A 今の器（注目のイベントの券・開催月のタブ・よく調べられている）。kami-top4.css・kami-tf.css・kami-topzk.css の上に、この章だけの小さな直しを足す */
#z4-root .gmA{padding-top:8px}
#z4-root .gmA .z4-shelf__ttl,#z4-root .gmA .tf-m1__tab b,#z4-root .gmA .z4-pc__ttl,#z4-root .gmA .tf-r2__ttl,#z4-root .gmA-ft__t{word-break:auto-phrase}
#z4-root .gmA .z4-shelf__ttl{text-wrap:balance}
#z4-root .gmA .tf-m1__tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2px}
#z4-root .gmA .gmA-tabs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
#z4-root .gmA .gmA-tabs--1{grid-template-columns:minmax(0,1fr)}
#z4-root .gmA .tf-m1__tab{align-items:center}
#z4-root .gmA .tf-m1__tab b{font-family:var(--z5-bold);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:.04em}
#z4-root .gmA .tf-m1__panel{padding:22px 22px 20px}
#z4-root .gmA .tf-rk{background:#fff}
#z4-root .gmA .tf-r2{justify-content:flex-start;gap:10px}
#z4-root .gmA .tf-r2__li .tf-r2__a,#z4-root .gmA .tf-r2__top .tf-r2__ta{background:#f6f9fe}
#z4-root .gmA .z4-pc__img{background:#dfe9f6}
#z4-root .gmA-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 24px;margin-top:18px;align-items:start}
#z4-root .gmA-sub--1{grid-template-columns:minmax(0,1fr)}
#z4-root .gmA-area{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
#z4-root .gmA-area__h{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-family:var(--z5-bold);font-size:15px;font-weight:700;color:var(--zk2-blue,#2b66cc)}
#z4-root .gmA-area__h .z4-i{width:18px;height:18px}
#z4-root .gmA-ar{display:inline-flex;align-items:center;gap:4px;min-height:44px;box-sizing:border-box;padding:6px 14px;border-radius:999px;background:#fff;color:#111;font-family:var(--z5-bold);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
#z4-root .gmA-ar small{font-size:11px;font-weight:700;color:var(--zk2-blue,#2b66cc)}
#z4-root .gmA-ar:hover{background:#d6e5fb;color:var(--zk2-blue,#2b66cc)}
#z4-root .gmA-feats{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#z4-root .gmA-ft{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:8px 12px;border-radius:8px;background:#fff;color:#111;text-decoration:none}
#z4-root .gmA-ft__k{padding:1px 8px;border-radius:4px;background:#FFF1DD;color:#A85400;font-size:12px;font-weight:700;line-height:1.6}
#z4-root .gmA-ft__t{font-family:var(--z5-bold);font-size:14px;font-weight:700;line-height:1.45;text-wrap:pretty}
#z4-root .gmA-ft__d{font-size:12px;color:#5c5c5c;white-space:nowrap}
#z4-root .gmA-ft:hover .gmA-ft__t{color:var(--zk2-blue,#2b66cc)}
#z4-root .gmA-more{margin-top:18px}
#z4-root .gmA-go{background:var(--zk2-blue,#2b66cc);color:#fff;padding:10px 28px;min-height:48px;font-size:15px}
#z4-root .gmA-go .z4-arw{transform:none}
#z4-root .gmA-go:hover{background:var(--zk2-blue-d,#1d4fa6);color:#fff}
/* 768〜1023px：今の器のままだと順位の欄（360px）と中のカード（280px）で大きいカードが潰れるので、順位の欄をカードの下へ回す */
@media (min-width:768px) and (max-width:1023px){
 #z4-root .gmA .z4-pick__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
 #z4-root .gmA .tf-m1__tab b{font-size:14px;letter-spacing:0}
 #z4-root .gmA .tf-m1__tab{padding:10px 2px 9px}
 #z4-root .gmA .tf-m1__panel{padding:12px 10px 14px}
 #z4-root .gmA-sub{grid-template-columns:minmax(0,1fr);margin-top:14px}
 #z4-root .gmA-ft{grid-template-columns:auto minmax(0,1fr)}
 #z4-root .gmA-ft__d{grid-column:2}
 #z4-root .gmA-ar{padding:6px 12px;font-size:13.5px}
}
@media (max-width:400px){#z4-root .gmA .z4-shelf__head .z4-more{display:none}}
