/*
Theme Name: eases5-child
Template: eases5
Description: ハルン 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 100%;
	--es-pagebody-max-width: 1024px;
	--es-main-max-width: 1024px;
	--es-side-max-width: 330px;
	--es-main-font-color: #555;
	--es-primary-color: #d6d3cc;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #555;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: transparent;
	--es-footer-font-color: #786a45;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #335b22;
}

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

a { color: #555; }

/* contents ------------------------------------------------------------------------------------- */
/* ■ h1 - h5
-------------------------------------------------------------- */
.hgroup h1 {
	font-size: 1.2rem;
	line-height: 1.4; }

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

#main h2 {
	margin: 0 auto 20px;
	padding: 5px 10px!important;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height: 1.2; }

#main h2::before { content: '- '; }

#main h2::after { content: ' -'; }

#main h2 span { font-size: 2.0rem; }

#sidebar h2 {
	margin-bottom: 20px;
	padding: 5px 20px;
	background-color: var( --es-primary-color );
	font-size: 2.0rem;
	color: var( --es-side-font-color );
	font-weight: normal; }

.mobile-menu h2 {
	margin-left: 20px;
	color: white; }

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

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

#main h3 {
	margin: 0 auto 20px;
	padding: 15px 10px!important;
	background-color: #dedede;
	font-size: 1.8rem;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height: 1.2; }

#main h3 span {
	display: inline-block;
	padding: 0;
	font-size: 1.6rem; }

#main h4 {
	margin: 0 auto 10px;
	text-decoration: none; }

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

#pagebody {
	width: 100%;
	max-width: var(	--es-pagebody-max-width );
	margin: 20px auto 0; }

#pagebody > .inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between; }

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

/* table */
.wp-block-table th,
.wp-block-table td {
	display: block;
	border: none; }
	@media screen and (min-width: 780px) {
		.wp-block-table th,
		.wp-block-table td {
			display: table-cell; } }

/* リストスタイル */
ol {
	list-style-type: decimal;
	padding-left: 10px; }

ul {
	list-style-type: disc;
	padding-left: 10px; }

/* ヘッダー */
.hgroup {
	max-width: var(	--es-pagebody-max-width );
	margin: 20px auto;
	padding: 0; }

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

.info_tel li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	background-color: var( --es-primary-color );
	color: var( --es-header-font-color );
	font-size: 2.0rem; }

.info_tel li a {
	width: 330px;
	background-color: transparent;
	color: var( --es-header-font-color ); }

.info_tel li a:hover { background-color: transparent; }

.info_tel li a span::before {
	content: '\e90f';
	position: relative;
	top: 2px;
	left: -5px;
	font-size: 2.4rem;
	color: #555;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

/* サイドバー */
#sidebar {
	display: none; }
	@media screen and (min-width: 768px) {
		#sidebar {
			display: block;
			width: var(--es-side-max-width); } }

#sidebar ul {
	margin-bottom: 20px;
	border-top: 1px solid #555; }

#sidebar li a {
	position: relative;
	display: block;
	padding: 10px 20px;
	border-bottom: 1px solid #555;
	color: #555; }

.current-menu-item a { background-color: var( --es-primary-color ); }

#sidebar li a::after {
	content: '\e935';
	position: absolute;
	top: 9px;
	right: 20px;
	font-size: 1.8rem;
	color: #28935f;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

#sidebar iframe {
	display: block;
	margin: 0 auto; }

.news_posts div { flex-direction: column; }

.newsdate { font-weight: 500; }

/* フッター */
#footer { padding: 40px 20px 20px; }

#footer .inner {
	display: flex;
	justify-content: center; }

/* モバイルメニュー */
.menubox li { width: 100%; }

.navi-contents { height: calc(100vh - 70px); }

.navi-contents ul {
	width: 100%;
	margin: 0; }

.navi-contents li {
	padding: 0;
	border: 1px solid #000; }

.navi-contents li::before { display: none; }

.navi-contents ul a {
	display: inline-block;
	width: 100%;
	padding: 10px;
	color: #fff; }

.navi-contents .current-menu-item a { color: #555; }

.navi-contents figure {
	width: 100%;
	max-width: 330px;
	margin: 20px auto; }

.navi-contents dt,
.navi-contents dd a { color: white; }

.post-categories ul span[class*="label-"], .post-categories ul a[class*="label-"] {
    color: #555; }

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

/* リンクホバー時のカラー変更 */
a:hover { color: #ff7043; }

.wp-block-button a:hover { color: #555!important; }

/* コンテンツ
-------------------------------------------------------------- */
/* トップページswiper */
.swiper-container { margin-bottom: 20px; }

.swiper-container img {
	width: 100%;
	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%; } }

.wpcf7-radio input { width: auto!important; }

/* 投稿記事 */
.post-categories ul a[class*="label-"] { color: #555; }

.post-categories ul a[class*="label-tokiorievent"],
.post-categories ul a[class*="label-eventstore"],
.post-categories ul a[class*="label-onlineshop"],
.post-categories ul a[class*="label-workshop"],
.post-categories ul a[class*="label-businessday"] {
	background-color: var(--es-primary-color );
	color: #555; }

.post-categories ul span.label-news,
.post-categories ul a.label-news { color: white; }

.eyecatch_img_thumbnail { display: none; }