/* [sbair_cb_text] の段落。ショートコードの出力は記事本文の直下の段落にならないので、テーマの段落間隔が当たらない。
   SWELLの段落と同じ間隔を自前で当てる(文字の大きさや行間はテーマのまま) */
.sbair-p {
	margin: 0 0 var(--swl-block-margin, 2em);
}

/* 図(取得した値から描くSVG)。題・図・注記を1つの枠に入れる。
   スマホ用(幅360で描いた図)は枠の最大幅440px・中央寄せ。PC(960px以上)は幅720で描いた図に切り替え、記事の列いっぱいに広げる。
   どちらも図の中の文字が本文(16px)より大きくならない */
.sbair-figbox {
	max-width: 440px;
	margin: 0 auto var(--swl-block-margin, 2em);
}

.sbair-figbox > p {
	margin: 0;
}

.sbair-fig-ttl {
	font-weight: bold;
}

.sbair-fig {
	margin: .4em 0;
}

/* 図の中の文字の幅は字間0で計算しているので、テーマの字間をかけない */
.sbair-fig svg {
	display: block;
	width: 100%;
	height: auto;
	letter-spacing: 0;
}

.sbair-fig .sbair-fig-pc {
	display: none;
}

@media (min-width: 960px) {
	.sbair-figbox {
		max-width: none;
	}

	.sbair-fig .sbair-fig-sp {
		display: none;
	}

	.sbair-fig .sbair-fig-pc {
		display: block;
	}
}