/* 以下にフロントエンドとブロックに適用させるスタイルコードを記述してください */
/***** 見出し（最終的にHAUPの中に書く） *****/
/*** H2 ***/
/* 投稿コンテンツブロックに「ha-canvas-numbering-area」を追加し、そのエリア内で連番を振る */
h2.is-style-head-custom {
	position: relative!important;
	margin-top: 5rem; 
	padding: 1.5rem 1rem 1rem;   
	border: 2px solid #fff!important;      
	border-radius: 6px; 
}

/*** 2. 【限定】本文（numbering-area）の中にある時だけ「タブ」と「連番」を合体 ***/
/* カウンターの進捗 */
.ha-canvas-numbering-area h2.is-style-head-custom,
body.editor-styles-wrapper h2.is-style-head-custom
{
	counter-increment: number;
	border-radius: 0 6px 6px 6px; 
}

/* 「Chapter + 連番」タブの生成（本文内のみで発動） */
.ha-canvas-numbering-area h2.is-style-head-custom::before,
body.editor-styles-wrapper h2.is-style-head-custom:before
{

	content: "Chapter " counter(number);
	position: absolute!important;          
	left: -2px;
	bottom: 100%;
	background-color: #fff;      
	color: #333;                 
	padding: 0.4rem 1.2rem; 
	font-size: 1.1rem;          
	line-height: 1;
	border-radius: 6px 6px 0 0;
}

/*** H3 ***/
h3.is-style-head-custom {
	padding-left: 0.8rem;
	border-left: 4px solid #fff!important;
	margin-top: 3rem;
}

/*** H4 ***/
h4.is-style-head-custom {
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #fff!important;
	margin-top: 2.5rem;
    }
h4.is-style-head-custom::before {
	font-family:'hauicon';
	content: '\e91b';
	margin-right: 0.5rem;
}

h5.is-style-head-custom {
	margin-top: 2rem;
}
h5.is-style-head-custom::before {
	font-family:'hauicon';
	content: '\e91e';
	margin-right: 0.5rem;
}

h6.is-style-head-custom {
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-top: 1.5rem;
}