@charset "UTF-8";

/* *********************** */
/* 全体 */
/* *********************** */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html { scroll-behavior: smooth;}
body {
    font-size: 14px;
    line-height: 1.8em;
    font-family: "Open Sans", sans-serif;
    color: #231815;
	margin:0;
    padding: 0;
    background-color: #ffffff;
}
@media screen and (min-width: 600px) {
body {
	width: 600px;
    margin: 0 auto;
}
}
@media screen and (min-width: 960px) {
body {
	width: 960px;
    margin: 0 auto;
}
}
h1,h2,h3,a img,img,p,form,ul,li,ol {
	margin:0px;
	padding:0px;
	border:none;
	font-weight: normal;
	list-style-type: none;
	font-style: normal;
	text-decoration: none;
}
a,a:active,a:visited,a:hover {text-decoration:none;}
a:hover img{opacity:0.8;}
a:hover img{-moz-opacity:0.8;}
a:hover img{filter: alpha(opacity=80);}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
line-height: 0;
}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
img{width: 100%;vertical-align: bottom;}


/* *********************** */
/* ヘッダー */
/* *********************** */
#head {
    background-color: #187F48;
    width: 100%;
	margin:0;
	padding:0;
	position: fixed;
	z-index: 999;
	border-bottom: 1px solid #fff;
}
@media screen and (min-width: 600px) {
#head {
	width: 600px;
    margin: 0 auto;
}
}
@media screen and (min-width: 960px) {
#head {
	width: 960px;
    margin: 0 auto;
}
}
.head-logo {
    float: left;
	width: 14%;
}
.head-tel {
    float: right;
	width: 41%;
}
.head-tel img,.head-logo img {
	vertical-align: top;
}
#top-head {
    position:relative;
	margin:0;
	padding:0;
}
.top-main1 img{
	vertical-align: top;
}
.top-main2 {
	position: absolute;
	top: 15%;
	left: 5%;
	font-size: 12px;
	color: #fff;
	line-height: 2.5em;
}
@media screen and (min-width: 600px) {
.top-main2 {
	position: absolute;
	top: 15%;
	left: 5%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 2em;
}
}
.top-main2 span {
	font-size: 10px;
	color: #ddd;
}

/* *********************** */
/* メニュー */
/* *********************** */
#top-menu {
    background-color: #231815;
	margin:0;
	padding:2%;
}
#top-menu img {
	vertical-align: top;
}
#top-menu li {
	width: 49%;
	float: left;
	margin:1px;
}

/* *********************** */
/* PR */
/* *********************** */
.top-pr p {
	margin:0;
	padding:5%;
}
.top-pr-more {
	padding:0 5% 8% 0;
	text-align: right;
}
.top-pr-more img {
	width: 25%;
}

/* *********************** */
/* お知らせ */
/* *********************** */
#top-info {
    background-color: #DCECE3;
}
.top-info-head {
    text-align: center;
	padding:5% 0 0 0;
}
.top-info-head img {
    width: 50%;
}
.top-info-text {
    text-align: center;
	padding:0 5% 8% 5%;
}
.top-info-text a {color:#187F48;text-decoration:underline;}
.top-info-text a:active {color:#187F48;text-decoration:underline;}
.top-info-text a:visited {color:#187F48;text-decoration:underline;}
.top-info-text a:hover {color:#187F48;text-decoration:none;}

/* *********************** */
/* GKCについて */
/* *********************** */
#top-about1 {
    background-color: #231815;
}
.top-about1-head {
    text-align: center;
	padding:5% 0 0 0;
}
.top-about1-head img {
    width: 50%;
}
.top-about1-ph {
	padding:5% 5% 0 5%;
}
#top-about1 p {
    color: #fff;
	padding:5% 5% 8% 5%;
}
#top-about2 {
    background-color: #E9E3D1;
}
.top-about2-ph {
	padding:5% 5% 0 5%;
}
.top-about2-head {
	padding:2% 5% 0 5%;
}
#top-about2 p {
	padding:0 5% 8% 5%;
}

/* *********************** */
/* TEL */
/* *********************** */
#top-contact {
    background-color: #E9E3D1;
	padding:0 5% 8% 5%;
}
.top-contact-head {
	background-color: #187F48;
    text-align: center;
	padding:5% 0;
	border-radius: 20px 20px 0 0;
}
.top-contact-head img {
    width: 50%;
}
.top-contact-box {
	background-color: #fff;
    text-align: center;
	padding:5%;
	border-radius:0 0 20px 20px;
}
.top-contact-name {
	font-size: 20px;
	font-weight: bold;
}
.top-contact-ad {
}
.top-contact-access {
}
.top-contact-access a {
	background-color: #187F48;
	padding:4% 8%;
	color:#fff;
	border-radius: 6px;
}
.top-contact-box hr {
}
.top-contact-tel {
	color:#FF6900;
}
.top-contact-telno {
	font-size: 36px;
	color: #FF6900;
    font-weight: bold;
	margin-top: 5px;
}
.top-contact-tellink {
}
.top-contact-tellink a {
	background-color: #187F48;
	padding:4% 8%;
	color:#fff;
	border-radius: 6px;
}
.top-contact-teltext {
	text-align: left;
	font-size: 12px;
    line-height: 1.3em;
    color: #666;
}
@media screen and (min-width: 600px) {
.top-contact-access a,.top-contact-tellink a {
	background-color: #187F48;
	padding:15px 30px;
	color:#fff;
	border-radius: 6px;
}
.top-contact-teltext {
	text-align: center;
}
}

/* *********************** */
/* イベント貸切 */
/* *********************** */
.top-eve {
	border: 1px solid #ff6900;
	padding: 15px;
	background-color: #FFFEE1;
}
.top-eve0 {
	font-size: 28px;
	color: #fff;
    font-weight: bold;
	margin-top: 20px;
	background-color: #ff6900;
	padding-top: 20px;
}
.top-eve1 {
	font-size: 18px;
	color: #fff;
    font-weight: bold;
	background-color: #ff6900;
	padding-bottom: 10px;
}
.top-eve2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
}
.top-eve3 {
	padding-top: 10px;
}
.top-airbnb {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #FE385C;
}
.top-airbnb img {
	width: 80%;
}

/* *********************** */
/* インスタ */
/* *********************** */
#top-insta {
	margin-top: 30px;
	text-align: center;
}
#top-insta img {
	width: 80%;
	border-radius: 20px;
}

/* *********************** */
/* フッターメニュー */
/* *********************** */
#foot-menu {
	background-color: #231815;
	padding:2% 0 0 0;
}
#foot-menu img {
	padding-bottom:2px;
	vertical-align: top;
}
	
/* *********************** */
/* フッター */
/* *********************** */
#foot {
	background-color: #231815;
	text-align: center;
	padding:5% 0;
	color: #fff;
}
#foot a,#foot a:active,#foot a:visited,#foot a:hover {
	color: #fff;
}
.foot-head {
}
.foot-head img {
    width: 50%;
}
.foot-name {
	margin-top: 30px;
	font-size: 24px;
	font-weight: bold;
}
.foot-ad {
	margin-top: 30px;
}
.foot-link {
	margin-top: 30px;
}
.foot-copy {
	font-size: 12px;
	margin-top: 60px;
}

/* *********************** */
/* ナビゲーション */
/* *********************** */
.pagenavi {
	text-align: center;
	padding: 18% 0 3% 0;
}
.pagenavi a,.pagenavi a:active,.pagenavi a:visited,.pagenavi a:hover {
	color: #187F48;
}

/* *********************** */
/* 施設案内 */
/* *********************** */
.guide-wifi {
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #ff6900;
	padding:5px 0;
}
.guide-intro {
	padding:8% 5%;
}
.guide-head1 {
	margin: 0 5%;
	padding: 5% 0;
	text-align: center;
	background-color: #231815;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
.guide-box1 {
	background-color: #E9E3D1;
	margin: 0 5%;
	padding: 0 5% 5% 5%;
}
.guide-sitename {
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
}
.guide-icon {
	padding-top: 15px;
}
.guide-icon img {
	width: 19%;
	margin-right: 1px;
}
.guide-sitename span {
	font-size: 14px;
	font-weight: normal;
}
.guide-box1 p {
	padding-top: 10px;
}
.guide-box1 hr {
	margin-top: 20px;
}
.guide-ph {
	padding-top: 5px;
}
.guide-price {
	background-color: #fff;
	border: 1px solid #FF6900;
	margin-top: 30px;
	padding: 30px 10px 20px 10px;
	text-align: center;
	border-radius: 20px;
}
.guide-price a,.guide-price a:active,.guide-price a:visited,.guide-price a:hover {
	color: #187F48;
	text-decoration: underline;
}
.guide-price1 {
	font-size: 20px;
	font-weight: bold;
	color: #FF6900;
}
.guide-price2 {
}
.guide-stext,.guide-stext2 {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 20px;
}
.guide-stext-large {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FF6900;
	padding: 5px 0;
}
.guide-stext2 {
	padding:0 5%;
}
.guide-head2 {
	margin: 8% 5% 0 5%;
	padding: 5% 0;
	text-align: center;
	background-color: #187F48;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	border-radius: 20px 20px 0 0;
}
.guide-box2 {
	background-color: #DCECE3;
	margin: 0 5%;
	padding: 0 5% 5% 5%;
	border-radius: 0 0 20px 20px;
}
.guide-box2 p {
	padding-top: 10px;
}
.guide-box2 hr {
	margin-top: 20px;
}
.guide-time,.guide-time2 {
	text-align: center;
}
.guide-time {
	font-size: 18px;
	font-weight: bold;
	color: #187F48;
	padding-top: 25px;
}
.guide-time2 {
}
.guide-stext li,.guide-stext2 li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 18px;
}
.guide-airbnb {
	margin: 0;
	color: #187F48;
	text-align: center;
}
.guide-airbnb a {
	color: #187F48;
	text-decoration: none;
}
.guide-airbnb img {
	width: 80%;
}

/* *********************** */
/* ご飯 */
/* *********************** */
.food-intro {
	padding: 5%;
}
#food {
	background-color: #E9E3D1;
	padding: 5%;
}
.food-box {
	background-color: #fff;
	border-radius: 20px;
	padding: 5%;
	margin-bottom: 5%;
}
.food-name {
	font-size: 20px;
	font-weight: bold;
	margin-top: 5%;
}
.food-text {
	margin-top: 5%;
}

/* *********************** */
/* コンテンツ紹介 */
/* *********************** */
#contents {
	background-color: #564d4b;
	padding: 5%;
}
.contents-box {
	margin-bottom: 5%;
	text-align: center;
}
.contents-name {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-top: 5%;
}
.contents-box p {
	color: #fff;
	margin-top: 5%;
	text-align: left;
}
.contents-price {
	background-color: #E9E3D1;
	border-radius: 20px;
	margin-top: 5%;
	padding: 5%;
}
.contents-price1 {
	font-size: 20px;
	font-weight: bold;
	color: #FF6900;
}
.contents-price2 {
}

/* *********************** */
/* アクセス */
/* *********************** */
#access {
	padding: 8% 5%;
}
.access-ad {
	margin-bottom: 5%;
}
.access-ph {
	margin-bottom: 5%;
}
.access-ph img {
	width: 33%;
	margin-right: 1px;
}
#access ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 18px;
}
#access span {
	font-weight: bold;
	color: red;
}

/* *********************** */
/* アクティビティ */
/* *********************** */
#activity {
	border: 1px solid #187f48;
	padding: 5%;
	margin: 5% 5% 10% 5%;
	border-radius: 20px;
}
.activity-head {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #187f48;
}
.activity-ph {
	margin-top: 10%;
}
.activity-name {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5%;
}
.activity-text {
	margin-top: 3%;
}

/* *********************** */
/* プレオープン */
/* *********************** */
.top-pre {
	display: block;
	background: linear-gradient(#ff6900, red);
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
}