/* TUTTI 第51号専用CSS */

/* 詩「落葉松」：PDFの左右2列を固定して stanza の対応を保持 */
.poem-block{
	font-family:"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

.poem-title {
	text-align: left;
	margin: 1.2em 0 1.5em 17rem;
	font-family:"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 1.14em;
	font-weight:700;
}

@media (max-width: 600px) {
	.poem-title {
		text-align: center;
		margin: 1.2em 0 1.5em;
	}
}
.poem-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2.2em;
	margin: 0 2% 2em;

}
.poem-column {
	min-width: 0;
}
.poem-stanza {
	margin: 0 0 1.7em;
	break-inside: avoid;
}
.poem-stanza p {
	margin: 0;
	padding: 0;
	text-indent: 0;
	white-space: nowrap;
	font-size: 1.14em;
	line-height: 1.8;

	font-weight:700;
}

/* 4枚の写真：原本どおり2列×2段 */
.karamatsu-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
	width: 68%;
	margin: 1.2em auto 5em;
}
.karamatsu-grid img {
	display: block;
	width: 100%;
	aspect-ratio: 1.32 / 1;
	height: auto;
	object-fit: cover;
}

/* 明治22年の地図 */
.historical-map {
	float: right;
	width: 34%;
	margin: .2em 0 .8em 1.2em;
}
.historical-map img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 600px) {
	.poem-columns {
		column-gap: .65em;
		margin-left: 0;
		margin-right: 0;
	}
	.poem-stanza p {
		font-size: .72em;
		letter-spacing: -.04em;
	}
	.karamatsu-grid {
		width: 100%;
		gap: 8px;
	}
	.historical-map {
		width: 42%;
		margin-left: .7em;
	}
}


				/* 見出し配置　プレタイトル編 */
		
	.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;
	}