@charset "utf-8";

body { text-align:center; color:#232832; }

a:link { color:#278fd0; }
a:visited { color:#278fd0; }
a:hover { color:#80afd7; }
a:active { color:#80afd7; }

.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #278fd0; }
.lb a:visited { border-bottom:1px solid #278fd0; }
.lb a:hover { border-bottom:3px double #80afd7; }
.lb a:active { border-bottom:3px double #80afd7; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #80afd7; }
.lbh a:active { border-bottom:1px solid #80afd7; }
.lbh li { margin-bottom:1px; }

.nb a:link { border:none; }
.nb a:visited { border:none; }
.nb a:hover { border:none; }
.nb a:active { border:none; }

.intxt p { margin-bottom:0.8em; }

#preloader { position:fixed; top:0; left:0; background-color:#ffffff; width:100%; height:100%; z-index:3000; }
#sp_header, #sp_nav, #sp_reservation { display: none; }
#footer_sitemap_toggle,#footer_okura_toggle { display:none; }


#header { position:fixed; width:100%; height:54px; color:#000000; background-color:#ffffff; z-index:110; border-bottom: 2px solid #cccccc; }
#header_inner { position:relative; width:1200px; margin:0 auto; text-align:left; height:54px; }
#header_logo { position:absolute; width:24%; height:54px; top:0; left:0; background:url(../img/header_logo.png) no-repeat; }
#header_logo a { display:block; width:100%; height:54px; }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
#header_logo { background-image:url(../img/header_logo@2x.png); background-size:92%; background-position: left; width: 300px !important; height: 54px;}
}

#header_sns { float:right; }
#header_sns li { float:left; margin-right:20px; }
#header_sns li a { display: block; color:#80b0d8; font-size:1.6em; line-height:54px; }
#header_sns #header_sns_twitter a:after   { content:"\f099"; font-family:"FontAwesome"; display:block; }
#header_sns #header_sns_facebook a:after  { content:"\f09a"; font-family:"FontAwesome"; display:block; }
#header_sns #header_sns_instagram a:after { content:"\f16d"; font-family:"FontAwesome"; display:block; }

#header_menu { width: 34%; float:right; position: relative; }
#header_menu li { float:left; margin-right:20px; }
#header_menu li a { color:#ffffff; line-height:54px; }
#header_menu li a:hover { border-bottom:1px solid #d0dcf0; }
#header_menu_tel { display:none; }
#header_menu_faq:before     { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#header_menu_inquiry:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#header_menu li#header_menu_faq a,
#header_menu li#header_menu_inquiry a { color: #000000; }

#header_btn { float:right; }

#header_languages, #header_languages_wp { float:left; position:relative; margin-top:10px; width:170px; height:34px; line-height:34px; color:#545361; border:1px solid #e5e5e5; cursor:pointer; text-align:center; font-family:"NotoSans", sans-serif; text-transform:uppercase; background-color:rgba(255,255,255,0.8); }
#header_languages:before, #header_languages_wp:before { content:'\f0d7'; font-family:"FontAwesome"; display:inline-block; color:#278fd0; margin-right:6px; }
#header_languages.current:before, #header_languages_wp.current:before { content:'\f0d8'; }
#header_languages a, #header_languages_wp a { color:#545361; }
#header_lang { position:absolute; z-index:121; border:1px solid #e5e5e5; width:170px; top:34px; left:-1px; background-color:rgba(255,255,255,0.8); }
#header_lang li { height:34px; border-bottom:1px solid #e5e5e5; }
#header_lang li:last-of-type { border-bottom: none; }
#header_lang a { display:block; }
#header_lang a:hover { color:#278fd0; background-color:#ffffff; }

.aiPop { position: fixed; z-index: 200; opacity: 0; bottom: -100%; right: 10%; background-color: #ffffff; width: auto;  height: 70%; transition: all 800ms 0s ease; box-shadow: 1px 10px 31px #5a5a5a; }
.aiPop.active { bottom: 0%;	opacity: 1;}
.aiPopOpen { cursor: pointer; width: 33%; }
.aiPopOpen.style2 { width: max-content; }
.aiPopOpen img { width: 100%; }
.aiPopOpen_under { position: absolute; right: -9%; top: -136%;}
.aiPopOpen_under img { width: 44%}
#aiPopClose{ height:40px;	width:40px;	display:block; position:absolute;	top: -3%; right: -2%;	box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.popClose1{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; background:#333;}
.popClose1:before, .popClose1:after{content:''; height:6px; width:28px; display:block; background:#fff; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; position:absolute; top:17px; left:6px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.popClose1:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#slides { background-color:#ffffff; }
#slides .flex-control-nav { bottom:6.5em; }

#nav { position:fixed; width:100%; height:44px; top:54px; background:url(../img/nav_bg.png) repeat center top; z-index:100;
	-o-box-shadow:      0 1px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:     0 1px 10px rgba(0,0,0,0.2);
	box-shadow:         0 1px 10px rgba(0,0,0,0.2);
}
#nav ul { position:relative; width:1200px; height:44px; text-align:left; margin:0 auto; }
#nav ul li { float:left; font-size:90%; display:block; width: 11.9em !important; height:44px; border-left:1px solid rgba(255,255,255,0.4); box-sizing:border-box; }
#nav ul li:hover { background-color:#ffffff; }
/* #nav ul li#nav_home                   { display:none; }
#nav ul li#nav_stay                   { width: 96px; }
#nav ul li#nav_restaurant             { width:129px; }
#nav ul li#nav_party                  { width:157px; }
#nav ul li#nav_wedding                { width:136px; }
#nav ul li#nav_facility               { width:110px; }
#nav ul li#nav_halls                  { width:169px; }
#nav ul li#nav_access                 { width:110px; } */
#nav ul li#nav_stay_reservation       { /* width:134px; */ background-color:#c4a46a; }
#nav ul li#nav_restaurant_reservation { /* width:149px; */ background-color:#c4a46a; }

#nav ul li a { display:block; color:#2f240c; text-align:center; letter-spacing:0.05em; padding-top:6px; -webkit-transition:all 0.45s; transition:all 0.45s; }
#nav ul li a .ja { display:block; color:#2f240c; font-family:"メイリオ", Meiryo, "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
#nav ul li a .en { display:block; color:#9a7e44; font-size:60%; font-family:"Mplus", serif; text-transform:uppercase; }

#nav ul li#nav_stay_reservation a .ja { color:#ffffff; }
#nav ul li#nav_stay_reservation a .en { color:#ffffff; }
#nav ul li#nav_restaurant_reservation a .ja { color:#ffffff; }
#nav ul li#nav_restaurant_reservation a .en { color:#ffffff; }

.topicpath { position:relative; width:100%; font-size:0.9em; }
.topicpath ol { position:relative; width:1200px; text-align:left; margin:0 auto; padding:3em 0; }
.topicpath ol li { float:left; }
.topicpath ol li em { padding:0 0.5em; }
.cancelTxtLink { text-decoration: underline; }
/* コンテンツレイアウト */
.contents_outer { position:relative; width:100%; }
.contents_outer.first { padding-top:240px; background-position:top center; background-repeat:no-repeat; }
.contents_outer.first_type2 { padding-top:7em; background-position:top center; background-repeat:no-repeat; }
.contents_inner { position:relative; width:1200px; text-align:left; margin:0 auto; padding:2% 0 2% 0; max-width:1920px; }
.contents_inner.full { width:100% !important; padding:0; }

/* ページの先頭へボタン */
#page_top { position:fixed; z-index:300; right:10px; bottom:20px; width:80px; height:80px; -webkit-transition:all .3s ease; transition:all .3s ease; display:none; }
#page_top a { display:block; width:80px; height:80px; background-image:url(../img/btn_page_top.png); }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
#page_top a { background-image:url(../img/btn_page_top@2x.png); background-size:80px 80px; }
}
#page_top a span { font-size:0; line-height:0; position:absolute; left:-9999px; }
.page_top { display: block; width: 80px; height: 80px; background-color: #535353; top: 0; cursor: pointer; -webkit-transition:.3s background-color ease-in-out,.3s top ease-in-out; transition: .3s background-color ease-in-out,.3s top ease-in-out; }
.page_top:hover { background-color: #797979; top: 3px; }
.page_top:before { position: absolute; width: 36px; height: 22px; margin: auto; background: url(../img/icon/page_top.png)no-repeat; background-size: contain; top: 0; right: 0; bottom: 0; left: 0; content: ''; }


#footer { position:relative; width:100%; text-align:left; font-size:90%; }

#footer_topic { position:relative; width:100%; border-top:1px dashed #c9c9cd; }
#footer_topic_inner { position:relative; width:1200px; margin:0 auto; padding:50px 0;}
#footer_topic h2 { position:relative; font-size:2.0em; font-family:'AozoraMinchoRegular', serif; }
#footer_topic h2.mb { margin-bottom:0.6em; }

.footer_topic_box_l { box-sizing:border-box; padding:2em; border:1px solid #c9c9cd; }
.footer_topic_box_s { box-sizing:border-box; padding:2em; border:1px solid #c9c9cd; }

/*
.footer_topic_btn a { display:block; font-size:1.2em; color:#232832; font-family:'AozoraMinchoRegular', serif; background-color:#f5f2ec; box-sizing:border-box; outline:1px solid #ffffff; outline-offset:-5px; transition:all 0.3s ease; }
.footer_topic_btn a span { display:block; padding:1em; text-align:center; }
.footer_topic_btn a:hover, .btn1 a.current { display:block; background-color:#ded4bf; }
*/

#footer_info { position:relative; width:100%; color:#ffffff; background-color:#80b0d8; }
#footer_info_inner { position:relative; width:1200px; height:40px; margin:0 auto; padding:50px 0 65px 0;}

#footer_logo { position:absolute; width:330px; height:40px; top:auto; left:0; background-image:url(../img/footer_logo.png); }
#footer_logo a { display:block; width:330px; height:40px; }
#footer_address { position:absolute; width:auto; height:40px; top:auto; left:350px; }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
#footer_logo { background-image:url(../img/footer_logo@2x.png); background-size:84%; background-position: center;}
}
#footer_tel a { color:#ffffff; }
#footer_inquiry { position:absolute; width:300px; height:40px; top:auto; right:0; }
#footer_inquiry a { position:relative; display:block; width:300px; height:40px; line-height:40px; text-align:center; color:#ffffff; background-color:#278fd0; }
#footer_inquiry a:hover { background-color:#c4a46a; }
#footer_rc {position:absolute;width: 360px;height:45px;top:auto;right: -0.1%;}

#footer_link { position:relative; width:100%; color:#ffffff; background-color:#80b0d8; }
#footer_link_inner { position:relative; width:1200px; margin:0 auto; padding-bottom:20px; }

#footer_sitemap { position:relative; float:left; width:66%; }
#footer_sitemap ul li { margin:0.8em 0; }
#footer_sitemap ul li:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#footer_sitemap ul li a { color:#ffffff; }
#footer_sitemap ul li a:hover { border-bottom:1px solid #d0dcf0; }

#footer_okura { position:relative; float:left; width:34%; padding-left:4%; box-sizing:border-box; border-left:1px dashed #d0dcf0; }
#footer_okura_link { margin-top:2em; }
#footer_okura_link li { margin:0.8em 0; }
#footer_okura_link li:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#footer_okura_link li a { color:#ffffff; }
#footer_okura_link li a:hover { border-bottom:1px solid #d0dcf0; }

#footer_group_inner { position:relative; width:1200px; margin:0 auto; padding-bottom:30px; }
.footer_group_link:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.footer_group_link li { float:left; border-right:1px solid #d0dcf0; margin-right:0.5em; padding-right:0.5em; margin-bottom:0.4em; }
.footer_group_link li a { color:#ffffff; font-size:0.9em; }
.footer_group_link li a:hover { border-bottom:1px solid #d0dcf0; }
.footer_group_link li:first-child { font-weight:bold; }
.footer_group_link li:last-child { border-right:none; margin-right:1em; }

#copyright { font-size:80%; padding:1em; text-align:center; background-color:#469bd2; }
#copyright div { margin:0 auto; text-align:center; color:#ffffff; }
#copyright div.w3c { margin-top:1em; color:#ffffff; }
#copyright div.w3c a { color:#ffffff; text-decoration: underline; }


/* プラン成形用 */
.mds_minileftbar {
    padding: 0 0 0 14px;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #000;
    position: relative;
    border-left: 5px solid #AB9150;
    font-size: 1.1em;
}

.forkmark_p {
    background: #4F6D47;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-radius: 20px;
    margin: -4px 5px 0 2px;
    font-size: 0px;
    vertical-align: middle;
}

/* サイドメニュー */
#side_menu_outer { position:fixed; margin:0; top:20%; right:0; width:auto; height:auto; z-index:100; }
.side_menu { width:105px; right:-20px; background-color:rgba(255,255,255,0.7); position:relative; border: 1px solid #e6e6e6; margin-bottom:20px; -webkit-transition:all .3s ease; transition:all .3s ease;
-webkit-border-radius: 6px 0 0 6px / 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px / 6px 0 0 6px;
border-radius: 6px 0 0 6px / 6px 0 0 6px;
}
.side_menu:hover { background-color:#fbfbfb; right:0; }
.side_menu a { display:block; color:#000000; font-size:10px; padding:15px 0; margin-right:20px; }
.side_menu a>*:first-child { display:block; margin:0 auto; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; background-size:60px; }
#side_menu_bestrate>*:first-child     { background-image:url(../img/ico_bestrate.png); }
#side_menu_roomcategory>*:first-child { background-image:url(../img/ico_roomcategory.png); }
#side_menu_wifi>*:first-child         { background-image:url(../img/ico_wifi.png); }
#side_menu_originalmark>*:first-child { background-image:url(../img/ico_greenheartfork.png); }
#side_menu_material>*:first-child     { background-image:url(../img/ico_kodawari.png); }
#side_menu_familytype>*:first-child   { background-image:url(../../stay/img/img_familyclass.png); }

.side_menu:before { content:"\f0da"; font-family:"FontAwesome"; color:#ffffff; display:block; height:1em; position:absolute; top:0; bottom:0; right:7px; margin:auto; }


/* 予約モジュール */
.popup_reservation_black { display:none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; background-color: #000000; }

#popup_kouku_wrapper,#popup_reservation_wrapper { display:none; background-color:rgba(0,0,0,0.6); width:620px; height:410px; text-align:left; margin:auto; z-index:100; position:fixed; top:0; bottom:0; right:0; left:0; padding:60px 40px 45px 40px; }
#popup_kouku_wrapper { z-index: 1000; }
#popup_kouku_wrapper .ttl6 .ja { color: #fff; }

#popup_reservation_wrapper h2 { text-align:center;}
#popup_reservation_wrapper h2 span { display:block; }
#popup_reservation_wrapper h2 span.ja { color:#ffffff; }
#popup_kouku_wrapper .ttl6 .ja:after,#popup_reservation_wrapper h2.ttl6 .ja:after { color:#278fd0; }

#popup_reservation_wrapper div.check_in { float:left; width:50%; margin:6% 0 2%; text-align:center; }
#popup_reservation_wrapper div.check_in span.text { color:#ffffff; }
#popup_reservation_wrapper div.check_in input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.check_in input#reservation_calendar { width:120px; }
.ui-datepicker-trigger { position:relative; top:2px; right:45px; width:20px; height:20px; }

#popup_reservation_wrapper div.check_out { float:left; width:50%; margin:6% 0 2%; text-align:center; }
#popup_reservation_wrapper div.check_out span.text { color:#ffffff; }
#popup_reservation_wrapper div.check_out input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.check_out input#reservation_calendar { width:120px; }

#popup_reservation_wrapper div.headcount { float:left; width:30%; margin:5% 0 6% 0; text-align:center; }
#popup_reservation_wrapper div.headcount span.text { color:#ffffff; }
#popup_reservation_wrapper div.headcount select#headcount_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_reservation_wrapper div.childcount { float:left; width:40%; margin:5% 0 6% 0; text-align:center; }
#popup_reservation_wrapper div.childcount span.text { color:#ffffff; }
#popup_reservation_wrapper div.childcount select#childcount_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.childcount p { margin-top:5px; color:#ffffff; }

#popup_reservation_wrapper div.room { float:left; width:30%; margin:5% 0 6% 0; text-align:center; }
#popup_reservation_wrapper div.room span.text { color:#ffffff; }
#popup_reservation_wrapper div.room select#room_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_kouku_wrapper span { color: #fff; }
#popup_kouku_wrapper .koukuWrap { padding: 5% 0; width: 380px; margin: 0 auto; }
#popup_kouku_wrapper .koukuWrap .ui-datepicker-trigger { top:0; right: 30px; }
.koukuselect { margin-bottom: 5%; }
#popup_kouku_wrapper select,#popup_kouku_wrapper input { border: none; padding: 10px;}
#popup_kouku_wrapper .check_in { margin-bottom: 10%; }
#popup_kouku_wrapper .hakusu,#popup_kouku_wrapper .ninzu { width: 50%; float: left; }
#popup_kouku_wrapper .btn_submit, #popup_reservation_wrapper .btn_submit { display:block; width:60%; margin:0 auto; padding:2% 5%; text-align:center; color:#fff; border-style:none; background-color:#c4a46a; transition:all 0.3s; }
#popup_kouku_wrapper .btn_submit span,#popup_reservation_wrapper .btn_submit span { font-size:1.2em; font-weight:bold; display:block; margin:0; color:#fff; }
#popup_kouku_wrapper .btn_submit span:before,#popup_reservation_wrapper .btn_submit span:before { content:"\f002"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#popup_reservation_wrapper .btn_submit:hover { background-color:#b08943; }
#popup_reservation_wrapper .btn_submit.current { background-color:#b08943; }

#popup_reservation_wrapper #popup_reservation_menu { position:relative; margin:20px auto; font-size: 1.4em; }
#popup_reservation_wrapper #popup_reservation_menu p { text-align:center; }
#popup_reservation_wrapper #popup_reservation_menu p a { color:#ffffff; font-size:0.9em; text-decoration: underline; }
#popup_reservation_wrapper #popup_reservation_menu p:before { content:"\f105"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; color:#ffffff; }
#popup_reservation_wrapper #popup_reservation_menu p a:hover { text-decoration:underline; }

#popup_kouku_wrapper #btn_restaurant_reservation,#popup_kouku_wrapper #btn_stay_reservation,#popup_reservation_wrapper #btn_restaurant_reservation { position:absolute; right:0; bottom:-3em; height:3em; }
/* #popup_kouku_wrapper #btn_stay_reservation { right: 160px; } */
#popup_kouku_wrapper #btn_stay_reservation { right: 0; }
#btn_restaurant_reservation { display: none; }

#popup_kouku_wrapper #btn_restaurant_reservation a,#popup_kouku_wrapper #btn_stay_reservation a,#popup_reservation_wrapper #btn_restaurant_reservation a { display:block; height:100%; padding:0 20px 0 26px; line-height:3em; background-color:#80afd7; transition:all 0.3s; }
#popup_kouku_wrapper #btn_stay_reservation a:hover,#popup_reservation_wrapper #btn_restaurant_reservation a:hover { background-color:#278fd0; }
#popup_kouku_wrapper #btn_restaurant_reservation a span,#popup_kouku_wrapper #btn_stay_reservation a span,#popup_reservation_wrapper #btn_restaurant_reservation a span { display:block; margin:0; color:#fff; }
#popup_kouku_wrapper #btn_restaurant_reservation a span:before,#popup_kouku_wrapper #btn_stay_reservation a span:before,#popup_reservation_wrapper #btn_restaurant_reservation a span:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

.reservationTabBtns { width: 150px; text-align: center;}
.reservationTabBtns a { padding: 0 !important; }

/* 予約モジュール閉じるボタン */
.btn_close_wrapper { position:absolute; width:35px; height:35px; top:15px; right:15px; cursor:pointer; background:url(../img/popup_reservation_close.png) no-repeat left top; }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
.btn_close_wrapper {background-image:url(../img/popup_reservation_close@2x.png); background-size:100%; }
}

/*
#popup_restaurant_wrapper div { box-sizing:border-box; border:1px solid red; }
*/
#popup_restaurant_wrapper { display:none; background-color:rgba(0,0,0,0.6); width:620px; height:400px; text-align:left; margin:auto; z-index:100; position:fixed; top:0; bottom:0; right:0; left:0; padding:60px 40px 25px 40px; }
#popup_restaurant_wrapper .text { color:#ffffff; }
#popup_restaurant_wrapper label { color:#ffffff; }
#popup_restaurant_wrapper h2 { text-align:center;}
#popup_restaurant_wrapper h2 span { display:block; }
#popup_restaurant_wrapper h2 span.ja { color:#ffffff; }
#popup_restaurant_wrapper h2.ttl6 .ja:after { color:#278fd0; }

#popup_restaurant_wrapper div.restaurant_name { color:#ffffff; width:400px; margin:3% 110px 5px 110px; }
#popup_restaurant_wrapper div.restaurant_name select { color:#232832; width:400px; padding:10px 11px; margin:5px 0; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_restaurant_wrapper div.restaurant_day { width:400px; margin:2% 110px 2% 110px; }
#popup_restaurant_wrapper div.restaurant_day input.day_select { text-align:left; color:#232832; width:9em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_restaurant_wrapper div.restaurant_day input#reservation_calendar_restaurant { width:140px; }

#popup_restaurant_wrapper div.restaurant_num { width:400px; margin:2% 110px 3% 110px; }
#popup_restaurant_wrapper div.restaurant_num select#restaurant_num_select { color:#232832; width:5em; padding:10px 11px; margin:0 10px 0 5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_restaurant_wrapper .btn_submit { display:block; width:60%; margin:0 auto; padding:2% 5%; text-align:center; color:#fff; border-style:none; background-color:#c4a46a; transition:all 0.3s; }
#popup_restaurant_wrapper .btn_submit span { font-size:1.2em; font-weight:bold; display:block; margin:0; color:#fff; }
#popup_restaurant_wrapper .btn_submit span:before { content:"\f002"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#popup_restaurant_wrapper .btn_submit:hover { background-color:#b08943; }
#popup_restaurant_wrapper .btn_submit.current { background-color:#b08943; }

#popup_restaurant_wrapper #popup_restaurant_menu,#popup_kouku_wrapper #popup_reservation_menu{ position:relative; margin:20px auto; font-size: 1.4em; }
#popup_restaurant_wrapper #popup_restaurant_menu p,#popup_kouku_wrapper #popup_reservation_menu p{ text-align:center; }
#popup_restaurant_wrapper #popup_restaurant_menu p a,#popup_kouku_wrapper #popup_reservation_menu p a { color:#ffffff; font-size:0.9em; text-decoration: underline; }
#popup_restaurant_wrapper #popup_restaurant_menu p:before,#popup_kouku_wrapper #popup_reservation_menu p:before{ content:"\f105"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; color:#ffffff; }
#popup_restaurant_wrapper #popup_restaurant_menu p a:hover,#popup_kouku_wrapper #popup_reservation_menu p a:hover{ text-decoration:underline; }
/* #btn_stay_kouku { position: absolute; right: 160px; bottom: -42px; height: 42px;} */
#btn_stay_kouku { position: absolute; right:0; bottom: -42px; height: 42px;}
#popup_restaurant_wrapper #btn_stay_reservation { position:absolute; right:0; bottom:-3em; height:3em; }
#btn_stay_kouku a,#popup_restaurant_wrapper #btn_stay_reservation a { display:block; height:100%; padding:0 20px 0 26px; line-height:3em; background-color:#80afd7; transition:all 0.3s; }
#btn_stay_kouku a:hover,#popup_restaurant_wrapper #btn_stay_reservation a:hover { background-color:#278fd0; }
#btn_stay_kouku a span,#popup_restaurant_wrapper #btn_stay_reservation a span { display:block; margin:0; color:#fff; }
#btn_stay_kouku a span:before,#popup_restaurant_wrapper #btn_stay_reservation a span:before { content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }


/* パーツ説明用クラス */
.desc_txt { margin:25px 0 15px 0; padding: 10px; background-color: #eee; border: solid 1px #ccc; font-size: 1.3em; border-radius: 10px; }

.c0 { color: #111111 !important; } .c0 a { color: #111111 !important; }
.c1 { color: #c50000 !important; } .c1 a { color: #c50000 !important; }
.c2 { color: #7d320c !important; } .c2 a { color: #7d320c !important; }
.c3 { color: #0182ac !important; } .c3 a { color: #0182ac !important; }
.c4 { color: #a18205 !important; } .c4 a { color: #a18205 !important; }
.c5 { color: #ffffff !important; } .c4 a { color: #ffffff !important; }

.bg0 { background-color:#000000 !important; } a.bg0:hover { background-color:#ffffff !important; }
.bg1 { background-color:#ffffff !important; } a.bg1:hover { background-color:#000000 !important; }
.bg2 { background-color:#999999 !important; } a.bg2:hover { background-color:#cccccc !important; }
.bg3 { background-color:#474362 !important; } a.bg3:hover { background-color:#858298 !important; }
.bg4 { background-color:#59453c !important; } a.bg4:hover { background-color:#857770 !important; }
.bg5 { background-color:#a58c03 !important; } a.bg5:hover { background-color:#c7b65d !important; }
.bg6 { background-color:#3c3c3c !important; } a.bg6:hover { background-color:#939393 !important; }

.notice { color:#e8383d; }
.appeal { color:#6a609c; }
.accent { color:#26499d; }
.note_num { color:#a28850; }

.bg_rectangle { background:url(../img/bg_rectangle.png) no-repeat #ebf2f9 center top; }
.bg_typegray { background-color: #f7f7f7; }

h1, h2, h3, h4, h5, h6, caption, dt { position:relative; line-height:1.3; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:"AozoraMinchoRegular", serif; font-variant:small-caps; letter-spacing:0.05em; }
h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
h1.mb, h2.mb, h3.mb, h4.mb, h5.mb, h6.mb, caption.mb, dt.mb { margin-bottom:1em; }

/* タイトル */
.ttl1 { text-align:center; position:relative; overflow:hidden; }
.ttl1:after { content:'\0025C6\0020\0025C6\0020\0025C6'; color:#ffffff; font-size:1.6em; }
.ttl1 .en { display:block; color:#feffff; font-size:1.4em; font-family:'Mplus', sans-serif; text-transform:uppercase; }
.ttl1 .ja { display:block; color:#232832; font-size:4.8em; margin-top:0.1em; }
.ttl1.mb { margin-bottom:1em; }

.ttl2 { text-align:center; position:relative; overflow:hidden; }
.ttl2 .en { display:block; color:#8d9198; font-size:1.2em; font-family:'Mplus', sans-serif; text-transform:uppercase; }
.ttl2 .ja { position:relative; color:#232832; font-size:2.8em; margin-top:0.1em; }
.ttl2 .ja:before { position:absolute; content:''; border-top:1px solid #232832; left:-220px; width:200px; height:1px; top:0.5em; }
.ttl2 .ja:after  { position:absolute; content:''; border-top:1px solid #232832; right:-220px; width:200px; height:1px; top:0.5em; }
.ttl2 .ja.type2:after  { left:337px; }
.ttl2.mb { margin-bottom:2.2em; }

.ttl2 .ja        { color:#232832; }
.ttl2 .ja:before { border-color:#232832; }
.ttl2 .ja:after  { border-color:#232832; }

.ttl2.ttl2_first .ja       { color:#a50d08; }
.ttl2.ttl2_first .ja:before, .ttl2.ttl2_first .ja:after       { border-color:#a50d08; }
.ttl2.ttl2_business .ja    { color:#013378; }
.ttl2.ttl2_business .ja:before, .ttl2.ttl2_business .ja:after { border-color:#013378; }
.ttl2.ttl2_preeco .ja      { color:#006e51; }
.ttl2.ttl2_preeco .ja:before, .ttl2.ttl2_preeco .ja:after     { border-color:#006e51; }
.ttl2.ttl2_economy .ja     { color:#009694; }
.ttl2.ttl2_economy .ja:before, .ttl2.ttl2_economy .ja:after   { border-color:#009694; }

.ttl3 { text-align:left; position:relative; overflow:hidden; padding-bottom: 0.5em; padding-left: 1.4em; }
.ttl3 .ja { position:relative; color:#232832; font-size:2.2em; }
.ttl3 .ja:before { position:absolute; top: -0.4em; left:-1.5em; content:'\0025C6\A\0025C6\A\0025C6'; white-space:pre; font-size:0.3em; color:#278fd0; }
.ttl3.mb { margin-bottom:1.0em; }

.ttl4 { text-align:left; position:relative; overflow:hidden; padding-bottom: 0.5em; padding-left: 1.4em; }
.ttl4 .ja { position:relative; color:#232832; font-size:1.8em; }
.ttl4 .ja:before { position:absolute; left:-1.4em; content:'\0025C6\A\0025C6'; white-space:pre; font-size:0.3em; color:#e2e2e2; top:0; bottom:0; margin:auto; }
.ttl4.mb { margin-bottom:0.8em; }

.ttl5 { text-align:left; position:relative; overflow:hidden; }
.ttl5 .ja { position:relative; color:#232832; font-size:1.6em; font-family:"メイリオ", Meiryo, "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
.ttl5.mb { margin-bottom:0.6em; }

.ttl6 { text-align:center; position:relative; overflow:hidden; }
.ttl6 .ja:after { display:block; content:'\0025C6\0020\0025C6\0020\0025C6'; color:#e2e2e2; font-size:0.4em; }
.ttl6 .ja { display:block; color:#232832; font-size:3.2em; margin-top:0.1em; }
.ttl6 .en { display:block; color:#8d9198; font-size:1.0em; font-family:'Mplus', sans-serif; text-transform:uppercase; }
.ttl6.mb { margin-bottom:1em; }

.ttl7 { text-align:center; position:relative; overflow:hidden; }
.ttl7 .ja { position:relative; color:#232832; font-size:2.0em; margin-top:0.1em; }
.ttl7 .ja:before { position:absolute; content:''; border-top:1px solid #232832; left:-3.2em; width:3em; height:1px; top:0.5em; }
.ttl7 .ja:after  { position:absolute; content:''; border-top:1px solid #232832; right:-3.2em; width:3em; height:1px; top:0.5em; }
.ttl7.mb { margin-bottom:2.2em; }

.ttl8 { text-align:left; position:relative; overflow:hidden; }
.ttl8 .ja { position:relative; color:#232832; font-size:1.2em; font-family:"メイリオ", Meiryo, "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
.ttl8.mb { margin-bottom:0.6em; }

.lineH2 { line-height: 2 }

.hr1 { padding-bottom:0.5em; margin-bottom:1.5em; border-bottom:1px solid #cccccc; }

/*  ボタン */
.btn1 a { display:block; color:#ffffff; background-color:#c4a46a; transition:all 0.3s ease;}
.btn1 a span { display:block; padding:1em; text-align:center; }
.btn1 a:hover, .btn1 a.current { display:block; background-color:#b08943; }

.btn2 a { display:block; color:#ffffff; background-color:#80afd7; transition:all 0.3s ease;}
.btn2 a span { display:block; padding:1em; text-align:center; }
.btn2 a:hover, .btn1 a.current { display:block; background-color:#278fd0; }

.btn3 a { display:block; color:#ffffff; font-size: 1em; background-color:#c4a46a; transition:all 0.3s ease;}
.btn3 a span { display:block; padding:0.5em; text-align:center; }
.btn3 a:hover, .btn3 a.current { display:block; background-color:#b08943; }

.btn4 a { display:block; color:#ffffff; background-color:#278fd0; transition:all 0.3s ease;}
.btn4 a span { display:block; padding:1em; text-align:center; }
.btn4 a:hover, .btn1 a.current { display:block; background-color:#80afd7; }

.btn5 a { display:block; color:#ffffff; background-color:#b08943; transition:all 0.3s ease;}
.btn5 a span { display:block; padding:1em; text-align:center; }
.btn5 a:hover, .btn1 a.current { display:block; background-color:#c4a46a; }

.btn6 a { display:block; color:#ffffff; background-color:#aa2125; transition:all 0.3s ease;}
.btn6 a span { display:block; padding:1em; text-align:center; }
.btn6 a:hover, .btn6 a.current { display:block; background-color:#be3c4c; }

.btn7 a { display:block; border: 3px solid #8c6245; color:#ffffff; background-color:#1f2b50; transition:all 0.3s ease;}
.btn7 a span { display:block; padding:1em; text-align:center; }
.btn7 a:hover, .btn6 a.current { display:block; background-color:#af0b05; }

/* リスト */
ul.type1 li:before { color:#278fd0; content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
ul.type2 li { list-style-type:disc; }
ul.type3 li:before { color:#8d9198; content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
ul.type4 li:before { color:#ffffff; content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

ul.limb1 li { margin-bottom:0.1em; }
ul.limb2 li { margin-bottom:0.2em; }
ul.limb3 li { margin-bottom:0.3em; }
ul.limb4 li { margin-bottom:0.4em; }
ul.limb5 li { margin-bottom:0.5em; }

.card { box-sizing:border-box; border:1px solid #dddee0; background-color:#ffffff; margin:4px; padding:14px; transition:all 0.3s ease; }
.card * { display:block; margin-bottom:6px; }
.card:hover { box-sizing:border-box; border:1px solid #dddee0;
	-o-box-shadow:      0 1px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:     0 1px 10px rgba(0,0,0,0.2);
	box-shadow:         0 1px 10px rgba(0,0,0,0.2);
}
.card a { position:relative; }

.img_frame { position:relative; display:block; }
.img_frame:before  { content:''; width:95%; height:95%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset; transition:all 0.3s ease; }
a.img_frame:hover:before { width:100%; height:100%; box-shadow: 0 0 0 10px rgba(255,255,255,0.6) inset ; }

/* フレックスライダー */
.flexslider { overflow: hidden; }

.flexslider .flex-control-paging li a { width: 10px; height: 10px; background-color: #e0e0e0; border: none; border: solid 1px #e0e0e0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.flexslider .flex-control-paging li a:hover { background-color: #278fd0; border: solid 1px #278fd0; }
.flexslider .flex-control-paging li a.flex-active { background-color: #b2b2b2; border: none; border: solid 1px #b2b2b2; }

.flexslider .flex-control-nav { bottom: 30px; }
.flexslider .flex-direction-nav a:before { display: none; }
.flexslider .flex-direction-nav a.flex-next:before { content: ''; }
.flexslider .flex-direction-nav a.flex-next { background: url(../img/icon/arrow/right.png) no-repeat; background-size: contain; }
.flexslider .flex-direction-nav .flex-prev { background: url(../img/icon/arrow/left.png) no-repeat; background-size: contain; }

.flexslider .flex-direction-nav a { width: 32px; height: 58px; }

.flexslider:hover .flex-next { right: 35px; }
.flexslider:hover .flex-prev { left: 35px; }

@media screen and (max-width: 600px) {
/* body.home .flexslider .slides > li img { width:290% !important; max-width:290% !important; margin-left:50%; transform:translate(-50%,0); } */
body.home .flexslider .slides > li img { width:100% !important; max-width:290% !important; margin-left:50%; transform:translate(-50%,0); }
}
@media screen and (max-width: 320px) {
body.home .flexslider .slides > li img { width:100% !important; max-width:291% !important; margin-left:50%; transform:translate(-50%,0); }
}


.slick-item:before { content:''; position:absolute; width:25%; height:100%; top:0; left:0;  background-color:rgba(255,255,255,0.8); z-index:1; }
.slick-item:after  { content:''; position:absolute; width:25%; height:100%; top:0; right:0; background-color:rgba(255,255,255,0.8); z-index:1; }
.slick-item.type2:before { content:''; position:absolute; width:25%; height:100%; top:0; left:0;  background-color:rgba(121,121,121,0.8); z-index:1; }
.slick-item.type2:after  { content:''; position:absolute; width:25%; height:100%; top:0; right:0; background-color:rgba(121,121,121,0.8); z-index:1; }
.slick-nav .slick-slide { margin:5px; }

.tabs { box-sizing:border-box; border-bottom:1px solid #80afd7; }
.tabs li { box-sizing:border-box; text-align:center; padding:0.4em; border-top:3px solid #ebeced; border-left:1px solid #ebeced; border-right:1px solid #ebeced; cursor:pointer; }
.tabs li:before { content:'\f0da'; font-family:"FontAwesome"; display:inline-block; color:#8d9198; margin-right:6px; }
.tabs li:hover { border-top:3px solid #8d9198; }

.tabs li.current { color:#278fd0; font-weight:bold; border-top:3px solid #278fd0; border-left:1px solid #80afd7; border-right:1px solid #80afd7; }
.tabs li.current:before { content:'\f0d7'; font-family:"FontAwesome"; display:inline-block; color:#278fd0; margin-right:6px; }
.tabs li:hover.current { border-top:3px solid #278fd0; }



/* Q＆A */
.q_a_wrapper.type_2 { overflow: hidden; }
/* .q_a_wrapper.type_2 .g6 { width: 48%; } */
/* .qa_ttl { float: left; margin-right: 13px; color: #fff; font-size: 1.6em; } */
.qa_ttl { color: #fff; font-size: 1.6em; display: table-cell; padding-right: 13px; vertical-align: top; }
.q_wrapper, .a_wrapper { padding: 10px; cursor: pointer; }
.q_txt, .a_txt { display: block; float: left; }

/* .q_txt_wrapper, .a_txt_wrapper, .q_a_open_close_wrapper { padding-top: 5px; } */
/*.q_txt_wrapper { float: left; width: 87%; } */
.q_txt_wrapper { display: table-cell; padding-right: 70px; vertical-align: middle; }
/* .a_txt_wrapper { float: left; width: 96%; } */
.a_txt_wrapper { display: table-cell; vertical-align: middle; }
.q_a_open_close { display: block; float: left; }

/* .q_a_open_close_wrapper { display: block; float: right; } */
.q_a_open_close_wrapper { position: absolute; top: 15px; right: 10px; }
.q_a_wrapper.type_2 .q_a_open_close_wrapper { top: 10px; }
.q_a_open_close_txt { display: block; float: left; padding-right: 3px; }

.q_a_open_close_icon { position: relative; display: block; float: left; width: 22px; height: 22px; background-color: #6e6e6e; }
.q_a_open_close_icon:before, .q_a_open_close_icon:after { position: absolute; width: 55%; height: 2px; margin: auto; background-color: #fff; top: 0; right: 0; bottom: 0; left: 0; content: ''; }

.q_a_open_close_icon:after { left: -1px; -webkit-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.q_a_wrapper.open .q_a_open_close_icon:after { left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

/* .q_wrapper { border: solid 1px #80afd7; } */
.q_wrapper { border: solid 1px #80afd7; position: relative;}
.a_wrapper { display: none; margin-top: 6px; border: solid 1px #d94d64; }
/* .q_a_wrapper.type_2 .q_wrapper { border: none; background-color: #80afd7; color: #ffffff; } */
.q_a_wrapper.type_2 .q_wrapper { border: none; background-color: #80afd7; color: #ffffff; padding: 13px 10px; }
.q_a_wrapper.type_2 .a_wrapper { border: solid 1px #80afd7; margin-top: 0; }
.q_ttl { padding: 0 9px 2px; background-color: #80afd7; }
.a_ttl { padding: 0 10px; background-color: #d94d64; }/* .qa_ttl { float: left; margin-right: 13px; color: #fff; font-size: 1.6em; } */
.qa_ttl { color: #fff; font-size: 1.6em; display: table-cell; padding-right: 13px; vertical-align: top; }

/*.q_txt_wrapper, .a_txt_wrapper, .q_a_open_close_wrapper { padding-top: 5px; } */
/* .q_txt_wrapper { float: left; width: 80%; } */
.q_txt_wrapper { display: table-cell; padding-right: 70px; vertical-align: middle; }
/* .a_txt_wrapper { float: left; width: 96%; } */
.a_txt_wrapper { display: table-cell; vertical-align: middle; }
.a_text.type2 { padding: 10px 0 10px 0;  border-top: 1px dashed #80afd7; border-bottom: 1px dotted #80afd7; color: #80afd7; text-align: center; }
.q_a_open_close { display: block; float: left; }

/* .q_a_open_close_wrapper { display: block; float: right; } */
.q_a_open_close_wrapper { position: absolute; top: 15px; right: 10px; }
.q_a_wrapper.type_2 .q_a_open_close_wrapper { top: 10px; }
.q_a_open_close_txt { display: block; float: left; padding-right: 3px; }

.q_a_open_close_icon { position: relative; display: block; float: left; width: 22px; height: 22px; background-color: #6e6e6e; }
.q_a_open_close_icon:before, .q_a_open_close_icon:after { position: absolute; width: 55%; height: 2px; margin: auto; background-color: #fff; top: 0; right: 0; bottom: 0; left: 0; content: ''; }
.txt_hidden { overflow: hidden; white-space: nowrap; text-indent: 100%; }
/* /* Q＆A end */


/* アイコン */
.external a, .external { background-image:url(../img/ico_external.gif) !important; background-repeat:no-repeat; background-position:right center; padding-left:0; padding-right:15px !important; }
.pdf a, .pdf { background-image:url(../img/ico_pdf.png) !important; background-repeat:no-repeat; background-position:right center; padding-left:0; padding-right:15px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.external a, .external { background-image:url(../img/ico_external@2x.gif) !important; background-size:11px 11px !important; }
.pdf a, .pdf { background-image:url(../img/ico_pdf@2x.png) !important; background-size:11px 11px !important; }
}

table.flsp tr:first-child th, table.flsp tr:first-child td { padding-top:1.0em !important; }
table.flsp tr:last-child th, table.flsp tr:last-child td { padding-bottom:1.0em !important; }
table.col { border-collapse:collapse; border-spacing:0; }
table.sep { border-collapse:separate; border-spacing:2px; }

table.type1 { border-collapse:collapse; border-spacing:0; border-top:1px solid #c9c9cd; border-bottom:1px solid #c9c9cd; }
table.type1 th { background-color:#ffffff; border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; text-align: left; }
table.type1 td { background-color:#ffffff; border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; }

table.type2 { border-collapse:collapse; border-spacing:0; border-top:1px solid #c9c9cd; border-bottom:1px solid #c9c9cd; }
table.type2 th { background-color:#e8e9ea; border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; }
table.type2 td { /* background-color:#ffffff; */ border-top:1px dashed #c9c9cd; border-bottom:1px dashed #c9c9cd; }

table.type3 th, table.type3 th { color: #ffffff; background-color:#b3b3b3; }

th.bg1, td.bg1 { background-color:#fbf9f9 !important; }
th.bg2, td.bg2 { background-color:#e5e8ed !important; }
th.bg3, td.bg3 { background-color:#ecf3f2 !important; }
th.bg4, td.bg4 { background-color:#ecf7e9 !important; }


/* タグ */
.tag { display:block; padding:1px 10px; margin-right:5px; text-align:center; border-style:solid; border-width:1px;
	color:#232832; background-color:#ffffff; border-color:#7b7e84;
}
.tag_first    { color:#d3b346; background-color:#a50d08; border-color:#a50d08; }
.tag_business { color:#ffffff; background-color:#013378; border-color:#013378; }
.tag_preeco   { color:#ffffff; background-color:#006e51; border-color:#006e51; }
.tag_economy  { color:#ffffff; background-color:#009694; border-color:#009694; }


em.must { display:inline-block; padding:0.1em 0.3em; font-size:80%; margin-left:0.5em; background-color:#cd0a0a; color:#ffffff; border-radius:4px; }






div.info { text-align:left; background:url(../img/info_bg.png) repeat left top; padding:4% 4% 4% 4%; }
div.info1 { color:#ffffff; text-align:left; background:url(../img/info1_bg.png) repeat left top; padding:4% 4% 4% 4%; }
div.info2 { color:#ffffff; text-align:left; background:url(../img/info2_bg.png) repeat left top; padding:4% 4% 4% 4%; }
div.info3 { text-align:left; background-color:#eeeeee; border:1px solid #999999; padding:4% 4% 4% 4%; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
div.info1 { background-image:url(../img/info1_bg@2x.png); background-size:10px 10px; }
div.info2 { background-image:url(../img/info2_bg@2x.png); background-size:10px 10px; }
}
div.info.min { padding:10px; }
div.info1.min, div.info2.min { padding:2% 2% 2% 2%; }
.ingrid { padding-bottom:1% !important; }


dl.info { padding:8px 10px 10px 10px; border-radius:7px; border:5px solid #9fc24d; background-color:#ffffff; }
dl.info dt { color:#00984f; font-size:110%; margin-bottom:0.3em; font-weight:bold; }
dl.info dt span { font-size:1.0em !important; }

dl.notice { border-color:#e8383d !important; }
dl.notice dt { color:#e8383d !important; }

dl.news { border-color:#009944 !important; }
dl.news dt { color:#009944 !important; }

/*
#home_reservation { background:url(../img/home_reservation_bg.png) repeat left top; }
#home_reservation input, #home_reservation select { border-radius:0; }
#home_reservation div.pao { padding:2em; }
#home_reservation h2 { color:#ffffff; text-align:center; }
#home_reservation h2 span { display:block; }
#home_reservation h2 span.ja { font-size:1.6em; letter-spacing:0.1em; margin-bottom:0.3em; }
#home_reservation hr { display:block; border-color:#77685d; margin-bottom:1em; }
#home_reservation table th { color:#ffffff; padding:0 1.5em 0 0; text-align:left; }
#home_reservation table td { color:#ffffff; padding:0.2em 1.5em 1em 0; }
#home_reservation input.date { text-align:center; width:12em; background-color:#1e1a16; color:#ffffff; border:1px solid #77685d; padding:0.5em 0; }
#home_reservation input.text { text-align:center; width:5em; background-color:#1e1a16; color:#ffffff; border:1px solid #77685d; padding:0.5em 0; height:auto !important; }
#home_reservation select { text-align:center; width:4em; background-color:#1e1a16; color:#ffffff; border:1px solid #77685d; padding:0.5em 0; cursor:pointer; }
#home_reservation select#ratetype { width:auto; margin-right:1em; }
*/


#weather { font-size:80%; position:absolute; z-index:80; left:20px; bottom:320px; color:#ffffff; padding:10px; box-sizing:content-box; background:url(../img/weather_bg.png) repeat left top; }
#weather div.w_detail div.fl { width:100px; margin-right:10px; }
#weather div.w_detail div.fr { width:110px; text-align:center; padding-top:2px; }
#weather .copy { font-size:7px; color:#727272; white-space:nowrap; }
#weather_map { position:absolute; width:260px; height:305px; left:70px; top:20px; }

#privilege_wrapper { padding: 20px; border: 3px solid #278fd0; }
#recommend_wrapper { padding-top: 20px; border-top: 1px dotted #cccccc; }

.recommend_list { overflow: hidden; width: 100%; }
.recommend_list .g8, .recommend_list .sg8, .recommend_list .ssg8 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recommend_list .g8 a, .recommend_list .sg8 a, .recommend_list .ssg8 a { display: inline-block; width: 100%; }

.lslide>a { display:block; }
.lSAction>a { width:32px !important; height:60px !important; top:50% !important; /* font-family:"FontAwesome"; font-size:50px !important; color:#0073be; opacity:1 !important; line-height:1; text-align:center; */ }
.lSAction>.lSPrev { left:  -50px !important; background-image:url(../img/controls_prev@2x.png); background-position: left top !important; background-size:100%; }
.lSAction>.lSNext { right: -50px !important; background-image:url(../img/controls_next@2x.png); background-position: left top !important; background-size:100%; }
/*
.lSAction>.lSPrev:after { content:'f104'; width:32px; height:60px; display:block; position:absolute; left:0; top:0; }
.lSAction>.lSNext:after { content:'f105'; width:32px; height:60px; display:block; position:absolute; left:0; top:0; }
 */
 .lSSlideOuter .lSPager.lSpg { margin-top:10px !important; }
.lSSlideOuter .lSPager.lSpg>li a { background-color:#e0e0e0 !important; width:10px !important; height:10px !important; }
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a { background-color:#b2b2b2 !important; }

.switching { overflow:hidden; }

@media screen and (max-width: 1000px) {
#weather { bottom:110px; }
#weather_map { top:inherit; bottom:0; left:270px; width:70%; height:auto; }
}
@media screen and (max-width : 1217px ){
#weather_map { display:none; }
}
@media screen and (max-width: 600px) {
#weather { bottom:5px; left:5px; }
}
@media screen and (max-width: 320px) {
#weather { position:static; padding:10px 40px; }
}

/* -----------------------------------------------------------
	One Harmony 会員登録案内
----------------------------------------------------------- */
.con_fix_onehormony .box_oneharmony {
    max-width: 1280px;
    margin: auto;
}
.con_fix_onehormony {
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 50;
}
.con_fix_onehormony .box_oneharmony {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 1em 1em;
}
.con_fix_onehormony .box_oneharmony .img {
	width: 8%;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fix_onehormony .box_oneharmony .img {
		width: 15%;
  }
}
.con_fix_onehormony .box_oneharmony .box_detail {
	width: 90%;
	color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fix_onehormony .box_oneharmony .box_detail {
		width: 82%;
  }
}
.con_fix_onehormony .box_oneharmony .box_detail .txt_catch {
	font-size: 160%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fix_onehormony .box_oneharmony .box_detail .txt_catch {
		font-size: 147%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fix_onehormony .box_oneharmony .box_detail .txt_catch {
		font-size: 120%;
  }
}
.con_fix_onehormony .box_oneharmony .box_detail .txt {
	margin-bottom: 20px;
}
.con_fix_onehormony .box_oneharmony .box_detail .box_btn {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.con_fix_onehormony .box_oneharmony .box_detail .box_btn li {
	margin: 0 1%;
}
.con_fix_onehormony .box_oneharmony .box_detail .box_btn li a {
	padding: .5em 2em;
}

/*開閉ボタン*/
.wrp_fix_onehormony {
	position: relative;
}
.wrp_fix_onehormony .btn_close_info {
	position: fixed;
	bottom: 13%;
	right: 1%;
	width: 36px;
	padding-top: 36px;
	border-radius: 100%;
	background: #000;
	z-index: 90;
	height: 0;
	line-height: 36px;
}
.wrp_fix_onehormony .btn_close_info:hover {
	cursor: pointer;
	opacity: .8;
}
.wrp_fix_onehormony .btn_close_info:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "\f00d";
	font-family: "FontAwesome";
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.wrp_fix_onehormony .btn_close_info.close:before {
	content: "\f129";
}
.btn_basic a,
.btn_basic button {
	background: #5e595f;
	color: #fff;
	text-align: center;
	padding: 1em 2em;
	border: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
@media only screen and (min-width: 1025px) {
  .btn_basic a:hover,
  .btn_basic button:hover {
		background: #333;
  }
}
@media print {
  .btn_basic a:hover,
  .btn_basic button:hover {
		background: #333;
  }
}
.ie8 .btn_basic a:hover, .ie8
.btn_basic button:hover {
	background: #333;
}
@media only screen and (max-width: 767px) {
  .btn_basic a,
  .btn_basic button {
		padding: .8em 1em;
  }
}
.btn_basic a span:before,
.btn_basic button span:before {
	content: "\f105";
	font-family: 'FontAwesome';
	margin-right: 5px;
}
.btn_basic.yellow a,
.btn_basic.yellow button {
	background: #a48100;
}
@media only screen and (min-width: 1025px) {
  .btn_basic.yellow a:hover,
  .btn_basic.yellow button:hover {
		background: #8d6f01;
  }
}
@media print {
  .btn_basic.yellow a:hover,
  .btn_basic.yellow button:hover {
		background: #8d6f01;
  }
}
.ie8 .btn_basic.yellow a:hover, .ie8
.btn_basic.yellow button:hover {
	background: #8d6f01;
}
.btn_basic.brown a,
.btn_basic.brown button {
	background: #715540;
}
@media only screen and (min-width: 1025px) {
  .btn_basic.brown a:hover,
  .btn_basic.brown button:hover {
		background: #4e3726;
  }
}
@media print {
  .btn_basic.brown a:hover,
  .btn_basic.brown button:hover {
		background: #4e3726;
  }
}
.ie8 .btn_basic.brown a:hover, .ie8
.btn_basic.brown button:hover {
	background: #4e3726;
}
.btn_basic.white a,
.btn_basic.white button {
	background: #fff;
	color: #000;
}
@media only screen and (min-width: 1025px) {
  .btn_basic.white a:hover,
  .btn_basic.white button:hover {
		background: #5e595f;
		color: #fff;
  }
}
@media print {
  .btn_basic.white a:hover,
  .btn_basic.white button:hover {
		background: #5e595f;
		color: #fff;
  }
}
.ie8 .btn_basic.white a:hover, .ie8
.btn_basic.white button:hover {
	background: #5e595f;
	color: #fff;
}
.btn_ghost a {
	color: #fff;
	text-align: center;
	padding: 1em 2em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: 1px solid #fff;
}

.ie8 .btn_ghost a:hover {
	background: #fff;
	color: #000;
}
.btn_ghost a span:before {
	content: "\f105";
	font-family: 'FontAwesome';
	margin-right: 5px;
}
.btn_ghost.black a {
	color: #000;
	border: 1px solid #000;
}
@media only screen and (min-width: 1025px) {
  .btn_ghost.black a:hover {
		background: #000;
		color: #fff;
  }
}
@media print {
  .btn_ghost.black a:hover {
		background: #000;
		color: #fff;
  }
}
.ie8 .btn_ghost.black a:hover {
	background: #000;
	color: #fff;
}
@media only screen and (max-width: 767px) {
  .btn_ghost a {
		padding: .8em 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .btn_ghost a:hover {
		background: #fff;
		color: #000;
  }
}
@media print {
  .btn_ghost a:hover {
		background: #fff;
		color: #000;
  }
}

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {

#header_menu { margin-top:7px; width: 29%; }
.aiPopOpen { width: 29%; top: 5px }

/* #header_menu li { float:none; } */
#header_menu li a { line-height:normal; }
.aiPopOpen { width: 42%; position: absolute; right: 6px; margin-right: 0 !important; }

} /* max-width: 1300px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1240px) {

#slides .flex-control-nav { bottom:30px; }
#header_logo { width: 34%; }
#header_inner { width:98%; }
.aiPopOpen { width: 36%; }
#nav { height:auto; }
#nav ul { width:100%; }
#nav ul li { width:25% !important; border-bottom:1px solid rgba(255,255,255,0.4); }
#nav ul li a { padding:0.5em 0 0.2em 0; }
#nav ul li#nav_home { display:block; }

body.home .flexslider .slides { margin-top:54px; }

.contents_outer { width:100%; padding-top:0; }
.contents_inner { width:98%; }

.topicpath ol { width:96%; }

#footer_inner { width:98%; }
#footer_topic_inner { width:98%; }
#footer_info_inner { width:98%; }
#footer_link_inner { width:98%; }
#footer_group_inner { width:98%; }

#side_menu_outer{ display:none; }

} /* max-width: 1240px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1120px) {


.slick-item:before { width:15%; }
.slick-item:after  { width:15%; }

table td.icon img { margin:0 0 5px 0; }
/* table td.icon img:last-child { padding:0 5px 0 0; } */

.footer_topic_box_l.g6 { width:100%; margin-left:0 !important; }
.footer_topic_box_l .s { font-size:100%; }

#footer_inquiry { width:200px; }
#footer_inquiry a { width:200px; }

#footer_rc {width: 224px;}

#side_menu_outer{ display:none; }


} /* max-width: 1120px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {

#footer_info_inner { height:80px; }
#footer_address { top:100px; left:0; }
#footer_inquiry { height:80px; }
#footer_inquiry a { height:80px; line-height:80px; }
#footer_rc { height:30px; }

#side_menu_outer{ display:none; }


} /* max-width: 980px */

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

.slick-item:before { width:5%; }
.slick-item:after  { width:5%; }

#popup_reservation_wrapper { padding:60px 10px 25px 10px; }
#popup_restaurant_wrapper { padding:60px 10px 25px 10px; }

#side_menu_outer{ display:none; }

.lSSlideWrapper { max-width:70% !important; margin:0 auto; }
.lSAction>.lSPrev { left:  10px !important; }
.lSAction>.lSNext { right: 10px !important; }

} /* max-width: 800px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width : 1217px ){

#header_sns { margin-right: 10px; }
#header_sns li { margin-right:10px; }
#header_sns li a { font-size:1.2em; }
#header_menu { position: relative; width: 24%; font-size:0.8em; margin-top:10px; }
#header_menu li { margin-right:10px; }

#header_languages { width:120px; }
#header_lang { width:120px; }
#header_sns_instagram { margin-right: 60px !important; }
.aiPop { right: 0;}
.aiPopOpen { right: -4px; top: 1px; width: 20%; }
.aiPopOpen.style2 { position: relative; right: auto;width: 100%; margin-right: auto !important; }
.aiPopOpen img { position: absolute; top: 1px; left: 15px; width: 64%; }
.aiPopOpen.style2 img { left: auto; width: max-content; }

#aiPopClose{ height:40px;	width:40px;	display:block; position:absolute;	top: -7%; right: 1%;	box-shadow: 2px 4px 7px #5a5a5a; }

#popup_reservation_wrapper { width:560px; }
#popup_restaurant_wrapper { width:560px; }

#side_menu_outer{ display:none; }
.wrp_fix_onehormony .btn_close_info { right: 3.5%;}


} /* max-width: 740px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

table { font-size:90%; }
#header_logo { width: 54% !important; }
#header { position:absolute; }
#header_btn, #header_menu_faq, #header_menu_inquiry { display:none; }
#hallWrapper { zoom: 35%; }
.contents_outer.first_type2 { padding-top: 4em; }

#side_menu_outer{ display:none; }

/*
#header_btn, #header_reservation_btn, #header_languages, #header_tel, #header_menu { display:none; }
*/


#slides .flex-control-nav { display:none; bottom:1em; }

#nav { display:none; }

#sp_header { position:fixed; z-index:199; bottom:0; display:block; width:100%; }
#sp_header ul li { display:block; float:left; width:25%; }

#sp_nav { position:fixed; z-index:199; top:0; left:0; display:none; overflow-y:scroll; width:100%; height:100%; background-color:rgba(0,0,0,.5); }
#sp_nav_inner { position:absolute; top:2%; bottom:2%; left:3%; width:94%; height:100%; }
#sp_nav_close { display:block; width:100%; height:48px; background-color:#278fd0; background-position: 40px 0;}
#sp_nav_close a { font-family:"メイリオ", Meiryo, "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-size:1.6em; line-height:48px; display:block; width:100%; height:48px; color:#fff; background:url(../img/sp_nav_close.png) no-repeat 95% 50%; background-size:12px 12px; }

#sp_nav_main { text-align:left; }

.sumaho_nav_link li { border-bottom:1px solid #dbdbdb; }
.sumaho_nav_link li a { display:block; padding:0.5em; }

.sumaho_nav_link_title { color:#232832; background-color:rgba(255,255,255,0.9); }
.sumaho_nav_link_title a { color:#232832; background:url(../img/sumaho_nav_open.png) no-repeat 95% center; background-size:12.5px; }
.sumaho_nav_link_title span { font-size:1.2em; margin:0 0.2em 0 0.5em; }
.sumaho_nav_link_title a.current { color:#232832; background:url(../img/sumaho_nav_close.png) no-repeat 95% center; background-size:12.5px; }

.sumaho_nav_link_title_only { color:#232832; background-color:rgba(255,255,255,0.9); }
.sumaho_nav_link_title_only a { color:#232832; background:url(../img/sumaho_nav_link.png) no-repeat 95% center; background-size:12.5px; }
.sumaho_nav_link_title_only span { font-size:1.2em; margin:0 0.2em 0 0.5em; }
.sumaho_nav_link_title_only a.current { color:#232832; background:url(../img/sumaho_nav_close.png) no-repeat 95% center; background-size:12.5px; }

.sumaho_nav_link_2nd { display:none; background-color:rgba(255,255,255,0.9); }
.sumaho_nav_link_2nd a { color:#666666; background:url(../img/sumaho_nav_link.png) no-repeat 95% center; background-size:12.5px; }
.sumaho_nav_link_2nd span { display:block; font-size:1.1em; margin:0 8% 0 1.0em; }

#sp_nav_sub { text-align:left; background:url(../img/sp_nav_sub_bg.png) repeat left top; }

#sp_nav_menu { padding:5px 0; }
#sp_nav_menu li { display:block; float:left; width:48%; margin-left:1.3%; text-align:center; }
#sp_nav_menu li:last-child { margin-right:1.3%; }
#sp_nav_menu li a { display:block; width:100%; color:#232832; font-size:0.9em; background-color:#ffffff; border:1px solid #eeeeee; }
#sp_nav_menu li a span { display:block; padding:6% 0; }

#sp_nav_lang { padding-bottom:5px; border-bottom:1px solid #dbdbdb; }
#sp_nav_lang li { display:block; float:left; width:31%; margin-left:1.75%; text-align:center; }
#sp_nav_lang li:last-child { margin-right:1.75%; }
#sp_nav_lang li a { display:block; width:100%; background-color:#ffffff; border:1px solid #eeeeee; }
#sp_nav_lang li a span { display:block; padding:6% 0; }


.ui-datepicker-trigger { position:relative; top:2px; right:45px; width:20px; height:20px; }

#popup_reservation_wrapper input { font-size:16px; }
#popup_reservation_wrapper select { font-size:16px; }
#popup_kouku_wrapper .kukouSelect { width: 100%; }
#popup_kouku_wrapper .koukuWrap { width: 100%; }
#popup_kouku_wrapper .check_in { margin-bottom: 5%; }
#popup_kouku_wrapper .check_in_txt { display: block; }
#kouku_calendar_checkin { width: 100%; box-sizing: border-box; }
#popup_kouku_wrapper,#popup_reservation_wrapper { position:fixed; top:0.5%; bottom:auto; width:91%; height:auto; padding:20px 3% 10px 3%; }
#popup_reservation_wrapper h2 { margin-bottom:1em; }
#popup_reservation_wrapper h2 .en { line-height:1; }
#popup_reservation_wrapper div.check_in { float:left; width:100%; margin:2% 0 2% 0; }
#popup_reservation_wrapper div.check_in span.text { color:#ffffff; display:block; float:left; width:100px; line-height:46px; }
#popup_reservation_wrapper div.check_in input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.check_in input#reservation_calendar { width:130px; }
#popup_reservation_wrapper div.check_out { float:left; width:100%; margin:2% 0 2% 0; }
#popup_reservation_wrapper div.check_out span.text { color:#ffffff; display:block; float:left; width:100px; line-height:46px; }
#popup_reservation_wrapper div.check_out input.day_select { text-align:left; color:#232832; width:10em; padding:10px 11px; margin:0 10px 0 0; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.check_out input#reservation_calendar { width:130px; }

#popup_reservation_wrapper div.headcount { width:50%; margin:2% 0 6% 0; text-align:center; }
#popup_reservation_wrapper div.headcount select#headcount_select { margin:0; }
#popup_reservation_wrapper div.headcount .headcount_txt { display:block; text-align:left; padding-left:2.9em; }

#popup_reservation_wrapper div.childcount { width:40%; margin:2% 0 6% 0; text-align:center; }
#popup_reservation_wrapper div.childcount select#childcount_select { margin:0; }
#popup_reservation_wrapper div.childcount .childcount_txt { display:block; text-align:left; padding-left:2.9em; }

#popup_reservation_wrapper div.room { width:50%; margin:2% 0 2% 0; text-align:center; }
#popup_reservation_wrapper div.room select#room_select { margin:0; }
#popup_reservation_wrapper div.room .room_txt { display:block; text-align:left; padding-left:0.9em; }

#popup_reservation_wrapper .btn_submit { width:100%; padding:4% 5%; }


#popup_restaurant_wrapper input { font-size:16px; }
#popup_restaurant_wrapper select { font-size:16px; }
#popup_restaurant_wrapper { position:fixed; top:0.5%; bottom:auto; width:91%; height:auto; padding:20px 3% 10px 3%; }
#popup_restaurant_wrapper h2 { margin-bottom:1em; }
#popup_restaurant_wrapper h2 .en { line-height:1; }

#popup_restaurant_wrapper div.restaurant_name { width:100%; margin:3% auto 5px auto; }
#popup_restaurant_wrapper div.restaurant_name select { width:100%; }

#popup_restaurant_wrapper div.restaurant_day { float:left; width:65%; margin:2% auto 5% auto; }
#popup_restaurant_wrapper div.restaurant_num { float:left; width:35%; margin:2% auto 5% auto; }
#popup_restaurant_wrapper span.text { display:block; }
#popup_restaurant_wrapper span.chklbl { display:block; margin:10px 0 0 5px; }

#popup_restaurant_wrapper .btn_submit,#popup_kouku_wrapper .btn_submit { width:100%; padding:4% 5%; }



.contents_outer.first { padding-top:100px; background-size:contain; background-position:center 54px; }
.contents_inner { width:96%; padding:1em 0; }

#page_top { right:0; bottom:0; width:50px; height:50px; margin-bottom:14.2%; z-index:198; }
#page_top a { width:50px; height:50px; background-size:50px 50px; }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
#page_top a { background-size:50px 50px; }
}

.topicpath { width:auto; overflow:auto; margin:2em 1em; z-index:10; }
.topicpath ol { width:auto; white-space:nowrap; padding:0.5em 0 1.5em; }
.topicpath ol li { display:inline; float:none; }

.slick-item:before { width:1%; }
.slick-item:after  { width:1%; }


#footer_info_inner { height:auto; padding:30px 0 0 0; }
#footer_logo { position:relative; width:297px; height:36px; left:auto; margin:0 auto; }
#footer_logo a { width:297px; height:36px; }
#footer_address { position:relative; top:auto; left:auto; height:auto; margin-top:10px; text-align:center; }
#footer_inquiry { position:relative; right:auto; width:80%; height:auto; margin:20px auto; }
#footer_inquiry a { width:100%; height:auto; line-height:1.2; padding:1.2em 0; }
#footer_rc { position:relative; right:auto; width:80%; height:auto; margin:20px auto; }

#footer_sitemap { float:none; width:80%; margin:0 auto; }
#footer_sitemap_toggle { position:relative; display:block; margin-bottom:5px; }
#footer_sitemap_outer { display:none; }
#footer_sitemap_toggle a { position:relative; display:block; line-height:1.2; padding:1.2em 0; text-align:center; color:#278fd0; background-color:#ffffff; }
#footer_sitemap_toggle a:before { content:"\f055"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#footer_sitemap_toggle a.current:before { content:"\f056"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

#footer_okura { float:none; width:80%; margin:0 auto; padding-left:0; border-left:none; }
#footer_okura_toggle { position:relative; display:block; margin-bottom:5px; }
#footer_okura_outer { display:none; }
#footer_okura_toggle a { position:relative; display:block; line-height:1.2; padding:1.2em 0; text-align:center; color:#278fd0; background-color:#ffffff; }
#footer_okura_toggle a:before { content:"\f055"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#footer_okura_toggle a.current:before { content:"\f056"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

#footer_group_inner { width:80%; }
.footer_group_link ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }

.footer_topic_box_l .s { margin-bottom:10px; }
.cdsROW { margin:0 auto !important; }

#copyright { position:static; padding:4% 0 18.0625% 0; font-size:80%; }

.flexslider .flex-control-nav { bottom:1em; }

.ttl1 { font-size:60%; }
.ttl2 { font-size:80%; }
.ttl2 .ja:before { display:none; }
.ttl2 .ja:after { display:none; }
.ttl3 { font-size:80%; }
.ttl4 { font-size:80%; }
.ttl5 { font-size:80%; }
.ttl6 { font-size:80%; }
.ttl7 { font-size:80%; }
.ttl7 .ja:before { display:none; }
.ttl7 .ja:after { display:none; }

/* #popup_restaurant_wrapper div.restaurant_day input#reservation_calendar_restaurant { width: 160px;  } */
.koukuWrap .check_in { position: relative; }
#popup_kouku_wrapper .koukuWrap .ui-datepicker-trigger { position: absolute; top: 30px; right: 20px; }
.restaurant_day { position: relative; }
.restaurant_day .ui-datepicker-trigger { position: absolute; top: 33px; right: 15px; }
#popup_restaurant_wrapper div.restaurant_day input#reservation_calendar_restaurant { box-sizing: border-box; width: 100%; margin: 0; }

#popup_reservation_wrapper #popup_reservation_menu p a,#popup_kouku_wrapper #popup_reservation_menu p a { text-decoration: underline; }
.wrp_fix_onehormony{display:none;}
} /* max-width: 600px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {

body { font-size:1.3em; }
#footer_nav { font-size:90%; }
#sp_nav_inner { font-size:85%; }

.btn3 { text-align: center; }
} /* max-width: 320px */

/* stay */
ul.type1.news_list li {	border-bottom:1px dashed #8d9198; padding-left:30px; padding-bottom:7px; margin-bottom:10px; }
ul.type1.news_list li:before { padding-right:15px; }
.btn1 a span.pa10 { padding:10px; }
.room_h_mb { margin-bottom:100px; }
.room_first_pl { padding-left:90px; }
.room_first_pr { padding-right:90px; }
.room_service_l { margin-right:10%; }
.room_service_c { margin-left:5%; margin-right:5%; }
.room_service_r { margin-left:10%; }
.room_service_bb { border-bottom:1px dashed #c9c9cd; }
.room_service_vam { vertical-align:middle; }
.room_service_box { border:solid 1px #c9c9cd; }
.room_service_tag { border:solid 1px #c9c9cd; width:102px; height:22px; text-align:center; }
.room_service_fs13px { font-size:13px; }
.ttl2 .nonborder_h2.ja:before { display:none; }
.ttl2 .nonborder_h2.ja:after { display:none; }
.h2_icon_befor { width:50px; height:50px; }
.suite_rooms_list .tag { width:180px; font-size:13px; margin-top:5px; }
.suite_rooms_list ul.type1 li { margin-right:10px; margin-left:10px; line-height:2em; }
.suite_rooms_list_vat { vertical-align:top; }
.suite_amenity_fs12px { font-size:12px; }
table.type1.suite_table tr { height:70px; }
table.type1.suite_table th, table.type1.suite_table td { text-align:left; }
.suite_table_vam { vertical-align:middle; }
table.type1.suite_table td.suite_table_zumen { max-width:40%; text-align:center; }
.suite_table_zumen_sp { display:none; }
.suite_table_zumen_sp img { width: 100%; }
.stay_pan_period_icon { display:inline-block; }
.stay_category_table_wrap { overflow-x:auto; }
.stay_category_table { text-align:center; vertical-align:middle; font-size:13px; min-width: 750px; }
.stay_category_table th, .stay_category_table td { width:20%; padding:10px;}
.stay_category_table th.stay_category_table_header, .stay_category_table td.stay_category_table_header { vertical-align:top; }
.stay_category_table img { width:75px; margin-bottom:5px; }
.kids_stay_list { border-bottom:1px dashed #c9c9cd; }
.kids_stay_circle { background-image: url(../img/circle.png); background-size:contain; background-position:center center; }
.kids_stay_caution_txt { text-align:right; }
.stay_faq_table_wrap { overflow-x: auto; margin-left: 50px; }
.stay_faq_table { min-width: 750px; }

/* FamilyRoom対応 */
.room_first_pl,
.room_first_pr {
	position: relative;
}

.room_first_pl.type_first:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 20px;
	bottom: 16px;
	background: url(../../stay/img/img_firstclass.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
}

.room_first_pr.type_business:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 110px;
	bottom: 16px;
	background: url(../../stay/img/img_businessclass.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
}

.room_first_pl.type_business:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 20px;
	bottom: 16px;
	background: url(../../stay/img/img_businessclass.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
}

.room_first_pr.type_pre:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 110px;
	bottom: 16px;
	background: url(../../stay/img/img_premiumclass.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
}

.room_first_pl.type_pre:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 20px;
	bottom: 16px;
	background: url(../../stay/img/img_premiumclass.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
}

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.room_first_pl { padding-left:0; }
.room_first_pr { padding-right:0; }
.room_service_l_s { margin-left:0; margin-right:10%; }
.room_service_r_s { margin-left:10%; margin-right:0; }
.suite_rooms_list .cell { display:block; }
.suite_rooms_list .tag { width:90%; font-size:13px; margin:5px auto 0; }
.suite_table .suite_table_zumen { display:none; }
.suite_table_zumen_sp { display:block; }
.suite_table .suite_table_tr_sp { height:auto; }
.suite_table .suite_table_tr_sp td { padding-top:10px; padding-bottom:10px; }
.suite_table_bed_txt { margin-bottom:10px; }
.suite_table .suite_table_tr_sp td .suite_table_bed_txt.cell { display:block; }
.kids_stay_caution_txt { text-align:left; }
} /* max-width: 800px */

.room_first_pr.type_business:before,
.room_first_pr.type_pre:before {
	right: 110px;
}

} /* max-width: 800px */

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
.room_first_pl{ padding-left:0; }
.room_first_pr{ padding-right:0; }
.room_service_l { margin-left:0; margin-right:0; }
.room_service_c { margin-left:0; margin-right:0; }
.room_service_r { margin-left:0; margin-right:0; }
.btn3 a span { text-align: center; }
.kids_stay_list_wrap h3 { text-align:center }
.bx-wrapper .bx-controls-direction a.bx-next { right:-40px; }
.bx-wrapper .bx-controls-direction a.bx-prev { left:-40px; }

.room_first_pr.type_business:before,
.room_first_pr.type_pre:before {
	right: 19px;
}

} /* max-width: 600px */

/* party */
.party_logo_height { max-height: 110px }
.tel_num { margin:0 2% 0 3%; padding-left:20px; font-size:2em; background:url(../img/ico_tel.svg) left center no-repeat; background-size:16px; }
.tel_num a { color:#000000; }

@media screen and (max-width: 800px) {
.party_logo_height { max-height: 80px }
#btn_stay_kouku,#btn_stay_reservation,#btn_restaurant_reservation { height: 40px !important; bottom: -40px !important;}
} /* max-width: 800px */

/* access */
.large_map_link, .access_info_link {	width:150px; }
.access_price_link, .access_spot_link { display:inline-block; }
.access_info_box { box-sizing: border-box; padding: 1em; border: 1px solid #c9c9cd; }

/* restaurant */
.restaurant_pict_left, .restaurant_pict_right { display:inline-block; }
.restaurant_pict_left span, .restaurant_pict_right span { margin-right:5px; }
@media screen and (max-width: 600px) {
.restaurant_pict_right { margin-top:5px; }
} /* max-width: 600px */

/* one-harmony */
img.oneharmony_ribbon { position: absolute; top: -6px; left: -7px; }
.oneharmony_tokuten_vam { vertical-align: middle; }
.oneharmony_stay_plan_ttl.ttl6 .en.ttnone { text-transform: none; }
.oneharmony_limited_menu_bg { background: url(../img/nav_bg.png) repeat center top; border: solid 1px #fff; }
.oneharmony_limited_menu_ttl { font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.oneharmony_img_border { box-sizing:border-box; outline:1px solid rgba(255,255,255,0.6); outline-offset:-7px; }

/* material */
.material_tb_border { padding: 10px 0 20px; border-top: 1px solid #c9c9cd; border-bottom: 1px solid #c9c9cd; }
.material_producer_tbl th { white-space: nowrap; }
.material_producer_tbl th, .material_producer_tbl td { padding: 10px 5px; }

/* common */
.new { position: absolute; display: block; top: -15px; right: -15px; width: 60px; height: 60px; background: url(../img/ico_new.png) no-repeat right top; background-size: contain; z-index: 100; }
.break_word { word-wrap:break-word; }
.img_maxwidth img { max-width:100%; height:auto; }
/* .lightSlider li { text-align:center; } */

/* デジタルサイネージ用 */
.openType_shop {
	display: none;
}