@charset "utf-8";
/* CSS Document */


/* トップスライド */
#slide{
	position:relative;
}
#slide #onslide{
	position:absolute;
	left: 10%;
    top: 45%;
	z-index:3;
}
#topimg{
	/*margin:3% auto 1%;*/
	}
#topimg p img{
	width:100%;
	height:100%;
	z-index:2;
	}

/* enjoy hakuryuko */
#group1{
	margin: 4% auto 0;
	display: flex;
	}
#group1 .contitem{
	/*margin-left:55px;*/
	}
#group1 .contitem .enjoy{
	color:#66391b;
	font-size:150%;
	font-weight:bold;
	line-height:150%;
	}
.enjoy2{
	color: #66391b;
    font-size: 330%;
    font-weight: 500;
    line-height: 130%;
    width: 100%;
    margin-left: 5%;
	}

.ira{
	text-align: center;
	font-size: 200%;
	line-height: 135%;
}
.ira2{
	text-align: center;
	font-size: 260%;
	line-height: 250%;
	color: #f00;
	font-weight:600;
}
	
/* 新着情報　News */
#news{
	margin:2% auto;
	background-color:rgba(179, 212, 102, .5);
	padding: 3%;
	text-align:center;
	border-top:dotted 4px #6a3a06;
	border-bottom:dotted 4px #6a3a06;
}
#news .newsarea{
	margin:3% auto 2%;
	text-align:left;
	font-size:110%;
	width:84%;
	}
#news .newsarea li span{
	font-weight:bold;
	margin-right:4%;
	}
#news .newsarea li{
	line-height:200%;
	border-bottom:1px dotted #6a3a06;
	}
#news .newsarea li:first-child{
	font-size:171%;
	/*margin-bottom:1%;*/
}
	
/* 園内のご案内　Guide */
.stripe{
	background:url(img/top/stripe.gif) repeat;
	}
#guide{
	margin-top:3%;
	padding:3% 0;
	text-align:center;
}
.guide-container {
	margin-top:3%;
  	display: flex;
  	flex-wrap: wrap;
}
#guide .guide-container .active{
	margin:0 3% 2% 0;
	}
	
/* フルーツ狩り */
#fruitpick{
	margin-top:3%;
	padding:3% 0;
	text-align:center;
}
.pick-container {
	margin-top:3%;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content:space-between;
}
#fruitpick .pick-container .pick1,
#fruitpick .pick-container .pick2{
	margin-bottom:2%;
	}
#fruitpick .pick-container .pick1{
	width:47%;
	background:url(img/top/bkbudou2.png) repeat-x;
	background-position: top;
	/*background-size: 406px 90px;*/
	}
#fruitpick .pick1 .sans-serif{
	margin-top:26%;
	}
.fruit-imgl{
	float:left;
	}

#fruitpick .pick-container .pick2{
	width:51%;
	text-align:left;
}
#fruitpick .pick2 .bkpink{
	background:#eb6977;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
	padding:10px;
	margin-bottom:2%;
	}
#fruitpick .pick2 ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

#fruitpick .pick2 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

#fruitpick .pick2 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
#fruitpick .pick2 p a img{
	margin-bottom:2%;
	}

/* ブログ　blog */
#blog{
	display: flex;
  	justify-content:space-between;
	margin-bottom: 6%;
	}
#blog .blogbox1{
	color:#FFF;
	width:20%;
	background:#6a3a06;
	padding:2%;
	margin-right:2%;
	}
#blog .blogbox1 h2{
	border-bottom:1px solid #a7865f;
	}
#blog .blogbox2{
	width:80%;
}
#blog .blogbox2 .blogcontainer{
  display: inline-flex;
	}
#blog .blogbox2 .blogcontainer li{
	margin-right:2%;
	}
b{
	font-weight:700;
	}

/*===============================================
 分岐
===============================================*/

@media (min-width: 64em) {
	#slide{
	margin-top: 86px;	
}

}

@media (max-width: 64em) {
#slide{
	margin-top: -24px;	
}
#slide #onslide img{
	width:57%;
	height:auto;
	}
#group1{
	width:95%;
	}
#group1 .imgl{
	float:none;
	}

/* 園内のご案内　Guide */
.guide-container {
 justify-content:space-around;
}

/* フルーツ狩り */
#fruitpick .pick-container .pick1{
	background-image:none;
	}

#fruitpick h2 .subtitle{
	font-size:70%;
	}
.pick-container {
  	display: block;
}

#fruitpick .pick-container .pick1{
	width:98%;
	}
#fruitpick .pick1 .sans-serif{
	margin-top:2%;
	}
#fruitpick .pick1 .imgl.spnone{
	display:none;
	}
.fruit-imgl{
	float:none;
	margin:0 auto;
	width:100%;
	}
#fruitpick .pick-container .pick2{
	clear:both;
	width:98%;
}

#blog .blogbox2 .blogcontainer{
  flex-wrap: wrap;
	}
	
}
@media (min-width: 30em) {	
.sp_br{
    display: none;
  }
}
@media (max-width: 30em) {	
#slide #onslide img{
	width:30%;
	height:auto;
	}
#topimg p img{
	width:98%;
}
	
#group1{
	display:block;
}
#group1 .contitem{
	margin-left:0;
}
#group1 .contitem .imgenjoy img{
	width:51%;
	height:auto;
	margin-top:2%;
	}
.guide-container {
  display: block;
}
.drawer.drawer--left.drawer--navbarTopGutter main #fruitpick .pick2 p{
	text-align:center;
	}


/* 園内のご案内　Guide */
.stripe{
	background-image:none;
	}

/* 新着情報 */
#news{
	padding:11% 3%;
}
#news .newsarea{
	width:95%;
	}

/* ブログ */
#blog .blogbox2 .blogcontainer{
	text-align:center;
	}
#blog .blogbox2 .blogcontainer{
  display: block;
	}
}

@media screen and (max-width: 959px) {
.enjoy2{
	line-height:150%;
	font-size:210%;
	margin-left: 2%;
	}
.iraira{
	font-size: 150%;
}
}
@media screen and (max-width: 559px) {
.enjoy2{
	color:#66391b;
	font-size:113%;
	margin-left:0%;
	}
}