/* CSS Document */
* {	margin:0px;	padding:0px;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*
=============================================================================================================================
次ページ見出し
=============================================================================================================================
*/

.nb1, .nb2, .nb3, .nb4, .nb5, .nb6, .nb7, .nb8, .nb9, .nb10, .nb11{ width:100%; height:0; background-size:cover; background-repeat:no-repeat; padding-top:22.22%; margin:0;}
.nb1{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh1.jpg);}
.nb2{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_mai.jpg);}
.nb3{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_waka.jpg);}
.nb4{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_ogori.jpg);}
.nb5{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_kanzaki.jpg);}
.nb6{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_saga.jpg);}
.nb7{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh2.jpg);}
.nb8{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh3.jpg);}
.nb9{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh4.jpg);}
.nb10{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh5.jpg);}
.nb11{ background-image: url(http://waiwai-farm.co.jp/wpad/img/nh_ooki.jpg);}


.n_h2{ width:100%; color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-size:2.5em; padding:1.2em 0; background:url(http://waiwai-farm.co.jp/wpad/img/t_midashi.gif); text-align:center;}



.n-cont{ font-size:1.1em; padding-bottom:5em;}
.n-cont section{
	width:1080px;
	margin:0 auto;
	padding:2em 0;	
	}
.n-cont section p{ margin:0 0 1em 1.5em;}

.pan{ width:1200px; margin:0 auto; padding-top:.5em; height:2em;}
.pan a{ float:left; font-size:.8em; display:table;}
.pan a:first-of-type{ background:url(http://waiwai-farm.co.jp/wpad/img/pan1.gif) no-repeat 0 5px; padding-left:1.5em;}
.pan a:nth-of-type(n+2){ margin-left:1em; padding-left:1.5em; color:#069; background:url(http://waiwai-farm.co.jp/wpad/img/pan2.gif) no-repeat 0 5px;}
.pan a:nth-of-type(n+2):hover{ text-decoration:underline;}

.n-cont section h3{
	border-bottom:1px solid #069;
	font-size:1.6em;
	color:#069;
	padding:.5em;
	margin:0 0 1em;
	}

.n-cont section h4{
	padding:0 0 0 1.5em;
	margin:0 0 1em 1.5em;
	background:url(http://waiwai-farm.co.jp/wpad/img/h4.png) no-repeat left;
	line-height:36px;
	color:#069;
	font-weight:bold;
	font-size:1.2em;
	}

.n-cont section h4:nth-of-type(n+2){
	margin:1em 0 1em 1.5em;
	}

@media only screen and (max-width: 600px) {
	
	.n_h2{ width:100%; font-size:1.5em; padding:1em 2%;}
	
	}

/*
=============================================================================================================================
わいわいファームのこだわり
=============================================================================================================================
*/

.kodawari_catch{
	background:url(http://waiwai-farm.co.jp/wpad/img/yasai_waku.png) no-repeat center top/cover;
	position:relative;
	padding-top:66.66%;
	}

.kodawari_catch section{ position:absolute; top:15em; left:0; right:0; margin:0 auto; width:800px; font-size:1.3em;}
.kodawari_catch section p{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}
.kodawari_catch section p:first-of-type{
	color:#000;
	font-size:3em;
	text-align:center;
	margin-bottom:.6em;
	line-height:1.3em;
	}
.kodawari_catch section p:nth-of-type(2){ line-height:1.8em;}
.kodawari_catch section p:nth-of-type(2) span{ color:#060; font-size:1.2em;}

.kodawari_yasai, .kodawari_niku, .kodawari_sakana{
	width:100%;
	padding:10em 5%;
	}

.kodawari_yasai{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_yasai.jpg) no-repeat right 50%;}
.kodawari_niku{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_niku.jpg) no-repeat left 50%;}
.kodawari_sakana{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_sakana.jpg) no-repeat right 50%;}

.kodawari_yasai div, .kodawari_niku div, .kodawari_sakana div{ background:rgba(255,255,255,.6); padding:2em; min-height:300px; border-radius:8px; width:800px; font-size:1.1em;}
.kodawari_yasai div{ border:4px solid #093;}
.kodawari_niku div{ margin:0 0 0 auto; border:4px solid #C66;}
.kodawari_sakana div{ border:4px solid #09C;}

.kodawari_yasai div h3, .kodawari_niku div h3, .kodawari_sakana div h3{ font-size:1.8em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; padding:.5em .5em .5em 2.5em;}
.kodawari_yasai div h3{ color:#060; background:url(http://waiwai-farm.co.jp/wpad/img/kodab_yasai.png) no-repeat left 50%;}
.kodawari_niku div h3{ color:#C33; background:url(http://waiwai-farm.co.jp/wpad/img/kodab_sakana.png) no-repeat left 50%;}
.kodawari_sakana div h3{ color:#069; background:url(http://waiwai-farm.co.jp/wpad/img/kodab_niku.png) no-repeat left 50%;}

.greeting{ padding:10em 0; font-size:1.2em; background:#D6EBD6;}
.greeting h3{ font-size:1.8em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; padding:.5em 2.5em; color:#F60; background:url(http://waiwai-farm.co.jp/wpad/img/aisatsu_r.png) no-repeat right 50%, url(http://waiwai-farm.co.jp/wpad/img/aisatsu_l.png) no-repeat left 50%; display:table; margin:0 auto 1em;}

.greeting div{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.greeting div article{ width:52%; padding:2em 2%; border-radius:8px; background-color:#FFF;}
.greeting div article p:first-of-type{ color:#096; font-size:2em; font-family: 'Noto Serif JP', serif; margin-bottom:.5em; line-height:1.2em;}
.greeting div article p:nth-of-type(2){ margin-bottom:1em;}

.greeting div figure{ width:43%; margin-left:5%;}
.greeting div figure img{ width:100%;}

/*生産者紹介*/

.seisan_syokai{ width:100%; padding:6em 0; font-size:1.1em;}

.seisan_syokai h3{ font-size:2em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; padding:.5em 2.5em; color:#063; background:url(http://waiwai-farm.co.jp/wpad/img/seisan_r.png) no-repeat right 50%, url(http://waiwai-farm.co.jp/wpad/img/seisan_l.png) no-repeat left 50%; display:table; margin:0 auto 1em;}

.seisan_area{ display:flex; flex-wrap:wrap;}
.seisan_area div{ width:31%; margin:0 0 2em 2%;}
.seisan_area figure{ text-align:center; padding:1em 2%;}
.seisan_area h4{ color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-size:1.1em; padding:.5em; border-radius:4px; background-color:#063; display:table; margin:0 auto 1em;}
.seisan_area p{ width:90%; margin:0 auto; border:4px solid #7FCCB2; border-radius:8px; padding:1em;}
.seisan_area p a{ color:#063 !important; text-decoration:underline !important;}
.seisan_area p a:hover{ text-decoration:none !important;}

@media only screen and (max-width: 1500px) {
	
	.kodawari_catch section{ top:10%;}
	
	}

@media only screen and (max-width: 1280px) {
	
	.greeting div{ width:96%;}
	
	}


@media only screen and (max-width: 1100px) {
	
	.kodawari_catch section p:first-of-type{ font-size:2em;}
    .kodawari_catch section p:nth-of-type(2){ font-size:.8em;}
	
	}

@media only screen and (max-width: 900px) {
	
	.kodawari_catch section{ position:inherit; margin:0 auto; width:90%;}
	.kodawari_catch{ padding:3em 0; background:url(http://waiwai-farm.co.jp/wpad/img/yasai_waku_siro.png) no-repeat center top/cover;}
	
	.kodawari_yasai{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_yasai.jpg) no-repeat center/cover;}
    .kodawari_niku{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_niku.jpg) no-repeat center/cover;}
    .kodawari_sakana{ background:url(http://waiwai-farm.co.jp/wpad/img/koda_sakana.jpg) no-repeat center/cover;}
	.kodawari_yasai div, .kodawari_niku div, .kodawari_sakana div{ width:90%; background:rgba(255,255,255,.8);}
	
	.greeting{ padding:3em 0;}
	.greeting div{ display:inherit; flex-wrap:inherit;}
	.greeting div article{ width:90%; margin:0 auto 2em;}
    .greeting div figure{ width:100%; margin-left:0; text-align:center;}
    .greeting div figure img{ width:auto;}
	
	}

@media only screen and (max-width: 600px) {
	
	.kodawari_catch section p:first-of-type{ font-size:1.4em; text-align:left;}
    .kodawari_catch section p:nth-of-type(2){ font-size:.7em;}
	
	.kodawari_yasai, .kodawari_niku, .kodawari_sakana{ height:0; padding:66% 0 0; position:relative;}
	.kodawari_yasai div, .kodawari_niku div, .kodawari_sakana div{ position:absolute; border:0; width:100%; bottom:0; border-radius:0; padding:1em 1em 2em; font-size:.9em; background:rgba(255,255,255,1); min-height:auto;}
	
	.greeting div article p:first-of-type{ font-size:1.6em;}
    .greeting div article p:nth-of-type(n+2){ font-size:.8em;}
	.greeting div figure{ width:80%; margin:0 auto;}
    .greeting div figure img{ width:100%;}
	
	}


/*
=============================================================================================================================
店舗紹介
=============================================================================================================================
*/

.shop_data, .gallery{ display:flex; flex-wrap:wrap; width:1080px; margin:0 auto 2em; padding-top:4em;}

.shop_data dl{ width:55%; font-size:1.1em;}
.shop_data dl dt{ padding-left:.5em; font-weight:bold;}
.shop_data dl dd{ margin:-2.2em 0 1.5em 0; padding:.5em .5em .8em 8em; border-bottom:1px solid #CCC;}
.shop_data figure{ width:40%; margin:0 0 0 5%;}
.shop_data figure img{ width:100%;}

.feature section{ margin:0 auto 2em; width:1080px; font-size:1.1em;}
.feature section:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
　　visibility:hidden;
}
.feature section h3{ width:100%; background:#D6EBD6; padding:1em; font-size:1.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:1em;}
.feature section div{ width:50%;}
.feature section div p{ padding:.5em 1.5em; font-size:1.1em;}
.feature section figure { width:45%;}
.feature section figure img{ width:100%;}

.feature section:nth-of-type(odd) div, .feature section:nth-of-type(even) figure{ float:left;}
.feature section:nth-of-type(odd) figure, .feature section:nth-of-type(even) div{ float:right; margin-left:5%;}

.gallery figure{ width:32%; margin:0 0 2em 2%;}
.gallery figure img{ width:100%;}
.gallery figure:first-of-type{ margin:0 0 2em 0 !important;}


@media only screen and (max-width: 1100px) {
	
	.shop_data, .gallery, .feature section{ width:96%;}
	
	}

@media only screen and (max-width: 600px) {
	
	.shop_data dl, .feature section div{ width:100%; margin-bottom:1em;}
    .shop_data figure, .feature section figure{ width:90%; margin:0 auto;}
	.feature section:nth-of-type(odd) div, .feature section:nth-of-type(even) figure{ float:none;}
    .feature section:nth-of-type(odd) figure, .feature section:nth-of-type(even) div{ float:none; margin-left:auto;}
	
	.gallery figure{ width:49%; margin:0 0 2em 2%;}
	.gallery figure:last-of-type{ margin:0 0 2em 25.5%;}
	
	}

/*
=============================================================================================================================
生産者募集
=============================================================================================================================
*/

.seisan1, .seisan2, .seisan3, .gaiyo, .re_list, .re_yoko{ margin:0 auto 2em; width:1080px; font-size:1.1em; padding-top:4em;}
.seisan1:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
　　visibility:hidden;
}
.seisan1 h3, .seisan2 h3, .seisan3 h3, .gaiyo h3, .re_list h3, .re_yoko h3{ width:100%; background:#D6EBD6; padding:1em; font-size:1.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:1em;}
.seisan1 div{ width:50%; float:left;}
.seisan1 div p{ padding:.5em 1.5em; font-size:1.1em;}
.seisan1 figure { width:45%; float:right;}
.seisan1 figure img{ width:100%;}

.seisan2 p, .seisan3 p{ padding:.5em 1.5em; font-size:1.1em; margin-bottom:.5em;}
.seisan2 table, .seisan2 table th, .seisan2 table td{ border:1pxs solid #999; border-collapse:collapse;}
.seisan2 table{ width:96%; margin:0 auto;}
.seisan2 table th, .seisan2 table td{ padding:1em;}
.seisan2 table th{ width:15%; vertical-align:middle;}　

.hin_yasai{ background:#E5F5E5; color:#060;}
.hin_kudamono{ background:#E5FAF5; color:#096;}
.hin_niku{ background:#FFEFEF; color:#F66;}
.hin_kaisan{ background:#E5F5FA; color:#09C;}
.hin_hanaki{ background:#FFF5EA; color:#F60;}
.hin_sozai{ background:#F5EFEA; color: #930;}
.hin_kogei{ background:#EAEAFA; color: #636;}
.hin_kome{ background:#EAEAEA; color: #333;}
.hin_tokusan{ background:#E5EAF5; color: #039;}



.seisan3{ padding-bottom:4em;}
.seisan3 h4{ font-size:1.3em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; color:#30a282; margin:0 auto .5em; border-bottom:1px dotted #30a282; padding:.5em; width:96%;}
.seisan3 a:first-of-type{ padding:0 .5em 0 1.6em; color:#063; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; display:table; margin:0 auto; font-size:2.4em; background:url(http://waiwai-farm.co.jp/wpad/img/seisan_tel.gif) no-repeat left 50%;}
.seisan3 a:nth-of-type(2){ color:#FFF; font-size:1.3em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; background-color:#063; border-radius:4px; padding:.5em; margin:0 auto; display:table;}
.seisan3 a:nth-of-type(2):hover{ background-color:#096;}
.seisan3 p:nth-of-type(2){ text-align:center; font-weight:bold;}
.seisan3 p:nth-of-type(3){ margin-left:.5em;}

@media only screen and (max-width: 1100px) {
	
	.seisan1, .seisan2, .seisan3, .gaiyo, .re_list, .re_yoko{ width:96%;}
	
	}

@media only screen and (max-width: 600px) {
	
	.seisan1 div{ width:100%; margin-bottom:1em;}
    .seisan1 figure{ width:90%; margin:0 auto;}
	.seisan1 div, .seisan1 figure{ float:none; margin-left:auto;}
	
	.seisan2 table th, .seisan2 table td{ padding:.5em;}
    .seisan2 table th{ width:4em;}
	
	}

/*
=============================================================================================================================
会社概要
=============================================================================================================================
*/

.rinen{ font-size:1.4em !important; font-family: 'Noto Serif JP', serif; width:90%; margin:0 auto; padding:0 !important;}

.gaiyo table, .gaiyo table th, .gaiyo table td, .re_list table, .re_list table th, .re_list table td, .re_yoko table, .re_yoko table th, .re_yoko table td{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:none !important; border-right:none !important; border-collapse:collapse; }
.gaiyo table, .re_list table, .re_yoko table{ width:96%; margin:0 auto;}
.gaiyo table th, .gaiyo table td, .re_list table th, .re_list table td, .re_yoko table th, .re_yoko table td{ padding:1.5em 1em;}
.gaiyo table th{ font-weight:bold; width:20%;}

/*
=============================================================================================================================
採用情報
=============================================================================================================================
*/

.re_list, .re_yoko{ padding-bottom:4em;}
.re_list div{ display:flex; flex-wrap:wrap;}
.re_list div p{ width:49%; margin-left:1%;}
.re_list figure { width:45%; margin-left:5%;}
.re_list figure img{ width:100%;}

.re_list h4{ font-size:1.3em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; color:#30a282; margin:0 auto .5em; border-bottom:1px dotted #30a282; padding:.5em; width:96%;}

.re_list table th{ background-color:#066; width:30%;}
.re_list table th a{ color:#FFF; font-weight:normal;}
.re_list table th a:hover{ text-decoration:underline;}
.re_list table td a{ color:#063; text-decoration:underline;}
.re_list table td a:hover{ text-decoration:none;}

.re_yoko table{ margin-bottom:1.5em !important;}
.re_yoko th{ width:20%; background-color:#F2F2F2; font-weight:bold;}
.re_yoko td a{ color:#063; text-decoration:underline;}
.re_yoko td a:hover{ color:#069; text-decoration:none;}

.to_form{ color:#FFF; font-size:1.3em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; background-color:#063; border-radius:4px; padding:.5em; margin:0 auto; display:table;}

/*店ページ用*/

.ten_rec section{ margin:0 auto 2em; width:1080px; font-size:1.1em; padding-bottom:4em;}
.ten_rec section h3{ width:100%; background:#D6EBD6; padding:1em; font-size:1.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:1em;}
.ten_rec section p{ margin:0 0 1em 1em;}
.ten_rec section a{ border:1px solid #093; color:#093; padding:1em; margin:0 auto 1em; width:96%; display:block;}
.ten_rec section a:hover{ text-decoration:underline;}

@media only screen and (max-width: 1100px) {
	
	.ten_rec section{ width:96%;}
	
	}

@media only screen and (max-width: 600px) {
	
.re_list div p{ width:100%; margin-left:0;}
.re_list figure { width:60%; margin:0 auto 2em;}
	
	}


/*
=============================================================================================================================
お問い合わせ
=============================================================================================================================
*/

.toiawase, .thanks{ width:1080px; margin:0 auto; padding:4em 0;}
.toiawase p, .thanks p{ font-size:1.1em; margin:0 0 2em 3em;}
.thanks a{ display:table; margin:0 auto 2em; color:#063; text-decoration:underline;} 
.thanks a:hover{ text-decoration:none;} 

@media only screen and (max-width: 1100px) {
	
	.toiawase, .thanks{ width:96%;}
	
	}