@charset "UTF-8";
/*
elementor-compat.css

onlinesalon テーマ(親・子)の style.css には h2 / h3 / p / li / table など
「要素セレクタだけ」のルールが多数あり、Elementor で組まれた領域にも漏れて
見た目が変わってしまう。
(例: 親 style.css の h2 { text-align: center; padding: 30px 0; })

このファイルは .elementor 配下に限ってそれらをブラウザ既定値へ戻し、
Elementor 自身のウィジェットCSS(より詳細度が高い)が効くようにする互換レイヤー。

・詳細度は .elementor + 要素 = (0,1,1)。
  素の要素セレクタ (0,0,1) には勝ち、
  Elementor のウィジェットCSS (0,2,0 以上) には負けるよう意図している。
・Elementor を廃止する段階になったら、このファイルの読み込みごと外すこと。
  (functions.php の onlinesalon_child_enqueue_styles を参照)
*/

.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6 {
	font-family: revert;
	font-size: revert;
	font-weight: revert;
	color: revert;
	text-align: revert;
	/* margin / line-height は revert (ブラウザ既定値) だと余白が付いてしまうため、
	   Elementor 側の既定に合わせて明示的に 0 / 1 を指定する。
	   実測: 現行(Astra)では .elementor 内の見出しは margin:0 / line-height:1 */
	margin: 0;
	padding: 0;
	line-height: 1;
}

.elementor p {
	font-family: revert;
	font-size: revert;
	color: revert;
	line-height: revert;
}

.elementor ul,
.elementor ol {
	list-style: revert;
}

.elementor li {
	font-family: revert;
	font-size: revert;
	color: revert;
	line-height: revert;
	text-align: revert;
	margin: revert;
}

.elementor table {
	width: revert;
}

.elementor table th,
.elementor table td {
	background: revert;
	border: revert;
	padding: revert;
	text-align: revert;
	width: revert;
	font-family: revert;
	font-size: revert;
	color: revert;
	line-height: revert;
}