/* 
Description: h1～h6の初期設定
Author: Seiji Miyahira
Author URI: https://www.linesmix.com/
Version: 1.0.0
License: GNU General Public License v3 or later.
*/


/* --- リセット --- */
.page h1, .page h2:not(.eael-entry-title), .page h3, .page h4, .page h5, .page h6 {
	margin:  0;
	padding: 0;
	font-weight: bold;
	line-height: 1.3;
	color: #E44123;
}


/* --------------------------------------------------------------
 PC　　width over 768px
-------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.page h1 {
		font-size: 2.70rem;
		text-align: center;
	}
	
	
	.page h2:not(.eael-entry-title) {
		font-size: 1.80rem;
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		padding: 1.0em 0;
		background: #E44123;
	}
	
	
	.page h3 {
		display: inline-block;
		color: #666666;
		font-size: 1.80rem;
		font-weight: 600;
		display: flex;
		align-items: center;
	}
	
	.page h3::before {
		content: "";
		display: inline-block;
		background-image: url('https://www.saitama-park.co.jp/gr8/wp-content/uploads/2026/03/multipurpose_marker.png');
		background-size: contain;
		background-repeat: no-repeat;
		
		width:  1em;
		height: 1em;
		margin-right: 0.5em;
	}
	
	
	.page h4 {
		position: relative;
		font-size: 1.80rem;
		margin-bottom: 0.5em;
		padding: 0.2em 0 0.2em 0.5em;
		border-bottom: 1px solid #E44123;
	}
	
	.page h4::before {
		content: "";
		position: absolute;
		left: 0;
		top:  0.2em;
		bottom: 0.25em;
		width:  0.25em;
		background-color: #E44123;
	}
	
	.page h5 {
		position: relative;
		z-index: 1; /* 文字を最前面へ */
		font-size: 1.6rem;
		color: #414833;
		padding: 0.2em 0 0.2em 0.2em;
		background: none !important; /* 他の背景設定を無効化 */
	}
	
	.page h5::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0.2em; /* 文字の下端からの距離 */
		width: 100%;
		height: 0.5em; /* 帯の厚み */
		background-color: rgba(227, 215, 199, 0.7) !important;
		z-index: -1; /* 文字の裏へ回す */
	}
	
	.page h6 {
		display: block;
		width: fit-content;
		font-size: 1.00rem;
		color: #E44123;
		text-align: center;
		line-height: 1.0;
		margin-left:  auto;
		margin-right: auto;
		padding: 0.5em 3.0em;
		border-top:    1px #E44123 solid;
		border-bottom: 1px #E44123 solid;
	}
}


/* --------------------------------------------------------------
Mobille　　width under 767px
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	.page h1 {
		font-size: 1.20rem;
		text-align: center;
	}
	
	
	.page h2:not(.eael-entry-title) {
		font-size: 1.00rem;
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		padding: 1.0em 0;
		background: #E44123;
	}
	
	
	.page h3 {
		display: inline-block;
		font-size: 0.90rem;
		font-weight: 600;
		display: flex;
		align-items: center;
	}
	
	.page h3::before {
		content: "";
		display: inline-block;
		font-size: 0.90rem;
		background-image: url('https://www.saitama-park-akiha.com/gr10/wp-content/uploads/2026/03/multipurpose_marker.png');
		background-size: contain;
		background-repeat: no-repeat;
		
		width:  1em;
		height: 1em;
		margin-right: 0.5em;
	}
	
	
	.page h4 {
		position: relative;
		font-size: 0.90rem;
		margin-bottom: 0.5em;
		padding: 0.2em 0 0.2em 0.5em;
		border-bottom: 1px solid #E44123;
	}
	
	.page h4::before {
		content: "";
		position: absolute;
		left: 0;
		top:  0.2em;
		bottom: 0.25em;
		width:  0.25em;
		background-color: #E44123;
	}
	
	
	.page h5 {
		display: block;
		width: fit-content;
		font-size: 1.10rem;
		color: #890F1B;
		text-align: center;
		margin-left:  auto;
		margin-right: auto;
		padding: 0.2em 1.0em 0.2em 0.2em;
		background: rgba(227, 215, 199, 0.3);
	}
	
	
	.page h6 {
		display: block;
		width: fit-content;
		font-size: 0.75rem;
		color: #E44123;
		text-align: center;
		margin-left:  auto;
		margin-right: auto;
		padding: 0.4em 3.0em 0.2em;
		border-top:    1px #E44123 solid;
		border-bottom: 1px #E44123 solid;
	}
}