@charset "utf-8";

#wrap { width:1920px; height:7189px; opacity:0.5; position:absolute; top:0; left:calc((1920px - 100vw)/ 2 * -1); right:0; margin:0 auto; background-position:top center; z-index:9998; filter:invert(100%); background-size:100%; }
#wrap.invert { filter:invert(0%); }
#wrap.opacity { opacity:1; }
#wrap_toggle { position:fixed; top:0; left:0; cursor:pointer; background-color:#fff860; color:#111111; z-index:9999; text-decoration:underline}


body { text-align:center; color:#1f1f1f; }

a { color:#2d79d7; transition:all 0.3s ease-in-out; }
a:link { color:#2d79d7; border-bottom:1px solid transparent; }
a:visited { color:#2d79d7; border-bottom:1px solid transparent; }
a:hover { color:#2d79d7; border-bottom:1px solid #2d79d7; }
a:active { color:#2d79d7; border-bottom:1px solid #2d79d7; }

.bg9 a:not(.btn) { color:#1f1f1f; transition:all 0.3s ease-in-out; }
.bg9 a:not(.btn):link { color:#1f1f1f; border-bottom:1px solid transparent; }
.bg9 a:not(.btn):visited { color:#1f1f1f; border-bottom:1px solid transparent; }
.bg9 a:not(.btn):hover { color:#1f1f1f; border-bottom:1px solid #1f1f1f; }
.bg9 a:not(.btn):active { color:#1f1f1f; border-bottom:1px solid #1f1f1f; }

.lb { padding-bottom:3px; }
.lb a:hover { border-bottom:1px solid #2d79d7; }
.lb a:active { border-bottom:1px solid #2d79d7; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #8be0ff; }
.lbh a:active { border-bottom:1px solid #8be0ff; }
.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; }
#header_menu, #sp_menu { display: none; }

.borderBox { box-sizing: border-box; }

#header { position:fixed; width:100%; height:80px; color:#000000; background-color:#000000; z-index:110; }
#header_inner { position:relative; width:1350px; margin:0 auto; text-align:left; height:80px; }
#header_logo { position:absolute; width:250px; height:30px; top:25px; left:0; background:url(../img/header_logo.png) no-repeat; }
#header_logo a { display:block; width:250; height:30px; }
@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:100%; }
}
/* youtubeのサムネイルをクリックして再生 */


	.youtubeBox {
		position: relative;
		width: 100%;
		height: auto;
	}

	.player {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.thumb {
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;
	}

#nav { position:relative; float:left; width:570px; height:80px; z-index:100; margin-left:280px; }
#nav ul { position:relative; width:auto; height:auto; text-align:left; }
#nav ul li { float:left; display:block; margin-top:20px; }
#nav ul li a { display:block; padding:0px 11px; line-height:36px; color:#ffffff; font-size:0.9em; letter-spacing:0.1em; }
#nav ul li a.btn { border: 2px solid transparent; color: #fff; }
#nav ul li a.btn::before,#nav ul li a.btn::after { border: 2px solid transparent; }
#nav ul li a.btn:hover { color: #ffffff; }
#nav ul li a.btn:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; }
#nav ul li a.btn:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; }

#header_tel { position:relative; float:left; margin-top:23px; margin-left:64px; font-size:1.6em; font-family:Roboto, "メイリオ", Meiryo, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; }
#header_tel a { color:#ffffff; }
#header_tel a:before { content:"\f095"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

#header_btn { float:right; font-size:0.9em; }

#header_reservation { float:left; position:relative; margin-top:20px; width:134px; line-height:36px; margin-right:10px; }
#header_reservation a { color:#ffffff; width:100%; background-color:#083f82; line-height:36px; }
#header_reservation a.btn { border: 2px solid transparent; color: #fff; }
#header_reservation a.btn::before { border: 2px solid transparent; }
#header_reservation a.btn:hover { color: #ffffff; }
#header_reservation a.btn:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; }
#header_reservation a.btn:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; }

#header_languages { float:left; position:relative; margin-top:20px; width:105px; line-height:36px; text-align:center; font-family:Roboto, "メイリオ", Meiryo, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; }
#header_languages a { color:#ffffff; width:100%; background-color:#6b6b6b; line-height:36px; }
#header_languages a.btn { border: 2px solid transparent; color: #fff; }
#header_languages a.btn::before { border: 2px solid transparent; }
#header_languages a.btn:hover { color: #ffffff; }
#header_languages a.btn:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; }
#header_languages a.btn:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; }

#header_lang { position:absolute; z-index:121; width:150px; top:40px; left:0; }
#header_lang li { height:36px; 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; }

#slides { padding-top:80px; height:280px; background-color:#ffffff; }
#slides .flex-control-nav { bottom:1em; }
#slides .flex-direction-nav { display:none; }
#slides.flexslider .slides img { width:1920px; height:280px; position:absolute; left:calc(50% - 960px); }

body.home #slides { height:calc(100vw * (1060 / 1920)); }
body.home #slides.flexslider .slides img { width:100%; height:calc(100vw * (1060 / 1920)); left:0; }


.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; }

/* コンテンツレイアウト */
.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:60px 0; max-width:1920px; }
.contents_inner2 { position:relative; width:1200px; text-align:left; margin:0 auto; padding:100px 0; max-width:1920px; }
.contents_inner3 { position:relative; width:1080px; text-align:left; margin:0 auto; padding:60px 0; }
.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; }

#footer_image { height:280px; width:100%; background:url(../img/footer_image.jpg) no-repeat center center; background-size:1920px 280px; }

#footer_info { position:relative; width:100%; color:#ffffff; background-color:#000000; }
#footer_info_inner { position:relative; width:1350px; height:64px; margin:0 auto; padding:10px 0 30px 0;}

#footer_logo { position:absolute; width:410px; height:64px; top:auto; left:0; background-image:url(../img/footer_logo.png); }
#footer_logo a { display:block; width:410px; height:64px; }

#footer_logo_tobugroup { position:absolute; width:120px; height:68px; top:auto; right: 120px; margin-top: 10px; background-image: url(../img/footer_logo_tobugroup.png); background-size: contain; }
#footer_logo_tobugroup a { display:block; width:120px; height:68px; }

#footer_address { position:absolute; width:auto; height:64px; top:10px; left:457px; font-size:1.1em; text-align:left; }
@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:100%; }
}
#footer_tel a { color:#ffffff; margin-right:10px; }
#footer_inquiry { position:absolute; top:123px; right:0; }
#footer_inquiry a span:before { content:"\f0e0"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; font-size:1.3em; }
#footer_inquiry a { color:#ffffff; padding:10px; }
#footer_inquiry a.btn { border: 2px solid transparent; color: #fff; }
#footer_inquiry a.btn::before { border: 2px solid transparent; }
#footer_inquiry a.btn:hover { color: #ffffff; }
#footer_inquiry a.btn:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; }
#footer_inquiry a.btn:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; }


#footer_link { position:relative; width:100%; color:#ffffff; background-color:#000000; padding-bottom:20px; }
#footer_link_inner { position:relative; width:1350px; margin:0 auto; padding-bottom:20px; }
#footer_link_inner .ttlDot { position:relative; }
/* #footer_link_inner .ttlDot:before { content:"■"; display:block; position:absolute; color:#74b2ff; font-size:6px; margin-left:-17px; } */

#footer_link ul li { margin:0.6rem 0; color:#ffffff; font-size:1.3rem; margin-left:17px; }
#footer_link ul li.dot { position: relative; margin:0 0 0.9rem 0; font-size:1.4rem; margin-left:17px; letter-spacing:0.05em; }
#footer_link ul li.dot:before { content:"■"; display:block; position:absolute; color:#74b2ff; font-size:6px; margin-left:-17px; }
#footer_link ul li a { color:#ffffff; transition:all 0.3s ease-in-out; }
#footer_link ul li a:hover { color:#8be0ff; }

#footer_sns { position:relative; width:100%; background-color:#000000; text-align:center; }
#footer_sns_inner { position:relative; display:inline-block; }
#footer_sns_inner li { display:inline; float:left; font-size:48px; }

#footer_sns_inner .ico_skytree { display:block; background:url(../img/ico_skytree.png) no-repeat left top; width:48px; height:48px; margin-top:10px; margin-right:15px; }
#footer_sns_inner .ico_skytree:hover { opacity:0.8; }
#footer_sns_inner [class^="c-fa-"]:before, #footer_sns_inner [class*=" c-fa-"]:before { margin-left:30px; }
#footer_sns_inner a { color:#ffffff; transition:all 0.3s ease-in-out; }
#footer_sns_inner a:hover { color:#8be0ff; }

#copyright { font-size:80%; text-align:center; background-color:#000000; }
#copyright div { margin:0 auto; padding:1em 0 50px 0; color:#ffffff; }

/* 予約モジュール */
#popup_reservation_wrapper { display: none; background-color:#083f82; width:220px; top:40px; right:0; padding:30px 50px 20px 50px; text-align:left; margin:auto; z-index:111; position:absolute; }

#popup_reservation_wrapper div.hotel_name { width:100%; margin-bottom:15px; }
#popup_reservation_wrapper div.hotel_name span.text { color:#ffffff; text-align: left; }
#popup_reservation_wrapper div.hotel_name select#hotel_name_select { color:#232832; width:100%; padding:11px 10px; margin-top:-5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_reservation_wrapper div.check_in { width:100%; margin-bottom:5px; }
#popup_reservation_wrapper div.check_in span.text { color:#ffffff; text-align: left; }
#popup_reservation_wrapper div.check_in input.day_select { text-align:left; width:200px; color:#232832; line-height: 1; padding:10px 10px; margin-top:-5px; background-color:#ffffff; border:1px solid #d3d3d3; }
.ui-datepicker-trigger { position:relative; float:left; width:20px; height:20px; margin-top:-31px; margin-left:192px;}

#popup_reservation_wrapper div.check_out { width:100%; margin-bottom:10px; }
#popup_reservation_wrapper div.check_out span.text { color:#ffffff; text-align: left; }
#popup_reservation_wrapper div.check_out input.day_select { text-align:left; width:200px; color:#232832; line-height: 1; padding:10px 10px; margin-top:-5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_reservation_wrapper div.headcount { float:left; width:95px; margin-bottom:20px; }
#popup_reservation_wrapper div.headcount span.text { color:#ffffff; text-align: left; }
#popup_reservation_wrapper div.headcount select#headcount_select { color:#232832; width:95px; padding:11px 10px; margin-top:-5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_reservation_wrapper div.room { float:right; width:95px; margin-bottom:20px; }
#popup_reservation_wrapper div.room span.text { color:#ffffff; text-align: left; }
#popup_reservation_wrapper div.room select#room_select { color:#232832; width:95px; padding:11px 10px; margin-top:-5px; background-color:#ffffff; border:1px solid #d3d3d3; }

#popup_reservation_wrapper .btn_submit { width:100%; border: 2px solid transparent; color: #fff; background-color:#4789dc; line-height:36px; }
#popup_reservation_wrapper .btn_submit::before { border: 2px solid transparent; }
#popup_reservation_wrapper .btn_submit:hover { color: #ffffff; }
#popup_reservation_wrapper .btn_submit:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; }
#popup_reservation_wrapper .btn_submit:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; }

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


/* 予約モジュール閉じるボタン */
.btn_close_wrapper { width:220px; height:28px; bottom:15px; margin:0; cursor:pointer; background:url(../img/popup_reservation_close.png) no-repeat center 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:28px; }
}


/* パーツ説明用クラス */
.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: #1f1f1f !important; } .c0 a { color: #1f1f1f !important; }
.c1 { color: #ffffff !important; } .c1 a { color: #ffffff !important; }
.c2 { color: #2d79d7 !important; } .c2 a { color: #2d79d7 !important; }
.c3 { color: #8be0ff !important; } .c3 a { color: #8be0ff !important; }
.c4 { color: #8b7428 !important; } .c4 a { color: #8b7428 !important; }
.c5 { color: #000000 !important; } .c4 a { color: #000000 !important; }
.c6 { color: #8b7328 !important; } .c6 a { color: #8b7328 !important; }
.c7 { color: #743a61 !important; } .c7 a { color: #743a61 !important; }

.ct1 { padding: 3px 12px; background-color: #999999; text-align :center; display: inline-block !important; color: #ffffff; }

.bg0 { background-color:#000000 !important; }
.bg1 { background-color:#ffffff !important; }
.bg2 { background-color:#636363 !important; }
.bg3 { background:url(../img/bg3.png) repeat #d3d3d3 left top !important; }
.bg4 { background-color:#2d79d7 !important; }
.bg5 { background-color:#96bceb !important; }
.bg6 { background-color:#ecebe0 !important; }
.bg7 { background-color:#e1e3e6 !important; }
.bg8 { background-color:#eeeeee !important; }
.bg9 { background-color:rgba(255,255,255,0.46) !important; }
.bg10 { background-color:#2461ac !important; }
.bg11 { background: url(../img/bg01.jpg) }
.bg12 { background-color: #e5f5f7; }
.bg_stay_comfortable { background-image:url(../img/bg_stay_comfortable.png); background-repeat:repeat; background-position-y:top; }
.bg_restaurant_menu { background-image:url(../img/bg_restaurant_menu.png); background-repeat:repeat-x; background-position-y:top; }
.bg_restaurant_menu .contents { background:url(../img/h_restaurant_menu.png) no-repeat center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.bg_restaurant_menu { background-image:url(../img/bg_restaurant_menu@2x.png) !important; background-size:10px 19px; }
.bg_restaurant_menu .contents { background-image:url(../img/h_restaurant_menu@2x.png) !important; background-size:121px 90px; }
}


h1, h2, h3, h4, h5, h6, caption, dt { position:relative; line-height:1.3; }
h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"メイリオ", Meiryo, "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:Roboto, "メイリオ", Meiryo, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.05em; }
h1.mb, h2.mb, h3.mb, h4.mb, h5.mb, h6.mb, caption.mb, dt.mb { margin-bottom:1em; }

/* タイトル */
#slides .ttl0 { position:absolute; top:170px; width:100%; text-align:center; z-index:2; }
.home .ttl0 { margin-top:30px; }
.ttl0 { text-align:center; position:relative; }
.ttl0 .en { display:block; color:#ffffff; font-size:3.0em; font-family:Roboto, sans-serif; }
.ttl0 .ja { display:block; color:#ffffff; font-size:1.1em; margin-top:1.0em; }

.ttl1 { text-align:center; position:relative; overflow:hidden; }
.ttl1 .ja:after { content:''; display:block; width:60px; height:7px; background-color:#083f82; margin:8px auto 18px ; }
.ttl1 .ja { display:block; color:#28221f; font-size:3.6rem; }
.ttl1 .en { display:block; color:#000000; font-size:1.6rem; }
.ttl1.mb { margin-bottom:7.6rem; }

.ttl2 { text-align:center; position:relative; overflow:hidden; width:600px; margin:0 auto; }
.ttl2 .ja { display:block; color:#ffffff; font-size:2.1rem; font-weight:bold; background-color:#1f1f1f; padding:7px 0; margin-bottom:9px; }
.ttl2 .en { position:relative; color:#1f1f1f; font-size:1.6rem; }
.ttl2 .en:before { position:absolute; content:''; border-top:1px solid #1f1f1f; left:-300px; width:280px; height:1px; top:0.5em; }
.ttl2 .en:after  { position:absolute; content:''; border-top:1px solid #1f1f1f; right:-300px; width:280px; height:1px; top:0.5em; }
.ttl2.mb { margin-bottom:6.2rem; }

.ttl3 { text-align:left; position:relative; overflow:hidden; }
.ttl3 .ja { display:block; color:#1f1f1f; font-size:2.2rem; }
.ttl3 .en { display:block; color:#000000; font-size:1.4rem; }
.ttl3.mt { margin-top:2.3rem; }
.ttl3.mb { margin-bottom:1.3rem; }

.ttl4 { text-align:left; position:relative; overflow:hidden; }
.ttl4 .ja { position:relative; color:#8b7428; font-size:2.4rem; font-weight:bold; font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl4.mb { margin-bottom:2.0rem; }

.ttl5 { text-align:left; position:relative; overflow:hidden; }
.ttl5 .ja { position:relative; color:#1f1f1f; font-size:1.6rem; font-weight:bold; }
.ttl5.mb { margin-bottom:1.0em; }

.ttl6 { text-align:center; position:relative; overflow:hidden; }
.ttl6 .ja { position:relative; color:#1f1f1f; font-size:3.6rem; }
.ttl6.mt { margin-top:7.0em; }
.ttl6.mb { margin-bottom:3.2em; }

.ttl7 { text-align:center; position:relative; overflow:hidden; }
.ttl7 .ja { display:block; color:#363636; font-size:1.8rem; font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl7 .en { display:block; color:#363636; font-size:1.5rem; font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl7.hr:after { display:block; content:''; width:30px; height:8px; margin:30px auto; background:url(../img/ttl7.png) no-repeat center center; }
.ttl7.mb { margin-bottom:1.3rem; }

.ttl8 { text-align:left; position:relative; overflow:hidden; }
.ttl8 .ja { position:relative; color:#8b7428; font-size:3.0rem; font-weight:bold; font-family:"AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl8.mb { margin-bottom:2.0rem; }

.ttl9 { text-align:left; position:relative; overflow:hidden; padding-bottom:10px; }
.ttl9 .ja { display:block; color:#1f1f1f; font-size:1.4rem; }
.ttl9 .en { display:block; color:#000000; font-size:4.0rem; float:left; }
.ttl9 .ja_ruby { display:block; color:#000000; font-size:1.4rem; float:left; margin:2.8rem 0 0 1.4rem; }
.ttl9:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.ttl9.hr { border-bottom:1px solid #f4f4f4; }
.ttl9.mt { margin-top:2.3rem; }
.ttl9.mb { margin-bottom:1.3rem; }

.ttl10 { text-align:center; position:relative; overflow:hidden; }
.ttl10 .ja { position:relative; color:#ffffff; font-size:2.8rem; font-weight:bold; }
.ttl10.mb { margin-bottom:2.0rem; }

.ttl11 { text-align:center; position:relative; overflow:hidden; }
.ttl11 .num:after { content:''; display:block; width:60px; height:7px; background-color:#2d79d7; margin:8px auto 18px ; }
.ttl11 .num { display:block; color:#2d79d7; font-size:6.4rem; font-family:Roboto, sans-serif; }
.ttl11 .ja { display:block; color:#2d79d7; font-size:2.4rem; font-weight: bold; }
.ttl11.mb { margin-bottom:4.6rem; }


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

/*  ボタン */
.btn { position: relative; display: inline-block; box-sizing:border-box; border: 2px solid #ffffff; color: #ffffff; text-align: center; text-decoration: none; outline: none; transition: all .2s; }
.btn::before,.btn::after { position: absolute; z-index: 2; content: ''; width: 0; height: 0; border: 2px solid transparent; }
.btn::before { top: -2px; left: -2px; }
.btn::after { bottom: -2px; right: -2px; }
.btn:hover { color: #ffffff; }
.btn:hover::before,.btn:hover::after { width: 100%; height: 100%; }
.btn:hover::before { border-bottom-color: #ffffff; border-left-color: #ffffff; transition: height .3s, width .3s .3s; }
.btn:hover::after { border-top-color: #ffffff; border-right-color: #ffffff; transition: height .3s, width .3s .3s; }


a.btn1 { display:block; color:#ffffff; background-color:#083f82; border-color:#1a5093; border-width:6px; }
a.btn1 span { display:block; padding:0.5em; text-align:center; }
a.btn1::before,a.btn1::after { border: 6px solid transparent; }
a.btn1::before { top: -6px; left: -6px; }
a.btn1::after { bottom: -6px; right: -6px; }
a.btn1:hover::before { border-bottom-color: #2d69b4; border-left-color: #2d69b4; }
a.btn1:hover::after { border-top-color: #2d69b4; border-right-color: #2d69b4; }

a.btn2 { display:block; color:#ffffff; background-color:#007f52; border-color:#007f52; border-width:6px; }
a.btn2 span { display:block; padding:0.5em; text-align:center; }
a.btn2::before,a.btn2::after { border: 6px solid transparent; }
a.btn2::before { top: -6px; left: -6px; }
a.btn2::after { bottom: -6px; right: -6px; }
a.btn2:hover::before { border-bottom-color: #4da686; border-left-color: #4da686; }
a.btn2:hover::after { border-top-color: #4da686; border-right-color: #4da686; }

a.btn3 { display:block; color:#ffffff; background-color:#4789dc; border-color:#4789dc; border-width:6px; }
a.btn3 span { display:block; padding:0.5em; text-align:center; }
a.btn3::before,a.btn3::after { border: 6px solid transparent; }
a.btn3::before { top: -6px; left: -6px; }
a.btn3::after { bottom: -6px; right: -6px; }
a.btn3:hover::before { border-bottom-color: #6ca1e3; border-left-color: #6ca1e3; }
a.btn3:hover::after { border-top-color: #6ca1e3; border-right-color: #6ca1e3; }


/* リスト */
ul.type1 li:before { color:#278fd0; content:"\f0da"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }
ul.type2 li:before { color:#8b7428; content:"\f0c8"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; font-size:7px; }
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:0; padding:14px; transition:all 0.3s ease; }
.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 * { display:block; margin-bottom:6px; } */
.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 { }
.tabs li { text-align:center; padding:1.4em 0; color:#ffffff; background-color:#202832; cursor:pointer; transition:all 0.3s ease-in-out; }
.tabs li:hover { color:#363636; background-color:#ffffff; }
.tabs li.current { color:#363636; background-color:#ffffff; }

.bg6 .bx-wrapper .bx-next::before { color: #b2b2b2; }
.bg6 .bx-wrapper .bx-next:hover::before { color: #2d79d7; }
.bg6 .bx-wrapper .bx-prev::before { color: #b2b2b2; }
.bg6 .bx-wrapper .bx-prev:hover::before { color: #2d79d7; }

/* 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; }
table.type1 th { color:#ffffff; border-bottom:1px dashed rgba(255,255,255,0.46); text-align: left; }
table.type1 td { color:#ffffff; border-bottom:1px dashed rgba(255,255,255,0.46); }
table.type1 tr:last-child th { border:none; }
table.type1 tr:last-child td { border:none; }

table.type2 { border-collapse:collapse; border-spacing:0; }
table.type2 th { border-bottom:1px dashed #636363; text-align: left; }
table.type2 td { border-bottom:1px dashed #636363; }
table.type2 tr:last-child th { border:none; }
table.type2 tr:last-child td { border:none; }

table.type3 { border-collapse:collapse; border-spacing:0; }
table.type3 th { border-bottom:1px solid #d3d3d3; text-align: left; }
table.type3 td { border-bottom:1px solid #d3d3d3; }
table.type3 tr:last-child th { border:none; }
table.type3 tr:last-child td { border:none; }

table.type4 { border-collapse:collapse; border-spacing:0; }
table.type4 th { color:#1f1f1f; border-bottom:1px solid #ffffff; text-align: left; }
table.type4 td { color:#1f1f1f; border-bottom:1px solid #ffffff; }

/* お問い合わせフォーム */
.contact_wrapper{margin-top: 10px;}
.contact_wrapper table.type3 { border-collapse:collapse; border-spacing:0; }
.contact_wrapper table.type3 th { border-bottom:1px solid #d3d3d3; text-align: left; background-color:#2461ac; color: #fff; padding: 30px 0px 30px 40px; width: 25em; }
.contact_wrapper table.type3 td { border-bottom:1px solid #d3d3d3; }
.contact_wrapper table.type3 tr:last-child th { border:none; }
.contact_wrapper table.type3 tr:last-child td { border:none; }
.contact_wrapper input,select,textarea {text-align: left; width: 200px; color: #232832; padding: 10px 10px; margin: 5px 0px; background-color: #ffffff; border: 1px solid #d3d3d3;}
.contact_wrapper input.submit{ background: #2d79d7; color: #fff; padding: 1.0em; text-align: center; border: none; }

/* タグ */
.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_must { display: inline-block; padding: 1px 10px 0 10px; margin: 0 2px; font-size: 0.8em; text-align: center; color: #2461ac;  background-color: #fff; border: 1px solid #fff;}

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; }

.newsList li { clear: both; overflow: hidden; margin-bottom: 4%;}
.newsList li:after { content: ""; display: block; clear: both; width: 100%; }
.newsList li img { width: 10%; height: 100%; float: left; }
.newsList li em { display: inline-block; margin-left: 20px; float: left; width: 80%; }
.newsList li p { display: inline-block; margin-left: 20px; float: left; width: 80%; }

#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: 740px) {
#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; }
}

.home_permanent_feature>div { position: relative; height:calc(50vw * (640/ 960)); }
.home_permanent_feature>div:before { position:absolute; display:block; content:''; background-size: cover; background-repeat:no-repeat; background-position:left top; width:100%; height:calc(50vw * (640/ 960)); }
.home_permanent_feature>div>div { border: 1px solid #ffffff; position:absolute; background-clip:content-box; background-repeat:no-repeat; text-align:center; outline: 1px solid transparent; transition:all 0.3s ease-in-out;
padding: 10px;
top:calc(12.5vw * (640/ 960));
background: rgba(0 ,0, 0, 0.6);
}
.home_permanent:before { background-image:url(../../img/bg_permanent.jpg); }
.home_feature:before { background-image:url(../../img/bg_feature.jpg); }
.home_feature>a>div { background-image:url(../../img/bg_feature_on.jpg); }
.home_permanent_feature>div>a>div:hover { outline: 1px solid #ffffff; }
.home_permanent_feature .ttl10 { margin-top:calc(2.5vw); }
.home_permanent_feature p { color:#ffffff; font-size:1.6rem; font-weight:bold; padding: 10px; margin-bottom:calc(3.125vw); }
.home_permanent_feature em.btn { display:block; color:#ffffff; border-color:#ffffff; border-width:1px; }
.home_permanent_feature em.btn span { display:block; padding:0.5em; text-align:center; }


.home_guestroom { background:url(../../img/bg_guestroom.jpg) no-repeat top center; }
.home_guestroom .bg3 { margin-top:30px; }
.home_guestroom .bg9 { height:250px; }
.jspDrag { background:#bebdbc; margin:0 3px; }
.jspTrack { background:#ffffff; }

.home_restaurant { background:url(../../img/bg_restaurant.jpg) no-repeat top center; }

.home_recommend { background-color:#96bceb; }
.home_recommend .switching .contents_inner3 { padding:0; }
.home_recommend .switching .contents_inner3 .carousel { padding:40px 0; }

.home_news_map .contents_inner.full { padding:30px 0; }
.home_news { height:600px; }

.restaurant_logo { margin-bottom: 40px; }
.restaurant_logo img { display:block; width:250px; margin:0 auto; }
.restaurant_logo p { text-align: center; font-size: 2.0rem; font-weight: bold; }

.grid_chef>div:nth-child(2)>div { padding:60px; }

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

#header_inner { width:98%; }
.contents_outer { width:100%; padding-top:0; }
.contents_inner, .contents_inner2, .contents_inner3 { width:98%; }
#footer_info_inner, #footer_link_inner { width:98%; }

#header_logo { top:5px; }
#nav { position:absolute; float:none; width:100%; margin-left:0; top:40px; }
#nav ul li { margin-top:0; width:16.66666%; }

#header_tel { float:right; margin-top:6px; font-size:1.4em; margin-right:16px; }

#header_reservation { margin-top:5px; line-height:26px; }
#header_reservation a { line-height:26px; }
#popup_reservation_wrapper { top:30px; left:auto; right:-127px; }
#popup_reservation_wrapper div.check_in input.day_select { padding:11px 10px; }
.ui-datepicker-trigger { margin-top:-34px; }
#popup_reservation_wrapper div.check_out input.day_select { padding:11px 10px; }


#header_languages { margin-top:5px; line-height:26px; }
#header_languages a { line-height:26px; }
#header_lang { top:30px; left:auto; right:0; }
#header_lang li { height:26px; }

#footer_info_inner { padding:60px 0 30px 0; height:110px; }
#footer_address { top:auto; white-space: nowrap !important; }
#footer_inquiry { top:130px; left:457px; right:auto; }

.bx-controls-direction { display: none; }

.home_permanent_feature>div { height:auto; padding-bottom: 110px; }
.home_permanent_feature>div:before { height:100%; }


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

.box { padding-bottom: 15%; }

table { font-size:90%; }
#slides .flex-control-nav { display:none; bottom:1em; }
#nav { display:none; }

#header { height:40px; }
#header_inner { width:100%; height:40px; }
#header_logo { top:5px; left:30px; width:200px; height:30px; }
#header_btn { float: none; }

#header_reservation { position: absolute; width: 30px; height: 35px; top: 5px; right: 60px; margin: 0; }
#header_reservation.current { background-color: #2461ac; }
#header_reservation>a { background:url(../img/sp_header_reservation.png) no-repeat top center; background-size: 30px; }
#header_reservation>a.btn { border:none; width: 30px; height: 30px; }
#header_reservation>a.btn span { line-height:0; font-size:0; position:absolute; left:-9999px; }
#header_reservation>a.btn::before { border:none; }
#header_reservation>a.btn::after { border:none; }

#header_languages { position: absolute; width: 30px; height: 35px; top: 5px; right: 0; margin: 0; }
#header_languages.current { background-color: #2461ac; }
#header_languages>a { background:url(../img/sp_header_languages.png) no-repeat top center; background-size: 30px; }
#header_languages>a.btn { border:none; width: 30px; height: 30px; }
#header_languages>a.btn span { line-height:0; font-size:0; position:absolute; left:-9999px; }
#header_languages>a.btn::before { border:none; }
#header_languages>a.btn::after { border:none; }

#header_lang { background-color: #2461ac; top: 35px; width: 100vw; }
#header_lang li { float: left; width: 50vw; height: 36px; border-bottom: none; }
#header_lang li a { background-color: #2461ac; line-height: 36px; }

#header_tel { position: absolute; width: 30px; height: 30px; top: 5px; right: 30px; margin: 0; }
#header_tel a { display:block; width:30px; height:30px; background:url(../img/sp_header_tel.png) no-repeat center center; background-size: 30px; }
#header_tel a:before { content:""; }
#header_tel a span { line-height:0; font-size:0; position:absolute; left:-9999px; }

#slides { padding-top: 40px; }
#slides .ttl0 { top:130px; }

.contents_inner { padding:10% 0; }
.contents_inner2 { padding:10% 0; }
.contents_inner3 { padding:10% 0; }

.home_permanent_feature>div { height:auto; padding-bottom: 50px; }
.home_permanent_feature>div:before { height:100%; }

#footer_image { height:calc(100vw /1920 * 280 * 2); background-size:200%; }
#footer_info_inner { padding:5% 0; height: auto; }
#footer_logo { position: relative; width: 100%; height: auto; left:auto; margin-bottom:2%; }
#footer_logo a { width: 100%; height: calc(98vw / 410 * 64); }
#footer_address { position:relative; height: auto; left: auto; text-align: center; margin-bottom:2%; }
#footer_tel a { display:inline; }
#footer_inquiry { position: relative; top: auto; left: auto;}

#footer_link { padding-bottom: 0; padding-left: 20px; box-sizing: border-box; }
/* #footer_link_inner ul:last-child { left: -5vw; } */

#footer_sns_inner .ico_skytree { width: calc(100vw / 10); height: calc(100vw / 10); margin-top: 7px; margin-right: 0; }
#footer_sns_inner li { font-size: calc(100vw / 10); }
#footer_sns_inner [class^="c-fa-"]:before, #footer_sns_inner [class*=" c-fa-"]:before { margin-left:20px; }

#footer_logo_tobugroup { position: relative; width:120px; height:68px; top:auto; right: auto; left: auto; margin: auto; margin-bottom: 1em; }
#footer_logo_tobugroup a { display:block; width:120px; height:68px; }

#copyright { position:static; }
#copyright div { padding: 4% 0;}

.ttl1 .ja { font-size:2.6rem; }
.ttl1 .en { font-size: 1.4rem; }
.ttl1 .ja:after { margin: 8px auto;}

.ttl6 .ja { font-size:2.8rem; }

.home_restaurant { background-size: cover; }
.home_news_map .contents_inner.full { padding:0; }
.home_map.inner { margin-bottom: 0; }

.newsList li { clear: both; overflow: hidden; margin-bottom: 4%; border-bottom: 1px solid #d3d3d3;}
.newsList li:after { content: ""; display: block; clear: both; width: 100%; }
.newsList li img { display: none }
.newsList li em { display: inline-block; margin-left: 0px; float: none; width: 100%; }
.newsList li p { display: inline-block; margin-left: 0px; float: none; width: 100%; }

#header_menu { display:block; }
.menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-trigger { position: absolute; width: 20px; height: 18px; top: 10px; left: 5px; }
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3) {
  width: 10px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translate(-1px,4px) rotate(-45deg);
  transform: translate(-1px,4px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translate(-1px,-4px) rotate(45deg);
  transform: translate(-1px,-4px) rotate(45deg);
}

#sp_menu { display: none; position: fixed; z-index: 110; top: 40px; left: 0; width:200px; background-color: #2d79d7; }

#sp_nav li { border-top: 1px solid #81afe7; margin: 0 10px; }
#sp_nav li:last-child { border-bottom: 1px solid #81afe7; }
#sp_nav li a { display: block; color: #ffffff; font-size: 1.3rem; padding: 0.8em 0; }
#sp_menu_reservation { margin: 17px 10px; }

#sp_menu_tel { margin-bottom:10px; }
#sp_menu_tel a { color:#ffffff; font-size:2.0rem; font-family:Roboto, "メイリオ", Meiryo, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; }
#sp_menu_tel a:before { content:"\f095"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; }

#sp_menu_inquiry a { color:#ffffff; }
#sp_menu_inquiry a span:before { content:"\f0e0"; font-family:"FontAwesome"; display:inline-block; margin-right:6px; font-size:1.3em; }

#sp_menu_sns { margin: 60px 0 40px 0; }
#sp_menu_sns .ico_skytree { display:block; background:url(../img/ico_skytree.png) no-repeat left top; width:21px; height:21px; background-size: 21px; }
#sp_menu_sns .ico_skytree:hover { opacity:0.8; }
#sp_menu_sns [class^="c-fa-"]:before, #sp_menu_sns [class*=" c-fa-"]:before { font-size: 2.1rem; }
#sp_menu_sns li { display: inline-block; }
#sp_menu_sns a { color:#ffffff; transition:all 0.3s ease-in-out; }
#sp_menu_sns a:hover { color:#8be0ff; }



.ui-datepicker-trigger { position:relative; margin-top: -34px; margin-left: 224px; }

#popup_reservation_wrapper { display:none; top: 35px; width: 100vw; height: auto; padding: 0; left: calc((100vw - 90px) * -1); right: auto; }
#popup_reservation_form { padding:10px 20px 0 20px; }
#popup_reservation_wrapper input { font-size:16px; }
#popup_reservation_wrapper select { font-size:16px; }
#popup_reservation_wrapper div.hotel_name { margin-bottom: 2%; }
#popup_reservation_wrapper div.hotel_name span.text { display: block; margin-bottom: 6px; }
#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:8em; 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:8em; 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:0.9em; }

#popup_reservation_wrapper div.room { width:50%; margin:2% 0 6% 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:2% 5%; }
#popup_reservation_wrapper .btn_close_wrapper { position: relative; bottom: auto; left: auto; margin: 0 auto; padding-bottom: 20px; }

#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%; }

.flexslider .flex-control-nav { bottom:1em; }
.bx-controls-direction { display: none; }

.ttl2 { width:100%; }

/*
.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; }
*/


.home_recommend .tabs { background-color: #ffffff; }
.home_recommend .tabs li { margin-bottom: 2%; }
.home_recommend .tabs li:after { content:"\f105"; font-family:"FontAwesome"; display:block; margin-right:6px; float:right; }
.home_recommend .tabs li.current:after { content:"\f107"; font-family:"FontAwesome"; display:block; margin-right:6px; float:right; }

.contact_wrapper table.type3 th {padding: 30px 5px 30px 5px; width: 10em; }

.scroll img.fit.swipe {min-width: 640px;}

} /* max-width: 600px */

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

body { font-size:1.3em; }

} /* max-width: 320px */