.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倍に */
}
4月 .342 6本 23打点 OPS1.095
5月 .248 7本 26打点 OPS.839
6月 .229 8本 18打点 OPS.760
7月 .220 4本 12打点 OPS.728
8月 .235 1本 6打点 OPS.686
9月 .211 0本 4打点 OPS.548 (現在連続スタメン落ち中)
なんだったのか
.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倍に */
}