@charset "utf-8";

/* TOPスライダー ----------------------------------------------------------------*/
#topSlider {
overflow:hidden;
position:relative;
width:100%;
height: 700px;
}
#sliderInner {
position:relative;
left:50%;
width:2980px;
margin-left:-1500px;
}
#sliderInner > .bx-wrapper > .bx-viewport {
width: 100% !important;
margin: 0 auto;
}
#sliderInner li {
margin: 0;
padding: 0;
height: 700px;
}
.slide1 {
background: url(../img/topSlide1.jpg);
background-size: contain;
background-position: center;
}
.slide2 {
background: url(../img/topSlide2.jpg);
background-size: contain;
background-position: center;
}
.slide3 {
background: url(../img/topSlide3.jpg);
background-size: contain;
background-position: center;
}
#slideFilterL, #slideFilterR {
position: absolute;
top: 0;
width: 790px;
height: 700px;
opacity: 0.6;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
background: #000;
z-index: 60;
}
#slideFilterL {left:0;}
#slideFilterR {right:0;}

@media screen and (max-width: 768px) {
#topSlider {
overflow:hidden;
position:relative;
width:100%;
height: 500px;
z-index: -10;
}
#sliderInner {
position:relative;
left:50%;
width:2980px;
margin-left:-1500px;
}
#sliderInner > .bx-wrapper > .bx-viewport {
width: 100% !important;
margin: 0 auto;
}
#sliderInner li {
margin: 0;
padding: 0;
height: 500px;
}
.slide1 {
background: url(../img/sld_sp1.jpg);
background-size: contain;
background-position: center;
}
.slide2 {
background: url(../img/sld_sp2.jpg);
background-size: contain;
background-position: center;
}
.slide3 {
background: url(../img/sld_sp3.jpg);
background-size: contain;
background-position: center;
}
}

/* tripla booking ----------------------------------------------------------------*/
#booking-top-nob{
padding: 1em 0em 1.5em;
margin-bottom: 4em;
}
#booking{}
#booking .search-widget-search-container-bf1818{
box-shadow: none;
display: flex;
padding: 0 0;
justify-content: space-between;
align-items: center;
}
#booking section{
padding: 0;
width: auto;
/*margin: 0 0 0 10px;*/
}
#booking .search-widget-input-wrapper-eaf5bf{display: flex;flex-wrap: wrap;width: 50%;}
#booking .input-container-input-container-da40af{margin: 0 20px 10px 0;}
#booking .input-container-title-db81ec{
font-family: "dnp-shuei-ymincho-std",sans-serif;
color: #666;
margin-bottom: 5px;
font-size: 15px;
}
#booking .button-btn-f51c1a{
width: 190px;
letter-spacing: 3px;
margin: 0px 10px 0px 0px;
line-height: 30px;
font-size: 1.6em;
padding: 8px;
border-radius: 5px;
font-family: "dnp-shuei-ymincho-std",sans-serif;
}

@media screen and (max-width: 768px) {
#booking-top-nob{
padding: 0em 0em 1.5em;
margin-bottom:0em;
}
#booking{}
#booking .search-widget-search-container-bf1818{
flex-direction: column;
width: 94% !important;
}
#booking .search-widget-input-wrapper-eaf5bf{width: 100%;}
#booking section{
margin: 0 0 1em 0;
/*width: 100%;*/
}
#booking .button-btn-f51c1a{
line-height: 30px;
font-size: 1.6em;
padding: 8px 1em;
width: 220px;
margin: 0px 0px 10px 0px;
}
#booking .search-widget-two-picker-wrapper-4ca735{width: 100%;}
#booking .input-container-input-container-da40af{width: 100%;margin: 0 0px 10px 0;}
}
#booking-header{}

#booking-header .search-widget-search-container-bf1818{
box-shadow: none;
display: flex;
padding: 0 0;
background: none;
flex-wrap: wrap;
justify-content: end;
}
#booking-header section{
padding: 0;
margin: 0;
background: none;
width: 100%;
display: flex;
justify-content: space-between;
}
#booking-header #booking .search-widget-input-wrapper-eaf5bf{width: 100%;margin-bottom: 10px;}
#booking-header .input-container-input-container-da40af{margin: 0;}
#booking-header .input-container-input-container-da40af .input-container-title-db81ec{
color: #666;
display: block;
font-size: 13px;
margin-bottom: 5px;
font-weight: bold;
line-height: 1;
font-family: "dnp-shuei-ymincho-std",sans-serif;
}
#booking-header .search-widget-calendar-9fdfc9{
font-size: 18px !important;
padding: 0 0 0 8px;
}
#booking-header .dropdown-selector-container-ed6e73 .dropdown-selector-input-349b9d{
min-width: 240px !important;
font-size: 14px !important;
padding: 0 8px;
width: 240px;
}
#booking-header .search-widget-input-34bba0,
#booking-header .search-widget-select-75fb48{border: 1px solid #666 !important;}

#booking-header .search-widget-button-wrapper-d2b715{order: 3;}
#booking-header .button-btn-f51c1a{
padding: 4px 27px;
border-radius: 5px;
font-size: 16px;
width: auto;
font-family: "dnp-shuei-ymincho-std",sans-serif;
margin: 0 0 0 10px;
}
#booking-header .search-widget-day-use-wrapper-fc1ff9{order: 2;width: auto;}

.gallery-box {
width: 900px;
height: 180px;
background-color: #70900F;
background-image: url(../img/gallery-photo.jpg);
background-repeat: no-repeat;
display: block;
margin-bottom: 100px;
position:relative;
border-radius: 10px;	
}
.gallery-box .txt {
position: absolute;
top: 80px;
right: 65px;
color: #FFF;
font-size: 1.4em;
}

@media screen and (max-width: 768px) {
.c-top-booking__mainContents{margin: 0 1em;}
#booking-header{margin-bottom: 3em;}
#booking-header section{display: none;}
#booking-header .search-widget-search-container-bf1818{width: 85% !important;}
#booking-header .button-btn-f51c1a{font-size: 18px;padding: 8px 5em;}
#booking-header .input-container-input-container-da40af{margin: 0 0px 10px 0;}
#booking-header .search-widget-button-wrapper-d2b715{align-self: center;}
.gallery-box {width: 100%;background-position: 35% 40%;}
.gallery-box {
width: 100%;
height: 140px;
background-color: #fff;
background-position: 35% 85%;
text-align: center;
line-height: 135px;
margin-bottom: 50px;	
}
.gallery-box .txt {
position: static;
font-size: 1.2em;
background-color: #70900F;
display: inline-block;
padding: 20px 30px;
vertical-align: middle;
line-height: 15px;
border-radius: 10px;
}
}

/*バナーカルーセル ----------------------------------------------------------------*/
#image-bloc {position: relative;}
.bx-wrapper {}
.bx-viewport {
width: 850px !important;
margin: 0 auto;
}
@media screen and (min-width: 767px) {
.slider {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}
.slider li {
width: 200px!important;
margin: 0;
padding: 0;
}
}
#image-bloc .bx-wrapper a.bx-prev, .bx-wrapper a.bx-next {background: rgba(255,255,255,1);}
#image-bloc .bx-wrapper .bx-controls-direction {line-height: 0;}
#image-bloc .bx-wrapper a.bx-prev {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 30px;
left: 0px;
text-indent: -9999px;
z-index: 4;
height: 200px;
}
#image-bloc .bx-wrapper a.bx-prev:before {
content: '';
background: url(../img/icon_left_black.png) center no-repeat;
background-size: cover;
width: 10px;
height: 20px;
display: block;
top: 45%;
left: 5px;
position: absolute;
}
#image-bloc .bx-wrapper a.bx-next {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 30px;
right: 0px;
text-indent: -9999px;
z-index: 4;
height: 200px;
}
#image-bloc .bx-wrapper a.bx-next:before {
content: '';
background: url(../img/icon_right_black.png) center no-repeat;
background-size: cover;
width: 10px;
height: 20px;
display: block;
top: 45%;
right: 5px;
position: absolute;
}

@media screen and (max-width: 768px) {
.bx-viewport {padding-left: 5px;width: 100% !important;}
/*.slider {margin: 0;}
.slider li {width: unset !important;}*/
#image-bloc {height: 150px;margin: 0em 0 3em;}
#image-bloc img {width: 95%;}
.bx-controls-direction {display: none;}
}

/*インスタ ----------------------------------------------------------------*/
.instaglam_box{
width: 830px;
margin: 0 auto 10px;
}
.instaglam_box_text{
font-size: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.instaglam_box_text a{color: #719103;}
.instagram_btnbox{
margin: 2em auto 3em;
width: 300px;
}
.instagramBtn {
background-color: #719103;
color: #fff;
border: none;  
text-align: center;
box-sizing: border-box;
cursor: pointer;
background-image: url(../img/icon/instagram_white.png);
background-repeat: no-repeat;
background-position: 12% 47%;
border-radius: 10px;
font-size: 24px;
font-weight: bold;
line-height: 40px;
padding: 10px 0px;
display: block;
}
.sns {
margin:0 50px;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.facebook{}
.fb-page {float:right;width:500px;}  
.fb_iframe_widget {
width: 500px !important;
margin: 0 auto 40px;
display: block !important;
}

@media screen and (max-width:768px){
.instaglam_box{width: 100%;}
.instaglam_box_text{}
.instagram_btnbox{width: 80%;}
.instagramBtn{font-size: 18px;padding: 7px 0px;}
.sns {flex-wrap: wrap;margin: 0;overflow: unset;}
.facebook{}
.fb-page {}  
.fb_iframe_widget {}
}


@media screen and (max-width:768px){
.tripadvisor{width: 240px;margin: 0 auto 50px;}
.facebook{margin: 0 auto;width: 100% !important;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{width: 100%!important;}
.fb_iframe_widget {margin-bottom: 40px;display: block !important;overflow: scroll;}
}

/* キャンペーンバナー ----------------------------------------------------------------*/
.project {
margin:0 auto;
overflow: hidden;
width: 918px;
}
.project-bnr {width: 60%;margin: 0 auto;}
.project-bnr_l {float: left;width: 49%;}
.project-bnr_r{float: right;width: 49%;}
.project-bnr_f{float: left;width: 49%;margin: 0 0.5% 15px;}
.project-bnr_l img,.project-bnr_r img,.project-bnr_f img{max-width: 100%;}
.project-bnr img {width: 100%;display: block;margin-bottom: 20px;}

@media screen and (max-width:768px){
.project {width: 100%;}
.project-bnr {float: none;width: 90%;margin: 0 auto 3em;}
.project-bnr_l,.project-bnr_r,.project-bnr_f{float: none;width: 100%;margin-bottom: 15px;}
}

/* 営業時間短縮のお知らせ   ----------------------------------------------------------------*/
.tanshuku{
border: #ccc solid 5px;
padding: 15px 20px;
font-size: 16px;
color: #666;
line-height: 1.6;
margin-bottom: 40px;
}
.tanshuku .title_text{
color: #c5051b;
font-weight: bold;
font-size: 1.2em;
padding-bottom: 0.8em;
text-decoration: underline;
}

@media screen and (max-width:768px){
.tanshuku{
border: #ccc solid 3px;
padding: 0.9em;
font-size: 14px;
line-height: 1.4;
margin-bottom: 2em;
}
}