/*
Theme Name: eases5-child
Template: eases5
Description: 能登ファーマー 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: ;
	--es-main-max-width: 1024px;
	--es-main-font-color: #555;
	--es-side-max-width: 0px;
	--es-primary-color: #214b90;
	--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: #17366a;
	--es-footer-font-color: white;
	--es-url-font-color: #2d6bb1;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #214b90;
}

ul, ol { padding: 5px; }


/* ■ h2 - h5
-------------------------------------------------------------- */
#main h2 { margin: 20px 0; }

.page #main h2 {
	margin-bottom: 30px;
    padding: 10px 10px 0;
	border-bottom: 3px solid #F21717;
	color: #f21717; }

#footer h2 { font-size: 2rem; }
@media screen and (min-width: 400px) {
	#footer h2 { font-size: 2.2rem; } }

#main h3 {
	margin: 0 auto 10px;
	padding: 5px 10px;
	text-decoration: none;
	color: #f21717;
	line-height: 1.5em; }

#main h4 {
	padding: 0px 0px 0px 12px;
    border-left: 6px solid #E82E2E; }	

#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; }

/* コンテンツ
-------------------------------------------------------------- */
#main tr, #main th, #main td { border: 0; }

#main tr:first-child { border-top: 1px solid #adadad; }

#main tr { border-bottom: 1px solid #adadad; }

#main th, #main td { padding: 5px; }

span { display: inline-block; }

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

.wp-block-image{ margin: 0; }

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

figure.wp-block-image { flex-grow: 0!important; }

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

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

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


.border_gray img { border: 3px solid #ccc; }

.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; }

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

.link-banner { margin-left: 10px; }
	@media screen and (min-width: 768px) {
		.link-banner { margin-left: 0; } }

.link-banner li {
	margin-bottom: 10px; }

/*ヘッダー*/
hgroup { padding: 0; }

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

.title {
	display: flex;
	align-items: center; }

h1 span { display: block; }

h1 span:first-child { font-size: 1.6rem; }

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

#globalnavi li { font-size: 1.6rem; }

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

#globalnavi li.tel { width: 50%; }
#globalnavi li.mail { width: 50%; }
#globalnavi li.ganbarumai { width: 30%; }
#globalnavi li.shop { width: 26%; }
#globalnavi li.business { width: 22%; }
#globalnavi li.office { width: 22%; }

#globalnavi li.tel span { background: url(images/gnavi_tel_bg.gif) left center no-repeat; }
#globalnavi li.mail span { background: url(images/gnavi_mail_bg.gif) left center no-repeat; }
#globalnavi li:not(.tel):not(.mail) span { background: url(images/gnavi_arrow_bg.gif) left center no-repeat; }

#globalnavi li.tel span, #globalnavi li.mail span {
	padding: 10px 0 10px 35px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #555; }

#globalnavi li:not(.tel):not(.mail) a {
	color: #555; }
	
#globalnavi li:not(.tel):not(.mail) span {
	padding: 5px 0 5px 20px; }

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

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

.swiper img{ width: 100%; }

.swiper-button-next, .swiper-button-prev{
	color: var(--es-primary-color)!important;
	opacity: 0.5; }

.swiper-pagination-bullet {
	color: var(--es-primary-color)!important;
	opacity: 0.3!important; }

/*フッター*/
#wrap .inner > section {
	display: flex;
    flex-direction: row-reverse;
	justify-content: space-between;
    gap: 1em; }

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 { padding: 40px 0 20px; }

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

#footer h2{ margin-bottom: 5px; }

#block-9 { }
@media screen and (min-width: 550px) {
	#block-9 {
	padding: 30px 0 0 150px;
	background: url(images/footer_logo_bg.gif) left center no-repeat; } }
	@media screen and (min-width: 768px) {
		#block-9 { padding: 45px 0 0 150px; } }

footer #copyright { }
@media screen and (max-width: 549px) {
	footer #copyright { text-align: left; } }

/*トップページ*/
.top_page {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px; }

.top_box {
	margin: 0!important;
    padding: 10px 5px;
    border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; }

.top_box figure { margin: 0 auto; }

#main .top_box h2 {
	margin: 0;
	padding: 10px 10px 0;
	border-bottom: 0;
	color: #f21717;
	font-size: 1.4rem; }

#main .top_box p {
	margin-bottom: 0;
	padding: 10px;
	font-size: 1.3rem; }

.top_box dt, .top_box dd {
	font-size: 1.6rem; }

.top_box .item {
	padding: 5px 10px 0!important;
    line-height: 1.4; }

.top_box .price {
	color: red;
	font-weight: bold }

.top_box2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0!important;
	padding: 0!important; }
	@media screen and (min-width: 770px) {
		.top_box2 { width: calc(100% - 320px); }}
			@media screen and (min-width: 1010px) {
				.top_box2 {
					width: 100%;
					flex-direction: row; } }

#main .top_box2 h2 {
	padding: 0 10px ;
	font-size: 1.8rem; }

.top_box .wp-block-group {
	margin: 0;
	padding: 0; }

.w30a, .w30b {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 500px) {
		.w30a, .w30b {
			flex-direction:  row; } }
			@media screen and (min-width: 770px) {
				.w30a, .w30b {
					flex-direction:  column; } }

.w30a figure, .w30b figure {
	width: 100%;
	flex-shrink: 0; }
.w30a figure img, .w30b figure img { width: 100%; }
.w25 figure { width: 100%; }
.w25 figure img { width: 100%; }
	@media screen and (min-width: 500px) {
		.w30a figure, .w30b figure { max-width: 200px; } }
		@media screen and (min-width: 770px) {
			.w30a figure, .w30b figure { max-width: 300px; } }

.w50a, .w50b { width: 100%; }
.w30a, .w30b { width: 100%; }
.w25 { width: 100%; }
@media screen and (max-width: 769px) {
	.w50a, .w50b { max-width: 510px; }
	.w30a, .w30b { max-width: 510px; }
	.w25 { max-width: 250px; } }
	@media screen and (max-width: 499px) {
		.w50a, .w50b, .w30a, .w30b, .w25 { max-width: 300px; } }
@media screen and (min-width: 500px) { 
	.w25 { width: calc(50% - 5px); } }
	@media screen and (min-width: 770px) {
		.w50a {
			width: 100%;
			height: 245px; }
		.w50b { width: calc(66% - 5px); }
		.w30a { width: calc(50% - 5px); }
		.w30b {
			width: 310px;
			height: 500px; }
		.w25 { width: calc(33% - 5px); } }
		@media screen and (min-width: 1010px) {
			.w50a, .w50b {
			width: calc(50% - 5px);
			height: 260px; }
			.w30a, .w30b {
			width: calc(33% - 5px); }
			.w25 { width: calc(25% - 8px); } }

.news_posts div dd { padding-bottom: 0; }

#main .top_box ul { padding-left: 5px; }
.top_box li {font-size: 1.5rem; }
.wp-block-latest-posts.wp-block-latest-posts__list li {
	display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
	align-items: center; }
.wp-block-latest-posts__post-title {
	padding-left: 0;
    line-height: 1.5; }
.wp-block-latest-posts__post-date {
	width: 120px;
	flex-shrink: 0;
	font-size: 1.5rem; }
.top_box .noto {
	float: left;
    width: 90px;
    height: auto; }
	@media screen and (min-width: 500px) {
		#main .top_box ul { padding-left: 10px; }
		.top_box li {font-size: 1.6rem; }
		.wp-block-latest-posts__post-title {
			padding-left: 20px; }
		.wp-block-latest-posts__post-date {
			width: 120px;
			font-size: 1.6rem; }
		.top_box .noto {
			float: left;
			width: 90px;
			height: auto; } }

#main .top_box .blog-more  {
	width: 175px;
    margin: 0 auto; }
	@media screen and (min-width: 500px) {
		#main .top_box .blog-more  {
			position: absolute;
			top: 10px;
			right: 10px; } }

#main .top_box .blog-more p {
	position: relative;
	display: inline-block;
	padding: 0 10px 0 30px;
	background: red;
	font-size: 1.5rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; }

.blog-more p:before {
	content: '';
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -9px; }

.blog-more p:after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px red;
	border-right: solid 2px red;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -3px 0 0 10px;
	transform: rotate(45deg) }

.blog-more a {
	color: white; }

/*能登がんばる米について*/
.fixed-page #main .kodawari {
	padding-left: 50px;
	list-style-type: circle; }

/*商品のご購入*/
.fax {
	width: 90%;
	margin: 0 auto;
	background: url(images/pdf.gif) left 10px center no-repeat, linear-gradient(#0099CC,#006699);
	border: 2px solid #fff;
	color: #fff;
	border-radius: 8px;
	box-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    text-align: center; }
	@media screen and (min-width: 481px) {
		.fax {
			width: 70%;
			background: url(images/pdf.gif) left 20px center no-repeat, linear-gradient(#0099CC,#006699);} }

.fax a {
	color: #ffffff;
    display: block;
    padding: 15px 0; }

/*事業内容*/
.jigyou_box {}
@media screen and (max-width: 481px) {
	.jigyou_box { font-size: 1.4rem; } }

.jigyou_box th {
	background: #F6F6F6;
	text-align: center; }

/*会社概要*/
.office_box th:first-child, .office_box td:first-child {
	width: 100%;
	background: #F6F6F6;
	text-align: center; }
	@media screen and (min-width: 601px) {
		.office_box th:first-child, .office_box td:first-child {
		width: 160px; } }

.office_box th, .office_box td { padding: 10px; }
	@media screen and (max-width: 600px) {
		.office_box th, .office_box td { display: block; } }

/*モバイルメニュー*/
.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; }

.wpcf7 label {
	display: inline-block;
	width: 100%; }

.wpcf7 span { width: 100%; }

.contact_tel {
	padding-left: 50px!important;
	background: url(images/tel.gif) left center no-repeat;
	font-weight: bold;
	line-height: 1; }

.contact_tel span {
	padding-left: 10px;
	background: linear-gradient(180deg, #3293ec, #97cafa );
	background: -webkit-linear-gradient(-90deg, #3293ec, #97cafa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    letter-spacing: 3px;
	font-size: 3.5rem; }
	@media (-ms-high-contrast: none),(-ms-high-contrast: active) {
		.contact_tel span { background: none; } }


/* ブログ */
.post-categories ul span[class*="label-"], .post-categories ul a[class*="label-"]{
	border:none;
	background-color: var(--es-primary-color); }
.profile{
	font-size: 1,5rem; }

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

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

.post-eyecatch_img {
    display: none;
}