@charset "UTF-8";

/* goto ========================================*/

.contents-goto {
padding:40px 0;}
.contents-goto .ttl {
margin:0 0 15px 0;
font-family: 'Cormorant Garamond', serif;
font-size:180%;
line-height:1.2;
color:#c9af64;}
.contents-goto ul {
justify-content:space-between;
margin:35px 0 0 0;}
.contents-goto ul li {
justify-content:space-between;
width:48%;}
.contents-goto img {
box-shadow:3px 3px 4px 0 rgba(0,0,0,0.2);
border:1px solid #a08937;}
.contents-goto img:hover {
border:1px solid #ff9900;}
.contents-goto .pc {
display:block;}
.contents-goto .sp {
display:none;}
.goto-ttl01 {
margin:12px 0 7px 0;
padding:0.4em 1.2em 0.3em;
line-height:1.2;
display:inline-block;
background:#4f9f7c;
border-radius:6px;}

@media only screen and (max-width: 640px) {

.contents-goto {
padding:6.5% 0;}
.contents-goto ul {
margin:30px 0 0 0;}
.contents-goto .pc {
display:none;}
.contents-goto .sp {
display:block;}

}

/* banquet ========================================*/

.ban-sp {
display:none;}

@media only screen and (max-width: 960px) {

.ban-sp {
display:block;}

}

hr.ban {
margin:22px 0;}

.col20 {
width:20%;
float:left;}
.col25 {
width:25%;
float:left;}
.col30 {
width:30%;
float:left;}
.col33 {
width:33.33333%;
float:left;}
.col40 {
width:40%;
float:left;}
.col50 {
width:50%;
float:left;}
.col60 {
width:60%;
float:left;}
.col66 {
width:66.66666%;
float:left;}
.col70 {
width:70%;
float:left;}
.col75 {
width:75%;
float:left;}
.col80 {
width:80%;
float:left;}

@media only screen and (max-width: 640px) {

.col20 , .col25 ,.col30 , .col33 , .col40 , .col50 , .col60 , .col66 , .col70 , .col75 , .col80 {
width:100%;
float:none;
margin:25px 0;}

}

.ban-index {
margin:5px 0 20px;
padding:20px;
box-shadow:0 0 0 1px #336644;
font-size:90%;
line-height:1.6;}
.ban-index .img {
float:right;
width:160px;}
.ban-index .txt {
margin:0 190px 0 0;}
.ban-index .ttl {
font-weight:bold;
font-size:130%;
line-height:1.2;
padding:0 0 9px 0;
margin:0 0 9px 0;
border-bottom:1px dotted #b5935b;}
.ban-index .date {
color:#F3E0C3;
font-weight:bold;
line-height:1.2;
padding:0 0 9px 0;}

@media only screen and (max-width: 640px) {

.ban-index .img {
float:none;
width:100%;
text-align:center;}
.ban-index .txt {
margin:28px 0 0 0;}

}

.hojin {
background:#000;
line-height:1.5;
margin:22px 0 44px 0;}
.hojin img {
margin:0 !important;}
.hojin .txt {
padding:25px;}
.hojin .txt h2 {
font-size:160%;
font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.ban-choice {
font-size:80%;
line-height:1.5;
text-align:center;
margin:30px 0;}
.ban-choice li {
float:left;
width:47%;}
.ban-choice li:last-child {
float:right;
width:47%;}
.ban-choice li img {
margin:0 0 11px 0;}

.ban-option {
text-align:center;
margin:20px 0;
width:100%;
font-size:80%;
line-height:1.5;
justify-content:space-between;}
.ban-option li {
width:31%;
margin:12px 0;}
.ban-option li img {
margin:0 0 10px 0;}
.ban-option::after{
content:"";
display: block;
width:31%;}

@media only screen and (max-width: 800px) {

.ban-option li {
width:48%;}
.ban-option::after{
width:48%;}

}

/* INFORMATION =================================*/

.floorguide {
border:1px solid #16502f;
margin:0 0 45px 0;
padding:30px;
background:#0c4723;
border-radius:5px;}
.floorguide .txt {
line-height:1.7;}
.floorguide .img {
float:right;
text-align:right;}

@media only screen and (max-width: 800px) {

.floorguide .img {
float:none;
text-align:center;
margin:0 0 33px 0;}

}

/* ecology ====================================*/

.ecology01 {
clear:both;
padding:40px 0 0 0;}
.ecology01 .col-left {
float:left;
width:30%;}
.ecology01 .col-right {
float:right;
width:65%;}
.ecology02 {
clear:both;
padding:40px 0 0 0;}
.ecology02 .col-left {
float:left;
width:47%;}
.ecology02 .col-right {
float:right;
width:47%;
text-align:right;}

@media only screen and (max-width: 800px) {

.ecology01 .col-left {
float:none;
width:100%;}
.ecology01 .col-right {
float:none;
width:100%;
margin:40px 0 0 0;}
.ecology02 .col-left {
float:none;
width:100%;}
.ecology02 .col-right {
float:none;
width:100%;
margin:22px 0 0 0;
text-align:left;}

}

/* ACCESS ===================================*/

.map-00 {
position:relative;
width:100%;}
.map-01 {
position:absolute;
width:11.9%;
left:11%;
top:5%;}
.map-02 {
position:absolute;
width:11.9%;
left:7%;
top:70%;}
.map-03 {
position:absolute;
width:11.9%;
left:73%;
top:78%;}
.map-04 {
position:absolute;
width:11.9%;
left:43%;
top:18%;}
.googlemap {
width:100%;
margin:50px 0;}

/* INQUIRY ====================================*/

.inquiry {
text-align:left;
clear:both;}
.inquiry .col-left {
float:left;
width:47%;}
.inquiry .col-right {
float:right;
width:47%;}

@media only screen and (max-width: 800px) {

.inquiry .col-left {
float:none;
width:100%;}
.inquiry .col-right {
float:none;
width:100%;}

}

.c-inq-waku {
text-align:left;
padding:0 0 1px 0;
margin:0 0 22px 0;
background:#003015;
border:1px solid #15492C;}
.c-inq-title {
text-align:center;
padding:8px 0;
background:#15492C;
font-size:15px;
line-height:1.2;
font-weight:bold;
border-bottom:1px solid #001608;}
.c-inq-notice {
padding:14px;
margin:14px;
background:url(../../images/inquiry/inq02.gif);}
.c-inq-copy {
margin:14px;}

/* faq ========================================*/

.faq {
text-align:left;
clear:both;
margin:25px 0;}
.faq .col-left {
float:left;
width:47%;}
.faq .col-right {
float:right;
width:47%;}

@media only screen and (max-width: 800px) {

.faq .col-left {
float:none;
width:100%;}
.faq .col-right {
float:none;
width:100%;}

}

.c-faq-q {
background:url(../../images/faq/faq_q.gif) no-repeat left center;
padding:8px 0px 8px 44px;
font-weight:bold;
font-size:110%;
line-height:1.5;
color:#ffaa33;}
.c-faq-a {
margin:5px 0 0 0;
background:url(../../images/faq/faq_a.gif) no-repeat left center;
padding:8px 0px 0px 44px;}

/* gift ========================================*/

.gift {
text-align:left;
clear:both;
margin:33px 0;
padding:4.5%;
background:#0c4723;
border-radius:5px;}
.gift .col-left {
float:left;
width:47%;}
.gift .col-right {
float:right;
width:47%;}

@media only screen and (max-width: 800px) {

.gift .col-left {
float:none;
width:100%;}
.gift .col-right {
float:none;
width:100%;
margin:27px 0;}

}

/* bx-slider =============================*/

.bx-wrapper , .bx-pager {
margin:0 auto !important;
padding:0 !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
border:none !important;
background:none !important;
line-height:0 !important;}

.bx-slider-res li img {
width:100%;}
.slider-res li img {
width:100%;}

/* restaurant opentime =============================*/

.res-opentime {}
.res-opentime p {
margin-bottom:1.1em;}
ul.opentime {
width:100%;
justify-content:space-between;
-ms-flex-pack:justify;}
ul.opentime li {
text-align:left;
font-size:92%;
line-height:1.7;
letter-spacing:-0.05em;
width:49.5%;
padding:18px;}
ul.opentime li h3 {
font-size:116%;}
ul.opentime li a {
color:#fff;}
ul.opentime li a:hover {
color:#fa0;}

@media only screen and (max-width: 800px) {

.res-opentime {
text-align:left;}
.res-opentime br {
display:none;}

ul.opentime li {
width:100%;
margin:18px 0;
padding:0;}
ul.opentime li:first-child , ul.opentime li:last-child {
margin:0;}

}

/* intro =============================*/

.contents-intro {
padding:64px 32px;}
.contents-intro img {
margin:0 0 24px 0;}

@media only screen and (max-width: 800px) {

.contents-intro {
padding:10% 5%;
font-size:90%;}
.contents-intro br {
display:none;}

}

/* recommend ===================*/

.contents-recommend {
clear:both;
padding:55px 0;
background:#002e14;
box-shadow:0 3px 3px #000e07;}
.contents-recommend ul {
margin:2.8% 0 0 0;}
.contents-recommend ul li {
float:left;
font-size:12px;
line-height:1.3;
padding:12px 10px 1px 10px;
width:50%;}
.contents-recommend ul li img {
transition:all .3s;
margin:0 0 12px 0;
box-shadow:0 0 0 1px #003317;}
.contents-recommend ul li img:hover {
box-shadow:0 0 0 1px #ff8800;}

@media only screen and (max-width:640px) {

.contents-recommend {
padding:7.5% 0;}
.contents-recommend ul {
margin:4% 0 0 0;}
.contents-recommend ul li {
float:none;
padding:6px;
width:100%;}

}

/* category ==========================*/

.contents-category {
width:100%;
box-shadow:0 3px 3px #000e07;}
.contents-category ul {
width:100%;
font-size:0;
text-align:left;}
.contents-category ul li {
font-size:14px;
display:inline-block;
vertical-align:top;
text-align:center;
width:25%;}
.contents-category ul li img {
width:100%;}

@media only screen and (max-width: 640px) {

.contents-category ul li {
width:50%;}

}

/* restaurant plan ================*/

.contents-plan {
padding:55px 0;
background:#002e14;
box-shadow:0 2px 4px #000e07;}
.contents-plan .container {
max-width:1360px;}
.contents-plan ul {
font-size:0;
text-align:left;}
.contents-plan ul li {
font-size:14px;
display:inline-block;
vertical-align:top;
padding:13px;
width:50%;
text-align:left;}
.contents-plan ul li a {
display:block;
height:100%;
padding:13px;
border:1px solid #043d1a;
background:#043d1a;
box-shadow:1px 1px 2px #000f08;
transition:0.3s;}
.contents-plan ul li a:hover {
border:1px solid #92854B;}
.contents-plan ul li .img {
float:left;
width:180px;}
.contents-plan ul li .txt {
margin:0 0 0 180px;
padding:13px 13px 13px 26px;}
.contents-plan ul li .txt .ttl {
border-bottom:1px dotted #C8AD76;
margin:0 0 18px 0;
padding:0 0 5px 0;
font-weight:bold;
font-size:130%;
line-height:1.2;}
.contents-plan ul li .txt .date {
color:#d9bb7e;
padding:0 0 13px 0;
font-size:90%;
line-height:1.2;}
.contents-plan ul li .txt .desc {
color:#FFF;
height:80px;
overflow:hidden;
font-size:13px;
line-height:20px;}

@media only screen and (max-width: 960px) {

.contents-plan {
padding:2% 0;}
.contents-plan ul li {
width:100%;}

}

@media only screen and (max-width: 800px) {

.contents-plan {
padding:4% 0;}
.contents-plan ul li {
padding:6px;}

}

@media only screen and (max-width: 480px) {

.contents-plan ul li a {
padding:26px 13px 13px 13px;}
.contents-plan ul li .img {
float:none;
width:100%;
text-align:center;}
.contents-plan ul li .txt {
margin:0 0 0 0;
padding:26px 0 0 0;}

}

/* stay tokuten ==========================*/

.contents-tokuten {
width:100%;
padding:22px 0;
background-size:cover;
background-position:center center;}
.contents-tokuten .container {
width:100%;
max-width:800px;
text-align:left;
line-height:1.6;
padding:40px;
color:#000;
background-color:rgba(255,255,255,0.8);}
.contents-tokuten .container h2 {
color:#ac8200;}

@media only screen and (max-width: 800px) {

.contents-tokuten {
padding:0;}
.contents-tokuten .container {
padding:6%;}

}

/* stay plan API ========================================*/

#stay_tabs {
clear:both;
display:block;
overflow:hidden;
padding:10px 0;}
#stay_tabs .tabs {
width:100%;
max-width:960px;
margin:0 auto;
font-size:0;
letter-spacing:-1px;}
#stay_tabs .tabs li {
font-size:14px;
line-height:1.2;
letter-spacing:-1px;
display:inline-block;
vertical-align:top;
width:16.66666%;
padding:3px;}
#stay_tabs .tabs li a {
display:block;
padding:10px 0 9px;
color:#FFF;
border:2px solid #295c40;
transition:all 0.3s;
border-radius:12px;}
#stay_tabs .tabs li.active a {
color:#FF9900;
background:#002e14;}
#stay_tabs .tabs li a:hover {
color:#FFcc66;
background:#002e14;}

@media only screen and (max-width: 960px) {

#stay_tabs .tabs li {
width:33.33333%;}

}

@media only screen and (max-width: 480px) {

#stay_tabs .tabs li {
width:50%;}

}

.plan-list {
margin:2.8% 0;}
.plan-list li {
text-align:center;
width:25%;
padding:6px;}
.plan-list li a {
display:block;
padding:13px;
height:100%;
background:#043d1a;
border:1px solid #12492a;
border-radius:3px;
transition:0.2s;}
.plan-list li a:hover {
background:#084520;}
.plan-list li a .img {
position:relative;
width:100%;
height:0;
padding-bottom:75%;
overflow:hidden;}
.plan-list li a .img img {
position:absolute;
top:50%;
left:50%;
width:100%;
transform:translate(-50%,-50%);}
.plan-list li a .ttl {
margin:16px 0;
line-height:20px;
font-weight:bold;
height:60px;
overflow:hidden;}
.plan-list li a .date {
margin:16px 0;
font-size:80%;
line-height:1.2;
color:#d9bb7e;}
.plan-list li a .txt {
text-align:left;
font-size:80%;
line-height:16px;
height:48px;
color:#fff;
overflow:hidden;}

@media only screen and (max-width: 960px) {

.plan-list li {
width:33.333333%;}

}

@media only screen and (max-width: 800px) {

.plan-list {
margin:4% 0;}
.plan-list li {
width:50%;}

}

@media only screen and (max-width: 480px) {

.plan-list li a .ttl {
height:auto;
overflow:visible;}
.plan-list li {
width:100%;}
.plan-list li a .txt {
height:auto;
overflow:visible;}

}

.pop-list {
margin:0 auto;
width:100%;
max-width:800px;
justify-content:space-between;}
.pop-list li {
width:31.3%;
margin:10px 0 0 0;}
.pop-list li a {
display:block;
font-size:10px;
line-height:1.5;
padding:6px 0;
white-space:nowrap;
color:#b7c5bd;
background:#003317;
box-shadow:0 0 0 1px #b7c5bd;}
.pop-list li a:hover {
box-shadow:0 0 0 1px #f90;}

@media only screen and (max-width: 640px) {

.pop-list li {
width:48%;}

}

/* stay room ========================================*/

.roombf-list {
width:100%;
justify-content: space-between;}
.roombf-list li {
width:48%;
line-height:1.6;
padding:20px 0;
text-align:left;}
.roombf-list li .ttl {
font-weight:bold;
text-align:center;
color:#c9af64;
font-size:150%;
line-height:1.2;
padding:24px 0 0 0;
margin:0 0 12px 0;}
.roombf-list li .notice {
margin:15px 0 0 0;
color:#dfcd8f;}

@media only screen and (max-width:800px) {

.roombf-list li {
width:100%;
padding:20px 5px;}

}

/* stay sight =============================*/

.sight-map {
width:96%;
max-width:1000px;
margin:0 auto 60px;
position:relative;}
.sight-map .map0101 {
position:absolute;
width:20%;
left:0;
top:0;}
.sight-map .map0102 {
position:absolute;
width:20%;
left:0;
bottom:0;}
.sight-map .map0103 {
position:absolute;
width:20%;
left:80%;
top:0;}
.sight-map .map0104 {
position:absolute;
width:20%;
left:80%;
top:25%;}
.sight-map .map0105 {
position:absolute;
width:20%;
left:80%;
bottom:0;}
.sight-map .map0201 {
position:absolute;
width:18%;
left:29%;
top:25%;}
.sight-map .map0202 {
position:absolute;
width:18%;
left:50%;
top:27%;}
.sight-map .map0203 {
position:absolute;
width:18%;
left:43%;
top:44%;}
.sight-map .map0204 {
position:absolute;
width:18%;
left:38%;
top:75%;}

@media only screen and (max-width: 800px) {

.sight-map {
width:90%;
margin-bottom:10%;}

}

.sight-list {
width:96%;
max-width:1130px;
margin:0 auto;}
.sight-list ul {
font-size:0;}
.sight-list li {
font-size:12px;
line-height:1.5;
display:inline-block;
vertical-align:top;
width:33.333333%;
padding:10px 15px 35px 15px;}
.sight-list li img {
width:100%;}
.sight-list li .ttl {
font-weight:bold;
color:#c9af64;
font-size:18px;
line-height:1.2;
margin:19px 0;}
.sight-list li .time {
margin:13px 0;
line-height:1.1;
color:#d9bb7e;}
.sight-list li a {
display:block;
margin:22px 0 0 0;
border:1px solid #004422;
padding:5px 0;}

@media only screen and (max-width: 960px) {

.sight-list {
width:92%;}
.sight-list li {
width:50%;
padding:10px 10px 35px 10px;}

}

@media only screen and (max-width: 640px) {

.sight-list li {
width:100%;
padding:5px 0 25px 0;}

}

/* recruit =========================*/

.rec-list {
margin:3% 0;
font-size:0;}
.rec-list li {
font-size:14px;
display:inline-block;
vertical-align:top;
width:33.333333%;
padding:7px;
text-align:center;}
.rec-list li a {
display:block;
padding:13px;
color:#fff;
height:100%;
font-size:11px;
line-height:1.6;
transition:0.3s;
background:#043d1a;
border:1px solid #12492a;
border-radius:3px;}
.rec-list li a:hover {
background:#084520;}
.rec-list li a .img {
margin:0 0 18px 0;}
.rec-list li a .ttl {
font-size:14px;
line-height:1.3;
COLOR:#c7aa38;
font-weight:bold;
margin:0 0 16px 0;}

@media only screen and (max-width: 800px) {

.rec-list {
margin:4% 0;}
.rec-list li {
width:50%;}

}

@media only screen and (max-width: 640px) {

.rec-list li {
width:100%;}

}