.article-body {
font-size: 18px;
line-height: 1.5;
font-family: “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif;
color: #333;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.article-name {
font-size: 14px;
color: #666;
padding: 8px 12px;
margin: 0em 0 0em;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
line-height: 1;
}
.article-name span {
display: inline-block;
}
.article-content {
margin: 0.5em 0 4em;
padding: 0 12px;
font-weight: bold;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* すべての子要素を画面幅内に収める */
.article-content * {
max-width: 100%;
box-sizing: border-box;
}
/* メディアコンテンツの幅制御 */
.article-content img,
.article-content video,
.article-content iframe,
.article-content embed,
.article-content object {
max-width: 100% !important;
height: auto !important;
}
/* blockquoteは内部でoverflow制御 */
.article-content blockquote {
max-width: 100% !important;
overflow: hidden;
}
/* Twitterの埋め込み専用 */
.article-content .twitter-tweet {
max-width: 100% !important;
}
/* Imgurの埋め込み専用 */
.article-content blockquote.imgur-embed-pub {
max-width: 100% !important;
}
.highlighted-id {
color: #4444ff !important;
font-weight: bold !important;
background: rgba(68, 68, 255, 0.1) !important;
padding: 0 2px !important;
border-radius: 2px !important;
display: inline-block !important;
}
.anchor-text {
color: #4444ff;
background-color: #f5f5f5;
padding: 2px 4px;
border-radius: 2px;
font-size: 0.8em !important; /* フォントサイズを0.9倍に */
}
一般ランキング3位
.article-body {
font-size: 18px;
line-height: 1.5;
font-family: “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif;
color: #333;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.article-name {
font-size: 14px;
color: #666;
padding: 8px 12px;
margin: 0em 0 0em;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
line-height: 1;
}
.article-name span {
display: inline-block;
}
.article-content {
margin: 0.5em 0 4em;
padding: 0 12px;
font-weight: bold;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* すべての子要素を画面幅内に収める */
.article-content * {
max-width: 100%;
box-sizing: border-box;
}
/* メディアコンテンツの幅制御 */
.article-content img,
.article-content video,
.article-content iframe,
.article-content embed,
.article-content object {
max-width: 100% !important;
height: auto !important;
}
/* blockquoteは内部でoverflow制御 */
.article-content blockquote {
max-width: 100% !important;
overflow: hidden;
}
/* Twitterの埋め込み専用 */
.article-content .twitter-tweet {
max-width: 100% !important;
}
/* Imgurの埋め込み専用 */
.article-content blockquote.imgur-embed-pub {
max-width: 100% !important;
}
.highlighted-id {
color: #4444ff !important;
font-weight: bold !important;
background: rgba(68, 68, 255, 0.1) !important;
padding: 0 2px !important;
border-radius: 2px !important;
display: inline-block !important;
}
.anchor-text {
color: #4444ff;
background-color: #f5f5f5;
padding: 2px 4px;
border-radius: 2px;
font-size: 0.8em !important; /* フォントサイズを0.9倍に */
}