/*
Theme Name: eases5-child
Template: eases5
Description:  粟蔵水稲 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1024px;
	--es-pagebody-max-width: 1024px;
	--es-main-max-width: 1024px;
	--es-side-max-width: 0px;
	--es-main-font-color: #555;
	--es-primary-color: #29ab65;
	--es-secondary-color: #;
	--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: #fff;
	--es-footer-font-color: #555;
	--es-mobile-menu-color: #104d86;
	--es-url-font-color: #2d6bb1;
}

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

/* ■ h2 - h5
-------------------------------------------------------------- */
#main h2 {
	margin-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #555; }

#main h3 {
	margin-bottom: 20px;
    padding: 5px 0 5px 10px;
    color: #fafafa;
    background: #29ab65; }

#main h4 { margin-bottom: 10px; }

#main h4::before {
	content: "■";
    padding-right: 0.3em;
    color: #29ab65;
    font-size: 2rem; }

/* レイアウト
-------------------------------------------------------------- */
#wrap {	margin: 0 auto; }

#pagebody {
	max-width: var( --es-pagebody-max-width );
	margin: 0 auto;
	padding: 0 10px;
	background-color: #fff; }
	@media screen and (min-width: 768px) {
		#pagebody {
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
			padding: 0; } }

#pagebody .inner { margin: 0 auto; }
			
#main {
	margin: 0;
	padding: 30px 10px 0; }
	@media screen and (min-width: 768px) {
		#main {
			max-width: var(	--es-main-max-width );
			margin:0 auto 30px; } }

#page { height: 100%; }

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

.flexDirectionRow { flex-direction: row; }

/*ヘッダー
-------------------------------------------------------------- */
#header { padding: 0 10px; }

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

.title img { width: 100%; }

#globalnavi {
	display: block;
	max-width: var( --es-pagebody-max-width );
	padding-bottom: 5px;
	margin: 20px auto  30px; }
	@media screen and (min-width: 768px) {
		#globalnavi {			
			border-bottom: 1px solid #555; } }

#globalnavi ul {
	flex-wrap: wrap;
    max-width: var( --es-pagebody-max-width );
	background-color: #e2e2e2; }
	@media screen and (min-width: 768px) {
		#globalnavi ul {
			background-color: transparent;
			background-image : linear-gradient(to right, #000 10px, transparent 10px);
			background-size: 20px 1px;
			background-repeat: repeat-x; 
			background-position: left bottom; } }

#globalnavi li {
	width: 33%;
	border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
	font-weight: bold;
	font-size: 1.2rem; }
	@media screen and (min-width: 425px) {
		#globalnavi li { font-size: 1.4rem; } }
		@media screen and (min-width: 768px) {
			#globalnavi li {
				width: 16%;
				border: 0; } }
				@media screen and (min-width: 800px) {
					#globalnavi li { font-size: 1.5rem; } }

#globalnavi li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	color: var( --es-side-font-color ); }

#globalnavi li a:hover {
	background-color: var( --es-secondary-color ); }

#globalnavi li.current-menu-item a {
	background-color: var( --es-secondary-color );}

#globalnavi br { display: none; }

.description { display: none; }

.blog #image-area { display: none; }

#image-area { display: none; }
@media screen and (min-width: 768px) {
	#image-area {
		display: block;
		padding: 120px 0 250px;
		margin: 0 auto; } }

#image-area .headline {
	display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold; }

/*フッター
-------------------------------------------------------------- */
#footer { padding: 40px 0 20px; }
/* 
#footer .inner { margin: 0 auto; } */

footer .inner > section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px; }

#menu-footer_menu { display: flex; }
	@media screen and (max-width: 767px) {
		#menu-footer_menu { display: none; } }

ul#menu-footer_menu li {
	padding: 0 10px;
	border-left: 1px solid #555; }

ul#menu-footer_menu li:first-child { border: 0; }

ul#menu-footer_menu li:before { content: ""; }

#footer #block-5 ul {
	display: flex;
    flex-wrap: wrap;
	max-width: 520px; }
	@media screen and (max-width: 767px) {
		#footer #block-5 ul {
			flex-direction: column;
			max-width: 260px; } }

#footer #block-5 li { max-width: 260px; }
	@media screen and (min-width: 768px) {
		#footer #block-5 li { width: 50%; } }

#footer #block-11 > div {
	display: flex;
    flex-direction: column; }

#footer #block-11 span {
	font-size: 2.2rem;
	font-weight: bold;
	color: #EB173A; }

/* コンテンツ
-------------------------------------------------------------- */
#main p {
	padding: 0 0 0 10px;
	line-height: 1.4; }

ul, ol { list-style: none; }

#main tr, #main th, #main td { border: 0; }

#main th {
    padding: 10px;
    text-align: center;
    background: #efefef;
	border-bottom: 1px solid #fff; }

#main td { border-bottom: 1px solid #eee; }

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

.wp-block-group {
	padding: 0;
    overflow: hidden; }

.inline_block { display: inline-block; }

/*tableレスポンシブ*/
#main .wp-block-table { font-size: 1.5rem; }
@media screen and (min-width: 768px) {
	#main .wp-block-table { font-size: 1.8rem; } }

#main .table tr, #main .table th, #main .table td {  }
@media screen and (max-width: 600px) {
	#main .table tr, #main .table th, #main .table td {
		display: block; } }

#main .table td:first-child { width: 130px; }
@media screen and (max-width: 600px) {
	#main .table td:first-child { width: 100%; } }

/*リストマーカ*/
.disc { list-style: disc; }
.disc::marker { font-size: 10px; }
.disc li::marker { font-size: 10px; }

.square { list-style: square; }
.square::marker { font-size: 10px; }
.square li::marker { font-size: 10px; }

.decimal { list-style: decimal; }


/*url*/
.fixed-page #main a, .top-page #main a,
#footer a {
	position: relative;
	color: var(--es-url-font-color) }

#main a:not(.link-anime a)::before,
#footer a::before {
	background: var(--es-url-font-color);
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -3px;
	margin: auto;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s; }

#main a:not(.link-anime a):hover::before,
#footer a:hover::before {
	transform-origin: left top;
	transform: scale(1, 1); }

#wrap #main .wp-block-image a::before,
#footer .wp-block-image a::before { background: transparent; }

/*サイドバー
-------------------------------------------------------------- 
#sidebar {
	display: none;
	padding-bottom: 30px; }
	@media screen and (min-width: 768px) {
		#sidebar {
			display: flex;
			flex-direction: column;
			align-items: center;
			max-width: var(	--es-side-max-width ); } }
*/

/*トップページ
-------------------------------------------------------------- */
/*header*/
@media screen and (min-width: 768px) {
.top-page { background: url(images/bg.jpg) center top no-repeat; }

.top-page .hgroup {
	position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 540px;
	padding: 0; }

.top-page #globalnavi br { display: inline; }
.top-page #globalnavi span { display: none; }

.top-page #globalnavi {
	padding: 0;
	border: 0; }

.top-page #globalnavi ul {
	background-image: none; }

.top-page #globalnavi li {
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
	width: 20%;
	height: 200px;
	background-position: top;
	background-repeat: no-repeat; }

.top-page #globalnavi li a {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 90px;
    height: 90px;
	border: 5px solid #d02c53;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background: white; }

.top-page #globalnavi li a:hover { border: 5px solid #d02c5377; }

.top-page #globalnavi .menu-item-48 { display: none; }
.top-page .menu-item-47 { background-image: url(images/menu1_bg.png); }
.top-page .menu-item-46 { background-image: url(images/menu3_bg.png); }
.top-page .menu-item-45 { background-image: url(images/menu2_bg.png); }
.top-page .menu-item-44 { background-image: url(images/menu4_bg.png); }
.top-page .menu-item-43 { background-image: url(images/menu5_bg.png); }
}
/*contents*/
.top_box {
	padding-top: 50px;
	border-top: 1px solid #000; }

.top_box > div { width: 70%; }

.top_oyamamai { width: 70%; }

.top_box figure { width: 30%; }

#main .oyamamai h2 {
	border: 0;
	font-size: 1.6rem; }
	@media screen and (min-width: 481px) {
		#main .oyamamai h2  { font-size: 2rem; } }

.oyamamai p { font-size: 1.2rem; }
@media screen and (min-width: 481px) {
	.oyamamai p { font-size: 1.4rem; } }

#likebox { width: 300px; }
@media screen and (min-width: 768px) {
	#likebox { width: 30%; } }


/*コンテンツページ
-------------------------------------------------------------- */
/*特別栽培 尾山米*/
#main .oyamamai_tb th {
	width: 33%;
    font-weight: normal;
    vertical-align: middle;
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }

#main .oyamamai_tb td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #eee; }

#main .oyamamai_tb tr:nth-child(n+2) th {
    width: 15%;
    letter-spacing: .3em; }

.oyamamai_tb tr:nth-child(n+2) td:nth-child(2),
.oyamamai_tb tr:nth-child(n+3) td:first-child { text-align: center; }

.oyamamai_tb tr:nth-child(n+2) td:nth-child(n+3),
.oyamamai_tb tr:nth-child(n+3) td:nth-child(n+2) { text-align: right; }

/*商品のご購入*/
#main .shop_tb td:first-child,
#main .postage_tb td:first-child {
	padding-left: 10px;
	border-right: 1px solid #eee;
	background: #fcfcfc; }

.shop_tb td:nth-last-child(1),
.shop_tb td:nth-last-child(2) { text-align: center; }

.postage_tb table  {
	width: 100%;
	min-width: 600px; }

.postage_tb th  {
	width: calc(100% / 7);
	font-size: 90%;
	line-height: 1.4; }

.postage_tb td { text-align: right; }
	@media screen and (min-width: 768px) {
		.postage_tb td { padding: 10px; } }

.postage_tb .tb_bk { font-size: 70%; }
	@media screen and (max-width: 405px) { 
		.postage_tb .tb_bk { display: block; } }


/*粟蔵水稲 会社概要*/
.story { margin-bottom: 30px; }

.history_tb th { width: 90px; }
@media screen and (min-width: 768px) {
	.history_tb th { width: 110px; } }

.history_tb img { padding: 5px; }

/*設備と作業風景*/
.equipment_tb th { font-weight: normal; }

.equipment_tb th,
.equipment_tb td { padding: 10px; }

.equipment_tb  th:first-child { width: 40%; }
.equipment_tb  th:nth-child(2),
.equipment_tb  th:nth-child(3) { width: 15%; }
.equipment_tb th:last-child { width: 30%; }

.equipment_tb  td:nth-child(2) { text-align: center; }
.equipment_tb  td:nth-child(3) { text-align: right; }

.machinery .wp-container-core-group-is-layout-ad2f72ca { align-items: flex-start; }
@media screen and (max-width: 767px) { 
.machinery .wp-container-core-group-is-layout-ad2f72ca {
    flex-direction: row;
    flex-wrap: wrap; } }

.machinery .wp-container-core-group-is-layout-ad2f72ca figure { width: 100%; }
	@media screen and (min-width: 481px) {
		.machinery .wp-container-core-group-is-layout-ad2f72ca figure { width: calc(50% - 0.25em); } }
		@media screen and (min-width: 768px) {
			.machinery .wp-container-core-group-is-layout-ad2f72ca figure { width: 25%; } }

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

input, textarea { width: 100%; }

.wpcf7 p{ margin: 20px 0; }

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

.wpcf7 span { width: 100%; }

.wpcf7 .example {
	width: 200px;
    float: right; }

/* ブログ */
.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 {
	margin: 30px;
	text-align: center; }

#comment{
	width: 90%;
	margin: 0 auto; }

#index-page,#single-page{
	padding: 0 1em; }
/* サイドバー */
.navi-contents,.navi-contents figcaption{
    color: #fff; }