@charset "UTF-8";

/* =========================================================
   TUTTI 第15号 専用CSS

   共通CSSで定義済みの本文・見出し・ページ表示・外枠は
   再定義しない。第15号固有の段組み・装飾のみを記述する。
   ========================================================= */


/* ---------------------------------------------------------
   1. 段組み
   --------------------------------------------------------- */

.issue-015 .columns {
	columns: 2;
	column-gap: 2.2rem;
	column-fill: balance;
}

.issue-015 .columns p {
	break-inside: avoid-column;
}

.issue-015 .columns h3 {
	break-after: avoid-column;
}

.issue-015 .single-column {
	columns: 1;
}


/* ---------------------------------------------------------
   2. 注記
   --------------------------------------------------------- */

.issue-015 .note {
	font-size: 0.86rem;
	line-height: 1.7;
}


/* ---------------------------------------------------------
   3. 点線区切り
   --------------------------------------------------------- */

.issue-015 .dotted-rule {
	border: 0;
	border-top: 3px dotted #333;
	margin: 1rem 0 0.6rem;
}


/* ---------------------------------------------------------
   4. 中央配置の小見出し
   --------------------------------------------------------- */

.issue-015 .center-subtitle {
	text-align: center;
	font-size: 1.08rem;
	font-weight: 700;
	margin: 0.7rem 0 1.4rem;
	text-indent: 0;
}


/* ---------------------------------------------------------
   5. 編集後記
   --------------------------------------------------------- */

.issue-015 .afterword {
	margin-top: 1.2rem;
}

.issue-015 .afterword .article-heading {
	font-size: 1rem;
}


/* ---------------------------------------------------------
   6. スマートフォン表示
   --------------------------------------------------------- */

@media (max-width: 650px) {
	.issue-015 .columns {
		columns: 1;
	}
}