/* 以下にフロントエンドとブロックに適用させるスタイルコードを記述してください */
/***** 見出し（最終的に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;
}

/***** コメント送信ボタンを右へ移動 *****/
p.form-submit.wp-block-button {
    text-align: right;
}

/***** 図鑑テーブル *****/
.is-zukan-table table td:nth-child(1) {
	width: 160px;
}

.is-zukan-table th , .is-zukan-table td{
	padding:5px;
}


/***** ポチップ *****/
/* クレジットを非表示にする */
.pochipp-box .pochipp-box__logo span {
    display: none;
}
.pochipp-box .pochipp-box__logo img {
    display: none;
}
/* コンテンツの右上に[PR]表示 */
.pochipp-box:before {
    content: "【PR】";
    position: absolute;
    left: 1%;
	color:#666;
}