/* TUTTI 第50号専用CSS */

/* 連載冒頭の肖像 */
.nozawa-portrait {
	float: left;
	width: 17%;
	margin: .25em 1em .5em 0;
}
.nozawa-portrait img {
	display: block;
	width: 100%;
	height: auto;
}

/* 本多清六の計画要旨 */
.plan-box {
	border: 1px solid #777;
	padding: .65em .8em;
	margin: .7em 0 1em;
	font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
	font-size: .88em;
	line-height: 1.65;
}
.plan-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.plan-box li {
	margin: 0 0 .2em;
	padding-left: 1.25em;
	position: relative;
}
.plan-box li::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
}

/* 旧軽の比較写真 */
.history-photos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 1em auto 1.2em;
	width: 88%;
}
.history-photos figure {
	margin: 0;
	min-width: 0;
}
.history-photos img {
	display: block;
	width: 100%;
	height: auto;
}
.history-photos figcaption {
	font-size: .75em;
	line-height: 1.4;
	margin-top: .2em;
}

/* 参考文献 */
.reference-box {
	border-top: 1px dashed #888;
	border-bottom: 1px dashed #888;
	margin: 1.2em 0;
	padding: .6em 0;
	font-size: .7em;
	font-weight:700;
	font-family:
    "游ゴシック",
    "Yu Gothic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "メイリオ",
    Meiryo,
    sans-serif;
}
.reference-box p {
	margin: .25em 0;
	font-size: .7em;
}
.reference-box ol {
	margin: .4em 0;
	padding-left: 2em;
}
.reference-box li {
	margin: .15em 0;
}

@media screen and (max-width: 600px) {
	.nozawa-portrait {
		width: 23%;
		margin-right: .7em;
	}
	.history-photos {
		width: 100%;
		gap: 6px;
	}
	.history-photos figcaption {
		font-size: .68em;
	}
}


				/* 見出し配置　プレタイトル編 */
		
	.article-heading {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
		column-gap: .75rem;
		row-gap: 0;
		margin: 6rem 0 .7rem;
		line-height: 1.3;
	}

	/* 上段の補助タイトル */
	.article-heading .pretitle {
		flex: 0 0 100%;
		order: 1;
		font-size: .9rem;
		font-weight: 400;
		line-height: 1.2;
	}

	/* メインタイトル */
	.article-heading .title {
		flex: 1 1 auto;
		min-width: 0;
		order: 2;
		font-size: 1.4rem;
		font-weight: 700;
	}
@media (max-width: 600px) {
	.article-heading .title {
		flex: 1 1 auto;
		min-width: 0;
		order: 2;
		font-size: 1.2rem;
		font-weight: 600;
	}
}
		
	/* 執筆者 */
	.article-heading .byline {
		flex: 0 0 auto;
		order: 3;
		margin-left: auto;
		text-align: right;
		font-size: 1.2rem;
		font-weight: 500;
		white-space: nowrap;
	}