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

p {
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	line-height: 25pt;
}

.center {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.img_left {
	float: left;
	margin-right: 20px;
}
.img_right {
	float: right;
	margin-left: 20px;
}

#wrapper {
	width: 1330px;
	margin-left: auto;
	margin-right: auto;
}

/*トップページ　メディアボックス------------------------*/
.media_box {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 70px;
}
.media_image {
	float: left;
	margin-right: 20px;
}
.media_summary {
	overflow: hidden;
}
.media_midashi {
	margin-bottom: 15px;
}
/*トップページ予約ボタン------------------------*/
.reservation {
	font-size: 15pt;
	background-color: #00b622;
	padding: 20px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 25px;
}
.reservation a {
	color: #FFF;
	text-decoration: none;
}
.reservation a:hover {
	color: #1fda42;
	text-decoration: none;


}


/*トップページ　シーズンバナーボックス------------------------*/
.season_banner_box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.sb_left_img {
	float: left;
	margin-right: 10px;
}
.sb_right_img {
	float: right;
}
.season_midashi {
	margin-bottom: 15px;
	font-size: 18pt;
}

/*トップページ　写真一覧--------------------------------------------------------------*/
.gallery_midashi {
	width: 1000px;
	font-size: 18pt;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 15px;

}
.gallery_box {
	margin-bottom: 100px;
	overflow: hidden;
}
#gallery ul {
	margin: 0px;
}
#gallery li{
	float: left;
	width: calc(100%/5 - 10px);
	line-height: 0px;
	list-style-type: none;
	padding: 5px;
}

#gallery img{
	width: 100%;
	height: auto;
}


.contents_title {
	margin-bottom: 50px;
}
.contents_midashi {
	margin-bottom: 50px;
	margin-top: 7px;
	font-size: 22pt;
	padding-top:10px;
	padding-bottom:4px;
	padding-left:20px;
	background-color: #00b622;
	color:#fff;
}
.contents_box {
	margin-bottom: 100px;

}

/*客室ページ------------------------*/
.guestroom_box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.gr_left_img {
	float: left;
	margin-right: 10px;
}
.gr_right_img {
	float: right;
}

/*料理ページ------------------------*/
.l_box {
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
.l_image {
	float: left;
	margin-right: 20px;
}
.l_summary {
	overflow: hidden;
}

.r_box {
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
.r_image {
	float: right;
	margin-left: 20px;
}
.r_summary {
	overflow: hidden;
}

.meal_menu {
	overflow: hidden;
}
.meal_menu ul {
	margin: 0px;
}
.meal_menu li{
	float: left;
	width: calc(100%/3 - 10px);
	line-height: 0px;
	list-style-type: none;
	padding: 5px;
}


/*グリーンシーズンページ------------------------*/
.bbq_plan {
	margin-top: 15px;
	margin-bottom: 3px;
	font-size: 15pt;
	font-weight: bold;	
}


/*ウィンターページ------------------------*/
.rental_box {
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #999;
}
.rental_box ul {
	margin: 0px;
	padding: 0px;
}
.rental_box li {
	list-style-type: none;
}
.rental_charge {
	overflow: hidden;
}
.l_rental {
	float: left;
}
.r_rental {
	float: right;
}

/*宿泊プランページ------------------------*/
.stay_box {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.stay_l {
	width: 60%;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
}
.stay_r {
	width: 30%;
	overflow: hidden;
}
.reservation_m {
	width: 50%;
	font-size: 15pt;
	background-color: #999;
	padding: 20px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
.reservation_m a {
	color: #FFF;
	text-decoration: none;
}
.reservation_m a:hover {
	color: #ccc;
	text-decoration: none;
}

.reservation_s {
	font-size: 12pt;
	background-color: #548e55;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.reservation_s a {
	color: #FFF;
	text-decoration: none;
}
.reservation_s a:hover {
	color: #e5ff57;
	text-decoration: none;
}


.reservation_sw {
	font-size: 12pt;
	background-color: #5a67b5;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}


.reservation_sw a {
	color: #FFF;
	text-decoration: none;
}
.reservation_sw a:hover {
	color: #90cae5;
	text-decoration: none;
}




.season_plan {
	margin-bottom: 10px;
	font-size: 15pt;
	font-weight: bold;	
}
.stay_p_mida{
	margin-bottom: 10px;
	font-size: 15pt;
	font-weight: bold;	
} 


.shokuji {
	background-color: #ff7200;
	text-align: center;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	color:#fff;
}

/*アクセス------------------------*/
.access_table th {
	width: 170px;
	
	color: #fff;
	padding: 10px;
	background-color: #00b622;
	font-weight: normal;
	text-align: left;
}
.access_table td {
　border: solid 1px #ccc;
  padding: 10px;
}

/*共通------------------------*/
.midashi {
	margin-bottom: 15px;
	font-size: 18pt;
	font-weight: bold;	
}

@media screen and (max-width:760px) {
.spNone {
display:none; /*非表示*/
}
/*トップページ　メディアボックス------------------------*/
.media_box {
	width: 100%;
	margin-top: 50px;
}
.media_image {
	float: none;
	margin-right: 0px;
}
.media_midashi {
	font-size: 15pt;
	margin-top: 20px;
}
/*トップページ　シーズンバナーボックス------------------------*/
.season_banner_box {
	margin-bottom: 20px;
}
.sb_left_img {
	float: none;
	margin-right: 0px;
}
.sb_right_img {
	float: right;
}
.season_midashi {
	margin-bottom: 15px;
	font-size: 15pt;
}
/*トップページ　シーズンバナーボックス------------------------*/
.sb_left_img {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
.sb_right_img {
	float: none;
}
/*トップページ　写真一覧--------------------------------------------------------------*/
.gallery_midashi {
	width: 100%;
	font-size: 15pt;
	margin-left: 10px;
}
.gallery_box {

}
#gallery li{
		float: none;
		width: 98%;
	}

/*コンテンツページ　メイン画像SPテキスト置き換え------------------------*/
.contents_title::after {
    content:attr(data-label);
	font-size: 20pt;
}
.contents_title img {
    display:none;
}

/*客室ページ------------------------*/
.gr_left_img {
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
}
.gr_right_img {
	float: none;
}

/*料理ページ------------------------*/
.l_image {
	float: none;
	margin-right: 0px;
}
.r_image {
	float: none;
	margin-left: 0px;
}
.meal_menu li{
	float: none;
		width: 98%;
}

/*ウィンターページ------------------------*/

.l_rental {
	float: none;
}
.r_rental {
	float: none;
}

/*宿泊プランページ------------------------*/
.stay_box {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.stay_l {
	width: 100%;
	float: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.stay_r {
	width: 100%;
	overflow: hidden;
}
.reservation_s {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/*アクセス------------------------*/
  .access_table {
    width: 95%;
  }
  .access_table th {
	width: 100%;
}
  .access_table th,
  .access_table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
  
/*共通------------------------*/
.midashi {
	margin-top: 20px;
}
.contents_midashi {
	margin-bottom: 50px;
	margin-top: 5px;
	font-size: 15pt;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:20px;
	background-color: #00b622;
	color:#fff;
}
}