.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倍に */
}
「赤ちゃんにはなるべく母乳を」島根県の乳業メーカーが販売する牛乳パックに50年間記載されている広告の文言がにわかに議論を呼んでいます。
島根県の乳業メーカー・木次乳業のパッケージに記載されているこの文言です。広告欄に「お母さんがたへ、赤ちゃんにはなるべくあなたの母乳を差し上げて下さい」と書かれています。
この表現に今、SNS上で様々な意見が書き込まれています。
「母乳が出ないお母さんが見たら辛い」
「プレッシャーや罪悪感を与える『授乳ハラスメント』になりうる」
母乳が出ない女性への配慮に欠けるといった意見がある一方…
「手間がかかってる牛乳なので、ネガティブ寄りの話題になるの辛い」
「パッケージで飲むのやめるのは勿体ない」
…といった擁護する声もあります。
.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倍に */
}