.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倍に */
}
1947年 267.9万人
1948年 268.2万人
1949年 269.7万人
～
1971年 200.1万人
1972年 203.9万人
1973年 209.2万人
1974年 203.0万人
～
2000年 119.1万人
2010年 107.1万人
2015年 100.6万人
2016年 97.7万人
2017年 94.6万人
2018年 91.8万人
2019年 86.5万人
2020年 84.0万人
2021年 81.2万人
2022年 77.0万人
2023年 72.7万人
2024年 68.6万人
https://www.ipss.go.jp/syoushika/tohkei/Data/Relation/1_Future/2_syutsu/1-1-B01.htm
.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倍に */
}