/*
Theme Name: eases5-child
Template: eases5
Description: 吉村農場 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: auto;
	--es-main-max-width: 1024px;
	--es-side-max-width: 0px;
	--es-main-font-color: #555;
	--es-primary-color: #2e8064;
	--es-secondary-color: #d6e9ca;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #4c3f29;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #43987b;
	--es-footer-font-color: white;
	--es-url-font-color: #2d6bb1;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #335b22;
}

ul, ol { padding: 5px; }

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

/* ■ h2 - h5
-------------------------------------------------------------- */
h1{
	margin-left: 7px;
	font-family: 'Hina Mincho', serif;
	letter-spacing: 7px; }

#main h2 {
	margin: 0 auto 20px;
	padding: 5px 20px;
	border-radius: 5px;
	background-color: var(--es-primary-color);
	color: white;
	font-size: 2.2rem; }

#main .top_box h2 { border-radius: 0; }
	@media screen and (min-width: 768px) {
		#main .top_box h2 { min-height: 92.5px; }	}

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

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

#main h2 span{ display: inline-block; }
/* レイアウト
-------------------------------------------------------------- */
#wrap {
	max-width: var( --es-wrap-max-width );
	margin: 0 auto; }

#pagebody { margin-bottom: 30px; }
	/* @media screen and (min-width: 768px) {
		#pagebody {
			display: flex;
			justify-content: center; } } */

#main { 
	max-width: var(	--es-main-max-width );
	padding:0 10px;
	margin:0 auto; }

/*ヘッダー*/
header .wp-block-cover__inner-container {
	display: flex;
	padding: 0 20px; }

.hgroup-inner {
	flex-wrap: nowrap; }
	@media screen and (max-width: 767px) {
		.hgroup-inner { flex-direction: column; } }

.title {
	display: flex;
	align-items: center; }
	@media screen and (min-width: 768px) {
		.title {
			font-size: 1.6rem; } }

#globalnavi{
	flex-wrap: wrap;
	margin-bottom: 10px;
	width: 380px; }

#globalnavi li { line-height: 1.2; }

#globalnavi li a {
	display: inline;
	width: 100%;
	padding: 0;
	background-color:transparent;
	color: #2e1f1f; }

#globalnavi li.tel { width: 100%; }
#globalnavi li.committo { width: 48%; }
#globalnavi li.shop { width: 26%; }
#globalnavi li.office { width: 26%; }

#globalnavi li.tel span {
	font-size: 1.8rem;
	font-weight: bold; }

#globalnavi li.tel a::before {
	content: "\e907";
	font-family: 'icomoon';
    position: relative;
    top: 0;
    margin-right: 5px;
    color: var(--es-primary-color);
    font-size: 2.8rem; }

#globalnavi li.tel span { text-align: left; }
	@media screen and (min-width: 768px) {
		#globalnavi li.tel span {
			font-size: 2.6rem;
			font-weight: bold; } }

#globalnavi li:not(.tel) { text-align: left; }

#globalnavi li:not(.tel)::before {
	content: "\e935";
	font-family: 'icomoon';
    position: relative;
    top: 4px;
    left: 3px;
    color: var(--es-primary-color);
    font-size: 2.8rem; }

#globalnavi li:not(.tel) span  {
	font-size: 1.6rem; }

#image-area{ }
	@media screen and (max-width: 481px) {
		#image-area{ display: none; } }

#image-area p {
	margin: 10px 0 60px;
	color: #555;
	font-size: 1.6rem;
	line-height: 1.5; }

.swiper img{ width: 100%; }

.swiper-button-next, .swiper-button-prev{ color: rgba(46,128,100,0.5)!important; }

.swiper-pagination-bullet-active{ background: rgba(46,128,100,0.5)!important; }


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

#footer .inner {
	max-width: var( --es-main-max-width );
	padding: 0 10px;
	margin: 0 auto; }

#footer .inner > section {
	display: flex;
	justify-content: space-between;
	gap: 1em; }

#footer > .wp-container-6 { max-width: 1024px; }

ul#menu-footer_menu { display: none; }
	@media screen and (min-width: 768px) {
		ul#menu-footer_menu{
    		display: flex;
			flex-direction: column;
    		flex-wrap: wrap; } }

footer h2 { margin-bottom: 5px; }

.footer_office { display: flex; }

.footer_office img { }
 @media screen and (max-width: 481px) {
	.footer_office img{ display: none; } }

/* コンテンツ
-------------------------------------------------------------- */
#main p { }
	@media screen and (max-width: 481px) {
		#main p { font-size: 1.6rem; } }

#main ul, ol { padding-left: 40px!important; }

table { font-size: 1.6rem; }

span { display: inline-block; }

.wp-block-image figcaption { font-size: 1.4rem; }

.wp-block-table { margin: 0 1em; }

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

.wp-block-button a::after { background: var(--es-secondary-color); }

.wp-block-group { margin-bottom: 20px;}

.wp-container-core-group-is-layout-ad2f72ca {  }
	@media screen and (max-width: 767px) {
		.wp-container-core-group-is-layout-ad2f72ca {
			flex-direction: column; } }
.wp-container-core-group-is-layout-ad2f72ca figure { flex-shrink: 0; }

.wp-block-image .alignleft {
	display: block;
    float: none;
    text-align: center; }
	@media screen and (min-width: 500px) {
		.wp-block-image .alignleft {
			display: inline;
    		float: left;
    		text-align: left; } }

/*トップページ*/
#container {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }

.top_box { 
	width: 100%;
	max-width: 500px;
	padding: 0;
	border: 1px solid #aaaaaa;
	border-radius: 10px;
	overflow: hidden; }
		@media screen and (min-width: 768px) {
			.top_box{ width: calc(33% - 5px); } }

.top_box img{
	text-align: center; }

#main p{ padding: 0 20px; }

.top_box .wp-block-image figure { margin-bottom: 20px; }

/*会社概要*/
.Overview tr,
.Overview td { border: 0; }

/*モバイルメニュー*/
.menubox {
    display: flex;
    width: 100%;
    padding: 10px 0 7px 0;
    flex-wrap: nowrap!important; }

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

.navi-contents ul {margin: 70px 20px;}

#menu-side_menu li.current_page_item a { font-weight: bold; }

/* お問い合わせ */
.wpcf7 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto; }

.contact input,
.contact textarea {
	width: 100%; }

input[type="submit"] {
	display: block;
	width: 170px;
	margin: 0 auto;
	padding: 15px; }

input[type="submit"]:hover {
	background-color: var(--es-primary-color)!important;
	color: white; }

input, button, textarea, select { width: 100%;}

/* ブログ */
.post-categories ul span[class*="label-"], .post-categories ul a[class*="label-"]{
	border:none;
	background-color: #FE7316; }
.profile{
	font-size: 1.5rem; }

.post-footer {
	text-align: center; }
#comment{
	width: 90%;
	margin: 0 auto; }

#index-page,#single-page{
	padding: 0 1em; }