@charset "utf-8";
/* --------------------------------
 * base
 * -------------------------------- */
/* init */
* {
    margin: 0;
    padding: 0;
    outline: none;
    vertical-align: baseline;
    font-size: 100%;
}
html { font-size: 62.5%;}
body {
    color: #333333;
    background-color: #FFF;
    font-size: 1.5rem;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5rem;
    font-weight: normal;
}

ul {
    list-style: none;
}

img {
    border: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    display: inline-block;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

address { font-style: normal; }

/* ページトップへ移動 */
#pgtp {
	display: none;
}
.pgtp {
    position: fixed;
    right: 3vw;
    bottom: 10vh;
    cursor: pointer;
}
.cf::after {
    content: '';
    display: block;
    clear: both;
}

/* fundation view size 参考用（現状、640以上のみしか使ってない）
**------------------*/
/* 639px以下
@media only screen and (max-width: 40.0624em){
	body  {
		background-color: #dee;
	}
}*/

/* 640px以上 1024px以下
@media only screen and (min-width: 40.0625em) and (max-width: 64.0624em){
	body  {
		background-color: #dde;
	}
}*/

/* 1025px以上
@media only screen and (min-width: 64.0625em){
	body {
		background-color: #ede;
	}
}*/
/* 共通
**------------------*/
section { margin: 0 auto; padding: 50px 20px; }
.home section { margin: 0 auto 50px; padding: 50px 20px; }
.content { margin: 0 auto 30px; }
@media only screen and (min-width: 767px){
	.home section { margin: 0 auto 150px; }
	section {margin: 0 auto;}
	.content { margin: 0 auto 50px; }
}


h2, h3, sub_heading { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }

.home h2 { font-size: 200%; text-align: center; margin: 0 auto 25px; }
h2 { font-size: 200%; text-align: center; margin: 0 auto 50px; }
h3 { font-size: 150%; text-align: center; margin: 0 auto 15px; }


time { color: #929192; }

.label { display: inline-block; padding: 5px 20px; margin-top: 15px; background-color: #626162; color: #FFF;}
.sub_heading { font-size: 100%; /*color: #626162;*/ }

.txC { text-align: center; margin: 0 auto;}
.txR { text-align: right; margin: 0 auto;}
.txL { text-align: left; margin: 0 auto;}

.yoyaku { background-color: #d2691e; }
.toiawase { background-color: #6b8e23; }

.deco_line {
    width: 100%;
    height: 20px;
    background: url(../img/b_simple_122_0M.png) center left repeat-x;
}


/* header
**------------------*/
#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;/**/
	color: #FFF;
	text-align: center;
}
.color { background : rgba(25, 25, 25, 0.1);  }
.cgColor { background : rgba(25, 25, 25, 0.8); transition: background 0.5s ease-out;}
.home .color { background : rgba(255, 255, 255, 0.5);  }
.home .cgColor { background : rgba(25, 25, 25, 0.8); transition: background 0.5s ease-out;}

#header .logo {
	font-size: 24px;
	padding: 15px;

}
#header .logo div {
	display: inline-block;
}
#oc {
	float: right;
	cursor: pointer;
}
.wrap_nav { display: none; }
#header nav { display: inline-block; width: 60% ;}
#header ul { padding: 10px 0; display: block;}
#header li {
	/*display: inline-block;*/
	padding: 10px 10px;
	border-bottom: #FFF solid 1px;
}
#header li:last-child {
	padding: 5px 0;
	border-bottom: none;
	cursor: pointer;
}
#header .form {
	padding: 15px;
}
@media only screen and (min-width: 931px){
	#header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#header .logo {
		padding: 0 15px;
	}
	.wrap_nav { display: block; }
	#header nav { width: auto; }
	#header ul { padding: 0; display: inline-block;}
	#header li {
		display: inline-block;
		border-bottom: none;
	}
	#header li:last-child { padding: 0 0 0 10px; }
	#oc { display: none !important; }
}
/* footer
**------------------*/
.line {
	height: 50px;
	background-color: #c2c1c2;
	border-bottom: 10px solid #626162;
}
footer {
	background-color: #121112;
	color: #FFF;
	text-align: center;
	padding: 30px;
}
footer li {
	display: inline-block;
	padding: 10px;
}
footer .box {
	margin-bottom: 50px ;
}
footer .copy { margin: 50px auto 0; }

footer .form {
	margin-top: 20px;
	padding: 20px;
}
@media only screen and (min-width: 1024px){
	footer , footer h3 { text-align: left; }
	footer .wrap_box {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer .wrap_box {
		width: 100%;
	}
	footer .box {
		width: 50%;
	}
	footer .wrap_form { text-align: right;}
	footer .copy { text-align: center; }
}

/* ///////////////////////////////////////////// */
/* top
**------------------*/
#top {
	height: 100vh;
	margin: 0 auto 10px;
	/*max-height: 1000px;
	min-height: 1000px;
	background: url('../img/download/istockphoto-1064159956-1024x1024.jpg') center center no-repeat;
	background-size: cover;*/
}
#top .text {
	width:50%; height: 50%;
	/*background: rgba(255, 255, 255, 0.5);*/
	position: absolute;  top: 50%; left:50%; transform: translate(-50%, -50%);
	display: flex; justify-content: center; align-items: center;
	text-shadow: 0px 0px 5px #626162, 0px 0px 5px #626162
}
#top .text { color: #FFF; }
/* hygiene
**------------------*/
#hygiene {
	height: 80px;
	background-color: #626162;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
#hygiene h2 {
	margin: 0 auto;
}
/* news
**------------------*/
#news {
	background: url('../img/22721986.png') center center no-repeat; background-size: cover;
}

#news .box {
	padding: 15px 30px;
	margin: 15px auto;
	background-color: #FFF;
}
#news .border {
	border-bottom: 1px solid #ccc;
}
#news .wrap_label { text-align: right; }
@media only screen and (min-width: 821px){
	#news .wrap_box {
		width: 80%;
		margin: 0 auto;
		min-height: 250px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: stratch;

	}
	#news .box {
		width: 33% ;
		padding: 15px;
	}
	#news .border{
		border-right: 1px solid #ccc;
		border-bottom: none;
	}
	#news .wrap_label { text-align: center; }
}
/* pickup
**------------------*/
#pickup {
	background: rgb(242, 242, 242);
    box-shadow: 1px 1px 10px 2px rgb(125 125 125 / 30%);
}

#pickup .box {
	margin: 30px auto;
}
#pickup .image {
	width: 100%;
	height: 150px;
}
#pickup .wrap_text {
	background-color: #fff;
	padding: 30px;
}
/*#pickup .stay { background: url('../img/download/camping-gf00682883_1920.jpg') center center no-repeat; background-size: cover; }*/
/*#pickup .foods { background: url('../img/download/istockphoto-1175505781-1024x1024.jpg') center center no-repeat; background-size: cover; }*/
/*#pickup .barbecue { background: url('../img/download/istockphoto-1167748915-1024x1024.jpg') center center no-repeat; background-size: cover; }*/
/*#pickup .sauna { background: url('../img/download/22358723_s.jpg') center center no-repeat; background-size: cover; }*/

#pickup .features {background: center center / cover no-repeat;}

@media only screen and (min-width: 821px){
	#pickup .box {
		width: 100%;
		display: flex;
		align-items: stretch;
	}
	#pickup .box>div {
		width: 50%;

	}
	#pickup .wrap_text {
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 30px 0;
	}
	#pickup .box {
		margin: 0 auto;
	}
	#pickup .image {
		height: auto;
	}
	#pickup .wrap_text h3{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#pickup .wrap_text p {
		width: 80%;
		margin: 0 auto;
	}
}
/* stay
**------------------*/
#stay { background: url('../img/istockphoto-1131805687-1024x1024.jpg') center center no-repeat; background-size: cover;}
#stay .wrap_stay { background: rgba(255, 255, 255, 0.8); }
#stay .box {
	margin: 50px auto;
	padding: 10px;
	text-align: center;
	background-color: #FFF;
}
#stay .wrap_box  .image {
	width: 100%;
	height: 250px;
}
#stay .type1 { background: url('../img/download/istockphoto-1250034062-1024x1024.jpg') center center no-repeat; background-size: cover; }
#stay .type2 { background: url('../img/download/istockphoto-135565559-1024x1024.jpg') center center no-repeat; background-size: cover; }
#stay .type3 { background: url('../img/pickup_stay.png') center center no-repeat; background-size: cover; }

@media only screen and (min-width: 767px){
	#stay .wrap_box {
		/*width:1260px;*/
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
		display: flex;
		justify-content: space-around;
	}
	#stay .wrap_box .box {
		width: 30% ;
		display: inline-block;

	}

	#stay .wrap_box  .wrap_text {
		padding: 15px;
	}
	#stay .wrap_box  .text {
		text-align: left;
	}
}
/* foods
**------------------*/
#foods .wrap_boxA {
	/*background-color: #eee;*/
	position: relative;
}
#foods .wrap_boxA .box {
	/*width: 25%;*/
	width: 100%;
	height: 150px;
	/*background-color: #aaa;*/
}
#foods .wrap_boxA .text {
	width: 60%;
	/*height: 50%;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.9);
	padding: 30px;
	text-align: center;
}
#foods .wrap_boxA .text p {
	text-align: left;
}
@media only screen and (min-width: 767px){
	#foods .wrap_boxA {
		height:50vh;
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	#foods .wrap_boxA .box {
		width: 25%;
		height: 100%;
	}
}
#foods .foods1 { background: url('../img/download/istockphoto-964136996-2048x2048.jpg') center center no-repeat; background-size: cover; }
#foods .foods2 { background: url('../img/download/istockphoto-484730898-1024x1024.jpg') center center no-repeat; background-size: cover; }
#foods .foods3 { background: url('../img/download/istockphoto-1342684727-1024x1024.jpg') center center no-repeat; background-size: cover; }
#foods .foods4 { background: url('../img/download/oden-soup-g0ad9481d4_1280.jpg') center center no-repeat; background-size: cover; }

#foods .wrap_boxB {
	height: 200px;
	margin: 10px auto;
	display: flex;
	justify-content: center;
	align-items: stratch;
}
#foods .wrap_boxB .box {
	width: 50%;
}

#foods .foods5 { background: url('../img/download/istockphoto-1159204281-1024x1024.jpg') center center no-repeat; background-size: cover; }
#foods .foods6 { background: url('../img/download/istockphoto-821861646-1024x1024.jpg') center center no-repeat; background-size: cover; }
#foods .foods7 { background: url('../img/download/22752964_s.jpg') center center no-repeat; background-size: cover; }
#foods .foods8 { background: url('../img/download/breakfast-gadabd56db_1280.jpg') center center no-repeat; background-size: cover; }

/* activity
**------------------*/
#activity {
	background: rgb(242, 242, 242);
	padding-bottom: 50px;
	box-shadow: 1px 1px 10px 2px rgb(125 125 125 / 30%);
}
#activity .wrap_box .text {
	padding: 15px;
}

#activity .barbecue {
	margin-bottom: 30px;
}
/* バーベキューとサウナ */
.barbecue, .sauna {
	position: relative;

	margin: 0 auto;
	padding: 0;
}
.barbecue .text , .sauna .text{
	background-color: #FFF;
}
.barbecue .box_w, .sauna .box_w {
	background-color: #ccc;
	height: 200px;
}
.barbecue .wrap_box, .sauna .wrap_box {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.barbecue .box, .sauna .box {
	width: 50%;
	height: 150px;

}
.barbecue .text, .sauna .text{
	min-height: 150px;

}
#activity .text {
   box-shadow: 0 0 0 1px #ccc inset;
}
@media only screen and (min-width: 1024px){
	.barbecue, .sauna {
		width: 100%; height:300px;
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	.barbecue .box_w, .sauna .box_w {
		width: 50%;
		height: 100%;
	}
	.barbecue .box, .sauna .box {
		height: 100%;
	}
	.barbecue .text {
		width: 50%;
		position: absolute; bottom: -15px; right: 10px;
	}
	.sauna .text {
		width: 50%;
		position: absolute; bottom: -15px; left: 10px;
	}
}
.barbecue .barbecue1 { background: url('../img/download/istockphoto-1219721088-1024x1024.jpg') center center no-repeat; background-size: cover; }
.barbecue .barbecue2 { background: url('../img/download/istockphoto-1317561343-2048x2048.jpg') center center no-repeat; background-size: cover; }
.barbecue .barbecue3 { background: url('../img/download/istockphoto-960871972-1024x1024.jpg') center center no-repeat; background-size: cover; }
.sauna .sauna2 { background: url('../img/download/flower-g0e3eb9f00_640.jpg') center center no-repeat; background-size: cover; }
.sauna .sauna3 { background: url('../img/download/4549566_s.jpg') center center no-repeat; background-size: cover; }
.sauna .sauna1 { background: url('../img/download/istockphoto-1253506695-1024x1024.jpg') center center no-repeat; background-size: cover; }

.barbecue .text, .sauna .text {
	padding: 15px 30px;
	text-align: center;
}
.barbecue .text p, .sauna .text p {
	text-align: left;
}
/* map
**------------------*/
#map { background: url(../img/bg_dot.png) left bottom repeat; }
#map .map_box { margin: 0 auto; text-align: center; }
#map .map_box iframe { width: 100%; }
#map .text {
	width: 80%;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
}
#map .text p {
	text-align: left;
}
@media only screen and (min-width: 1024px){
	#map .map_box iframe {
		max-width: 1260px;
	}
	#map .text {
	width: 60%;
	}
}

/* sub page ///////////////////////////////// */
#icatch {
    width: 100%;
    height: 150px;
    background-size: cover;
    margin: 0 auto 50px;
}
#no-icatch {
    height: 150px;
    /*background: #ccc;
    background: url(../img/22776616.jpg) center center no-repeat;
    background-size: cover;*/
    margin: 0 auto 30px;
}

#wrap_contents {
	width: 80%;
	min-height: 800px;
	margin: 0 auto;
	/*background-color: #ccc;*/
}
/* 639px以上 */
@media only screen and (min-width: 40.0624em){
    #icatch {
        height: 300px;
        margin: 0 auto 30px;
    }
    #wrap_contents {
		margin: 0 auto 150px;
	}
}
/* パンクズリスト ------------*/
.wrap_bread_crumb { margin: 0 auto 50px; }
.bread_crumb li {
    display: inline-block;
}
.bread_crumb li:after {
    content: '>';
    padding-left: 10px;
    margin-right: 10px;
}
.bread_crumb li:last-child:after { content: ''; }
.bread_crumb .current { color: #929192; }
/* ページャー -------------- */
.wrap_page_navi { text-align: center; margin: 100px auto;}
.wrap_page_navi li {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ccc;
    color: #FFF;
}
.wrap_page_navi .current { background-color: #d2691e; }
.wrap_page_navi .delta-1 { background-color: #626162;}
/* 問い合わせフォーム /////////////////////////// */
.page-id-49 { /* お問い合わせページ、bodyタグのclass */
	text-align: center;
}
.wpcf7 form p {
	margin: 20px auto;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea {
	padding: 10px;
	border: 1px solid #ccc;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
}

.wpcf7 input[type=submit] {
	background-color: #d2691e;
	border: 1px solid #d2691e;
	padding: 20px 25px;
	color: #fff;
}
.wpcf7-spinner { display: block; }

/* ユーティリティ ///////////////////// */
/* 文中予約ボタン */
/*.page .btn {
	display: inline-block;
	margin: 0 auto;
	padding: 20px;
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
}*/
/* 表.spac */
.spac { text-align: left; min-width: 100%;}
.spac th {
    font-weight: normal;
    border-bottom: 2px solid #629191;
    /*background-color: #a0522d;
    color: #FFF;*/
    white-space: nowrap;}
.spac td { border-bottom: 2px solid #626161; }
.spac th, .spac td { padding: 5px 15px;}

@media only screen and (min-width: 821px){
    .spac { min-width: 40%;}
}
/* スライダー */
 /* 施設。切り替えパネルcss */
.wrap_photos { margin: 0 auto 30px;}
.wrap_photos .main {
   width: 100%;
   margin: 0 auto 30px;
   padding: 15px 0;
   text-align:center;
   background-color: #f2f1e1;
}
.main img { width: 80%; margin: 0 auto; }
   .wrap_photos li { width: 20%; display: inline-block; line-height: 0;}
   .thumbnails .selected { border: 2px solid #CCC; }

/* 汎用ボックス */
/* 食事関連で使用している野菜背景のbox */
 .content_box .image {
     min-height: 200px;
     background: url('../img/download/1177120_s.jpg') center center no-repeat;
     background-size: cover;
 }
 @media only screen and (min-width: 40.0624em){
 .content_box {
         display: flex;
         justify-content: center;

 }
.content_box > div {
         width: 48%;
         padding: 2%;
     }
 }

 /* フォーム中央寄せ
---------------------------*/
form.wpcf7-form {
    text-align: center;
}