/*
Theme Name: eases5-child
Template: eases5
Description: 並木質店 杉戸高野台店 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 100%;
	--es-main-max-width: 1200px;
	--es-side-max-width: 220px;
	--es-main-font-color: #555;
	--es-primary-color: #ffa030;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #335b22;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #ffa030;
	--es-footer-font-color: white;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #335b22;
}

ul, ol {
	padding: 0;
	list-style: none; }

/* contents ------------------------------------------------------------------------------------- */

/* ■ h1 - h5
-------------------------------------------------------------- */
.hgroup h1 { line-height: 1.2; }

h1 span:nth-child(2) {
	display: block;
	text-align: center;
	font-size: 1.6rem; }

#main h2 {
	margin: 0 auto 20px;
	padding: 5px 20px!important;
	border-bottom: 1px solid #555;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

#sidebar h2 {
	margin-bottom: 20px;
	padding: 0 20px;
	background-color: var( --es-primary-color );
	color: white; }

.mobile-menu h2 { color: white; }

#footer h2 { font-size: 2.2rem; }

#single-page h2 {
	background-color: #808670;
	color: white; }

#main h3 {
	position: relative;
	margin: 0 auto 20px;
	padding: 5px 40px!important;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

#main h3:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\e939";
	font-size: 2.8rem;
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal; }

/* レイアウト
-------------------------------------------------------------- */
#wrap {
	max-width: var( --es-wrap-max-width );
	margin: 0 auto; }

#header {
	text-align: center; }
	@media screen and (min-width: 600px) {
		#header { text-align: left; } }

.description {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 1.4rem; }

.hgroup {
	margin-bottom: 20px;
	padding: 0; }

.wp-block-cover__inner-container, .wp-block-group__inner-container {
    max-width: 1200px; }

.hgroup-inner { justify-content: center; }
	@media screen and (min-width: 768px) {
		.hgroup-inner { justify-content: space-between; } }

.hgroup .information {
	flex-direction: row;
	color: #555;
	font-size: 1.2rem; }

.hgroup .information a {
	width: auto;
	background-color: transparent;
	color: #555;
	line-height: 1; }

.info_tel {
	margin-right: 10px; }

.info_tel li {
	text-align:center; }

.info_tel li:nth-child(1) {
	background-color: var( --es-primary-color );
	color: white; }

.info_tel li:nth-child(2) {
	font-size: 2.4rem;
	font-weight: bold; }

.info_tel li:nth-child(2) span {
	padding-left: 10px; }

#globalnavi {
	justify-content: center;
	background: #fff;
	z-index: 999; }

@media screen and (min-width: 768px) {
	.sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 80px;
		box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3); } }

#globalnavi ul {
	display: flex;
	width: 100%;
	max-width: var( --es-main-max-width );
	border-right: dotted 2px #555555; }

#globalnavi li {
	position: relative;
	width: 20%;
	border-left: dotted 2px #555555;
	line-height: 1.2; }

#globalnavi li a {
	display: block;
	padding: 10px 0;
	color: #555; }
	@media screen and (max-width: 1024px) {
		#globalnavi li a { font-size: 1.3rem } } 


#image-area { padding: 40px 0; }

#image-area img { width: 100%; }

#image-area p { line-height: 1.5; }

#pagebody > .inner { flex-direction: row-reverse; }
	@media screen and (min-width: 768px) {
		#pagebody > .inner {
			display: flex;
			justify-content: space-between;
			width: 100%;
			max-width: 1200px;
			margin: 20px auto 0; } }

#main {
	width: 100%;
	padding: 0 20px; }
	@media screen and (min-width: 768px) {
		#main {
			width: calc( 100% - 340px );
			max-width: var(	--es-main-max-width );
			margin: 0 0 40px;
			padding: 0; } }

#sidebar {
	display: none; }
	@media screen and (min-width: 768px) {
		#sidebar {
			display: block;
			width: 320px;
			padding-top: 15px; } }

#sidebar .news_posts div { flex-direction: column; }

#footer { padding: 40px 0 20px; }

#footer > .inner {
	max-width: 768px;
	margin: 0 auto;
	padding: 0 10px; }

@media screen and (min-width: 768px) {
	.wp-container-3 div:nth-child(2) {
		display: flex;
		justify-content: flex-end; } }

.wp-container-3 div:nth-child(2) p {
	display: block;
	width: 300px; }

.icon-line:before { font-size: 2.8rem; }

.navi-contents { background-color: #eee; }
	@media screen and (max-width: 768px) {
		.navi-contents { height: calc( 100dvh - 70px ); }
		.sp-menu #drawer-close { height: calc( 100dvh - 70px ); } }

.icon-line:before {
	position: relative;
	top: 11px;
	z-index: 999; }

.icon-line .path2 {
	position: relative;
	top: -14px;
	left: 2px;
	display: block;
	width: 23px;
	height: 21px;
	background: white; }

/* コンテンツ
-------------------------------------------------------------- */
/* 取扱商品 */
.item #main ul {
	display: flex;
	flex-wrap: wrap; }

.item #main li {
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	line-height: 1.4; }

.item #main #item + ul li:hover {
	background-color: var( --es-primary-color );
	color: white; }

.item #main #item + ul li a { color: #555; }

.item #main #item + ul li:hover a { color: white; }

.item #main li span {
	display: block;
	text-align: center;
	font-size: small; }

.point > div {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 0; }

.point h4 {
	margin-bottom: 20px;
	padding: 0 20px;
	border-radius: 10px 10px 0 0;
	background-color: var( --es-primary-color );
	color: white; }

#main .point p { padding: 0 20px 20px; }

/* テーブル */
.wp-block-table { margin: 0 1em 2em; }

table { font-size: 1.6rem; }

/* スマホメニューの画像 */
.navi-contents img {
	width: 100%;
	max-width: var(	--es-side-max-width );
	height: auto; }

/* お問い合わせ */
.wpcf7-form span input,
.wpcf7-form span textarea { width: 100%; }
	@media screen and (min-width: 780px) {
		.wpcf7-form span input,
		.wpcf7-form span textarea { width: 80%; } }

/* リストスタイル */
.list-parentheses li {
	list-style-type: decimal;
	margin-left: 40px;
	padding-left: 10px; }
	
@media screen and (min-width: 780px) {
	.list-parentheses li {
		list-style-type: none;
		counter-increment: cnt; }
	.list-parentheses li::marker {
		content: "(" counter(cnt) ")"; } }

.list-disc{
	list-style-type: disc;
	margin-left: 40px;
	padding-left: 10px; }

.list-circle{
	list-style-type: circle;
	margin-left: 40px;
	padding-left: 10px; }