/* --------- 2018.02.20 KD Nunomura Vertical Rhythm Overwrite ---------- */
.wysiwyg,
.txtOnly {
	--grid: 30px;
	font-size:16px;
}

.wysiwyg p {
	line-height:1.75;
	margin:0 0 var(--grid) 0;
}

.txtOnly p {
	line-height:1.75;
}
.txtOnly p:last-of-type {
	margin-bottom:0px;
}

.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
	line-height:1.2;
	margin:0 0 var(--grid) 0;
}

.wysiwyg h2,
.wysiwyg h3 {
	font-size:22px;
}
.wysiwyg h4 {
	font-size:20px;
}
.wysiwyg h5 {
	font-size:18px;
}
.wysiwyg h6 {
	font-size:16px;
}

.wysiwyg p img {
	vertical-align: middle; /* 画像が下揃えになっているので、割り切れない余白を上下に回す */
}

.wysiwyg blockquote {
	border-left: 5px solid #ccc;
	padding: 0px 1em;
	margin: 0 0 var(--grid) 1em;
	line-height:1.75;
}

.wysiwyg blockquote p {
	padding: 0;
	margin: 0;
}

.wysiwyg cite,
.wysiwyg p cite,
.wysiwyg blockquote cite {
	line-height:1.75;
	font-style: italic;
	color: #888888;
	margin:0;
	display: block;
	text-align: right;
	font-size:16px;
}

.wysiwyg ul,
.wysiwyg ol,
.wysiwyg div,
.wysiwyg table {
	margin-bottom:var(--grid);
}
.wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ul ol,
.wysiwyg ol ul {
	margin-bottom:0;
}
.wysiwyg li {
	font-size:16px;
	line-height:1.75;
}



/* これ以外の要素がきた場合、補助セレクタとして使うために定義。スタイルプルダウン用 */
.topGrid {
	margin-top:var(--grid);
}
.bottomGrid {
	margin-bottom:var(--grid);
}
/* スタイルプルダウン用ここまで */




@media screen and (max-width: 640px) {

	.wysiwyg,
	.txtOnly {
		--grid:26px;
		font-size:15px;
	}

	h2.titDetail {
		font-size:20px;
		line-height:1.2;
	}

	.wysiwyg cite,
	.wysiwyg p cite,
	.wysiwyg blockquote cite,
	.wysiwyg li {
		font-size:15px;
	}

	.wysiwyg h2,
	.wysiwyg h3 {
		font-size:20px;
	}
	.wysiwyg h4 {
		font-size:18px;
	}
	.wysiwyg h5 {
		font-size:16px;
	}
	.wysiwyg h6 {
		font-size:15px;
	}

}

@supports (line-height-step: 1px) { /* Vertical Rhythm */

	.wysiwyg,
	.txtOnly {
		--grid: 30px;
		line-height-step: var(--grid);
	}

/* 見出しの行の高さを揃えるHack */
	.wysiwyg h2,
	.wysiwyg h3,
	.wysiwyg h4,
	.wysiwyg h5,
	.wysiwyg h6 {
		display: inline-block;
		width: 100%;
		line-height-step: 0;
		line-height: 1.2;
		margin: 0 0 var(--grid) 0;
	}


/* 行取りを除外する項目 */
	.wysiwyg div,
	.wysiwyg table {
		line-height-step: 0;
		margin-bottom: var(--grid);
	}

	@media screen and (max-width: 640px) {
		.wysiwyg,
		.txtOnly {
			--grid: 26px;
			line-height-step: var(--grid);
		}
	}

} /* /Vertical Rhythm */
/* --------- 2018.02.20 KD Nunomura Vertical Rhythm Overwrite ---------- */


/* 2019.02.22 KD Nunomura New template for BookBang */
.leftAlign {
	float:left;
	margin-right:30px;
}
.centerAlign {
	margin:0 auto;
	text-align:center;
}
.rightAlign {
	float:right;
	margin-left:30px;
}
.imageArea {
	margin-bottom:30px;
	max-width:100%; /* 2019.05.10 KD Nunomura */
	table-layout: fixed; /* 2019.05.10 KD Nunomura IEがmax-widthが効かない問題対策 */
}
.imageArea img {
	margin-bottom:8px;
	max-width:100%; /* 2019.05.10 KD Nunomura */
}
.imageArea p.imageCaption {
color:#777777;
font-size:14px;
line-height:1.4;
text-align:left;
}
.imageArea p.imageCaption:last-of-type {
margin-top:0;
}

@media screen and (max-width: 640px) {
}