@charset "utf-8";

body { text-align:center; color:#070707; padding-top:120px; }
body.open:before { background-color:rgba(0,0,0,0.4); position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:200; display:block; }

a:link { color:#f18d00; }
a:visited { color:#f18d00; }
a:hover { color:#b87e4a; }
a:active { color:#b87e4a; }

.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #f18d00; }
.lb a:visited { border-bottom:1px solid #f18d00; }
.lb a:hover { border-bottom:3px double #b87e4a; }
.lb a:active { border-bottom:3px double #b87e4a; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #b87e4a; }
.lbh a:active { border-bottom:1px solid #b87e4a; }
.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; }

.uline { text-decoration: underline; color: inherit !important; }
.border_bm {border-bottom: #b87e4a 2px solid;}
.border_bm2 {border-bottom: #b87e4a 1px solid;}

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


.twentyfivebnr { position: absolute;  top: 120px; /*top: 200px;*/ left: 0; width: 100%; height: 124px; background: linear-gradient(rgba(114,210,220,.5), rgba(78,176,249,.5)); z-index: 10;}
.twentyfivebnr-outer { max-width: 1265px; margin: 0 auto; display: flex; align-items: center; height: 100%; }
.twentyfivebnr-inner {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.twentyfivebnr-logo { width: 104px; height: 104px; background-color: #fff; border-radius: 50%; padding: 10px; margin-right: 50px; flex: 0 0 auto;}
.twentyfivebnr-logo img { width: 100%; height: auto;}
.twentyfivebnr-txt { font-size: 21px; color: #fff; font-weight: bold; letter-spacing: 7px; flex: 0 0 auto;}
.twentyfivebnr-btn-box { display: flex; flex-direction: column;}
.twentyfivebnr-btn { width: 260px; color: #fff; background-color: #f18d00; padding: 10px 0; flex: 0 0 auto; display: flex; align-items: center; justify-content: center;}
.twentyfivebnr-btn a{ color: #fff;}
.twentyfivebnr-br { display: none; }

@media screen and (max-width: 1300px) {
	.twentyfivebnr-txt { flex: 1 1 auto;  letter-spacing: 5px; }
}

@media screen and (max-width: 800px) {
	.twentyfivebnr-outer { padding: 0 10px; }.twentyfivebnr-logo { margin-right: 20px; }.twentyfivebnr-inner { align-items: center;}.twentyfivebnr-btn { width: 185px; }
}

@media screen and (max-width: 600px) {
	.twentyfivebnr-outer { padding: 0; }.twentyfivebnr { /* top: 168px; */ top: 60px; background: linear-gradient(#74e2d3, #34a7fd); z-index: 10; padding: 10px 5px; box-sizing: border-box;}.twentyfivebnr-logo { width: 75px; height: 75px; flex: 0 0 auto; margin-right: 10px;}.twentyfivebnr-inner { flex-direction: column;}.twentyfivebnr-txt { font-size: 14px; letter-spacing: 3px; text-align: left; margin-bottom: 5px;}.twentyfivebnr-btn-box { flex-direction: row; width: 100%;}.twentyfivebnr-btn-box .twentyfivebnr-btn { width: 48%; margin: 1%; font-size: 12px; padding: 0.8rem 0.4rem;} .twentyfivebnr-btn { font-size: 16px; width: 100%;}
}

.idxtab { background-color: #f5f5ef; }
.idxtab-inner { max-width: 1280px; margin: 0 auto; padding: 80px 0; }
.idxtab-btns { display: flex; justify-content: space-between; margin-bottom: 100px; }
.idxtab-btn { width: calc(100% / 3.5); color: #613416; font-size: 18px; border: solid 1px #613416; padding: 30px 0; cursor: pointer; position: relative; letter-spacing: 2px; }
.idxtab-btn::after { content: ''; width: 0; height: 0; border: 10px solid transparent; position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; }
.idxtab-btn.on,.idxtab-btn:hover { background-color: #f18d00; color: #fff; border: solid 1px #f18d00; }
.idxtab-btn.on::after,.idxtab-btn:hover::after {border-top: 10px solid #f18d00;}
.idxtab-ttl1 { font-size: 28px; color: #613416; font-family: "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 5px; margin-bottom: 50px; }
.idxtab-ttl2 { text-align: center; display: flex;	flex-direction: column; font-weight: bold; margin-bottom: 20px;}
.idxtab-ttl2-jp { font-size: 24px; color: #613416; font-family: "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 5px; }
.idxtab-ttl2-en {color: #f18d00; letter-spacing: 2px; font-size: 12px; }
.idxtab-box { display: flex; }
.idxtab-box.typeA { justify-content: space-evenly; }
.idxtab-box-inner { width: calc(100% / 3.3); margin-right: 4.4%;}
.idxtab-box.typeA .idxtab-box-inner { margin-right: 0; }
.idxtab-box-inner:last-of-type { margin-right: 0; }
.idxtab-ph { margin-bottom: 30px; width: 100%; height: auto; }
a.idxtab-linkbtn,span.idxtab-linkbtn { border: solid 1px #613416; display: block; text-align: center; padding: 15px 0; color: #613416; font-size: 16px; letter-spacing: 2px; }
span.idxtab-linkbtn { display: flex; padding-left: 15px; padding-right: 15px;}
span.idxtab-linkbtn a { width: 50%; text-align: center; color: #613416;}
a.idxtab-linkbtn:hover,.idxtab-toggle-link a:hover { background-color: #eee7e2; }
.idxtab-toggle { border: solid 1px #613416; font-size: 16px; letter-spacing: 2px; }
.idxtab-toggle-link { display: none; flex-direction: column; }
.idxtab-toggle.on .idxtab-toggle-link { display: flex; }
.idxtab-toggle-link a { color: #613416; padding: 10px 0;}
.idxtab-toggle-ttl { padding: 15px 0; position: relative; cursor: pointer; color: #613416;}
.idxtab-toggle-ttl::after { content: ''; width: 8px; height: 8px; border-top: solid 1px #613416; border-right: solid 1px #613416; position: absolute; top: 5px; bottom: 0; right: 20px; margin: auto; transform: rotate(-45deg);}
.idxtab-contents-outer { display: none; }
.idxtab-contents-outer:first-child { display: block; }
.idxtab-toggle-ttl.typeA { display: flex; padding: 15px 10px; }
.idxtab-toggle-ttl.typeA span { width: 50%; }
.idxtab-toggle-link-inner { display: flex;}
.idxtab-toggle-link-inner a { width: 50%; padding: 10px; }
.idxtab-toggle-link-inner a:last-child { padding-bottom: 15px; }
.idxtab-toggle-link-inner a.external:after { margin-left: 0;}

@media screen and (max-width: 600px) {
	.idxtab-inner { width: 95%; padding: 40px 0;}
	.idxtab-btns { flex-wrap: wrap; margin-bottom: 50px; }
	.idxtab-btn { width: calc(100% / 2.1); padding: 10px 0; font-size: 12px; margin-bottom: 10px; }
	.idxtab-btn:first-child::after,.idxtab-btn:hover::after { display: none; }
	.idxtab-ttl1,.idxtab-ph { width: 85%; margin: 0 auto; }
	.idxtab-ttl1 { font-size: 17px; margin-bottom: 20px; }
	.idxtab-box { flex-wrap: wrap; }
	.idxtab-box-inner { margin-bottom: 50px; width: 100%; margin-right: 0;}
	.idxtab-ph { margin-bottom: 20px;}
	.idxtab-ttl2-jp { font-size: 16px; }
	.idxtab-ttl2-en { font-size: 10px; }
	.idxtab-btn::after { display: none; }
}


.oneharmony { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.8); color: #fff; font-family:"AozoraMinchoRegular"; text-align: left; padding: 20px 0; z-index: 1000; letter-spacing: 1px;}
.oneharmony-inner { width: 1280px; margin: 0 auto; display: table;}
.oneharmony-ttl { font-size: 1.3em; margin-bottom: 5px;}
.oneharmony-opencloseBtn { position: fixed; bottom: 110px; right: 55px; background-color: #000; z-index: 1001; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; transition: .5s all ease-out; border:solid 1px #000; box-sizing: border-box;}

.oneharmony-opencloseBtn:hover { background-color: #fff; border:solid 1px #000;}
.oneharmony-opencloseBtn:hover .oneharmony-opencloseBtn-txt { color: #000; }
.oneharmony-opencloseBtn.on { transform: rotate(360deg);}

.oneharmony-opencloseBtn:hover { opacity: .8; }
.oneharmony-opencloseBtn-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-size: 1.3em; font-weight: bold; font-family:"AozoraMinchoRegular";}
.oneharmony-inner2 { display: table-cell; vertical-align: middle; padding:0 20px 0 0;}
.oneharmony-inner3 { display: table-cell; }

.oneharmony-btn1,.oneharmony-btn2 { text-align: center; line-height: 1; letter-spacing: 2px; font-size: 1em;
text-align: center; line-height: 1; letter-spacing: 2px; font-size: 1.1em; }
.oneharmony-btn1 a,.oneharmony-btn2 a { transition: .5s all ease-out; position: relative; display: block; padding: 10px 0 10px 1.5em; font-weight: bold;}

.oneharmony-btn1 a{ border: solid 1px #fff; color: #fff; }
.oneharmony-btn1 a:hover { background-color: #fff; color: #111;}
.oneharmony-btn1 a:hover .oneharmony-btn-arrow:before{ color:#111; }
.oneharmony-btn2 a{ color: #fff; background-color: #f18d00; border:solid 1px #f18d00;}
.oneharmony-btn2 a:hover { background-color: #fabc64;}

.oneharmony-btn-arrow { position: relative; }
.oneharmony-btn-arrow:before { content: '\f077'; font-family: 'FontAwesome'; color: #fff; position: absolute; top: 50%; left: -1.5em; transform: translate(-50%,-50%) rotate(90deg); transition: .5s all ease-out;}

.urgent-notice_outer { position: relative; padding: 15px 0; z-index: 20;}
.urgent-notice { text-align: left; background-color: #ececec; padding: 10px 15px; border: 2px solid #cccccc; width: 1200px; margin: auto; position: relative; }
.urgent-notice div:nth-child(1) { cursor: pointer; padding-right: 36px; }
.urgent-notice div:nth-child(1)::after { content:'\f13a'; color:#a1a72e; font-family:'FontAwesome'; position: absolute; right: 15px; line-height: 26px; font-size: 26px; }
.urgent-notice div:nth-child(1).active::after { content:'\f139'; }
.urgent-notice div:nth-child(1) em { color: #c01d1d; display: inline-block; margin-right: 20px; }
.urgent-notice div:nth-child(1) span { font-size: 120%; display: inline-block; }
.urgent-notice div:nth-child(2) { padding: 1em 0 0 0; display: none; }
@media screen and (max-width:1080px) {
.urgent-notice { width: calc(100% - 30px); padding: 10px; }
}
@media screen and (max-width:600px) {
.urgent-notice div:nth-child(1) em { display: block; margin-right: 0; margin-bottom: 5px; }
}

.oshirase { font-size: 16px; }
.oshirase a { color: #015bb7; text-decoration: underline; }
.oshirase a:hover { color: #015bb7; text-decoration: none; }

/*#preloader { position:fixed; top:0; left:0; background-color:#ffffff; width:100%; height:100%; z-index:3000; }

#preloader:before { content: ''; position: absolute; width: calc(253px * 2); height: calc(240px * 2); top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url('../../25th/img/25th-anniversary.svg'); opacity: 0; transition: opacity 3s ease-out;}

@media screen and (max-width: 600px) {
	#preloader:before { width: 253px; height: 240px;}
}

#preloader.on::before { opacity: 1; }*/

#header { position:fixed; top:0; width:100%; height:120px; z-index:200; background-color:#ffffff; -webkit-transition:all 0.3s; transition:all 0.3s; }
#header_inner { position:relative; width:1280px; height:120px; margin:0 auto; text-align:left; }

#header_logo { width:340px; position:absolute; left:0; bottom:0; }
#header_logo a { padding:30px 0; display:block; }

#header_lang { position:absolute; right:0; top:0; width:120px; text-align:center; text-transform:uppercase; z-index:10; }
#header_lang a { background-color:#f18d00; display:block; color:#ffffff; height:40px; line-height:40px; }
#header_lang a:hover { background-color:#fabc64; }

#header_nav { position:absolute; right:0; bottom:0; font-size:110%; }
#header_nav li { float:left; }
#header_nav li a { color:#3d3d3d; display:block; padding:28px 20px; position:relative; -webkit-transition:all 0.3s; transition:all 0.3s; }
#header_nav li a span { position:relative; }
#header_nav li a:hover { color:#b87e4a; }
#header_nav li a span:after { display:inline-block; content:''; background-color:#b87e4a; width:0; height:1px; position:absolute; bottom:-10px; left:0; -webkit-transition:all 0.3s; transition:all 0.3s; z-index:120; }
#header_nav li a:not(.open):hover span:after { width:100%; }

#header_nav li a.open span:after {
	width:40px; height:1px; left:0; right:0; margin:auto;
	-webkit-transform:translate(-10%, 20px) rotateZ(90deg);
	   -moz-transform:translate(-10%, 20px) rotateZ(90deg);
	        transform:translate(-10%, 20px) rotateZ(90deg);
}

#header_book { display:none; }
#header_menu { display:none; }
#header_tel { display:none; }
#header_restaurant { display:none; }

#sp_nav, #sp_reservation { display:none; }

.mega_menu { display:none; position:absolute; top:120px; width:100%; background-color:#ffffff; border-top:1px solid #b87e4a; }
.mega_menu_inner { position:relative; width:1280px; margin:0 auto; text-align:left; padding:40px 0; }
.mega_menu ul.menu_list a { color:#1f1f1f; display:block; padding:0.6em 0; font-size:120%; }
.mega_menu ul.menu_list a:hover { color:#b87e4a; }
.mega_menu ul.menu_list .no_link { color:#1f1f1f; display:block; padding:0.6em 0; font-size:120%; }
.mega_menu ul.menu_list .no_link:before { content: '\f078'; font-family: 'FontAwesome'; font-size: 0.8em; }
.mega_menu ul.menu_list .sub_link { padding-left: 0.8em; }
.mega_menu ul.menu_list { float:left; margin-right:3em; }
.mega_menu ul.menu_list:last-child { margin-right:0; }
.mega_menu a.paz img { max-height: 260px; }

.slides div.ttl { position:absolute; top:35%; bottom:0; left:0; right:0; margin:auto; color:#ffffff; line-height:1.2; }
.slides div.ttl .en { font-size:3.4em; font-family:Candara, Rosario; letter-spacing:0.1em; text-align:center; }
.slides div.ttl .ja { font-size:2.4em; letter-spacing:0.05em; text-align:center; }
.slides div.ttl .logo { margin-top:2em; text-align:center; }
.slides div.ttl .logo_ttl { width:90px; margin:auto; }
.slides div.ttl .logo_ttl path { fill:#ffffff; }
.slides div.ttl .logo_ttl rect { stroke:#ffffff; }

.topicpath { position:relative; width:100%; }
.topicpath ol { position:relative; width:1280px; text-align:left; margin:0 auto; padding:1em 0; }
.topicpath ol li { float:left; font-size:0.9em; }
.topicpath ol li em { padding:0 0.5em; }
body.rsv_home .topicpath { margin-top: 100px; }

.contents { position:relative; width:100%; background-position:center center; background-color:#ffffff; background-size:cover; }
.contents_inner { position:relative; width:1280px; text-align:left; margin:0 auto; padding:4% 0 2% 0; }
.contents_inner.home_div { padding-top:10%; padding-bottom: 5%; width:1200px; }
.contents.inttl { border-top:1px solid #e6e6e6; }
.contents.inttl .contents_inner { padding:25px 0 25px 0; }
.contents_inner.full { width:100% !important; padding:0; }
.contents_inner.min { padding:1% 0 1% 0; }
.contents .slide-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contents .slide-logo .ttl {font-size: 3.4em; color: #fff; text-align: center !important; white-space: nowrap; }
.contents .slide-logo .white { filter: brightness(100); }

.main { float:left; width:68%; }
.sub { float:right; width:28%; margin-top:-14%; }
.sub_menu_btn { display:none; }

#footer { position:relative; width:100%; border-top:1px solid #e6e6e6; text-align:center; }
#footer_inner { position:relative; width:1280px; height:250px; margin:0 auto; padding:1.5em 0; text-align:left; }

#footer_logo { width:250px; position:absolute; left:0; top:34px; }
#footer_logo a { display:block; }

#footer_info { position:absolute; left:0; top:120px; font-size:90%; }
#footer_info .tel { margin-right:10px; }

#footer_sns { position:absolute; left:0; top:70px; }
#footer_sns li { float:left; }
#footer_sns li a { display:block; width:24px; height:24px; line-height:24px; font-size:24px; font-family:'FontAwesome'; -webkit-transition:all 0.3s; transition:all 0.3s; }
#footer_sns li a:before { display:block; width:24px; height:24px; line-height:24px; }
#footer_sns li a span { display:none; }
#footer_sns_facebook { margin-right:10px; }
#footer_sns_facebook a:before { content:'\f09a'; }
#footer_sns_instagram a:before { content:'\f16d'; }

#footer_nav { position:absolute; left:470px; top:25px; }
#footer_nav li { float:left; }
#footer_nav li a,#footer_nav li.js_cookie_modal { color:#3d3d3d; display:block; padding:5px 10px; }
#footer_nav li a:hover,#footer_nav li.js_cookie_modal:hover { color:#b87e4a; }
/* #footer_nav li:nth-child(12) { clear:left; } */
#footer_nav li.js_cookie_modal{ cursor:pointer;}

#footer_link { position:absolute; top:135px; right:0; }
#footer_link_sapporo { width:190px; height:30px; float:left; margin-right:20px; }
#footer_link_sapporo a { display:block; padding:8px 0; }
#footer_link_jrinn { width:80px; height:20px; float:left; margin-right:20px; }
#footer_link_jrinn a { display:block; }
#footer_link ul { float:left; font-size:90%; }
#footer_link ul li { float:left; white-space:nowrap; }
#footer_link ul li a { color:#3d3d3d; }
#footer_link ul li a:hover { color:#b87e4a; }
#footer_link ul li:after { content:'│'; }
#footer_link ul li:last-child:after { content:''; }
#footer_link ul li:nth-child(3):after { content:''; }
#footer_link ul li:nth-child(4) { clear:left; }
/*#footer_link ul li:nth-child(5):after { content:''; }*/
/*#footer_link ul li:nth-child(6):after { content:''; }*/
/*#footer_link ul li:nth-child(7) { clear:left; }*/
#footer_link ul li:nth-child(7):after { content:''; }
#footer_banner { /*top:200px;*/ margin-bottom:0 !important; }
#footer_banner button { display:none !important; }
#footer_banner li { margin: 0 10px; }

/*#footer_group_hotel { position:relative; width:100%; background-color:#f3f3f3; text-align:center; }
#footer_group_hotel_inner { position:relative; width:1280px; margin:0 auto; padding:35px 0 5px 0; text-align:left; }
#footer_group_hotel h2 { font-size:120%; border-bottom:1px solid #ffffff; padding:10px; }
#footer_group_hotel h3 { font-weight:bold; float:left; width:15%; }
.footer_location_area { margin-bottom:0; }
.footer_location_area_list { float:left; width:85%; margin-bottom:20px; }
.footer_location_hotels { float:left; font-size:90%; margin-bottom:10px; }
.footer_location_hotels dl { float:left; }
.footer_location_hotels dt { float:left; padding-right:5px; }
.footer_location_hotels dt:not(:first-child) { margin-left:20px; }
.footer_location_hotels dt:before { content:'['; }
.footer_location_hotels dt:after { content:']'; }
.footer_location_hotels dd { float:left; }
.footer_location_hotels dd a { padding:2px; color:#111111; }
.footer_location_hotels dd a:hover { color:#b87e4a; }
.footer_location_hotels dd:before { content:'│'; }
.footer_location_hotels dd:last-child { margin-right:20px; }
.footer_location_hotels dd:first-child:before { content:''; }
.footer_location_hotels dt+dd:before { content:''; }

#footer_okura_link { position:relative; width:100%; background-color:#d6d6d6; border-top:1px solid #ffffff; text-align:center; }
#footer_okura_link_inner { position:relative; width:1280px; margin:0 auto; padding:5px 0; text-align:left; }
#footer_okura_link_inner ul { display:inline; display:flex; text-align:center; justify-content:center; }
#footer_okura_link_inner ul li { float:left; font-size:90%; }
#footer_okura_link_inner ul li a { display:block; padding:6px 0; color:#111111; }
#footer_okura_link_inner ul li a:hover { color:#b87e4a; }
#footer_okura_link_inner ul li a:after { content:'│'; margin:0 0.5em; color:#111111; }
#footer_okura_link_inner ul li:last-child a:after { content:''; }

#footer_okura_banner { position:relative; width:100%; text-align:center; }
#footer_okura_banner_inner { position:relative; width:1280px; margin:0 auto; padding:40px 0 20px 0; text-align:left; }
#footer_okura_banner_inner ul { display:inline; display:flex; text-align:center; justify-content:center; }
#footer_okura_banner_inner ul li { float:left; }
#footer_okura_banner_inner ul li a { display:block; }
#footer_okura_banner_inner ul li:nth-child(1) { width:100px; }
#footer_okura_banner_inner ul li:nth-child(2) { width:100px; }
#footer_okura_banner_inner ul li:nth-child(3) { width:160px; }
#footer_okura_banner_inner ul li:nth-child(4) { width:180px; }
#footer_okura_banner_inner ul li:nth-child(1) a { padding:10px 20px; }
#footer_okura_banner_inner ul li:nth-child(2) a { padding:10px 20px; }
#footer_okura_banner_inner ul li:nth-child(3) a { padding:22px 20px; }
#footer_okura_banner_inner ul li:nth-child(4) a { padding:23px 20px; }
*/
#footer_group_link {position:relative; width:100%; background-color:#f3f3f3; text-align:center;}
#footer_group_link h2 {font-size:120%; border-bottom:1px solid #ffffff; padding:10px;}
#footer_group_link img:hover {opacity: 0.7;}

#footer_common_link {position:relative; width:100%; background-color:#d6d6d6; border-top:1px solid #ffffff; text-align:center; }
#footer_common_link_inner {position:relative; max-width:1280px; margin:0 auto; padding:5px 0; text-align:left;}
#footer_common_link_inner ul {display:inline; display:flex; text-align:center; justify-content:center;}
#footer_common_link_inner ul li {float:left; font-size:85%;}
#footer_common_link_inner ul li a {display:block; padding:6px 0; color:#080808;}
#footer_common_link_inner ul li a:hover {color:#CC3434; text-decoration: none;}
#footer_common_link_inner ul li a:after {content:'│'; margin:0 0.5em; color:#080808;}
#footer_common_link_inner ul li:last-child a:after {content:'';}

#footer_brand_link {position:relative; width:100%; text-align:center;}
#footer_brand_link_inner {position:relative; max-width:1280px; margin:0 auto; padding:30px 0 10px 0; text-align:left;}
#footer_brand_link_inner ul {display:inline; display:flex; text-align:center; justify-content:center;}
#footer_brand_link_inner ul li {float:left;}
#footer_brand_link_inner ul li a {display:block;}
#footer_brand_link_inner ul li:nth-child(1) {width:100px;}
#footer_brand_link_inner ul li:nth-child(2) {width:100px;}
#footer_brand_link_inner ul li:nth-child(3) {width:160px;}
#footer_brand_link_inner ul li:nth-child(1) a {padding:10px 20px;}
#footer_brand_link_inner ul li:nth-child(2) a {padding:10px 20px;}
#footer_brand_link_inner ul li:nth-child(3) a {padding:22px 20px;}
#footer_brand_link_inner ul li img:hover {opacity: 0.7;}

#copyright_okura {color:#414141; text-align:center; font-size:90%; padding:20px;}

/*------------------*/
@media screen and (max-width:1280px) {
#footer_group_link_inner {width:98%;}
#footer_common_link_inner {width:98%;}
#footer_brand_link_inner {width:98%;}
} 
/*------------------*/
@media screen and (max-width:1024px) {
#footer_common_link_inner ul {display:inline;}
}
/*------------------*/
@media screen and (max-width:600px) {
body {padding-top:60px}
#footer_common_link_inner ul li {float:none;}
#footer_common_link_inner ul li a:after {content:''; margin:0;}
#footer_group_link_inner {padding:5px;}
#footer_brand_link_inner {padding:10px 0;}
#footer_brand_link_inner ul li:nth-child(1) {width:20%;}
#footer_brand_link_inner ul li:nth-child(2) {width:20%;}
#footer_brand_link_inner ul li:nth-child(3) {width:30%;}
#footer_brand_link_inner ul li:nth-child(4) {width:30%;}
#footer_brand_link_inner ul li:nth-child(1) a {padding:10px 10px;}
#footer_brand_link_inner ul li:nth-child(2) a {padding:10px 10px;}
#footer_brand_link_inner ul li:nth-child(3) a {padding:19px 10px;}
#footer_brand_link_inner ul li:nth-child(4) a {padding:19px 10px;}
#copyright_okura {padding:0 5px 45px 5px;}
.sp {display:inline !important;}
}

#copyright { color:#414141; text-align:center; font-size:90%; padding:20px; }

#pagetop { display:block; width:80px; height:80px; position:fixed; right:2%; bottom:2%; z-index:1001; }
#pagetop a { display:block; background-color:#613416; text-align:center; line-height:80px; }
#pagetop a:before { content:'\f077'; font-family:'FontAwesome'; color:#ffffff; }

.bg0 { background-color:#000000; }
.bg1 { background-color:#ffffff; } .bg1t { background-color:rgba(255,255,255,0.9); }
.bg2 { background-color:#f2f2f2; }
.bg3 { background:url(../img/bg3.png) repeat; }
.bg4 { background:url(../img/bg4.png) repeat; }
.bg5 { background-color: #be9d7c } 
.bg_bf {  background-image: url(../img/bg_hokkaido.png);
    background-repeat:  no-repeat; background-position: center;
	 background-size: contain; 
	}

.c0, .c0b *:before, .c0a *:after { color:#000000 !important; }
.c1, .c1b *:before, .c1a *:after { color:#ffffff !important; }
.c2, .c2b *:before, .c2a *:after { color:#613416 !important; }
.c3, .c3b *:before, .c3a *:after { color:#f18d00 !important; }
.c4, .c4b *:before, .c4a *:after { color:#b87e4a !important; }
.c5, .c5b *:before, .c5a *:after { color:#ff0000 !important; }

.compensate-for-scrollbar { margin-right: 0 !important; }
body.compensate-for-scrollbar { overflow: auto !important; }


.imglink { text-align:center; display:block; overflow:hidden; }
.imglink, .imglink *, .imglink:before, .imglink:after { -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.imglink span { position:absolute; display:inline-block; left:0; top:0; bottom:0; right:0; margin:auto; color:#ffffff; height:3em; font-size:2.0em; z-index:20; }
.imglink:after { content:''; display:block; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #ffffff; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; z-index:30; }
.imglink img { -webkit-transform:scale(1.05); transform:scale(1.05); }
.imglink:before { content:''; display:block; width:100%; height:100%; background-color:#000000; opacity:0.4; position:absolute; left:0; top:0; z-index:10; }
.imglink:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
.imglink:hover:before { background-color:#fabc64; opacity:0.7; }

.imglink2 { text-align:center; display:block; overflow:hidden; }
.imglink2, .imglink2 *, .imglink2:before, .imglink2:after { -webkit-transition:all 0.9s; transition:all 0.3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.imglink2 span { position:absolute; display:inline-block; left:0; top:0; bottom:0; right:0; margin:auto; color:#ffffff; height:3em; font-size:2.0em; z-index:20; }
.imglink2:after { content:''; display:block; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #ffffff; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; z-index:30; background: url( "../img/new_window.png" ) no-repeat 50% 20%; background-size: 7%; }
.imglink2 img { -webkit-transform:scale(1.05); transform:scale(1.05); }
.imglink2:before { content:''; display:block; width:100%; height:100%; background-color:#000000; opacity:0.4; position:absolute; left:0; top:0; z-index:10; }
.imglink2:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
.imglink2:hover:before { background-color:#fabc64; opacity:0.7; }

.onimg_text { display:block; }
.onimg_text span { position:absolute; bottom:5px; right:5px; z-index:5; color: #333333; font-size:1.0em; font-family:'Myriad Pro', 'PT Sans', sans-serif; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(255,255,255,0.9), 0 0 0.2em rgba(255,255,255,0.9), 0 0 1em rgba(255,255,255,0.9), 0 0 2em rgba(255,255,255,0.9); font-size: 2.2rem; font-weight: bold;}

h1, h2, h3, h4, h5, h6, caption, dt { position:relative; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:'Myriad Pro', 'PT Sans', sans-serif; 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; letter-spacing:0.05em; }
h1.mb, h2.mb, h3.mb, h4.mb, h5.mb, h6.mb, caption.mb, dt.mb { margin-bottom:0.5em; }


.ttl1 { text-align:center; position:relative; }
.ttl1.mb { margin-bottom:3.0em; }
.ttl1 span { color:#b87e4a; display:block; font-size:2.7em; }
.ttl1 span.sub-ttl  { color:#b87e4a; display:block; font-size:2.0em; }
.ttl1 em { color:#333333; display:block; margin-top:0.4em; font-size:1.3em; margin-left:0.2em; }

.inttl .ttl1 { margin-top:14px; text-align:left; line-height:1; }
.inttl .logo_ttl { float:left; height:100px; margin-right:30px; max-width: 180px; }
.inttl .logo_ttl2 { float:left; margin-right:30px; max-width: 180px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.inttl .logo_ttl.wide { width: 180px; }
}

.ttl2 { text-align:left; position:relative; }
.ttl2.mb { margin-bottom:1.5em; }
.ttl2 span { font-size:2.2em; }
.ttl2 em { display:block; font-size:1.0em; margin-left:0.1em; }
.ttl2.tc em { margin-left:0; }
.ttl2 .ja { color:#613416; }
.ttl2 .en { color:#f18d00; text-transform:uppercase; letter-spacing:0.2em; }
.ttl2 em.ja { margin-top:-0.3em; font-size:1.2em; }

.subttl{display: block;font-size: 0.6em!important;}

.ttl2.min span { font-size:1.9em; }
.ttl2.min.mb { margin-bottom:1.0em; }
.ttl2.min em { font-size:0.8em; }
.ttl2.min .en { margin-top:-0.4em; letter-spacing:0.2em; }

.ttl3 { text-align:left; position:relative; color:#613416; }
.ttl3.mb { margin-bottom:1.0em; }
.ttl3 span { font-size:1.8em; }
.ttl3 .en { color:#f18d00; text-transform:uppercase; letter-spacing:0.2em; }

.ttl4 { text-align:left; position:relative; color:#613416; font-weight:bold; }
.ttl4.mb { margin-bottom:1.0em; }
.ttl4 span { font-size:1.2em; }
.ttl4 em { color:#333333; margin-left:1em; font-size:50%; font-weight:normal; }
.ttl4 { text-indent:-1.0em; margin-left:1.0em; }
.ttl4:before { content:'\f0c8'; margin-right:0.4em; font-family:'FontAwesome'; color:#f18d00; font-weight:normal; }

.ttl5 { text-align:left; position:relative; color:#613416; }
.ttl5.mb { margin-bottom:1.0em; }
.ttl5 span { font-size:1.4em; }
.ttl5 .en { color:#f18d00; text-transform:uppercase; }

.ttl6 { text-align:left; position:relative; color:#613416; font-weight:bold; }
.ttl6.mb { margin-bottom:0.2em; }
.ttl6 span { font-size:1.0em; }
.ttl6 em { color:#333333; margin-left:1em; font-size:50%; font-weight:normal; }

.ttl7 { background-color: #be9d7c; color: #fff; text-align: center; padding: 0.5em; font-size: 1.8em; }
.ttl7.mb { margin-bottom:2em; }

.ttlf { font-size:1.6em; color:#f18d00; padding:0.6em 1em; background-color:#ffffff; position:absolute; left:2em; top:0; display:inline-block; text-transform:uppercase; letter-spacing:0.15em; }
.ttlf+* { margin-top:4.5em; }

.ttl8 { font-size:1.6em; font-weight: 500; border-left: 6px solid #C2A07D; padding-left: 15px; color: #333; font-family: serif; line-height: 1.2em; }
.ttl8.mb { margin-bottom:1.6em; }
.ttl8 span { font-size:0.7em;}

.ttl9 { text-align:left; position:relative; color:#613416; font-weight:bold; }
.ttl9.mb { margin-bottom:1.0em; }
.ttl9 span { font-size:1.2em; }
.ttl9 em { color:#333333; margin-left:1em; font-size:50%; font-weight:normal; }
.ttl9 { text-indent:-1.0em; margin-left:1.0em; }
.ttl9:before { content:'\f0c8'; margin-right:0.4em; font-family:'FontAwesome'; color:#b87e4a; font-weight:normal; }

.ttl10 { position: relative; padding: 0 65px;  text-align: center; font-size:1.8em; font-family: serif;}
.ttl10:before { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #be9d7c;}
.ttl10 span { position: relative; padding: 0 1em; background: #fff;}

.spa_plan .ttl3 { line-height: 1.2; }
.spa_plan .btn1 { position: absolute; right: 0; bottom: 0; margin: 0 4.375% 4.375% 0; }


ul.bull li { text-indent:-1.0em; margin-left:1.0em; }
ul.bull li:before { content:'•'; margin-right:0.4em; font-family:'FontAwesome'; }
ul.ast li { text-indent:-1.0em; margin-left:1.0em; }
ul.ast li:before { content:'∗'; margin-right:0.4em; font-family:'FontAwesome'; }
ul.type1 li { text-indent:-1.0em; margin-left:1.0em; }
ul.type1 li:before { content:'\f0da'; margin-right:0.4em; font-family:'FontAwesome'; }
ul.type2 li { text-indent:-1.0em; margin-left:1.0em; }
ul.type2 li:before { content:'\f105'; margin-right:0.4em; font-family:'FontAwesome'; }
ul.type3 li { text-indent:-1.0em; margin-left:1.0em; }
ul.type3 li:before { content:'\f101'; margin-right:0.4em; font-family:'FontAwesome'; }
ul.type4 li { text-indent:-1.0em; margin-left:1.0em; }
ul.type4 li:before { content:'\f111'; margin-right:0.4em; font-family:'FontAwesome'; }

.trustyou iframe { height: 175px; width: 154px;}

.frame1 { background-color:#f2f2f2; position:relative; }
.frame1 hr { display:block; border:none; background-color:#ddd6be; height:1px; margin:2em 0; }

.frame2 { border:3px solid #ddd6be; position:relative; }
.frame2 hr { display:block; border:none; background-color:#ddd6be; height:1px; margin:2em 0; }

.frame3 { border:1px solid #c7c7c7; position:relative; background-color:#ffffff; }
.frame3 hr { display:block; border:none; background-color:#e6e6e6; height:1px; margin:2em 0; }
.frame3 .g5 { overflow:hidden; }

.frame4 { background-color:#f2f2f2; box-sizing: border-box; padding: 3%;}

.frame5 { background-color:#fff8e6; position:relative; }
.frame5 hr { display:block; border:none; background-color:#ddd6be; height:1px; margin:2em 0; }

.frmpao { padding:2em; }

.frame1t { padding:1em 3em 3em 3em; background-color:rgba(255,255,255,0.9); position:relative; }
.frame1t small { font-size: 70%; }

.menu-item-btn { display: flex; gap: 2rem;}
.menu-item-btn > div { width: 100%; }

dl.faq { border:1px solid #ddd6be; margin-bottom:1em; }
dl.faq dt { position:relative; background-color:#fcfaf6; padding:1em; padding-left:3em; cursor:pointer; }
dl.faq dd { position:relative; background-color:#ffffff; padding:1em; padding-left:3em; border-top:1px solid #ddd6be; display:none; }

dl.faq dt:before, dl.faq dd:before { font-size:200%; font-family:'Myriad Pro', 'PT Sans', sans-serif; position:absolute; left:14px; top:12px; line-height:1; }
dl.faq dt:before { content:'Q'; color:#b87e4a; }
dl.faq dd:before { content:'A'; color:#f18d00; }

dl.faq dt:after { content:'\f0d7'; color:#b87e4a; font-family:'FontAwesome'; float:right; }
dl.faq dt.open:after { content:'\f0d8'; color:#f18d00; }

.accordion { border:1px solid #ddd6be; }
.accordion>div:nth-child(1) { position:relative; background-color:#fcfaf6; padding:1em; cursor:pointer; }
.accordion>div:nth-child(2) { position:relative; background-color:#ffffff; padding:1em; border-top:1px solid #ddd6be; display:none; }

.accordion>div:nth-child(1):after { content:'\f0d7'; color:#b87e4a; font-family:'FontAwesome'; float:right; }
.accordion>div:nth-child(1).open:after { content:'\f0d8'; color:#f18d00; }

.btn1 a { background-color:#f18d00; color:#ffffff; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn1 a:hover { background-color:#fabc64; }
.btn1.min a { padding:0.8em 1em 0.8em 1em; }

.btn2 a { background-color:#ffffff; border:1px solid #ddd6be; color:#613416; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn2 a:after { content:'\f105'; font-family:'FontAwesome'; color:#f18d00; margin-left:1em; }
.btn2 a:hover { background-color:#fffaea; }
.btn2.min a { padding:0.8em 1em 0.8em 1em; }

.btn3 a { background-color:#ffffff; border:1px solid #ddd6be; color:#613416; padding:0.8em 1em 0.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn3 a:before { content:'\f105'; font-family:'FontAwesome'; color:#f18d00; margin-right:1em; }
.btn3 a:hover { background-color:#fffaea; }

.btn4 a { background-color:#be9d7c; color:#ffffff; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn4 a:hover { background-color:#e5c7a2; }
.btn4.min a { padding:0.8em 1em 0.8em 1em; }


.btn5 a { background-color:#ffffff; border:1px solid #be9d7c; color:#be9d7c; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn5 a:after { content:'\f105'; font-family:'FontAwesome'; color:#be9d7c; margin-left:1em; }
.btn5 a:hover { background-color:#e5c7a2; }
.btn5.min a { padding:0.8em 1em 0.8em 1em; }

.btn6 a { background-color:#000; color:#ffffff; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn6 a:before { content:'\f105'; font-family:'FontAwesome'; color:#ffffff; margin-left:1em; }
.btn6 a:hover { opacity: 0.7; }
.btn6.min a { padding:0.8em 1em 0.8em 1em; }

.btn7 a { background-color:#fff; border:1px solid #000; color:#000; padding:1.8em 1em 1.8em 1em; display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
.btn7 a:before { content:'\f105'; font-family:'FontAwesome'; color:#000; margin-left:1em; }
.btn7 a:hover { background-color:#cccccc; }
.btn7.min a { padding:0.8em 1em 0.8em 1em; }

.tab-btn li { cursor: pointer; }
.tab-box { display: none; }
.tab-box:first-of-type { display: inherit; }

.external:after { content:'\f08e'; font-family:'FontAwesome'; margin-left:0.5em; }
.pdf:after { content:'\f1c1'; font-family:'FontAwesome'; margin-left:0.5em; }
.calendar:before { content:'\f073'; font-family:'FontAwesome'; margin-right:0.5em; }
.calendar:after { content:'' !important; }
.map-marker:before { content:'\f041'; font-family:'FontAwesome'; margin-right:0.5em; }
.map-marker:after { content:'' !important; }

.tag .date { display:block; white-space:nowrap; }
.tag em { background-color:#613416; color:#ffffff; padding:0.3em 1.2em; border-radius:2px; margin:5px 10px 5px 0; display:inline-block; white-space:nowrap; }
.tag em a { color:#ffffff; }

.newslist-ttl { width: 10em; }
.newslist-img { width: 10em; }
.newslist-img img { width: 6em; }

.dd-menu { padding:1em; background-color:#ffffff; position:absolute; text-align:center; z-index:10; width:calc(100% - 6em); display:none; }
.dd-menu li a { color:#1d1d1d; display:block; padding:0.5em; }
.dd-menu li a:hover { color:#b87e4a; }

.dd-btn:after { content:'\f107'; color:#b87e4a; font-family:'FontAwesome'; line-height:1; position:absolute; right:0; top:25%; }
.dd-btn:hover:after { color:#f18d00; }
.dd-btn.open:after { content:'\f106'; color:#f18d00; }


/* テーブル */
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-spacing:0; border-collapse:collapse; }
table.type1 th { background-color:#fbf8f0; border:1px solid #ddd6be; }
table.type1 td { background-color:#ffffff; border:1px solid #ddd6be; }
.bg3 table.type1 th, .bg4 table.type1 th { background-color:#fcfaf6; }

table.type2 { border-spacing:0; border-collapse:collapse; }
table.type2 th { color:#613416; border-top:1px solid #ddd6be; border-bottom:1px solid #ddd6be; }
table.type2 td { border-top:1px solid #ddd6be; border-bottom:1px solid #ddd6be; }

th.bg1, td.bg1 { background-color:#858298 !important; }
th.bg2, td.bg2 { background-color:#857770 !important; }
th.bg3, td.bg3 { background-color:#c7b65d !important; }
th.bg4, td.bg4 { background-color:#939393 !important; }

.highlight { display:block; overflow:hidden; }
.highlight img {
	-webkit-backface-visibility:hidden; backface-visibility:hidden;
	display:inline-block; zoom:1;
	-webkit-transition:all 0.3s; transition:all 0.3s;
	-webkit-transform:scale(1.01); transform:scale(1.01);
}
.highlight:hover img {
	-webkit-filter:brightness(1.2);
	   -moz-filter:brightness(1.2);
	    -ms-filter:brightness(1.2);
	        filter:brightness(1.2);
}

div.rsv { position:fixed; width:1200px; margin:0 auto; top:120px; left:0; right:0; text-align:left; z-index:150; }
.rsv_closebtn { position: absolute; top: 1px; right: 1px; width: 40px; height: 40px; background-color: #fff; z-index: 1000; cursor: pointer; }
.rsv_closebtn::before,.rsv_closebtn::after { content: ''; width: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; background-color: #af9156;}
.rsv_closebtn::before { transform: rotate(45deg);}
.rsv_closebtn::after { transform: rotate(-45deg);}
#rsv_btn { cursor:pointer; position:absolute; top:-170px; right:0; width:240px; height:160px; border:1px solid #b87e4a; padding:40px; background-color:#ffffff; -webkit-transition:top 0.3s; transition:top 0.3s; }
#rsv_btn .rsv_btn_date { display:block; padding:8px 0; border:2px solid #f18d00; border-radius:2px; text-align:center; color:#000000; }
#rsv_btn .rsv_btn_btn { display:block; color:#f18d00; margin-top:12px; text-align:center; font-size:1.2em; }
#rsv_btn .rsv_btn_btn:after { content:'\f107'; font-family:'FontAwesome'; margin-left:5px; font-size:140%; }

#rsv_box { position:absolute; top:-480px; right:0; border:1px solid #b87e4a; max-width:480px; -webkit-transition:top 0.3s; transition:top 0.3s; }
#rsv_box .tab_btn { background-color:#f18d00; color:#ffffff; height:40px; width:50%; float:left; text-align:center; line-height:40px; cursor: pointer; box-shadow:inset -1px 0px 1px rgb(255 255 255 / .5);}
#rsv_box .tab_btn.active { background-color:#ffffff; color:#f18d00; }
#rsv_box .tab_btn.-car>a { display:block; color:#ffffff; }
#rsv_box .tab_btn.-car.active>a { color:#f18d00; }
#rsv_box .tab_box { background-color:#ffffff; padding:40px 40px 20px 40px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); box-shadow: 0 2px 2px rgba(0,0,0,0.1); }
#rsv_box .tab_box.-rentacar { padding:40px 30px 25px 40px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); box-shadow: 0 2px 2px rgba(0,0,0,0.1); }
html>body label { margin-right:0; }
#rsv_box label { margin-bottom:40px; position:relative; }
#rsv_box label>span { display:inline-block; margin-right:10px; color:#b87e4a; }
#rsv_box label:nth-child(odd) { margin-left:18px; padding-left:20px; }
/* #rsv_box label:nth-child(odd):before { content:'|'; position:absolute; left:0; top:7px; color:#b87e4a; } */

#rsv_box select { height:40px; padding:0 10px 0 15px; border-radius:2px; border:1px solid #f18d00; }
#rsv_box .date { height:40px; width:10em; padding:7px 40px 7px 10px; border-radius:2px; border:1px solid #f18d00; }

#rsv_box #airport_tab_box select#DepartureAirPort { width:160px; }

#rsv_box_btn { display:none; }
#rsv_sp_box { display:none; }
.rsv_btn_box { margin-bottom:10px; }

.rev_info { box-sizing: border-box;  }
#rsv_box.rsv_disp .rev_info { text-align: center; padding: 20px 0; }
#rsv_box.rsv_disp .rev_info .rev_info_txt1 { margin-bottom: 10px; }
#rsv_box.rsv_disp .rev_info br { display: block !important; }

button { -webkit-transition:background-color 0.3s,color 0.3s; transition:background-color 0.3s,color 0.3s; }
.rsv_btn { height:40px; background-color:#f18d00; color:#ffffff; border-radius:2px; border:1px solid #f18d00; }
.rsv_btn:hover { background-color:#ffffff; color:#b87e4a; border-radius:2px; border:1px solid #f18d00; }

.rsv_link { margin:5px; display:block; }
.rsv_link:before { content:'\f105'; font-family:'FontAwesome'; color:#f18d00; margin-right:7px; }

.btn_rsv_close { color:#545454; font-size:1.2em; text-align:center; cursor:pointer; }
.btn_rsv_close:after { content:'\f106'; font-family:'FontAwesome'; color:#f18d00; margin-left:5px; font-size:120%; }

#btn_calendar { width:160px; margin-left:40px; }
#btn_calendar a { color: #ffffff; }
#btn_calendar:hover a { color:#b87e4a; }
#btn_calendar:before { content:'\f03a'; font-family:'FontAwesome'; margin-right:6px; }
#btn_search { width:160px; }
#btn_search_airport { width:140px; margin-left:40px; }
#btn_search:before, #btn_search_airport:before { content:'\f002'; font-family:'FontAwesome'; margin-right:6px; }

#calendar { position:absolute; right:100%; top:40px; width:360px; height:348px; border:none; overflow:hidden; }

.rsv_disp { top:0 !important; }

body.rsv_home #rsv_box_outer { top:auto; position:relative; }
body.rsv_home #rsv_box { top:-80px; max-width:100%; width:100%; border:none; overflow:hidden; }
body.rsv_home #rsv_box .tab_btn { width:14em; margin-right:10px; }
body.rsv_home #rsv_box label { margin-bottom:0; position:relative; }
body.rsv_home #rsv_box label:not(.first-label) { margin-left:18px; padding-left:20px; }
body.rsv_home #rsv_box label:not(.first-label):before { content:'|'; position:absolute; left:0; top:7px; color:#b87e4a; }
body.rsv_home #rsv_box .rsv_btn_box { margin-bottom:0; display:inline; float:right; }
body.rsv_home #rsv_box .rsv_link { display:block; text-align:right; }
body.rsv_home #rsv_box .btn_rsv_close { display:none; }
body.rsv_home #btn_calendar { margin-right:0; margin-left:20px; }
body.rsv_home #calendar { top:auto; right:0; bottom:calc(100% - 40px); }
body.rsv_home #calendar.hide { right:-9999px; }

.flatpickr-calendar.arrowTop:before { border-bottom-color:#f18d00; }
.flatpickr-calendar.arrowBottom:before { border-top-color:#f18d00; }
.flatpickr-calendar { border:1px solid #f18d00; border-radius:2px; -webkit-box-shadow:none; box-shadow:none; }
.flatpickr-current-month { padding:7px 0; position:relative; height:auto; width: auto; left:auto; }
.flatpickr-months .flatpickr-month { height:auto; }
.flatpickr-calendar.open { z-index:180; }

.flatpickr-current-month {display: flex; justify-content: center; }
.cur-year { order: 1; }
.flatpickr-current-month span.cur-month { order: 2; margin-left: 0; line-height: 28px; font-weight: normal; }
.flatpickr-current-month span.cur-month:before { content: "年 "; }
.numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown { display: none; }
.flatpickr-current-month .numInputWrapper { width: 3em; }

.sk-double-bounce { display: none; }
.vbox-container { overflow-y: auto; }
.vbox-open { overflow: auto; }

label.in-date:after { content:'\f073'; font-family:'FontAwesome'; color:#f18d00; position:absolute; right:20px; line-height:40px; }

.home_carousel .slick-list { overflow: inherit; z-index: 60; }
.slides .slick-dots { z-index: 70;  }
.contents>.slides:not(.fade) .slick-slide { filter: opacity(0.5); -webkit-transition:filter 1.5s; transition:filter 1.5s; }
.contents>.slides:not(.fade) .slick-slide.slick-current { filter: opacity(1.0); }

#home_slides .slides .slick-dots { width: 25%; margin: auto; left: 0; right: 0; z-index: 160; bottom: 90px; }

#CDSWIDSSP, #CDSWIDTCH, #CDSWIDTC, #CDSWIDCOE { margin: auto !important; }

.search_box input[type="checkbox"] {
	display: none;
}

.search_box input[type="checkbox"] + label {
	position: relative;
	display: block;
	line-height: 1;
	padding: 10px 10px 10px 30px;
	cursor: pointer;
	background-color: rgba(155, 155, 155, 0);
	border-radius: 6px;
}

.search_box input[type="checkbox"] + label:hover {
	background-color: rgba(155, 155, 155, 0.1);
}

.search_box input[type="checkbox"] + label:before {
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 0;
	border: rgba(100, 100, 100, 0.3) solid 2px;
	position: absolute;
	top: 50%;
	left: 10px;
	content: "";
}

.search_box input[type="checkbox"]:checked + label:after {
	display: block;
	box-sizing: border-box;
	clear: both;
	font-size: 0;
	width: 12px;
	height: 7px;
	margin: -7px 0 0 1px;
	border-left: rgb(220, 70, 70) solid 3px;
	border-bottom: rgb(220, 70, 70) solid 2px;
	position: absolute;
	top: 50%;
	left: 12px;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.search_box button {
	margin-top: 2em;
	background-color:#f18d00; color:#ffffff;
	padding:1.5em 3em 1.5em 3em; display:block;
	-webkit-transition:all 0.3s; transition:all 0.3s;
	font-size: 120%;
	border: none;
}
.search_box button:after { content:'\f002'; font-family:'FontAwesome'; margin-left:0.5em; }
.search_box button:hover { background-color:#fabc64; }

.urgent-notice_outer { position: relative; padding: 15px 0; z-index: 20;}
.urgent-notice { text-align: left; background-color: #ececec; padding: 10px 15px; border: 2px solid #cccccc; width: 1200px; margin: auto; position: relative; }
.urgent-notice div:nth-child(1) { cursor: pointer; padding-right: 36px; }
.urgent-notice div:nth-child(1)::after { content:'\f13a'; color:#a1a72e; font-family:'FontAwesome'; position: absolute; right: 15px; line-height: 26px; font-size: 26px; }
.urgent-notice div:nth-child(1).active::after { content:'\f139'; }
.urgent-notice div:nth-child(1) em { color: #c01d1d; display: inline-block; margin-right: 20px; }
.urgent-notice div:nth-child(1) span { font-size: 120%; display: inline-block; }
.urgent-notice div:nth-child(2) { padding: 1em 0 0 0; display: none; }

.point-container { position: relative; }
.point-num { position: absolute; bottom: 0.8em; right: 0.8em; z-index: 1; color: #be9d7c; background-color: #fff; padding: 0.4em 0.8em; font-size: 1.6em; }
.point-ttl { display: flex; gap: 1em; font-size: 1.2em; }
.point-ttl-sub { font-size: 80%; }
.point-ttl span.num { align-self: flex-start; color: #fff; background-color: #be9d7c; padding: 0.4em 0.8em; font-size: 1.4em; }
.point-ttl + .point-ttl { margin-top: 3em; }


.circle-container { position: relative; }
.circle { font-size: 1.6rem; position: absolute; top: 1.2rem; left: 0.5rem; background-color: #f6d29f; border-radius:50%; padding: 5%; color: #b5404b; font-weight: bold;}


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1530px) {
	.oneharmony-inner { width: 80%; margin: 0 auto 0 0; }
}


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

#header_inner { width:98%; }
.mega_menu_inner { width:98%; }

div.rsv { width:98%; }
body.rsv_home #rsv_box label { margin-bottom:30px; position:relative; }
/*body.rsv_home #rsv_box .rsv_btn_box { display:block; float:none; }*/
body.rsv_home #rsv_box .rsv_link { float:none; }
body.rsv_home #btn_calendar { margin-right:30px; margin-left:0; }

.topicpath ol { width:96%; }
.contents_inner { width:96% !important; }

#footer_inner { width:98%; }
#footer_group_hotel_inner { width:98%; }
#footer_okura_link_inner { width:98%; }
#footer_okura_banner_inner { width:98%; }
#footer_link {position:absolute;top: 160px;}

.urgent-notice { width: calc(100% - 30px); padding: 10px; }


} /* max-width:1300px */

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

#footer_okura_link_inner ul { display:inline; }

#footer_group_hotel h3 { width:20%; }
.footer_location_area_list { width:80%; }

#rsv_box .tab_box { padding: 20px 20px 10px 20px }
body.rsv_home #btn_calendar { margin-right:20px; width: 150px; }
#btn_search { width: 90px; }
#btn_search_airport { width: 90px; margin-left: 0; }

.contents_inner.home_div { padding-top: 15%; }

#home_slides .slides .slick-dots { bottom: 100px; }
.oneharmony { font-size: 90%; }
.oneharmony-inner2,.oneharmony-inner3 { display: block; text-align: center; margin-bottom: 30px;}
.oneharmony-inner2 { padding: 0; }
.oneharmony-opencloseBtn { right: 35px; }
} /* max-width:1080px */

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

#header_logo { left:10px; bottom:auto; top:10px; }
#header_logo a { padding:7px 0; }
#header_nav li a { padding:15px 15px; }

#footer_inner { padding:1.5em 0 28rem; box-sizing:border-box;}

#footer_info { left:auto; top:35px; right:20px; }
#footer_nav { left:0; top:115px; }

#footer_link { left:80px; top:auto; bottom:0; }
#footer_nav li a,#footer_nav li.js_cookie_modal { padding:5px 20px; }

#header_nav li a span:after { bottom:-5px; }

#header_nav li a.open span:after {
	width:30px; height:1px; left:0; right:0; margin:auto;
	-webkit-transform:translate(-5%, 15px) rotateZ(90deg);
	   -moz-transform:translate(-5%, 15px) rotateZ(90deg);
	        transform:translate(-5%, 15px) rotateZ(90deg);
}

.slides div.ttl { position:absolute; top:25%; bottom:0; left:0; right:0; margin:auto; }
.slides div.ttl .en { font-size:2.0em; }
.slides div.ttl .ja { font-size:1.4em; }
.slides>div.ttl .en { font-size:1.9em; }
.slides div.ttl .logo { margin-top:0.8em; }
.slides div.ttl .logo_ttl { width:48px; }

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

.main { float:left; width:58%; }
.sub { float:right; width:40%; margin-top:-20%; }

.ttl1, .ttl2, .ttl3 { font-size:70%; }

.ttl1 em, .ttl2 em { font-size:140%; }
.ttl2.min em { font-size:80%; }

.ttlf { font-size:1.5em; padding:0.6em 0.8em; }

.imglink span { height:3em; font-size:1.6em; }
.imglink2 span { height:3em; font-size:1.6em; }

.frmpao { padding:1.5em; }
.frame1t { padding:1em; }

.dd-menu { width:calc(100% - 2em); }

.btn1 a { padding:1.5em 1em 1.5em 1em; }
.btn1.min a { padding:0.8em 1em 0.8em 1em; }

.btn2 a { padding:1.5em 1em 1.5em 1em; }
.btn2.min a { padding:0.8em 1em 0.8em 1em; }

.btn3 a { padding:0.8em 1em 0.8em 1em; }

.btn4 a { padding:1.5em 1em 1.5em 1em; }
.btn4.min a { padding:0.8em 1em 0.8em 1em; }

.btn5 a { padding:1.5em 1em 1.5em 1em; }
.btn5.min a { padding:0.8em 1em 0.8em 1em; }

#rsv_box label { padding:0 !important; margin:0 20px 20px 0 !important; }
/* #rsv_box label:nth-child(even) { margin-right:0 !important; } */
#rsv_box label>span { display:block; margin:0 0 4px 0; }
#rsv_box label:before { content:'' !important; }
/* label.in-date:after { content:''; } */

.point-num { bottom: 0.6em; right: 0.6em; padding: 0.4em 0.6em; font-size: 1.4em; }
.point-ttl { display: flex; gap: 1em; font-size: 1.0em; }
.point-ttl-sub { padding: 0 !important; font-size: 80% !important; }
.point-ttl span { padding: 0.4em 0.8em; font-size: 1.2em; }
.point-ttl + .point-ttl { margin-top: 1em; }



} /* max-width:800px (Tablet) */

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

body { padding-top:60px }
.oneharmony,.oneharmony-opencloseBtn {display: none;}

#header { height:60px; overflow:hidden; }
#header_inner { height:60px; width:100%; }
#header_logo { width:calc(100vw - 180px); left:0; top:0; float:left; overflow:hidden; position: relative;}
#header_logo a { padding:20px 14px; }
#header_logo a img { height:14px; }

#header_lang { display:none; }
#header_nav { display:none; }

#header_menu { display:block; width:60px; height:60px; float:left; text-align:center; border-left:1px solid #dddddd; line-height:1; }
#header_menu span { display:block; width:60px; padding:13px 0; text-transform:uppercase; color:#313131; font-size:11px; letter-spacing:0.05em; }
#header_menu span:before { display:block; content:'\f0c9'; font-family:'FontAwesome'; font-size:20px; margin-bottom:4px; color:#f18d00; }
#header_menu span:after { display:block; content:'MENU'; font-size:10px; margin-top:4px; color:#313131; }
#header_menu.current span:before { content:'\f00d'; }
#header_menu.current span:after { display:block; content:'close'; font-size:10px; margin-top:4px; color:#313131; }

#header_book { display:block; width:60px; height:60px; float:left; text-align:center; border-left:1px solid #dddddd; line-height:1; }
#header_book span { display:block; width:60px; padding:13px 0; text-transform:uppercase; color:#313131; font-size:11px; letter-spacing:0.05em; }
#header_book span:before { display:block; content:'\f073'; font-family:'FontAwesome'; font-size:20px; margin-bottom:4px; color:#f18d00; }
#header_book span:after { display:block; content:'宿泊予約'; font-size:10px; margin-top:4px; color:#313131; }
#header_book.current span:before { content:'\f00d'; }
#header_book.current span:after { display:block; content:'閉じる';font-size:10px; margin-top:4px; color:#313131; }

#header_tel { display:block; width:60px; height:60px; float:right; text-align:center; line-height:1; }
#header_tel a { display:block; width:60px; padding:13px 0; color:#ffffff; background-color:#f18d00; font-size:10px; }
#header_tel a:before { display:block; content:'\f095'; font-family:'FontAwesome'; font-size:20px; margin-bottom:4px; }

#header_restaurant { display:block; width:60px; height:60px; float:left; text-align:center; border-left:1px solid #dddddd; line-height:1; }
#header_restaurant span {color:#313131; font-size:10px; letter-spacing: 0.05em;}
#header_restaurant a { display:block; width:60px; padding:13px 0; color:#f18d00; background-color:#ffffff; font-size:10px; }
#header_restaurant a:before { display:block; content:'\f0f5'; font-family:'FontAwesome'; font-size:20px; margin-bottom:4px; }

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

.contents .slide-logo .ttl { font-size: 2.4em; }

.main { float:none; width:100%; padding-top:3em; }
.sub { float:none; width:100%; margin-top:0; }
/* .sub_menu { display:none; } */
.sub_menu_btn { display:block; cursor:pointer; position:relative; color:#f18d00; font-size:1.2em; text-align:center; margin-bottom:1em; }
.sub_menu_btn:after { content:'\f107'; color:#f18d00; font-family:'FontAwesome'; font-size:120%; margin-left:5px; }
.sub_menu_btn.open:after { content:'\f106'; color:#f18d00; }

.contents { overflow: hidden; }
.contents.inttl .contents_inner { padding:15px 0 15px 0; }

.slides div.ttl { position:absolute; top:35%; bottom:0; left:0; right:0; margin:auto; }
.slides div.ttl .en { font-size:2.4em; }
.slides div.ttl .ja { font-size:1.4em; }
.slides>div.ttl .en { font-size:1.5em; }
.slides div.ttl .logo { margin-top:0.8em; }
.slides div.ttl .logo_ttl { width:48px; }

.ttl7 { font-size: 1.4em; }
.ttl7.mb { margin-bottom: 1.5em; }

.ttl8 { font-size: 1.4em; }
.ttl8.mb { margin-bottom: 1.5em; }


.frmpao { padding:1em; }

.menu-item-btn { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;}

.home_carousel .mah { margin:0 0.5% 0 0.5%; }

#footer_inner { width:100%; height:auto; padding:1.5em 0;}

#footer_logo { position:static; width:200px; margin:10px auto 20px auto; text-align:center; top:auto; left:auto; }
#footer_info { position:static; text-align:center; margin:0 0 20px 0; font-size:100%; top:auto; left:auto; }
#footer_sns { position:static; /*width:110px;*/ width: 90px; margin:0 auto 20px auto; text-align:center; top:auto; left:auto; }
#footer_nav { position:static; top:auto; left:auto; }
#footer_link { position:static; top:auto; left:auto; margin-bottom:2.5em; border-bottom:1px solid #e6e6e6; padding-bottom: 1.5em; }
#footer_banner { top:auto; left:auto; padding:0 5px 0 10px; }
#footer_banner .slick-dots { display:none !important; }

#footer_info .tel, #footer_info .fax { display:block; }

#footer_sns li a { width:40px; height:40px; line-height:40px; font-size:40px; }
#footer_sns li a:before { width:40px; height:40px; line-height:40px; }
/* #footer_sns_facebook { margin-right:30px; } */

#footer_nav { border-bottom:1px solid #cacaca; margin-bottom:0; }
#footer_nav li { width:50%; text-align:center; border-top:1px solid #cacaca; border-right:1px solid #cacaca; }
#footer_nav li:nth-child(even) { border-right:none; }
#footer_nav li:first-child { width: 100%; border-right:none; }
#footer_nav li:nth-child(2) { width: 100%; border-right:none; }
#footer_nav li:last-child,#footer_nav li:nth-last-child(2) { width: 100%; border-right: none; }
#footer_nav li a,#footer_nav li.js_cookie_modal { padding:15px 5px; }

#footer_link_obihiro { height:auto; /*float:none; margin:auto;*/ margin-left: 20px; }
#footer_link_jrinn { height:auto; /*float:none;*/ margin:0; padding: 4px 0; }

#footer_link ul { float:none; padding:0 5%; }
#footer_link ul li { float:left; margin:2px 0; }
#footer_link ul li:nth-child(3):after { content:'│'; }
#footer_link ul li:nth-child(4) { clear:none; }



#footer_okura_link_inner ul li { float:none; }
#footer_okura_link_inner ul li a:after { content:''; margin:0; }

#footer_group_hotel_inner { padding:5px; }
.footer_location_hotels { margin-bottom:5px; }
.footer_location_area_list { width:100%; margin-bottom:10px; }

#footer_group_hotel h3 { float:none; width:auto; }

#footer_okura_banner_inner { padding:10px 0; }
#footer_okura_banner_inner ul li:nth-child(1) { width:20%; }
#footer_okura_banner_inner ul li:nth-child(2) { width:20%; }
#footer_okura_banner_inner ul li:nth-child(3) { width:30%; }
#footer_okura_banner_inner ul li:nth-child(4) { width:30%; }
#footer_okura_banner_inner ul li:nth-child(1) a { padding:10px 10px; }
#footer_okura_banner_inner ul li:nth-child(2) a { padding:10px 10px; }
#footer_okura_banner_inner ul li:nth-child(3) a { padding:19px 10px; }
#footer_okura_banner_inner ul li:nth-child(4) a { padding:19px 10px; }

#copyright { padding:0 5px 45px 5px; }

#pagetop { display:block; width:40px; height:40px; position:fixed; right:10px; bottom:20px; }
#pagetop a { display:block; background-color:#613416; text-align:center; line-height:40px; }


.imglink span { font-size:1.2em; }
.imglink:after { width:calc(100% - 10px); height:calc(100% - 10px); }

.imglink2 span { font-size:1.2em; }
.imglink2:after { width:calc(100% - 10px); height:calc(100% - 10px); }


.inttl .logo_ttl { height:50px; margin-right:10px; max-width: 50px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.inttl .logo_ttl.wide { width: 50px; }
}
.inttl .ttl1 { margin-top:5px; }

.ttlf { font-size:1.2em; }
.ttlf+* { margin-top:4.5em; }

.frame3 hr { margin:1.5em 0; }

#sp_nav { position:fixed; z-index:200; top:0; left:0; display:none; overflow-y:scroll; width:100%; height:100%; background-color:#ffffff; }
#sp_nav_inner { position:absolute; top:calc(60px + 2%); bottom:2%; left:3%; width:94%; height:100%; }
#sp_nav_close { display:block; background-color:#613416; margin-bottom:2px; }
#sp_nav_close a { font-size:1.5em; line-height:48px; display:block; width:100%; height:48px; color:#fff; }
#sp_nav_close a:before { content:'\f0c9'; font-family:'FontAwesome'; font-size:20px; margin-right:5px; }
#sp_nav_close a { background-image:url(../img/sumaho_nav_close.svg); background-size:20px 20px; background-position:95% center; }

#sp_nav_main { text-align:left; }

.sumaho_nav_link li { border-bottom:1px solid #ddd6be; }
.sumaho_nav_link li.no_link { padding:0.5em; }
.sumaho_nav_link li.no_link span { font-size: 1.1em; margin: 0 1em; }
.sumaho_nav_link li.no_link span:before { content: '\f107'; font-family: 'FontAwesome'; }
.sumaho_nav_link li a { display:block; padding:0.5em; }
.sumaho_nav_link li.sub_link a { padding:0.5em 0.5em 0.5em 1.2em; }
.sumaho_nav_link:first-child li:first-child { border-top:1px solid #ddd6be; }

.sumaho_nav_link_title { color:#222222; background-color:#ffffff; }
.sumaho_nav_link_title a { color:#222222; }
.sumaho_nav_link_title a:after { content:'\f196'; font-family:'FontAwesome'; float:right; margin-top:2px; }
.sumaho_nav_link_title a.current { color:#222222; }
.sumaho_nav_link_title a.current:after { content:'\f147'; font-family:'FontAwesome'; float:right; margin-top:2px; }
.sumaho_nav_link_title a span { font-size:1.2em; margin:0 0.2em 0 0.5em; }

.sumaho_nav_link_title_only { color:#222222; background-color:#ffffff; }
.sumaho_nav_link_title_only a { color:#222222; }
.sumaho_nav_link_title_only a:after { content:'\f105'; font-family:'FontAwesome'; float:right; margin-top:2px; }
.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:#222222; }

.sumaho_nav_link_2nd { display:none; background-color:#ffffff; }
.sumaho_nav_link_2nd a { color:#222222; }
.sumaho_nav_link_2nd a:after { content:'\f105'; font-family:'FontAwesome'; float:right; margin-top:2px; }
.sumaho_nav_link_2nd a span { font-size:1.1em; margin:0 1em; }

#sp_nav_sub { text-align:left; margin-top:8px; }

#sp_nav_menu { padding:8px 0; }
#sp_nav_menu li { display:block; float:left; width:32%; margin-left:1%; text-align:center; }
#sp_nav_menu li:last-child { margin-right:1%; }
#sp_nav_menu li a { display:block; width:100%; color:#222222; 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:8px; }
#sp_nav_lang li { display:block; float:left; width:23%; margin-right:2.60%; text-align:center; }
#sp_nav_lang li:last-child { margin-right:0; }
#sp_nav_lang li a { display:block; width:100%; color:#ffffff; background-color:#f18d00; }
#sp_nav_lang li a span { display:block; padding:6% 0; }

#sp_reservation_btn a { position:relative; font-size:120%; display:block; box-sizing:border-box; text-align:center; padding:3px; color:#fff; cursor:pointer; background-color:#f18d00; }
#sp_reservation_btn a span { /* border:solid 1px #fff; */ display:block; padding:0.7em 1.7em 0.7em 0.7em; }
#sp_reservation_btn a span:before { content:"\f073"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

#sp_tel { padding:8px 0; text-align:center; }
#sp_tel a { display:block; margin:0 auto; color:#613416; background-color:#fbf8f0; }
#sp_tel_number { display:block; padding:2% 0; font-size:1.4em; }
#sp_tel_number:before { content:"\f095"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#sp_tel_notice { display:block; padding-bottom:3%; font-size:0.9em; }
#sp_tel_notice em { display:block; margin:0 auto; width:8em; color:#ffffff; background-color:#070707; border:1px solid #070707; border-radius:10px; }

#popup_reservation_wrapper input { font-size:16px; }
#popup_reservation_wrapper select { font-size:16px; }
#popup_reservation_wrapper { position:fixed; top:0.5%; bottom:auto; width:91%; height:auto; padding:50px 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:#222222; }
#popup_reservation_wrapper div.check_in input.day_select { text-align:left; color:#222222; width:7em; padding:10px 11px; margin:0 10px; background-color:#ffffff; border:1px solid #d3d3d3; }
#popup_reservation_wrapper div.check_in input#reservation_calendar { width:130px; }
.ui-datepicker-trigger { position:relative; top:2px; right:45px; width:20px; height:20px; }

#popup_reservation_wrapper div.stay { width:33%; margin:2% 0 2% 0; text-align:center; }
#popup_reservation_wrapper div.stay select#stay_select { margin:0; }
#popup_reservation_wrapper div.stay .stay_txt { display:block; text-align:left; padding-left:0.9em; }

#popup_reservation_wrapper div.headcount { width:33%; 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:0.9em; }

#popup_reservation_wrapper div.room { width:33%; 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 div.select_radio { margin:0 0 4% 0; width:100%; }
#popup_reservation_wrapper div.select_radio ul li { color:#fff; float:left; padding:0 1em; }

#popup_reservation_wrapper #submitBtn { width:100%; }

#popup_reservation_wrapper #btn_airtickets span { padding:3% 5%; }

#popup_reservation_wrapper #popup_reservation_menu { width:90%; margin:10px auto; position:relative;}
#popup_reservation_wrapper #popup_reservation_menu li a { color:#222222; font-size:0.9em; }
#popup_reservation_wrapper #popup_reservation_menu li:before { content:"\f105"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
#popup_reservation_wrapper #popup_reservation_menu li a:hover { text-decoration:underline; }

table.oneline th { border-bottom:none; }
table.oneline tr:not(:last-child) td { border-bottom:none; }
table.oneline td:not(:last-child) { border-bottom:none; }
table.oneline .tag .date { display:inline-block; margin-right:1em; }

div.rsv { width:100%; z-index: 170; }
#calendar { display:none; }

#btn_calendar { display:none; }
#rsv_btn_outer { display:none; }
#rsv_box_outer { -webkit-transform:translateY(calc(100% - 10px)); transform:translateY(calc(100% - 10px)); -webkit-transition:transform 0.3s; transition:transform 0.3s; }
#rsv_box_outer.open { -webkit-transform:translateY(0) !important; transform:translateY(0) !important; -webkit-transition:transform 0.3s; transition:transform 0.3s; }

body.rsv_home #rsv_box_outer, #rsv_box_outer { top:initial; bottom:0; position:fixed; top: 60px; display: none;}
body.rsv_home #rsv_box, #rsv_box { position:relative; top:0; padding:1px; background-color:#f18d00; }
body.rsv_home #rsv_box .rsv_btn_box { display:block; float:none; }

#rsv_box .tab_btn { width:calc(100% / 3) !important; margin-right:0 !important; border-radius:4px 4px 0 0 / 4px 4px 0 0; }
#rsv_box .tab_btn.-car {font-size: 13px; line-height: 1.5;}
#rsv_box .tab_box { padding:20px; border-radius:0 0 4px 4px / 0 0 4px 4px; }
#rsv_box_btn { display:block; width:50px; height:50px; background-color:#f18d00; border-radius:25px; top:-25px; z-index:10; text-align:center; content:'\f077'; font-family:'FontAwesome'; color:#ffffff; position:absolute; left:0; right:0; margin:auto; }
.rev_info { padding: 20px 0 0; }
.rev_info_txt1 { margin-bottom: 10px; }
#rsv_box_btn:before { text-align:center; content:'\f077'; font-family:'FontAwesome'; color:#ffffff; line-height:30px; }
#rsv_box_outer.open #rsv_box_btn:before { content:'\f078'; }
#rsv_tab { position:relative; z-index:20; }
/* #rsv_sp_box { position:relative; z-index:20; height:30px; display:block; text-align:center; margin-bottom:10px; padding:5px; background-color:#ffffff; border-radius:4px; } */
#rsv_box .tab_box { -webkit-box-shadow: none; box-shadow: none; }

#rsv_box select { width:100px; padding:0 10px 0 15px; }
#rsv_box .btn_rsv_close { display:none; }
#rsv_box .date { padding:7px 10px 7px 10px; width:9.3em; }

.rsv_btn_box { padding-top:10px; }
#btn_search { width:35%; float:left; }
#btn_search_airport { width:35%; float:left; margin-left:0; }
button { font-size:100%; }

#rsv_box #airport_tab_box label { margin:0 10px 20px 0 !important; }
#rsv_box #airport_tab_box select { width:85px; padding:0 10px 0 15px; }
#rsv_box #airport_tab_box select#DepartureAirPort { width:180px; padding:0 10px 0 10px }

.rsv_link { float:right !important; width:60%; margin:0; line-height:40px; text-align:center !important; height:40px; background-color:#ffffff; color:#f18d00; border-radius:2px; border:1px solid #f18d00; -webkit-transition:all 0.3s; transition:all 0.3s; }
.rsv_link:hover { background-color:#b87e4a; color:#ffffff; border-radius:2px; border:1px solid #f18d00; -webkit-transition:all 0.3s; transition:all 0.3s; }
.rsv_link:before { content:''; margin-right:0; }
.rsv_link:after { content:'\f105'; font-family:'FontAwesome'; color:#f18d00; margin-left:7px; }

.search_box button {
	margin-top: 1em;
	padding:1.5em 1em 1.5em 1em;
}

.spa_plan .tag em { margin: 0 5px 5px 0; font-size:80%; }
.spa_plan .ttl3 { margin-bottom: 1em; }
.spa_plan .btn1 { position: static; right: auto; bottom: auto; margin: 0; }

#home_slides .slides .slick-dots { width: 90%; bottom: 10px; }
.contents_inner.home_div { padding-top: 10%; }

.trustyou { width: 154px; height: 175px; margin: 0 auto; }

.urgent-notice div:nth-child(1) em { display: block; margin-right: 0; margin-bottom: 5px; }

.newslist-ttl { width: 100%; }
.newslist-img { width: 100%; }
.newslist-img img { width: 100%; }

.circle {font-size: 1.2rem; top: 0.2rem;}

} /* max-width:600px (Sumaho) */

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

body { font-size:1.3em; }

#sp_nav_inner { font-size:85%; }


} /* max-width:320px */

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 1px #000000;
}
.box1 p {
    margin: 0;
    padding: 0;
}