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


/*=================================================
いちご狩りページ
=================================================*/
/*
h4.title_t{
	font-size: 32px;
	color: #B94A2E;
	text-align: center;
	margin: 0 auto 30px;
}
h5.title_s{
	font-size: 25px;
	color: #B94A2E;
	text-align: center;
}
*/
h4.title_t{
	text-align: center;
	margin: 0 auto 30px;
}
h4.title_t img{
	height: 34px;
	width: auto;
}
h5.title_s{
	text-align: center;
	margin: 0 auto 20px;
}
h5.title_s img{
	height: 25px;
	width: auto;
}
h5.taiken_title{
	text-align: center;
	font-size: 24px;
}
ul li{
	list-style: none;
}
ul{
	padding: 0;
}


/*リンクボタン*/
.btm_box .btn_blue{
	max-width: 340px;
	margin-bottom: 0;
}
h4.title_t.two_steps img{
	height: 80px;
	width: auto;
}
/*
.btm_box_group{
	display: flex;
	justify-content: space-between;
}
*/


@media screen and (min-width: 769px){
	.br_sp{
		display: none;
	}
}
@media screen and (max-width: 768px){
	h4.title_t img{
		height: 28px;
	}
	h4.title_t.two_steps img{
		height: 68px;
	}
	h5.title_s img{
		height: 24px;
	}
	.corner {
		padding: 0 20px;
	}
	/*
	.btm_box_group{
		display: block;
	}
	.btm_box_group .btm_box{
		margin-bottom: 20px;
	}
	*/
}


/*=================================================
那須のいちご摘み取り体験
=================================================*/
.main_box_b{
	margin: 0 auto 40px;
}
.main_text_box{
	display: flex;
	justify-content: space-between;
}
.main_text{
	text-align: start;
	background-image: url("images/main_bg.png");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
	padding-left: 3em;
}
.main_v img{
	width: 100%;
}
.main_img{
	/*max-width: 50%;*/
	width: 100%;
}
/*
.btm_box_group .btn_blue{
	margin: 0 auto;
	width: 100%;
}
@media screen and (min-width: 769px){
	.main_img.dogs{
		order: 2;
	}
	.btm_box.group{
		width: 48%;
	}
}
@media screen and (max-width: 1024px){
*/
@media screen and (max-width: 768px){
	.main_text{
		padding-left: 0;
	}
	.main_text_box{
		flex-direction: column;
		background-image: none;
	}
	.main_img{
		max-width: 100%;
	}
	.main_v .main_img img{
		padding-bottom: 32px;
	}
	.main_text{
		max-width: 100%;
	}
}
/*
@media screen and (max-width: 768px){
	.main_text_box{
		flex-direction: column;
		background-image: none;
	}
	.main_img{
		max-width: 100%;
	}
	.main_v .main_img img{
		padding-bottom: 32px;
	}
	.main_text{
		max-width: 100%;
	}
}
*/


/*=================================================
収穫できる品種
=================================================*/
.variety{
	background-color: #FBF9F3;
	width: 100%;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 60px;
	padding-bottom: 60px;
}
ul.variety_ichigo{
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding: 0;
}
ul.variety_ichigo li {
	width: 22%;
}
ul.variety_ichigo li img{
	width: 100%;
	padding-bottom: 1em;
}
ul.variety_ichigo span{
	font-size: 18px;
	font-weight: bold;
}
ul.variety_ichigo p{
	padding-top: 0.5em;
	line-height: 1.8;
	text-align: start;
}


/*=================================================
収穫時期
=================================================*/
.season{
	display: flex;
	justify-content: center;
}
.season img{
	height: 100%;
}
.season_text{
	background-color: #fff;
	text-align: center;
	padding: 2em;
}
.season_text p{
	margin: 0;
}
.season_text span{
	font-size: 22px;
	font-weight: bold;
	color: #554444;
}


/*=================================================
kumagai
=================================================*/
.season_img {
	width: 40%;
	background: url("images/season_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 768px){
	.season_img {
		width: 100%;
		height: 25vh;
	}
}


@media screen and (min-width: 769px){
	.kodawari_text p{
		margin: 0;
	}
	.title_list img{
		padding-right: 10px;
	}
}
@media screen and (max-width: 768px){
	.season{
		display: block;
		height: auto;
	}
	.season_text{
		background-color: #fff;
		text-align: center;
		padding: 2em 20px;
	}
	.season img{
		width: 100%;
	}
	ul.variety_ichigo{
		display: block;
		column-count: 2;
	}
	ul.variety_ichigo li{
		width: 98%;
	}
}


/*=================================================
体験料金
=================================================*/
.fee{
	background: url("images/fee_bg.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 60px;
	padding-bottom: 60px;
}
.fee_box{
	text-align: center;
}
.fee li span{
	font-size: 18px;
	/*font-weight: bold;*/
	color: #554444;
}
.fee h5.taiken_title{
	margin: 1.5em auto 0;
	color: #554444;
}
.fee .attention_p{
	text-align: center;
	line-height: 2;
}
.plan_box{
	max-width: 816px;
	margin: auto;
}
.plan_box li{
	margin-bottom: 25px;
}
.plan_box img{
	width: 100%;
}
@media screen and (max-width: 768px){
	.fee .attention_p{
		text-align: start;
	}
}


/*=================================================
カフェ
=================================================*/
.cafe{
	background-color: #FBF9F3;
	width: 100%;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.cafe_box{
	display: flex;
	justify-content: space-between;
}
.cafe_box img{
	width: 100%;
}
.cafe_text_box{
	display: block;
	padding-left: 3em;
}
@media screen and (max-width: 768px){
	.cafe_box{
		display: block;
	}
	.cafe_box img{
		width: 100%;
		padding-bottom: 2em;
	}
	.cafe_text_box{
		padding-left: 0;
	}
}


/*ヘッダー修正*/
.mainvisual ul > li:nth-child(2){
	background: none;
}
.h2_title{
	max-width: 300px;
	width: 100%;
}
@media screen and (max-width: 768px){
	.h2_title{
		max-width: 300px;
		width: 100%;
	}
	.h2_title img{
		width: 100%;
	}
}