/* 町の画面全体の枠（町の画面の札の見た目をまとめて決める所） */
/* 読み込む順番に意味がある（後のファイルが前の規則を上書きする）。並べ方は tools/css/regroup.mjs が決める */
/* Town */
.town h1 {
  font-size: 34px;
  margin: 18px 0 2px;
  color: var(--torch);
  font-weight: 400;
  text-shadow: 0 0 14px rgba(232, 163, 61, 0.4);
}
.town .tag {
  color: var(--dim);
  font-size: 13px;
  margin: 0 0 18px;
  line-height: 1.6;
}
.town {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
}
.town .btn.twback {
  flex: none;
  padding: 6px 10px;
  font-size: 13px;
}
.town .btn.ghost {
  background: transparent;
  box-shadow: none;
}
.town .btn.ghost {
  border-image: none !important;
  border-color: transparent !important;
}
.town .btn.twback {
  padding: 2px 6px;
}
/* はみ出した分、ページの下に余白を足して最後の札が隠れないように */
.town::after {
  content: "";
  display: block;
  height: 30px;
}