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

@media screen and (max-width:767px) {
	.br_pc{
		display: none;
	}
}
@media screen and (min-width:768px){
	.br_sp{
		display: none;
	}
}
/* =========================================================
　ボタン共通
========================================================= */
.plan_btn a {
	color: #fff;
	margin-top: 1em;
	text-align: center;
	background: #c89533 url(../common/img/arrow_w.png) no-repeat 95% center;
	background-size: 7px auto;
}

/* カテゴリータイトル
--------------------------------------------------------- */
.c_title::before {
	content: "Golden week event";
}
.category h3{
	font-size: 240%;
    line-height: 1.4;
    color: #005533;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.category h4{
	font-size: 200%;
	width: 100%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
  	display: inline-block;
	line-height: 1.4;
	padding-bottom: .8em;
}
.category h4::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 50px;
	border-bottom: 1px solid #C96478;
}
@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;
	}
}

/* 那須で遊ぼう GW特別イベント
--------------------------------------------------------- */
.gw_event_box{
	padding-top: 60px;
}
.gw_event_box h3{
	color: #000;
	max-width: 1000px;
	margin: 0 auto;
}
.gw_event_box p{
	color: #000;
	text-align: center;
}
.gw_event_box .gw_event_box_text{
	margin-top: 40px;
}
.gw_event_box .event_dates{
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	max-width: 400px;
	margin: 20px auto  60px;
	padding: .5em 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .1em;
}
@media screen and (max-width:768px) , print {
	.gw_event_box{
		padding-top: 30px;
	}
	.gw_event_box p{
		text-align: left;
	}
	.gw_event_box p.gw_event_box_text{
		padding-left: 10px;
		padding-right: 10px;
	}
	.gw_event_box p.event_dates{
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
	}
}

/* いちご狩り体験
--------------------------------------------------------- */
.event_ichigo{
	background-color: #FAEEF0;
	background-image: url("images/ichigo_bg.png"),url("images/ichigo_bg_l.png"),url("images/ichigo_bg_r.png");
	background-repeat: no-repeat;
	background-size: cover, 250px, 250px;
    background-position: center bottom -100px,left 50px top 30px,right 50px top 30px;
	padding: 90px 10px;
}
.event_ichigo h4{
	color: #C96478;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
  	display: inline-block;
	line-height: 1.4;
	padding-bottom: .8em;
	margin: 0 0 30px;
}
.event_ichigo h4::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 50px;
	border-bottom: 1px solid #C96478;
}
.event_ichigo .event_ichigo_box{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
}
.event_ichigo .ichigo_img{
	display: block;
	width: 49%;
}
.event_ichigo .ichigo_img img{
	border-radius: 5px;
}
.event_ichigo .ichigo_text{
	display: block;
	width: 49%;
}
.event_ichigo .ichigo_text p{
	text-align: left;
}
.event_ichigo .ichigo_text p span{
	font-weight: bold;
}
.event_ichigo ul{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 30px auto 0;
}
.event_ichigo ul li{
	width: 32%;
}
.event_ichigo ul li img{
	border-radius: 5px;
}
.event_ichigo .plan_btn{
	bottom: 0;
}
.event_ichigo .plan_btn a{
	display: block;
    padding: 1em;
}
@media screen and (max-width:768px) , print {
	.event_ichigo{
		background-size: cover, 110px, 110px;
		background-position: center bottom -170px,left 10px top 30px,right 10px top 30px;
	}
	.event_ichigo .event_ichigo_box{
		display: block;
	}
	.event_ichigo .ichigo_img{
		width: 100%;
	}
	.event_ichigo .ichigo_text{
		width: 100%;
	}
	.event_ichigo .ichigo_text p{
		margin-top: 1em;
}
}

/* 星空鑑賞会＆焚き火で焼き芋
--------------------------------------------------------- */
.event_sky{
	background: url("images/bg_sky.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 90px 10px;
}
.event_sky h4{
	color: #fff;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
  	display: inline-block;
	line-height: 1.4;
	padding-bottom: .8em;
}
.event_sky h4::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 50px;
	border-bottom: 1px solid #FEE034;
}
.event_sky table{
	color: #fff;
	margin: 10px auto;
    display: block;
    border: none;
	max-width: 400px;
}
.event_sky table th{
	border: none;
    vertical-align: top;
    padding-right: 1em;
}
.event_sky table td{
	border: none;
}
.gw_event_box p.event_yoyaku{
	color: #fff;
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}
.event_sky ul{
	max-width: 1000px;
	margin: 0 auto;
}
.event_sky li{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}
.event_sky li div{
	width: 49%;
}
.event_sky li .sky_list_text{
	display: block;
}
.event_sky li .sky_list_text h5{
	color: #fff;
	font-size: 180%;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 0 0 1em 0;
	line-height: 1.4;
}
.event_sky li .sky_list_text p{
	text-align: left;
	color: #fff;
}
/* 偶数番目のliだけ左右逆にする */
.event_sky li:nth-child(even) {
  flex-direction: row-reverse;
}
.event_sky .plan_btn{
	margin: 80px auto 0;
	max-width: 320px;
}
.event_sky .plan_btn a{
	display: block;
    padding: 1em;
}
@media screen and (max-width:767px) {
	.event_sky li{
		display: block;
	}
	.event_sky li div{
		width: 100%;
	}
	.event_sky li .sky_list_text h5{
		margin-top: 1em;
	}
}

/* お祭り縁日
--------------------------------------------------------- */
.event_matsuri{
	background-color: #E9F3DB;
	background-image: url("images/matsuri_bg.png"),url("images/matsuri_bg_l.png"),url("images/matsuri_bg_r.png");
	background-repeat: no-repeat;
	background-size: cover, 250px, 250px;
    background-position: center bottom -170px,left 50px top 30px,right 50px top 30px;
	padding: 90px 10px;
}
.event_matsuri h4{
	color: #008228;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "a-otf-ryumin-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
  	display: inline-block;
	line-height: 1.4;
	padding-bottom: .8em;
	margin: 0 0 30px;
}
.event_matsuri h4::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 50px;
	border-bottom: 1px solid #008228;
}
.event_matsuri table{
	color: #000;
	margin: 10px auto;
    display: block;
    border: none;
	max-width: 200px;
}
.event_matsuri table th{
	border: none;
    vertical-align: top;
    padding-right: 1em;
}
.event_matsuri table td{
	border: none;
}
.event_matsuri ul{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 30px auto 0;
	list-style: none;
}
.event_matsuri ul li{
	width: 32%;
}
/* 奇数：上に */
.event_matsuri ul li:nth-child(odd) {
  transform: translateY(-10px);
}
/* 偶数：下に */
.event_matsuri ul li:nth-child(even) {
  transform: translateY(10px);
}
.event_matsuri ul li img{
	border-radius: 5px;
}
.event_matsuri ul li p span{
	font-weight: bold;
	font-size: 1.2em;
}
.event_matsuri ul li p{
	padding-top: .5em;
}
@media screen and (max-width:768px) , print {
	.event_matsuri{
		background-size: cover, 110px, 110px;
		background-position: center bottom -170px,left 10px top 30px,right 10px top 30px;
	}
	.event_matsuri ul li p{
		padding-top: .5em;
		text-align: center;
	}
}

/* 森の風那須 宿泊プラン
--------------------------------------------------------- */
.natsuplan {
	background-color: #FFE4E9;
}
.natsuplan_text h4 {
	color: #C94A6A;
}
@media screen and (max-width:767px) {
	.natsuplan {
		padding: 3.5em 3em;
	}
	.natsuplan_text br {
		display: none;
	}
	.natsuplan_text h4 {
		line-height: 1.4;
		font-size: 160%;
		text-align: center;
	}
	.natsuplan_text h4 br {
		display: none;
	}
	.natsuplan_text .capton {
		font-size: 80%;
	}
	.natsuplan .plan_btn a {
		padding: 1em 1.8em;
		display: block;
	}
}
@media screen and (min-width:768px) , print {
	.natsuplan {
		margin: 4em auto;
		max-width: 1000px;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		text-align: center;
	}
	.natsuplan_text {
		flex: 0 0 500px;
		padding: 2em;
	}
	.natsuplan_text h4 {
		line-height: 1.4;
		font-size: 180%;
	}
	.natsuplan_text .capton {
		font-size: 70%;
	}
	.natsuplan_photo {
		flex: 1 1 auto;
		background: url(images/column_01.jpg) no-repeat center center;
		background-size: cover;
	}
	.natsuplan_photo img {
		display: none;
	}
	.natsuplan .plan_btn a {
		padding: 1em 6em .9em;
		display: inline-block;
	}
}



.plan_btn.back{
	margin: 80px auto 0;
	text-align: center;
}
.plan_btn.back a{
	padding: 1em 12em .9em;
    display: inline-block;
    background: #c89533 url(../common/img/arrow_w.png) no-repeat 95% center;
    background-size: 7px auto;
}