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


/* =========================================================
　料金
========================================================= */


/* カテゴリータイトル
--------------------------------------------------------- */
.c_title::before {
	content: "Information";
}
@media screen and (max-width:767px) {
	.c_title {
		background: url(../common/img/category_title.png) no-repeat center bottom, url(images/category_title_bg.jpg) no-repeat center center;
		background-size: 220px auto, cover;
	}
}
@media screen and (min-width:768px) , print {
	.c_title {
		background: url(../common/img/category_title.png) no-repeat center bottom, url(images/category_title_bg.jpg) no-repeat center center;
		background-size: 340px auto, cover;
	}
}


/* ページ設定
--------------------------------------------------------- */

@media screen and (max-width:767px) {
	.corner_box {
		padding: 0 10px;
		
	}
	.corner_box h3 {
		font-size: 160%;
		font-weight: bold;
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd;
		padding: .4em 0;
		text-align: center;
	}
	.note {
		text-align: center;
		margin-bottom: 2em;
	}
}
@media screen and (min-width:768px) , print {
	.corner_box {
		max-width: 1000px;
		margin: 0 auto;
	}
	.corner_box h3 {
		font-size: 160%;
		font-weight: bold;
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd;
		padding: .4em 0;
		text-align: center;
	}
	.note {
		text-align: center;
		margin-bottom: 2em;
	}
	.memo {
		font-size: 80%;
		margin-bottom: 4em;
	}
}

.kaisei-tokumin-regular {
  font-family: "Kaisei Tokumin", serif;
  font-weight: 400;
  font-style: normal;
}
/*h4_タイトルフォント設定*/
.ichigo_title{
	font-size: 35px;
	text-align: center;
	color: #c39000;
	font-family: "Kaisei Tokumin", serif;
  	font-weight: 700;
  	font-style: normal;
	margin-bottom: 10px;
	line-height: 1.5;
}
/*h5_サブタイトルフォント設定*/
.sab-title{
	text-align: center;
	font-size: 24px;
	color: #fb607f;
	font-family: "Kaisei Tokumin", serif;
  	font-weight: 700;
  	font-style: normal;
	position: relative;
    padding: 0 55px;
}
.sab-title:before,
.sab-title:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 35%;
    height: 2px;
    background-color: #fb607f;
}
.sab-title:before {
    left: 0;
}
.sab-title:after {
    right: 0;
}
.brand_box{
	padding: 10px 2em 40px;
}
.brand_box .sab-title{
	margin: 30px 0 20px;
}
.calendar_img .sab-title{
	margin: 30px 0 20px;
}
/*予約ボタン*/
.ichigo_btn a{
	background-color: #fb607f;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}
@media screen and (max-width:767px){
	.ichigo_title{
		font-size: 22px;
	}
	.sab-title{
		font-size: 18px;
	}
	.sab-title:before,
	.sab-title:after {
		 width: 25%;
	}
	.calendar_img .sab-title{
		margin: 30px 0 20px;
	}
}
/*pフォントサイズ*/
@media screen and (min-width:768px){
	.corner.ichigo p {
		font-size: 16px;
	}
}


/*20〇〇年も開催決定！那須のいちご狩り
--------------------------------------------------------- */
.ichigo_samune {
	position: relative;
	background-image: url("images/ichigo_samune.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	height: 203px;
	overflow: hidden;
	border-radius: 20px;
	border-top-right-radius: 0;
	margin-bottom: 50px;
}
.ichigo_samune h4 {
	position: absolute;
	top: 0;
	right: 0;
	width: 10.5em;
	text-align: right;
	background: #fff;
	margin: 0;
	padding: 10px;
	border-bottom-left-radius: 20px;
	font-size: 1.8em;
	color: #c39000;
	line-height: 1.5;
	font-family: "Kaisei Tokumin", serif;
	font-weight: bold;
}

/*摘みたてのいちごを心ゆくまで。
家族の笑顔が輝く、那須での宿泊体験。
--------------------------------------------------------- */
.ichigo_picking_top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.ichigo_picking_top div{
	display: block;
}
.picking_top_text{
	max-width: 68%;
}
.ichigo_picking_top h4{
	text-align: left;
	margin-bottom: 30px;
}
.ichigo_picking_top p{
	padding: 0 0 1em 0;
}
.picking_top_img{
	max-width: 30%;
}
.ichigo_picking_top li{
	margin-bottom: 1em;
}
@media screen and (max-width:767px){
	.ichigo_picking_top{
		display: block;
	}
	.picking_top_text{
		max-width: 100%;
	}
	.ichigo_picking_top ul{
		display: flex;
		justify-content: space-between;
	}
	.ichigo_picking_top img{
		padding-right: 0
	}
	.ichigo_picking_top p{
		padding-top: 10px;
	}
	.picking_top_img{
		max-width: 100%;
		margin-top: 30px;
	}
	.picking_top_img li{
		max-width: 48%;
	}
	.ichigo_picking_top ul .ishigo_v_img{
		max-width: none;
	}
}

/*いちご狩り体験料金
--------------------------------------------------------- */
.ichigo_fee{
	margin-bottom: 80px;
}
.ichigo_fee h4{
	margin-bottom: 30px;
}
.ichigo_fee div{
	margin: 0 auto;
	max-width: 800px;
}
.ichigo_fee table{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.ichigo_fee th{
	background-color: #fff0f1;
	font-family: "Kaisei Tokumin", serif;
	font-size: 24px;
	line-height: 1em;
	padding: .8em;
	color: #fb607f;
}
.ichigo_fee th span{
	font-size: 16px;
}
.ichigo_fee span.trial{
	font-size: 1.2em;
}
.ichigo_fee td{
	font-size: 18px;
	padding: 1em;
}
@media screen and (max-width: 767px) {
    .ichigo_fee th{
        font-size: 18px;
    }
	.ichigo_fee th span{
	font-size: 12px;
}
	.ichigo_fee td{
	font-size: 16px;
}
}

/*いちご狩り動画
--------------------------------------------------------- */
.ichigo_movie{
	margin: 0 auto 80px auto;
	max-width: 800px;
}
.ichigo_movie h4{
	margin-bottom: 30px;
}
.ichigo_movie div{
	aspect-ratio: 16 / 9;
}
.ichigo_movie iframe {
	width: 100%;
	height: 100%;
}

/*体験付き宿泊プランのご紹介
--------------------------------------------------------- */
.ichigo_plan{
	background-color: #fff0f1;
	padding-top: 20px;
	margin-bottom: 80px;
}
.ichigo_plan h4{
	color: #fb607f;
}
.ichigo_plan ul{
	display: flex;
	flex-wrap: space-between;
	padding: 0 1.5%;
}
.ichigo_plan ul li{
	width: 100%;
	margin: 0 1.5%;
}
.ichigo_plan p{
	padding-top: 10px;
}
@media screen and (min-width: 768px){
	.ichigo_plan{
		padding-bottom: 30px;
	}
	.ichigo_plan .plan_box p{
		font-size: 13.8px;
	}
}	
@media screen and (max-width:767px){
	.ichigo_plan ul{
		flex-wrap: wrap;
		padding: 0 1em;
	}
	.ichigo_plan ul li{
		margin: 0 1em 1em;
	}
	.ichigo_plan ul,p{
		margin: auto;
	}
	.ichigo_btn{
		margin-bottom: 10px;
	}
}

/*フルーツパーク森の風いちご情報
--------------------------------------------------------- */
.ichigo-brand{
	padding-top: 20px;
	margin-bottom: 80px;
}
.bland_toptext{
	text-align: center;
}
.brand_box .ichigo_name{
	font-size: 18px;
	font-weight: bold;
}
.brand_box ul{
	display: flex;
	justify-content: space-between;
}
.brand_box ul li{
	width: 30%;
	margin: 0;
}
.ichigo_img_box ul{
	display: flex;
	justify-content: space-between;
	padding: 0 1.5%;
}
.ichigo_img_box ul li{
	width: 100%;
	margin: 0 1.5%;
}
.ichigo_img_box ul li img{
	border-radius: 20px;
}
.calendar_img{
	padding: 0 2em 40px;
}
.calendar_img figure{
	margin: auto;
	width: 100%;
}
.fp_attention{
	text-align: right;
}
@media screen and (max-width:767px){
	.brand_box .ichigo_name{
		font-size: 16px;
	}
	.brand_box ul{
		display: block;
	}
	.brand_box ul li{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 2em;
	}
	.brand_box ul li:last-child {
		margin-bottom: 0;
	}
	.brand_box ul li div{
		display: block;
		max-width: 48%;
	}
	.brand_and_cafe .ichigo-brand h4{
		margin: 0 1em;
	}
	.ichigo_img_box ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0 2em;
	}
	.ichigo_img_box ul li{
		width: 48%;
		margin: 0;
		padding-top: 4%;
	}
		.calendar_img {
		padding: 0 2em 20px;
	}
}
@media screen and (min-width: 768px){
	.ichigo-brand{
		padding-bottom: 30px;
	}
	.ichigo-brand .calendar_img .fp_attention{
		font-size: 14px;
	}
	.calendar_img{
		padding-left: 2em;
		padding-right: 2em;
	}
	.calendar_img figure{
		width: 100%;
	}
}


/*Fruit Park Morinokaze Cafe_フルーツパーク森の風カフェ
--------------------------------------------------------- */
.fp-cafe{
	background-color: #fdede4;
	padding: 30px 0;
	margin-bottom: 80px;
}
.fp-cafe h4{
	text-align: left;
}
.cafe_box{
	padding: 0 2em 20px;
	display: flex;
	justify-content: space-between;
}
.cafe_box div{
	display: block;
}
.cafe_box_text{
	max-width: 58%;
}
.cafe_box_img{
	max-width: 40%;
}
.cafe_box_img img{
	border-radius: 20px;
}
@media screen and (max-width:767px){
	.cafe_box{
		display: block;
	}
	.cafe_box_text{
		max-width: 100%;
	}
	.cafe_box_img{
		max-width: 100%;
	}
	.cafe_box ul{
		display: block;
	}
	.cafe_box ul img{
		padding-top: 10px;
	}
	.fp-cafe .cafe-view{
		padding-left: 0;
	}
}


/*おすすめ情報一覧に戻る
--------------------------------------------------------- */
.ossme-btn{
	margin-top: 30px;
}

/*ページ全体の横幅広くする
--------------------------------------------------------- */
@media screen and (min-width: 768px), print {
	.corner.ichigo{
		max-width: 1000px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1000px), print{
	.corner_box .top-title {
		width: auto;
	}
}