.old {
  color: #808080;
}

form#form-order {
  margin: 0;
}
form#form-mode {
  margin: 0;
}
/* 絞り込み（4つの div.filter）をまとめて折りたたむ */
details#filters {
  max-width: 812px; /* 中の div.filter（800px ＋ 余白・枠）が収まる幅 */
  margin: 12px 0;
  padding: 4px 8px;
  border: 2px solid #404040;
  background-color: #eeffee; /* div.filter（#ccffcc）と同じ緑の、薄い色 */
}
details#filters > summary {
  cursor: pointer;
  font-weight: bold;
  padding: 4px 0;
}
div.filter {
  background-color: #ccffcc;
  border: 2px solid #404040;
  max-width: 800px;
  margin: 12px 0;
  padding: 4px;
}
div#display-site-num {
  margin-top: 32px;
}
#main th {
  padding: 5px;
  background-image: linear-gradient(to bottom, #a5a4bf, #e6e6e6);
}

#main td {
  text-align: left;
  padding: 5px;
  background-color: #ffffff;
}

#main td.exist {
  background-color: #98fb98;
}
#main td.closed {
  background-color: #f5deb3;
}
#main td.vanished {
  background-color: #87cefa;
}
#main td.canvas {
  background-image: linear-gradient(to bottom, #ffd700, #ffff00);
}
#main td.archived {
  background-color: #e8a8ab;
}

dt {
  font-weight: bold;
}

input[type="radio"] {
  display: none;
}

label {
  background-color: #000000;
  color: #ffffff;
  margin: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  border: 2px solid #404040;
  white-space: nowrap;
}

input:checked + label {
  background-color: #ff0000;
  color: #ffffff;
  border: 2px solid #b00000;
}

a.noimage {
  text-decoration: none;
}

/* バナー画像が無いサイトの「NO BANNER」（リンクあり・なし） */
a.noimage div,
div.noimage {
  width: 200px;
  height: 40px;
  font-size: 22px;
  font-style: italic;
  display: flex; /* 子要素をflexboxで揃える */
  flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center; /* 子要素をflexboxにより中央に配置する */
}

a.noimage div:after,
div.noimage:after {
  content: "NO BANNER";
}

img.lazy {
  opacity: 0;
  transition: opacity 0.4s;
}

img.lazy.loaded {
  opacity: 1;
}