#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; }