/* 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;
}
/*
=============================================================================================================================
初期値リセット
=============================================================================================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
caption{font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
figure{ margin:0; padding:0;}

body{
font:14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
}
a { text-decoration:none; color:#252525;}

/*
#p-index a,
#p-index a:hover img {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}
*/

header:after, section:after, aside:after, footer:after{ content: "";display:table; clear:both;}
/*img { max-width:100%;}*/

/**** 番号 ****/
a[href^="tel:"] { pointer-events:none;}
@media only screen and (max-width: 840px){a[href^="tel:"] { pointer-events:auto;}	}

/*ヘッダー
--------------------------------------*/

header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(http://waiwai-farm.co.jp/wpad/img/menu_haikei.png);
	height:76px;
	z-index:10000;
	}

header div{
	margin:0 auto;
	position:relative;
	}

header h1{
	padding:10px 0 0 35px;
	width:390px;
	position:absolute;
	z-index:60000;
	}

.title_a{
	display:block;
	width:390px;
	height:48px;
	}

@media only screen and (max-width: 1230px) {
	
	header{
	position:absolute;
	background:none;
	height:auto;
	}

header div{ width:100%;}
header h1{ display:none;}

}


/*ボタン*/

.to_contact{ position:fixed; top:90px; right:20px; width:126px; z-index:10000;}

.to_open{ position:fixed; top:230px; right:20px; width:126px; z-index:10000;}

@media only screen and (max-width: 1230px) {
	
	.to_contact,.to_open{ display:none !important;}
	
}

/* スライドエリア
------------------------------------------------------------*/

.sl-scrn{
	width:100%;
	height:800px;
	position:absolute;
	z-index:500;
	top:0;
	}

.slide{
	width:100%;
	height:800px !important;
	margin:0;
	}

.sl-scrn div{
	width:514px;
	background:url(http://waiwai-farm.co.jp/wpad/img/slh2_bk.png) no-repeat center top;
	margin:0 auto;
	color:#FFF;
	font-family: 'Noto Serif JP', serif;
	position:absolute;
	top:150px;
	left:20px;
	padding:50px 40px 120px 40px;
	}

.sl-scrn div h2{ margin-bottom:20px; width:80%; margin:0 auto 20px;}
.sl-scrn div img{ width:100%;}
.sl-scrn div p{ font-size:1.1em; width:80%; margin:0 auto;}

@media only screen and (max-width: 1230px) {
	
	.slide{ height:0 !important; padding-top:46.66%;}
	
	.sl-scrn{ position:inherit; height:auto;}

.sl-scrn div{
	width:100%;
	position:inherit;
	top:0;
	left:0;
	padding:2em;
	background:rgba(0,153,102,.8);
	}
	
	.sl-scrn div h2{ width:auto; margin:0 auto;}
.sl-scrn div img{ width:auto;}
.sl-scrn div p{ font-size:1.1em; width:auto;}
	
	/*.sl-scrn h2{ width:96%; padding-top:0; position:absolute; bottom:30px; left:0; right:0;}
	.sl-scrn h2 img{ width:59.81%;}*/
	
	}

@media only screen and (max-width: 900px) {
	

	}

/*宣伝枠*/


.ooki_bosyu{ padding:4em; background-color:#FFF;}
.ooki_waku{ width:1200px; margin:0 auto;}
.ooki_waku div{ width:65%; float:left;}
.ooki_waku div h3{ color:#093; font-size:2.4em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:.5em;}
.ooki_waku div p{ margin-bottom:.5em; font-size:1.2em; line-height:1.8em;}
.ooki_waku div p span{ color:#C00; font-weight:bold;}
.ooki_waku div a{ color:#FFF; background-color:#093; font-size:1.2em; padding:.5em 2em; margin:0 auto 1em; display:table;}

.ooki_waku figure{ width:30%; float:left;}
.ooki_waku figure a{ width:100%; display:block;}
.ooki_waku figure a img{ width:100%;}

@media only screen and (max-width: 1300px) {
	
	.ooki_waku{ width:96%;}
	
	}

@media only screen and (max-width: 900px) {
	
	.ooki_waku div{ width:100%; float:none; margin-bottom:1.5em;}
	.ooki_waku figure{ width:80%; float:none; margin:0 auto;}
	
	}


@media only screen and (max-width: 600px) {
	
	.ooki_waku div h3{ font-size:1.8em;}
	
	}


/* トップページコンテンツ
------------------------------------------------------------*/


.t-cont{ width:100%; position:relative; padding-bottom:6em;}
.t-cont section{ margin-bottom:40px;}

.t-building, .f-building{
	width:100%;
	background-repeat:repeat-x;
	position:absolute;
	top:-63px;
	z-index:1000;
	}

.t-building{ background-image:url(http://waiwai-farm.co.jp/wpad/img/sl-building.png); height:67px;}

.t-cont section h3{
	width:100%;
	text-align:center;
	margin-bottom:40px;
	}

/*トップこだわり*/

.t_kodawari{ background:url(http://waiwai-farm.co.jp/wpad/img/t_midashi.gif); width:100%; display:flex; flex-wrap:wrap; padding:90px 0 80px;}
.t_kodawari div{ width:45%; margin-left:10%; color:#FFF; padding:2em 0 150px; background: url(http://waiwai-farm.co.jp/wpad/img/midashi_p1.png) no-repeat top 20px right 20%, url(http://waiwai-farm.co.jp/wpad/img/midashi_p2.png) no-repeat left 15% bottom 20%, url(http://waiwai-farm.co.jp/wpad/img/midashi_p3.png) no-repeat bottom 20% right 15%;}
.t_kodawari div p:first-of-type{ font-size:3em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:.6em; line-height:1.2em;}
.t_kodawari div p:first-of-type span{ font-size:1.5em; color:#FC3;}
.t_kodawari div p:nth-of-type(2){ margin-bottom:2em; font-size:1.1em;}
.t_kodawari div a{ color:#FFF; padding:.8em 1em; border:1px solid #FFF; border-radius:60px; font-size:1.6em; display:table; margin:0 auto;}
.t_kodawari div a:hover{ background:#FFF; color:#063;}

.t_kodawari figure{ width:43%; background:url(http://waiwai-farm.co.jp/wpad/img/midashi_sl1.jpg) no-repeat top center/cover; margin-left:2%;}


@media only screen and (max-width: 1230px) {
	
	.t_kodawari div{ width:58%; margin-left:2%; background:url(http://waiwai-farm.co.jp/wpad/img/midashi_p1.png) no-repeat top 20px right 5%/100px, url(http://waiwai-farm.co.jp/wpad/img/midashi_p2.png) no-repeat left 5% bottom 20%/100px, url(http://waiwai-farm.co.jp/wpad/img/midashi_p3.png) no-repeat bottom 20% right 5%/100px;}
	
	.t_kodawari figure{ width:38%; background:url(http://waiwai-farm.co.jp/wpad/img/midashi_sl1.jpg) no-repeat top center/cover; margin-left:2%;}
	
}

@media only screen and (max-width: 900px) {
	
.t_kodawari{ display:inherit; flex-wrap:inherit;}

.t_kodawari div{ width:90%; margin:0 auto; padding:2em 0 100px;}

.t_kodawari figure{ width:90%; margin:0 auto; height:0; padding-top:60%;}
	
}

@media only screen and (max-width: 600px) {
	
.t_kodawari div{ background:none;}
	
}

/*店舗紹介*/

.t_h3_area{ padding:100px 0 80px; text-align:center; background:url(http://waiwai-farm.co.jp/wpad/img/vegi1.jpg) no-repeat left 50%, url(http://waiwai-farm.co.jp/wpad/img/vegi2.jpg) no-repeat right 50%;}
.t_h3_area2{ padding:100px 0 80px; text-align:center;}
.t_h3_area figure, .t_h3_area2 figure{ margin-bottom:1.5em; width:100%;}
.t_h3_area h3, .t_h3_area2 h3{ margin-bottom:1.5em; width:100%; color:#41281B; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-size:2em;} 

@media only screen and (max-width: 1120px) {
	
.t_h3_area{ background:url(http://waiwai-farm.co.jp/wpad/img/vegi1.jpg) no-repeat left -30% top 50%, url(http://waiwai-farm.co.jp/wpad/img/vegi2.jpg) no-repeat right -30% top 50%;}
	
}

@media only screen and (max-width: 800px) {
	
.t_h3_area{ background:none;}
	
}

.tenpo{ background:#E4DBD6; padding:60px 0;}
.tenpo_fukuoka, .tenpo_saga{ width:1150px; margin:0 auto;}
.tenpo_fukuoka h4, .tenpo_saga h4{ display:table; padding:.5em 1em; background-color:#FFF; margin:0 auto 1.2em; border-radius:60px; font-size:1.5em;}
.tenpo_fukuoka h4{ color:#060; border:1px solid #060;}
.tenpo_saga h4{ color:#069; border:1px solid #069;}
.tenpo_fukuoka article, .tenpo_saga article{ display:flex; flex-wrap:wrap;}
.tenpo_fukuoka article div, .tenpo_saga article div{ width:32%; text-align:center; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:2em;}

/*.tenpo_saga article div:first-of-type{ margin-left:17.5%;}*/

.tenpo_fukuoka article div a, .tenpo_saga article div a{ display:block; height:0; padding-top:71.11%; position:relative;  border-radius:8px 8px 0 0 /8px 8px 0 0; font-size:1.2em; margin-bottom:1em;}
.tenpo_fukuoka article div a span, .tenpo_saga article div a span{ position:absolute; bottom:0; left:0; width:100%; padding:.5em 0; color:#FFF;}

.tenpo_fukuoka article div a span, .tenpo_saga article div:first-of-type a span{ background:rgba(63,140,63,.8);}
.tenpo_saga article div:nth-of-type(n+2) a span{ background:rgba(0,102,153,.8);}

.tenpo_fukuoka article div:nth-of-type(n+2), .tenpo_saga article div:nth-of-type(n+2){ margin-left:2%;}

.tenpo_fukuoka article div:first-of-type a{ background:url(http://waiwai-farm.co.jp/wpad/img/t_shop1.jpg) no-repeat center top/cover,#FFF;}
.tenpo_fukuoka article div:nth-of-type(2) a{ background:url(http://waiwai-farm.co.jp/wpad/img/t_shop2.jpg) no-repeat center top/cover,#FFF;}
.tenpo_fukuoka article div:nth-of-type(3) a{ background:url(http://waiwai-farm.co.jp/wpad/img/t_shop3.jpg) no-repeat center top/cover,#FFF;}

/*大木店を佐賀の段の左に追加*/

.tenpo_saga article div:first-of-type a{ background:url(http://waiwai-farm.co.jp/wpad/img/t_shop6.jpg) no-repeat center top/cover,#FFF;}
.tenpo_saga article div:nth-of-type(2) a{ background:url(http://waiwai-farm.co.jp/wpad/img/sag_p1.jpg) no-repeat center top/cover,#FFF;}
.tenpo_saga article div:nth-of-type(3) a{ background:url(http://waiwai-farm.co.jp/wpad/img/t_shop5.jpg) no-repeat center top/cover,#FFF;}


.tenpo_fukuoka article div:hover a span, .tenpo_saga article div:first-of-type:hover a span{ background:rgba(0,102,0,.8); color:#FC0;}
.tenpo_saga article div:nth-of-type(n+2) a span{ background:rgba(0,51,153,.8); color:#FC0;}

@media only screen and (max-width: 1240px) {
	
.tenpo_fukuoka, .tenpo_saga{ width:96%;}

}

@media only screen and (max-width: 800px) {
	
.tenpo_fukuoka article div, .tenpo_saga article div{ width:49%; margin-bottom:2em;}
.tenpo_saga article div:first-of-type{ margin-left:0;}
.tenpo_fukuoka article div:nth-of-type(3){ margin-left:0;}

}

@media only screen and (max-width: 500px) {
	
.tenpo_fukuoka article div, .tenpo_saga article div{ width:90%; margin:0 auto 2em;}
.tenpo_saga article div:first-of-type{ margin-left:auto;}
.tenpo_fukuoka article div:nth-of-type(3){ margin-left:auto;}
.tenpo_fukuoka article div:nth-of-type(n+2), .tenpo_saga article div:nth-of-type(n+2){ margin-left:auto;}

}

/*お知らせ＆トピックス*/

.oshirase dl, .oshirase div{ width:700px; margin:0 auto;}
.oshirase dl dt{ padding-left:2em; color:#3F2619; text-align:left;}
.oshirase dl dd{ border-bottom:1px dotted #3F2619; margin:-1.6em 0 1.5em 0; padding:0 1em 1em 12em; background:url(http://waiwai-farm.co.jp/wpad/img/news_yaji.gif) no-repeat right 30%; text-align:left;}
.oshirase div{ position:relative;}
.oshirase div a{ display:table; padding:.4em 3em; background:url(http://waiwai-farm.co.jp/wpad/img/new_yaji.png) no-repeat 15px 50%, #7A4C32; color:#FFF; border-radius:30px; position:absolute; right:0;}
.oshirase div:hover a{ color:#FC0;}

@media only screen and (max-width: 800px) {
	
.oshirase dl, .oshirase div{ width:96%;}
.oshirase dl dd{ padding:0 2em 1em 10em;}

}

/*生産者様募集*/

.seisann_bosyu{ background:#EBF5E6; padding-bottom:60px;}

.bosyu_head{ display:flex; flex-wrap:wrap; position:relative; margin-bottom:60px;}
.bosyu_head div{ width:20%; height:420px;}
.bosyu_head div:first-of-type{ background:url(http://waiwai-farm.co.jp/wpad/img/seisan1.jpg) no-repeat top center/100% auto;}
.bosyu_head div:nth-of-type(2){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan2.jpg) no-repeat top center/100% auto;}
.bosyu_head div:nth-of-type(3){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan3.jpg) no-repeat top center/100% auto;}
.bosyu_head div:nth-of-type(4){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan4.jpg) no-repeat top center/100% auto;}
.bosyu_head div:nth-of-type(5){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan5.jpg) no-repeat top center/100% auto;}

.bosyu_head h3{ position:absolute; bottom:20px; width:100%; text-align:center;}

.seisann_bosyu p{ text-align:center; font-size:1.1em; margin-bottom:60px;}

.bosyu_lnk{ display:table; margin:0 auto;}
.bosyu_lnk a{ display:block;}

@media only screen and (max-width: 900px) {
	
.bosyu_head h3{ position:absolute; bottom:20px; width:90%; text-align:center; left:0; right:0; margin:0 auto;}
.bosyu_head h3 img{ width:100%;}

.bosyu_head div{ width:33.3%; height:0; padding-top:40%;}
.bosyu_head div:first-of-type{ background:url(http://waiwai-farm.co.jp/wpad/img/seisan1.jpg) no-repeat top center/cover;}
.bosyu_head div:nth-of-type(2){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan2.jpg) no-repeat top center/cover;}
.bosyu_head div:nth-of-type(3){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan3.jpg) no-repeat top center/cover;}
.bosyu_head div:nth-of-type(4){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan4.jpg) no-repeat top center/cover; margin-left:16.65%;}
.bosyu_head div:nth-of-type(5){ background:url(http://waiwai-farm.co.jp/wpad/img/seisan5.jpg) no-repeat top center/cover;}

}

@media only screen and (max-width: 600px) {
	
.seisann_bosyu p{ text-align:left; width:96%; margin:0 auto 60px;}
.seisann_bosyu p br{ display:none;}

.bosyu_lnk{ display:inherit; width:50%; margin:0 auto;}
.bosyu_lnk a{ width:100%;}
.bosyu_lnk a img{ width:100%;}

}

/*チラシ＆Facebook＆バナー*/

.tirashi_area{ display:flex; flex-wrap:wrap; width:1200px; margin:0 auto; padding:40px 0;}
.tirashi{ width:57%;}
.fb_area{ width:35%; margin-left:8%;}

.tirashi h3{ display:table; color:#41281B; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-size:2em; margin:0 auto; padding:40px 0 40px 80px; background:url(http://waiwai-farm.co.jp/wpad/img/t_sec3.gif) no-repeat left;}
.tirashi p{ text-align:center; margin-bottom:60px;}

.tirashi article{ display:flex; flex-wrap:wrap; font-size:.9em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}
.tirashi article div{ width:28%; margin:0 0 24px 8%;}
.tirashi article div:first-of-type, .tirashi article div:nth-of-type(4){ width:28%; margin:0 0 24px 0;}
.tirashi article div a{ display:block;}
.tirashi article div a img{ width:100%; height:auto}
.tirashi article div a:hover img{ opacity:0.7;}
.tirashi article time{ color:#F30; padding:.5em;}
.tirashi article div a:nth-of-type(2){ color:#FFF; background-color:#FF6633; border-radius:8px; padding:1em .5em;}
.tirashi article div a:nth-of-type(2):hover{ background-color:#F30;}

@media only screen and (max-width: 1240px) {
	
.tirashi_area{ width:96%;}

}

@media only screen and (max-width: 800px) {

.tirashi h3{ padding:100px 0 40px; background:url(http://waiwai-farm.co.jp/wpad/img/t_sec3.gif) no-repeat top center;}

.tirashi{ width:100%;}
.fb_area{ width:100%; margin-left:0;}

}


.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}


.heiten{
	border:1px solid red;
	display:table;
	color:red;
	padding:1em;
	margin:2em auto 1em;
}

/* フッター
------------------------------------------------------------*/

footer{ background:url(http://waiwai-farm.co.jp/wpad/img/footer_line.png) repeat-x top, url(http://waiwai-farm.co.jp/wpad/img/footer_bk.gif);}
.footer_area{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; padding:50px 0 0;}
.footer_area div:first-of-type{ text-align:center; color:#FFF; text-align:center; width:420px;}
.footer_area div:first-of-type img{ margin-bottom:20px;}
.footer_area div:nth-of-type(2){ width:680px;}
.footer_area div:nth-of-type(2) ul{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height:400px;}

.footer_area div:nth-of-type(2) ul li{ background:url(http://waiwai-farm.co.jp/wpad/img/footer_yaji.png) no-repeat left 10px; padding:.5em 0 .5em 40px; margin-bottom:1em;}
.footer_area div:nth-of-type(2) ul li a{ color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}
.footer_area div:nth-of-type(2) ul li a:hover{ color:#FF0; text-decoration:underline;}

.footer_area div:nth-of-type(2) ul li ul{ background:none; display:inherit; flex-wrap:inherit; flex-direction:inherit; height:auto; padding-top:1em;}
.footer_area div:nth-of-type(2) ul li ul li{ background:none; padding:.5em 0 0 20px;}

@media only screen and (max-width: 1240px) {
	
.footer_area{ width:96%;}
.footer_area div:first-of-type{ width:35.2%;}
.footer_area div:nth-of-type(2){ width:57.1%;}

}

@media only screen and (max-width: 900px) {

.footer_area{ display:inherit; flex-wrap:inherit;}
.footer_area div:first-of-type{ width:100%;}
.footer_area div:nth-of-type(2){ width:80%; margin:0 auto; padding-top:50px;}

.footer_area div:first-of-type img{ margin-bottom:0;}

}

@media only screen and (max-width: 500px) {

.footer_area div:nth-of-type(2){ width:100%;}

}