/* 検索と AI が読む頁(町ごと・今日・今週末・404)と、JS を使わない入口の一覧の見た目。
   pages.css(色・書体・枠)の上に重ねる。入口の最初の画面には効かない(入口は noscript の中でだけ読む)。影・ぼかし・グラデーションは使わない */
.back + h1 { margin-top: 2px; }
.evs { list-style: none; margin: 14px 0 0; padding: 0; }
.ev { margin: 0 0 14px; padding: 10px 12px 12px; background: var(--paper); border: 2px solid var(--ink); }
.ev h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.45; color: var(--ink); }
.ev dl { margin: 0; display: grid; grid-template-columns: 3.4em minmax(0, 1fr); gap: 2px 8px; font-size: 14px; line-height: 1.6; }
.ev dt { font-weight: 700; color: var(--red); }
.ev dd { margin: 0; overflow-wrap: anywhere; }
.ev-open { margin: 8px 0 0; font-size: 14px; line-height: 1.6; }
.ev-open a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.adli { list-style: none; margin: 0 0 14px; padding: 0; }
.empty { margin: 14px 0 0; }
h2 .more { margin-left: 8px; font-size: 14px; font-weight: 700; }
.sitefoot nav.towns a { min-width: 44px; justify-content: center; }

/* 広告の入れ物(一覧の画面の .ad と同じ形)。ads.js が data-ad の名前で中身を入れると .filled になり、高さは中身に合わせる */
.ad { position: relative; margin: 0 0 14px; min-height: 92px; border: 2px dashed var(--ink); border-radius: 12px; }
.ad .tag { position: absolute; left: 12px; top: 7px; font-size: 12px; font-weight: 700; }
.ad.filled { padding-top: 26px; }

/* JS を使わないときの入口: 最初の画面の上に、催しの一覧を文字で出す(JS があるときは noscript なので出ない) */
.seo-static { position: absolute; inset: 0; z-index: 50; overflow: auto; padding: 16px 20px 40px; background: var(--cream, #FFF0D7); color: var(--ink, #143048);
  font-family: "BIZ UDPGothic", "BIZ UDGothic", "Yu Gothic UI", "Meiryo", sans-serif; font-size: 15px; line-height: 1.7; }
.seo-static h2 { margin: 0; padding: 0; border: 0; font-size: 20px; line-height: 1.4; }
.seo-static h3 { margin: 22px 0 4px; font-size: 17px; color: var(--red, #9C301C); }
.seo-static ul { margin: 0; padding: 0 0 0 1.2em; }
.seo-static li { margin: 6px 0; }
.seo-static a { color: var(--red, #9C301C); }