/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url(custom.css);

/*-----------------------------------
 * 全体
 * --------------------------------*/
:root{
	--color_green:#467d3b;
	--color_yellow:#f5a917;
	--wp--preset--font-size--large:clamp(1.125rem, 1.014rem + 0.56vw, 1.5rem);
/*	--wp--style--root--padding-right:clamp(0.938rem, -0.526rem + 4.87vw, 3.125rem)!important;
	--wp--style--root--padding-left:clamp(0.938rem, -0.526rem + 4.87vw, 3.125rem)!important;*/
}
html{
	scroll-behavior: smooth;
}
body{
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
}
p{
	font-size:clamp(16px, 0.875rem + ((1vw - 3.2px) * 0.392), 18px);
}


/* 1カラムになるタイミングで表示・非表示にするクラス */
.mobile_disp{
		display:none!important;
	}
.mobile_flex_disp{
	display:none!important;
}
@media screen and (max-width: 781px){
	.mobile_none{
		display:none!important;
	}
	.mobile_disp{
		display:block!important;		
	}
	.mobile_flex_disp{
		display:flex!important;		
	}	
}
/* 画像リンクのFocus時のOutlineを非表示 */
:where(.wp-site-blocks *:focus) {
	outline:none!important;
}

/*蛍光ペン*/
em {
	background:linear-gradient(transparent 50%, rgba(255, 153, 0,0.5) 50%); 
	font-style:normal!important;
}

/* モバイル強制左寄せ */
@media screen and (max-width: 781px) {
.mobile_left .has-text-align-center{
	text-align:left!important;
	
}
}


/*------------------------------------
 * バーガーメニュー
 * ----------------------------------*/
@media screen and (max-width: 600px) {
nav.pageheader_menu_wrap {
    position: fixed;
	right:5vw;
	top:5vw;
	z-index: 99999999!important;
}
#modal-1.wp-block-navigation__responsive-container {
	z-index: 99999999!important;	
}
/*スクロールトップをバーガーメニューの下に移動するため*/
#wpfront-scroll-top-container {
    z-index: 0!important;	
}
.pageheader_menu_wrap button,.pageheader_menu_wrap input[type="button"], input[type="submit"] {
    background-color: var(--color_green)!important;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 40px!important;
    width: 40px!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
gap:1em!important;
	font-size:1.2em!important;
}
}

/*バーガーメニューが上にくるように設定*/
main {
	z-index:0;
}

/*---------------------------------------
 * ヘッダー
 * ------------------------------------*/
/* ヘッダロゴ画像サイズ操作 */
@media screen and (max-width: 781px){
.wp-block-site-logo img{
	width:120px;
	max-width:initial;
}
}

/*---------------------------------------
 * フッター
 * ------------------------------------*/
.footer_group{
	max-width:1380px!important;
}

/*---------------------------------------
 * 見出し
 * ------------------------------------*/
h1 {
	color:var(--color_green);
	font-weight:bold;
    font-size: 3em;
	text-align:center;
}
h2 {
	color:var(--color_green);
	font-weight:bold;
    font-size: 2.5em;
}
h3 {
	color:var(--color_green);
	font-weight:600;
}
h3 a {
	text-decoration:none!important;
}
h4 {
	color:var(--color_green);
	font-weight:600;
}
h4.recipes {
	color:var(--color_green);
	font-weight:bold;
    border-bottom: 2px solid var(--color_green);
    padding: 10px;
}

/*ホーム*/
.top_volunteer_h2 {
	color:#fff!important;
	font-weight:normal!important;
    font-size: 2em;
}
.top_news_sub {
    font-size: 2em;
    font-weight: bold;
}
.top_news_title {
    margin-top: 0 !important;
}
.top_about_h3{
    font-size: 1.5em;
}
.top_about_h3::after {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/mark_green.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 10px;
    vertical-align: baseline;
}

h3.wp-block-post-title {
	color:#000!important;
	font-weight:normal!important;
	font-size:18px!important;
	padding-left:10px;
}
@media screen and (max-width: 481px) {
h3.wp-block-post-title {
	padding-left:0px;
	margin-top: -5px;
}
}


@media screen and (max-width: 1300px) {
.top_volunteer_h2 {
    font-size: 1.8em;
}
}
@media screen and (max-width: 1100px) {
.top_volunteer_h2 {
    font-size: 1.5em;
}
}

/*---------------------------------------
 * ホーム
 * ------------------------------------*/
/*上部のスペース・下部のスペースをなくす*/
.wp-site-blocks {
	position:relative!important;
}
.home header {
	position:absolute!important;
	width:100%!important;
	z-index:1;
	color: #fff;
}
.home main {
    margin-top: 0 !important;
}
.home .contents_wrap {
	padding-top:0!important;
	padding-bottom:0!important;
}
.home .entry-content {
    margin-top: 0 !important;
}
footer {
	margin-top:0 !important;
}

.home h1.wp-block-post-title {
	display:none;
}


/*firstview slider*/
.swiper_wrap {
	top:0;
	z-index:0;
	height:950px;
}
.swiper-slide img {
    height: auto!important;
    width: 100%;
}
.firstview_wrap {
	position:relative;
}
/* ファーストビューキャッチコピー画像表示切り替え */
.home .firstview_catch{
	display:block!important;
}
.firstview_catch_s{
	display:none!important;
	z-index:0;
}
@media screen and (max-width: 1280px){
.home .firstview_catch{
	margin-top:-2vw!important;
	}
}
@media screen and (max-width: 781px){
.home .firstview_catch{
	display:none!important;
}
.home .firstview_catch_s{
	display:block!important;
	width:90%;

}
}
@media screen and (max-width: 481px){
.home .firstview_catch_s{
	width:100%;

}	
}


/*ホーム以外のヘッダーのcatchcopyを非表示*/
body:not(.home) .firstview_catch {
	display:none;
}

.firstview_catch img {
	max-width: 1340px!important;
}
@media screen and (max-width: 1500px) {
.firstview_catch img {
	max-width: 1000px!important;
    width: 100%;
}
}
@media screen and (max-width: 781px) {
.firstview_catch {
	margin-top: 10vw!important;
}
}

/*農業ボランティア大募集*/
.top_volunteer_wrap {
	position:absolute;
	top:28vw;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index:1;
}

.top_volunteer_bun_wrap {
	color:#fff;
	background-color: rgb(0, 0, 0, 0.4);
    padding: 30px 40px;
}
.top_mikogami01 {
	position: relative;
    top: -8vw;
}
@media screen and (max-width: 1700px) {
.top_volunteer_wrap {
	top:35vw;
}
}
@media screen and (max-width: 1500px) {
.top_volunteer_wrap {
	top:30vw;
}
.top_volunteer_left {
	flex-basis: 25%!important;
}
.top_volunteer_right {
	flex-basis: 65%!important;
}
.top_volunteer_button {
	width:350px;
}
.top_mikogami01 {
    top: -10vw;
}
.top_mikogami01 img{
	width: 240px;
}
}
@media screen and (max-width: 1300px) {
.top_volunteer_wrap {
	margin-top: 50px!important;
}
.top_volunteer_button {
	width:300px;
}
.top_mikogami01 {
    top: -15vw;
}
.top_mikogami01 img{
	width: 200px;
}
}
@media screen and (max-width: 1130px) {
.top_volunteer_wrap {
	margin-top: 70px!important;
}
.top_mikogami01 {
    top: -15vw;
}
.top_mikogami01 img{
	width: 150px;
}
}

@media screen and (max-width: 781px) {
.top_volunteer_wrap {
	margin-top: 200px!important;
	top: 50vw !important;
}
.top_volunteer_right {
	padding-left: 0px !important;
}
.top_volunteer_button {
	width:280px;
}
.top_volunteer_bun_wrap {
    padding: 20px 90px 20px 20px;
}
 .top_mikogami01 {
	top: -30vw;
	right: -2vw;
}
.top_mikogami01 img {
	width: 100px;
}
}

/* トップmainネガティブマージン操作 */
	
@media screen and (max-width: 1489px){
	main{
		margin-top:-3.5vw!important;
	}
}

@media screen and (max-width: 781px){
	main{
		margin-top:-20px!important;
	}
}


/*農業ボランティア大募集～よくあるご質問のグループ*/
.top_news_wrap {
	margin-top: -7vw !important;
	background-image:url(https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/back_yellow_left.png),url(https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/back_yellow_right.png);
	background-repeat:no-repeat,no-repeat;
	background-position:top left,bottom right;
	position: relative;
	z-index:0;
}

@media screen and (max-width: 781px) {
.top_new_spacer {
	height: 600px!important;
}
}
@media screen and (max-width: 481px) {
.top_new_spacer {
	height: 500px!important;
}
}

@media screen and (max-width: 1500px) {
.top_news_wrap {
	margin-top: -15vw !important;
}
}
@media screen and (max-width: 1400px) {
.top_news_wrap {
	margin-top: -20vw !important;
}
}
@media screen and (max-width: 1100px) {
.top_news_wrap {
	margin-top: -30vw !important;
}
}
@media screen and (max-width: 1000px) {
.top_news_wrap {
	margin-top: -40vw !important;
}
}
@media screen and (max-width: 850px) {
.top_news_wrap {
	margin-top: -50vw !important;
}
}
@media screen and (max-width: 620px) {
.top_news_wrap {
	margin-top: -75vw !important;
}
}
@media screen and (max-width: 530px) {
.top_news_wrap {
	margin-top: -85vw !important;
}
}

/*最新情報～よくあるご質問のグループ*/
.top_newsgroup_wrap {
	position:relative;
	z-index:999;
}

.top_news_con :where(.wp-block-columns) {
    margin-bottom: 0.5em!important;
/*    gap: 0 !important;*/
}
.wp-block-post-date {
	color:var(--color_green)!important;
}
.category-volunteer .taxonomy-category,.category_volunteer .taxonomy-category {
	background-color:#a3025d;
	color:#fff;
	text-align:center;
}
.category-news .taxonomy-category,.category_news .taxonomy-category {
	background-color:#5ea302;
	color:#fff;
	text-align:center;
}
.category-volunteer .taxonomy-category a,.category-news .taxonomy-category a,.category_volunteer .taxonomy-category a,.category_news .taxonomy-category a {
	color:#fff;
	text-decoration:none!important;
    pointer-events: none;
}
@media screen and (max-width: 781px) {
.top_news_con_wrap {
	padding-top:0!important;
}
.top_news_ichiran {
	text-align:center!important;
	margin-bottom: 20px !important;
}
}



/*農業ボランティアって？*/
.top_volunteer2_wrap {
	
}
@media screen and (max-width: 781px) {
.top_mikogami02 img {
	width:130px;
}
}

/*よくあるご質問*/
@media screen and (max-width: 781px) {
.top_faq_wrap {
	flex-direction:column-reverse;
}
.top_faq_button {
	text-align:center;
}
.top_mikogami03 img {
	width:180px;
}
}

/*御子神農園について*/
.top_about_nabana_wrap {
	position:relative;		
}
@media screen and (max-width: 781px) {
.top_about_nabana  {
    text-align: right;
}
.top_about_nabana img {
	width: 100px;
	margin-top: -200px;
	position: absolute;
	right: 0;
}
}

/*Instagram*/
.top_instagram_wrap {
    z-index: 0!important;	
}
	
/*農業の道*/
.top_nogyo_wrap {
	background-image:url(https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/back_green_left02.png);
	background-repeat:no-repeat;
	background-position:top left 5vw;
	background-size: 250px;
}

@media screen and (max-width: 481px) {
.top_nogyo_text {
	text-align:left!important;
	margin-left: 10px;
}
}


/*Links*/
.top_links_logo img {
	width:400px;
}
@media screen and (max-width: 781px) {
.top_links_logo img {
	width:250px;
}
}

/*---------------------------------------
 * 最新情報一覧
 * ------------------------------------*/
/* 投稿カテゴリー「新着」にNewアイコン付加 */
.post_format-post-format-status h3:after{
	content:url('https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/new_anime.gif');
}

.page-template .news .wp-block-query {
	max-width:1000px;
}
.page-template .news .wp-block-query ul{
	gap:0;
}
.category-volunteer .wp-block-query ul{
	gap:0;
}
.category-news .wp-block-query ul{
	gap:0;
}

/*---------------------------------------
 * ホーム以外のヘッダー
 * ------------------------------------*/
body:not(.home) .header_wrap {
	background-color:var(--color_green);
	color:#fff;
}
.wp-block-site-logo {
	z-index:1;
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
}


/*---------------------------------------
 * 表
 * ------------------------------------*/
.wp-block-table td {
	border-left:none!important;
	border-right:none!important;
}
@media screen and (max-width: 781px) {
.wp-block-table {
	font-size:16px!important;
}
}
	
/*---------------------------------------
 * 農業ボランティアとは
 * -----------------------------------*/
.contact_mail{
	overflow-wrap:break-word;
}
@media screen and (max-width: 1300px) {
.volunteer_check {
	margin-bottom: -5vw!important;
}
}
@media screen and (max-width: 980px) {
.volunteer_box_wrap {
flex-wrap: wrap !important;
}
.volunteer_check {
	margin-bottom: -7vw!important;
    margin-left: -2vw!important;
}
}
@media screen and (max-width: 781px) {
.volunteer_box2_spacer,.volunteer_box4_spacer {
	height:0!important;
}
.volunteer_check {
	margin-bottom: -9vw!important;
}
}
@media screen and (max-width: 481px) {
.volunteer_check {
	margin-bottom: -18vw!important;
    margin-left: -3vw!important;
}
}

/*---------------------------------------
 * よくあるご質問
 * ------------------------------------*/
.box_qa {
	margin-bottom:50px!important;
}
.box_qa.wp-block-table td {
	border: none!important;
    padding: 0em!important;
}
.box_qa tr:nth-child(1) {
	background-color: #6f9f31;
    color: #fff;
    border-radius: 20px 20px 0 0;
    padding: 15px 20px 20px 30px!important;
	display: block;
	font-weight:bold;
}
.box_qa tr:nth-child(2) {
    border: 1px solid #6f9f31;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
    padding: 15px 17px 20px 30px!important;
	display: block;
}

/*--------------------------------------
なばなの基礎知識
---------------------------------------*/
.table_kisochishiki tr td:nth-of-type(1) {
	color:var(--color_green);
    font-weight: 600;
}
.table_kisochishiki {
	width:50%;
}
@media screen and (max-width: 781px) {
.table_kisochishiki {
	width:100%;
}
}

/*--------------------------------------
なばなのゆで方
---------------------------------------*/
@media screen and (max-width: 781px) {
.recipie_45_wrap {
	flex-direction:column-reverse;
}
}

/*--------------------------------------
なばなのレシピ
---------------------------------------*/
ul.recipes_ul {
	list-style-type: none!important;
    padding-left: 5px!important;
}
ul.recipes_ul li {
	border-bottom: 1px dotted #666;
    padding: 5px;
}
ol.recipes_ol li {
	line-height: 2;
}
@media screen and (max-width: 481px) {
.recipes_box_con {
	padding-right: 0!important;
    padding-left: 0!important;
}
ol.recipes_ol {
	padding-left: 20px!important;
}
}



/*--------------------------------------
御子神農園の生産品
---------------------------------------*/
.table_seisanhin tr td:nth-of-type(1) {
	color:var(--color_green);
	width:30%;
    font-weight: 600;
}
.table_seisanhin tr td:nth-of-type(2) {
	width:70%;
}

/*--------------------------------------
会社概要
---------------------------------------*/
.table_company tr td:nth-of-type(1) {
	color:var(--color_green);
	width:40%;
    font-weight: 600;
}
@media screen and (max-width: 481px) {
.table_company {
	overflow: hidden;
}
.table_company tr td:nth-of-type(1) {
	width:100%;
}
.table_company td {
	display:block;
    border-bottom: none!important;
}
.table_company tr:nth-of-type(2n) td:nth-of-type(2n),.table_company tr:nth-of-type(2n-1) td:nth-of-type(2n) {
    border-top: none!important;
}
.table_company tr:last-child {
	border-bottom:1px solid #111;
}
}

/*--------------------------------------
求人募集
---------------------------------------*/
.recruit_box p {
	line-height: 1.8;
}
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.table_recruit tr td:nth-of-type(1) {
	width:20%;
	color:var(--color_green);
    font-weight: 600;
}
@media screen and (max-width: 481px) {
.recruit_box {
	padding: 20px;
}
.recruit_box p {
	text-align: left;
}
.table_recruit {
	overflow: hidden;
}
.table_recruit tr td:nth-of-type(1) {
	width:100%;
}
.table_recruit td {
	display:block;
    border-bottom: none!important;
}
.table_recruit tr:nth-of-type(2n) td:nth-of-type(2n),.table_recruit tr:nth-of-type(2n-1) td:nth-of-type(2n) {
    border-top: none!important;
}
.table_recruit tr:last-child {
	border-bottom:1px solid #111;
}
}

/*--------------------------------------
お問い合わせ
---------------------------------------*/
.contact_tel a,.contact_mail a {
	text-decoration:none!important;
}
.contact_tel:before {
    content: url('https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/icon_tel01.png');
	padding-right:10px;
	vertical-align: middle;
}
.contact_mail:before {
    content: url('https://mikogaminouen.com/mikogami2025/wp-content/uploads/2025/06/icon_email01.png');
	padding-right:10px;
	vertical-align: middle;
}

/*--------------------------------------
お問い合わせフォーム
---------------------------------------*/
span.wpcf7-list-item {
display: block;
}

.mw_wp_form{
	max-width:1000px!important;
}
.link_mail {
	text-decoration:underline!important;
}

@media screen and (max-width: 600px) {
h2.phone_number{
	font-size:1.5em;	
}
}

.mw_wp_form{
	padding-left:3%;
	padding-right:3%;
}

/* 郵便番号 */
.yubin input{
	display:inline-block;
	width:auto;
}
.zip-button{
	height:40px;
	line-height:0!important;
}
.click_button{
	margin-top:4em;
}
.toiawase span.error{
	display:block;
	color:#dc0a3c;
	font-weight:bold;
}
.toiawase span.hissu{
	color:#fff;
	background-color:#d62628;
	padding:0 5px;
	font-size:0.9em;
	margin-right:0.3em;
	
}
.toiawase input[type=text],.toiawase input[type=email],.toiawase input[type=select],.toiawase input[type=number],.toiawase input[type=tel],.toiawase input[type=radio],.toiawase select{
	border:solid 1px #aaa;
}

.toiawase input[type=text], .toiawase input[type=email], .toiawase input[type=select], .toiawase input[type=number], .toiawase input[type=tel], input[type=date], [type=checkbox], input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
    border-radius: 5px;
    padding: 10px!important;
	border: solid 1px #aaa!important;
	margin-top: 5px;
}
select {
    border-radius: 5px;
	border: solid 1px #fff!important;
}
input {
	border: solid 1px #fff!important;	
}
.wpcf7 button, input[type="button"], input[type="submit"] {
    background-color: #d62628!important;
    padding: 15px!important;
	/*border: solid 5px #fff!important;*/
	margin-top: 5px;
	border-radius: 0px;
	width: 100px;
	height: 60px;
	font-size: 1em;
}

.check_privacy {
	text-decoration: underline;
}


@supports (-webkit-appearance: none) or (-moz-appearance: none){
input[type=radio]:after {
    left: 6px!important;
    top: 6px!important;
}
}
@supports (-webkit-appearance: none) or (-moz-appearance: none){
input[type=checkbox]:after {
    left: 8px!important;
    top: 4px!important;
}
}

input[type="submit"] {
    background-color: #0b3190;
}

.toiawase textarea{
	width: 100%;
	margin-top:10px;
	border:solid 1px #aaa;	
}
.toiawase dt{
	width:300px;
	float:left;
	padding-top:14px;
	font-weight:normal;
	font-size:1rem;
	min-height:5em;
	font-weight:bold;
}
.toiawase dd{
	padding-left:300px;
	border-bottom:dotted 1px #eee;
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.5em;
	margin-left:0;
	min-height:5em;
}
.toiawase dd:last-child {
	border-bottom:none;
}

.mw_wp_form .error {
    display: inline;
}

.form_nb input{
	max-width:30%!important;
}
label.drower_menu {
    color: #f2f2f2;
}
.mw_wp_form .error {
    color: #ffd700;
}

@media screen and (max-width: 1000px) {
.toiawase dt{
	float:none;
	width:100%;
	font-size:1rem;
	min-height:2em;
}
.toiawase dd{
	padding-left:0;
	margin-bottom: 0;
	padding-top: 0px;
}
}

.horizontal-item{
	float:left;
}
button, input[type="button"], input[type="submit"]{
	background-color:#333;	
	color:#fff!important;
	font-weight:normal;
	transition:1s;	
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover{
	background-color:#888;
	transition:1s;
}
input + button, input + input[type="button"], input + input[type="submit"]{
	background-color:#e6191e;
	padding:1em 2em;
}

@media screen and (max-width: 780px) {
.flow_wrap .wp-block-column:where(.wp-block-columns.is-layout-flex) {
		gap: 0!important;
}
.flow_wrap .wp-block-column h3 {
	padding-left: 1.8em;
    margin-top: -65px!important;	
}
}

@media screen and (max-width: 590px) {
li.form_hnb:after {
	content: "" ;
	white-space: pre;
}
}
@media screen and (max-width: 480px) {
.flow_wrap {
    margin: 8% 8%!important;
	margin-left: 40px!important;
}
.flow_wrap .more_blue a {
    width: 300px!important;
    background-position: bottom 10px left 170px!important;
    font-size: 22px!important;
}
}

/*--------------------------------------
お問い合わせフォーム
---------------------------------------*/
.footer_a a {
	text-decoration:none!important
}