/* TUTTI 021号：号別の追加CSS指定なし。共通CSSを使用。 */
@charset "UTF-8";

/* TUTTI 第21号：PDF原本に合わせた号別指定 */
.issue-021 {
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
	color: #111;
}

/* PDFは全ページ1段組み。段組み指定は行わない。 */
/* 1本目の記事：タイトル、サブタイトル、著者名の位置をPDFに合わせる */
.issue-021 .article-heading-01 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-items: baseline;
	column-gap: 1rem;
	row-gap: .05rem;
	margin: 1.2rem 0 1.25rem;
	font-size: 1.12rem;
	line-height: 1.5;
}

.issue-021 .article-heading-01 .title {
	grid-column: 1 / -1;
	grid-row: 1;
	font-size: 1.12rem;
	font-weight: 700;
}

.issue-021 .article-heading-01 .subtitle {
	grid-column: 1;
	grid-row: 2;
	font-size: 1rem;
	font-weight: 400;
}

.issue-021 .article-heading-01 .byline {
	grid-column: 2;
	grid-row: 2;
	font-size: 1rem;
	font-weight: 400;
	text-align: right;
}

.issue-021 .article-021-02 .article-heading {
	align-items: baseline;
	margin: 1.2rem 0 1.25rem;
	font-size: 1.08rem;
	line-height: 1.55;
}

.issue-021 .article-021-02 .article-heading .title {
	font-size: 1.08rem;
	font-weight: 500;
}

.issue-021 .article-021-02 .article-heading .byline {
	font-size: 1rem;
	font-weight: 400;
}

.issue-021 p {
	font-size: .96rem;
	line-height: 1.9;
	margin: 0 0 .85rem;
	text-indent: 1em;
	word-break: normal;
	overflow-wrap: normal;
}

.issue-021 p.non_para {
	text-indent: 0;
	margin-bottom: .18rem;
}

.issue-021 .article-021-01 p {
	text-indent: 0;
}

.issue-021 .article-021-02 p {
	text-indent: 1em;
}

.issue-021 .subheading {
	font-size: 1rem;
	font-weight: 700;
	margin: 1.5rem 0 .5rem;
	line-height: 1.6;
}

.issue-021 ruby {
	ruby-position: over;
}

.issue-021 rt {
	font-size: .48em;
	line-height: 1;
}

.issue-021 .emphasis-dots {
	-webkit-text-emphasis: filled dot;
	text-emphasis: filled dot;
	text-emphasis-position: over right;
}

/* 写真はPDF4ページ目の2点横並び。画像比率を維持する。 */
.issue-021 .photo-pair {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.1rem;
	width: 82%;
	margin: 1.8rem auto 1.4rem;
	padding: 0;
}

.issue-021 .photo-pair > figure {
	min-width: 0;
	margin: 0;
}

.issue-021 .photo-pair img {
	display: block;
	width: 100%;
	height: auto;
}

.issue-021 .photo-pair figcaption {
	margin: .25rem 0 0;
	font-size: .88rem;
	line-height: 1.5;
	text-align: left;
}

/* PDFの編集後記は見出しと本文が同じ段落の先頭に続く。 */
.issue-021 .editorial {
	margin: 1.6rem 0 0;
	padding: 0;
}

.issue-021 .editorial p {
	font-size: .92rem;
	line-height: 1.75;
	text-indent: 0;
	margin: 0;
}

.issue-021 .issue-footer {
	margin: 2.5rem 0 .2rem;
	text-align: right;
	font-family: Arial, "Yu Gothic", "Meiryo", sans-serif;
	font-size: .72rem;
	line-height: 1.35;
	color: #888;
}

.issue-021 .issue-footer span {
	display: block;
}

@media (max-width: 600px) {
	.issue-021 .article-heading {
		margin-top: 1.2rem;
	}

	.issue-021 p {
		font-size: .9rem;
		line-height: 1.75;
	}

	.issue-021 .photo-pair {
		width: 100%;
		gap: .55rem;
	}

	.issue-021 .photo-pair figcaption {
		font-size: .75rem;
	}
}