@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.right {
	text-align: right;
}

.red-text {
	color: #E6000D;
}

.bdr-box {
	padding: 0.5em;
	color: #000;
	border: solid 1px #000;
	text-align: center;
}

.bdr-box.red-text {
	font-size: 1.4rem;
	font-weight: 500;
}

.fig-caption-bottom .caption-r {
	font-size: 1.2rem;
	text-align: right;
}

.fig-caption-bottom figcaption {
	font-size: 1.2rem;
	text-align: left;
}

/* 注釈コメマーク */
ul.single.blue {
	color: #00a0e9;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.bdr-box-red {
		margin-top: 4rem;
	}

	/* 蒸気のチカラでカンタンお手入れ */
	.kantan-oteire .flex-item {
		margin-top: 0;
	}

	.kantan-oteire .flex-item .sub-sub-title {
		margin-top: 2rem;
	}
	
	/* 個別スタイル */
	#sub04 ul.list-figures.sp-col2 li:nth-child(n+3) {
		margin-top: 2rem;
	}

	#sub07 .flex-item {
		width: 100%;
	}

	#sub07 .flex-item:first-child {
		margin-bottom: 20px;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
	.bdr-box {
		margin-top: 10rem;
	}

	/* 蒸気のチカラでカンタンお手入れ */
	.kantan-oteire .flex-item {
		margin-top: 4rem;
	}

	.kantan-oteire .flex-item .sub-sub-title:not(:first-child) {
		margin-top: 2rem;
	}

	/* 個別スタイル */
	#sub07 .flex-item {
		/* width: 50%; */
	}

}