で
出力されるため、object-fit ではなく background-size で制御する。
（
![]()
で出力される場合も両方効くように併記） */
.archive-entry .entry-thumb {
display: block;
width: 100% !important;
aspect-ratio: 16 / 10;
height: auto !important;
object-fit: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform .5s ease, opacity .3s ease;
}
.entry-thumb-link:hover .entry-thumb { transform: scale(1.06); opacity: .9; }
.hatena-module { width: 100%; margin: 0 0 52px; padding: 0; font-size: .875rem; line-height: 1.75; }
.hatena-module-title { margin: 0 0 16px; padding: 0 0 8px; border-bottom: 2px solid var(--rule-strong); font-family: var(--font-mono); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.hatena-module-title a { color: var(--ink); }
.hatena-module-profile .profile-icon { float: none; display: block; width: 64px; height: 64px; margin: 0 0 14px; border-radius: 50%; }
.hatena-module-profile .id { display: block; font-family: var(--font-mono); font-size: .8rem; margin-bottom: .5em; }
.hatena-module-profile .id a { color: var(--ink); }
.hatena-module-profile .profile-description p { margin: 0 0 .6em; color: var(--ink-2); font-size: .84rem; }
.hatena-follow-button-box { margin-top: 12px; }
.hatena-follow-button-box .btn-twitter img { height: 12px !important; }
.hatena-urllist { list-style: none; margin: 0; padding: 0; }
.hatena-urllist li { padding: 0 0 14px; margin: 0 0 14px; border-bottom: 1px solid var(--rule); }
.hatena-urllist li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.hatena-urllist li a { color: var(--ink); }
.hatena-urllist li a:hover { color: var(--brand); }
.hatena-urllist .urllist-date-link a { font-family: var(--font-mono); font-size: .7rem; color: var(--ink-3); letter-spacing: .04em; }
.hatena-urllist .urllist-entry-body { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: .3em; color: var(--ink-2); font-size: .8rem; line-height: 1.7; }
.hatena-urllist .urllist-category-link { font-family: var(--font-mono); font-size: .66rem; letter-spacing: .04em; padding: 1px 7px; border: 1px solid currentColor; border-radius: var(--radius); }
.hatena-module ul, .hatena-module ol { list-style: none; margin: 0; padding: 0; }
.hatena-module li { list-style: none; }
.hatena-module-category ul { display: flex; flex-wrap: wrap; gap: 7px; }
.hatena-module-category ul li { margin: 0; padding: 0; border: 0; background: none; border-radius: 0; list-style: none; }
.hatena-module-category ul li a { display: inline-block; padding: 3px 11px; border: 1px solid var(--rule); border-radius: var(--radius); font-size: .76rem; color: var(--ink-2); transition: border-color .18s ease, color .18s ease; }
.hatena-module-category ul li a:hover { border-color: var(--ink); color: var(--ink); }
.hatena-module-search-box .search-form { display: flex; align-items: center; gap: 6px; width: 100%; margin: 0; padding: 0 0 8px; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; box-shadow: none; transition: border-color .2s ease; }
.hatena-module-search-box .search-form:focus-within { border-bottom-color: var(--ink); box-shadow: none; }
.hatena-module-search-box .search-module-input { flex: 1 1 auto; height: 28px; padding: 0; border: 0; outline: none; background: none; color: var(--ink); font-family: var(--font-body); font-size: .9rem; }
.hatena-module-search-box .search-module-input::placeholder { color: var(--ink-3); }
.hatena-module-search-box .search-module-button { width: 22px; height: 22px; margin: 0; padding: 0; border: 0; outline: none; cursor: pointer; overflow: hidden; color: transparent; opacity: .55; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3C/svg%3E") no-repeat center / 18px 18px; }
.hatena-module-search-box .search-module-button:hover { opacity: 1; }
.page-about .entry-content dt { margin-bottom: .5em; padding-bottom: .3em; border-bottom: 1px solid var(--rule); font-family: var(--font-display); font-weight: 700; }
.page-about .entry-content dd { margin: 0 0 2.4em; }
#footer { margin-top: 96px; padding-top: 40px; padding-bottom: 72px; border-top: 2px solid var(--rule-strong); color: var(--ink-3); font-family: var(--font-mono); font-size: .72rem; letter-spacing: .05em; text-align: left; }
#footer::before { content: "+"; display: block; margin-bottom: 8px; font-size: 3rem; font-weight: 400; line-height: 1; color: var(--brand); }
#footer a { color: var(--ink-3); }
#footer a:hover { color: var(--ink); }
#footer p { margin: .4em 0; }
#footer img { display: none; }
@media (max-width: 768px) {
body { font-size: 15.5px; }
#container, #footer { padding: 0 18px; }
.entry { margin-bottom: 64px; }
.page-index .entry + .entry, .page-archive .entry + .entry { padding-top: 52px; }
.entry-content { font-size: 1rem; }
.entry-content h1 { font-size: 1.34rem; margin-top: 2.6em; }
.entry-content h2 { font-size: 1.24rem; margin-top: 2.4em; }
.entry-content h3 { font-size: 1.14rem; margin-top: 2.3em; }
.entry-content h4 { font-size: 1.05rem; }
.entry-content h5 { font-size: .98rem; }
.entry-content h6 { font-size: .74rem; }
.archive-entries { grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 32px 16px; }
/* 関連記事は「88pxの正方形サムネ＋テキスト」の行リストなので、
130px幅の多段組みにすると本文が入る余地がなくなる。1列に固定する。 */
.related-entries, .entries-access-ranking { grid-template-columns: 1fr; }
.entry-see-more { display: flex; justify-content: space-between; width: 100%; }
}