blog/public/css/mobile/main.css

#index .notice table, #index .latest table, #index .photo table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
#index .notice table.table > :not(caption) > * > *, #index .latest table.table > :not(caption) > * > *, #index .photo table.table > :not(caption) > * > * {
  border-bottom: 0;
}
#index .notice table.table-bordered > :not(caption) > *, #index .latest table.table-bordered > :not(caption) > *, #index .photo table.table-bordered > :not(caption) > * {
  border: none;
}
#index .notice table.table-bordered > :not(caption) > * > *, #index .latest table.table-bordered > :not(caption) > * > *, #index .photo table.table-bordered > :not(caption) > * > * {
  border: 1px solid #222c36;
}
#index .notice table tbody tr th, #index .notice table tbody tr td, #index .latest table tbody tr th, #index .latest table tbody tr td, #index .photo table tbody tr th, #index .photo table tbody tr td {
  vertical-align: middle;
}
#index .notice table tbody tr td a.board-name, #index .latest table tbody tr td a.board-name, #index .photo table tbody tr td a.board-name {
  display: block;
  color: #bbb;
  margin-bottom: 4px;
}
#index .notice table tbody tr td p, #index .latest table tbody tr td p, #index .photo table tbody tr td p {
  font-size: 0.813rem;
  margin-bottom: 0;
}
#index .notice table tbody tr td p label, #index .latest table tbody tr td p label, #index .photo table tbody tr td p label {
  margin-right: 5px;
}
#index .notice table tbody tr td p label a, #index .latest table tbody tr td p label a, #index .photo table tbody tr td p label a {
  color: #cbd5e0;
}
#index .notice table tbody tr td p del, #index .notice table tbody tr td p a, #index .latest table tbody tr td p del, #index .latest table tbody tr td p a, #index .photo table tbody tr td p del, #index .photo table tbody tr td p a {
  font-size: 0.875rem;
  font-weight: normal;
}
#index .notice table tbody tr td p var, #index .latest table tbody tr td p var, #index .photo table tbody tr td p var {
  color: #aa0000;
  font-style: normal;
  margin-left: 3px;
  letter-spacing: -1px;
  vertical-align: middle;
}
#index .notice table tbody tr td p i, #index .latest table tbody tr td p i, #index .photo table tbody tr td p i {
  color: #cbd5e0;
  margin-left: 3px;
  vertical-align: -1px;
}
#index .notice table tbody tr td p span, #index .latest table tbody tr td p span, #index .photo table tbody tr td p span {
  font-size: 0.625rem;
  margin-left: 3px;
  vertical-align: middle;
}
#index .notice table tbody tr td small, #index .latest table tbody tr td small, #index .photo table tbody tr td small {
  color: #818181;
}
#index .notice .photo-strip, #index .latest .photo-strip, #index .photo .photo-strip {
  gap: 16px;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
#index .notice figure, #index .latest figure, #index .photo figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(120px, 30vw, 260px);
          flex: 0 0 clamp(120px, 30vw, 260px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-align: left;
  scroll-snap-align: start;
}
#index .notice figure label, #index .latest figure label, #index .photo figure label {
  margin-right: 5px;
}
#index .notice figure label a, #index .latest figure label a, #index .photo figure label a {
  color: #cbd5e0;
}
#index .notice figure del, #index .notice figure a, #index .latest figure del, #index .latest figure a, #index .photo figure del, #index .photo figure a {
  font-size: 14px;
  font-weight: normal;
}
#index .notice figure var, #index .latest figure var, #index .photo figure var {
  color: #aa0000;
  font-style: normal;
  margin-left: 3px;
  letter-spacing: -1px;
  vertical-align: middle;
}
#index .notice figure i, #index .latest figure i, #index .photo figure i {
  color: #cbd5e0;
  margin-left: 3px;
  vertical-align: -1px;
}
#index .notice figure span, #index .latest figure span, #index .photo figure span {
  font-size: 10px;
  margin-left: 3px;
  vertical-align: middle;
}
#index .notice figure a, #index .latest figure a, #index .photo figure a {
  width: 100%;
  overflow: hidden;
}
#index .notice figure a img, #index .latest figure a img, #index .photo figure a img {
  display: block;
  width: 100%;
  height: 100%;
}
#index .notice figure a img:focus, #index .notice figure a img:hover, #index .latest figure a img:focus, #index .latest figure a img:hover, #index .photo figure a img:focus, #index .photo figure a img:hover {
  -webkit-filter: drop-shadow(2px 2px 4px #969696);
          filter: drop-shadow(2px 2px 4px #969696);
}
#index .notice figure figcaption, #index .latest figure figcaption, #index .photo figure figcaption {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 5px 0;
}
#index .notice figure figcaption h5 a, #index .latest figure figcaption h5 a, #index .photo figure figcaption h5 a {
  display: initial;
}
#index .news .thumb {
  width: 96px;
  height: 96px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.375rem;
  background: #f1f1f1;
}
#index .news .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#index section {
  margin: 10px 0;
}