@charset 'utf-8';

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

a:link { color: #43332f; }
a:visited { color: #43332f; }
a:hover { color: #b8ac88; }
a:active { color: #b8ac88; }

.lb { padding-bottom: 3px; }
.lb a:link { border-bottom: 1px solid #43332f; }
.lb a:visited { border-bottom: 1px solid #43332f; }
.lb a:hover { border-bottom: 3px double #b8ac88; }
.lb a:active { border-bottom: 3px double #b8ac88; }
.lb li { margin-bottom: 5px; }
.lbh { padding-bottom: 1px; }
.lbh a:hover { border-bottom: 1px solid #b8ac88; }
.lbh a:active { border-bottom: 1px solid #b8ac88; }
.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: .8em; }
.bb {border-bottom: dotted 1px #857850;}

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

#header { position: absolute; z-index: 10; width: 100%; color: #fff; background: url(../img/header_bg.png) repeat left top; }
#header_inner { position: relative; top: 0; left: 0; width: 1002px; height: 20px; margin: 0 auto; text-align: left; }

/* .menuAcc { display: inline-block; } */
.menuAcc-ttl1 { margin-bottom: 10px; }
.menuAcc-ttl2 { margin-bottom: 20px; padding: 15px 40px 15px 10px; cursor: pointer; line-height: 1; position: relative; background-color: #fff; box-sizing: border-box; color: #43332f; border-bottom: solid 1px #43332f; transition: 1s all cubic-bezier(0.18, 0.89, 0.32, 1.28); z-index: 2; }
.menuAcc-ttl2:hover { color: #fff; padding-left: 20px; }
.menuAcc-ttl2:before,.menuAcc-ttl2:after { content: ''; position: absolute; }

.menuAcc-ttl2:before { top: 0; right: 0; width: 0; height: 100%; background-color: #43332f; transition: .5s all ease-out; z-index: -1; opacity: .8; }

.menuAcc-ttl2:hover:before { width: 100%; right: auto; left: 0; }
.menuAcc-ttl2:after { width: 0; height: 0; top: 8px; bottom: 0; right: 25px; margin: auto; border:solid 5px transparent; border-top: solid 5px #43332f; transition: 1s all cubic-bezier(0.18, 0.89, 0.32, 1.28); }
.menuAcc-ttl2:hover:after { border-top: solid 5px #fff; }
.menuAcc-ttl2.on:after { transform: rotateX(180deg); top: 0; }

.menuAcc-contents { display: none; }

/*
#header_text { width:100%; background:url(../img/header_text_bg.png) #021a44 repeat-x center bottom; color:#ffffff; padding:8px 0 13px 0; }
#header_text_inner { width:1002px; margin:0 auto; text-align:left; }
#header_text_inner strong { font-size:1.1em; }
*/

/*.tab { font-family: 'Noto Sans JP', sans-serif; }*/
.tab-inner1 { margin-bottom: 3%; }
.tab-inner2 { margin: 5% 0; display: none;}
.tab-btn { max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 20px; }
.tab-btn2 { max-width: 95%; margin: 0 auto; display: flex; justify-content: space-between; }
.tab-btn-inner,.tab-btn-inner:before { transition: .3s ease-out; }
.tab-btn-inner { box-sizing: border-box; border: solid 1px #152540; display: flex; width: calc(98% / 5); justify-content: center; align-items: center; padding: 10px; transition-property: color , background-color; cursor: pointer; position: relative; font-size: 14px; }
.tab-btn-inner2 { box-sizing: border-box; display: flex; width: 32.5%; justify-content: center; align-items: center; padding: 5px; transition-property: color , background-color; cursor: pointer; position: relative; font-size: 14px; border-radius: 5px 5px 0 0; margin-bottom: -1px; border-top: 1px solid #152540;
	border-right: 1px solid #152540;
	border-left: 1px solid #152540;}
.tab-btn-inner:before { content: ''; position: absolute; bottom: -15px; right: 0; left: 0; margin: auto; border: solid 5px transparent; border-top: solid 10px #152540; width: 0; height: 0; transition-property: border-color,transform; transform: scaleY(0); transform-origin: center top;}
.tab-btn-inner:hover,.tab-btn-inner.on { background-color: #152540; color: #fff;}
.tab-btn-inner:hover:before,.tab-btn-inner.on:before { transform: scaleY(1);}
.tab-slider { padding: 0 75px; max-width: 1160px; margin: 0 auto;  box-sizing: border-box;}
.tab-slider-inner { margin: 0 5px; transition: opacity .3s ease-out; }
.tab-slider-inner:hover { opacity: 0.9; }
.tab-slider-inner img { margin-bottom: 10px; }
.tab-slider-inner:hover .tab-slider-article { color: #b8ac88; }
.tab-slider-article { display: block; transition: color .3s ease-out; color: #43332f; }
.tab-slider-ttl,.tab-slider-txt { display: block;  }
.tab-slider-ttl { font-weight: bold; }
.tab-slider-dots { display: flex; justify-content: center; align-items: center; margin-top: 15px;}
.tab-slider-dots li { width: 15px; height: 15px; border-radius: 50%; background-color: #eee; cursor: pointer; transition: .3s ease-out background-color; margin-right: 10px; }
.tab-slider-dots li:last-of-type { margin-right: 0; }
.tab-slider-dots li:hover,.tab-slider-dots li.slick-active { background-color: #c2bca8; }
.tab-slider-dots button {display: none;}
.tab-slider-arrow {position: absolute; top: 0; border: solid 1px #c2bca8; box-sizing: border-box; width: 50px; height: 100%; cursor: pointer; transition: background-color .3s ease-out; }
.tab-slider-arrow:hover { background-color: #c2bca8; }
.tab-slider-arrow:hover:before { border-top-color: #fff; border-left-color: #fff; }
.tab-slider-arrow:before { content: ''; position: absolute; width: 5px; height: 5px; top: 0; left: 0; 
right: 0; left: 0; bottom: 0; margin: auto; border-top: solid 2px #c2bca8; border-left: solid 2px #c2bca8; transition: .3s ease-out; transition-property: border-top-color, border-left-color;}
.tab-slider-prev { left: 0; }
.tab-slider-prev:before { transform: rotate(-45deg); left: 3px; }
.tab-slider-next { right: 0; }
.tab-slider-next:before { transform: rotate(135deg); right: 3px; }
.tab-contents2{ box-sizing: border-box; width: 95%; border: 1px solid #152540; margin: auto; padding: 5%; border-radius: 0 0 5px 5px;}
.tab-active{ 	border-bottom: 1px solid #fff;}
.tab-contents-outer2{display: none;}
.tab-show{ display: block;}

.sliders-logo { width: 89px; height: 80px; position: absolute; top: 2em; right: 0; left: 0; margin: auto; z-index: 99; }
.sliders-logo img { width: 100%; height: auto; }
#slides { background-color: #000; }
#slides .flex-control-nav { bottom: 130px; }
.slides_inner { position: relative; width: 1002px; height: 0; margin: 0 auto; text-align: left; }
.accordion_btn1.sumaho { display: none !important; }
.sliders-ttl0 { width: 100%; position: absolute; top: 38%; right: 0; left: 0; margin: auto; z-index:2; color: #ffffff; font-size: 3.6rem; text-shadow: 1px 1px 5px #000, 1px 1px 10px #000, 1px 1px 10px #000, 1px 1px 10px #000, 1px 1px 15px #000;}
#header_logo { position: absolute; z-index: 10; display: block; width: 160px; height: 70px; box-shadow: 0 1px 1px rgba(0,0,0,.3); /* top:0; left:0; right:0; bottom:0; margin:auto; */ }

#header_lang { font-size: 90%; line-height: 1; position: absolute; z-index: 991; top: 10px; right: 0; width: 10em; cursor: pointer; background-color: #fff;}
#header_lang #header_lang_title { padding: 3px 14px 3px 5px; color: #43332f;	border-radius: 2px; background: url(../img/header_lang_arrow.png) no-repeat 98% 50%; }
#header_lang #header_lang_title:hover { color: #b8ac88; }
#header_lang #header_lang_items { color: #000; border: 1px solid #ddd; border-radius: 2px; background: #f0f0f0; }
#header_lang #header_lang_items ul li a { display: block; padding: 4px; color: #000; border-radius: 2px; }
#header_lang #header_lang_items ul li a:hover, #header_lang #header_lang_items ul li a.current { color: #fff; background-color: #43332f; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #header_lang #header_lang_title { background-image: url(../img/header_lang_arrow@2x.png); background-size: 9px 7px; } }

#nav { position: absolute; z-index: 100; bottom: 0; width: 100%; height: 120px; background-color: rgba(0,0,0,.5); }
#nav #nav_menu { position: relative; width: 1002px; height: 80px; margin: 0 auto; text-align: left; }
#nav #nav_menu li { float: left; width: 167px; height: 80px; }
#nav #nav_menu li a { display: block; width: 167px; height: 80px; background-position: 0 0; }
#nav #nav_menu li a.current { background-position: 0 100%; }
#nav #nav_menu li a:hover { background-position: 0 100%; }
#nav_accommodation a { background-image: url(../img/nav_accommodation.png); }
#nav_recommendplan a { background-image: url(../img/nav_plans.png); }
#nav_stayservice a { background-image: url(../img/nav_stayservice.png); }
#nav_guestroom a { background-image: url(../img/nav_guestroom.png); }
#nav_restaurant a { background-image: url(../img/nav_restaurant.png); }
#nav_facilities a { background-image: url(../img/nav_facilities.png); }
#nav_access a { background-image: url(../img/nav_access.png); }
#nav_menu_reserve_honkan { display: none; }
#nav_menu_reserve_shinkan { display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { 
	#nav_accommodation a { background-image: url(../img/nav_accommodation@2x.png); background-size: 143.14px 160px; }
	#nav_recommendplan a{ background-image: url(../img/nav_plans@2x.png); background-size: 167px 160px; }
	#nav_stayservice a { background-image: url(../img/nav_stayservice@2x.png); background-size: 167px 160px; }
	#nav_guestroom a { background-image: url(../img/nav_guestroom@2x.png); background-size: 167px 160px; }
	#nav_restaurant a { background-image: url(../img/nav_restaurant@2x.png); background-size: 167px 160px; }
	#nav_facilities a { background-image: url(../img/nav_facilities@2x.png); background-size: 167px 160px; }
	#nav_access a { background-image: url(../img/nav_access@2x.png); background-size: 167px 160px; } }

#nav #nav_sub { position: relative; width: 900px; height: 40px; margin: 0 auto; text-align: left; }
#nav #nav_sub li { float: left; height: 40px; }
#nav #nav_sub li a { display: block; height: 40px; background-position: 0 0; }
#nav #nav_sub li a.current { background-position: 0 100%; }
#nav #nav_sub li a:hover { background-position: 0 100%; }
#nav_logo a { width: 370px; background-image: url(../img/nav_logo.png); }
#nav_reserve_honkan a { width: 108px; margin-left: 84px; background-image: url(../img/nav_reserve_honkan.png); }
#nav_reserve_shinkan a { width: 108px; background-image: url(../img/nav_reserve_shinkan.png); }
#nav_faq a { width: 145px; background-image: url(../img/nav_faq.png); }
#nav_inquiry a { width: 108px; background-image: url(../img/nav_inquiry.png); }
#nav_recruit a { width: 85px; background-image: url(../img/nav_recruit.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #nav_logo a { background-image: url(../img/nav_logo@2x.png); background-size: 370px 40px; }
	#nav_reserve_honkan a { background-image: url(../img/nav_reserve_honkan@2x.png); background-size: 108px 80px; }
	#nav_reserve_shinkan a { background-image: url(../img/nav_reserve_shinkan@2x.png); background-size: 108px 80px; }
	#nav_faq a { background-image: url(../img/nav_faq@2x.png); background-size: 145px 80px; }
	#nav_inquiry a { background-image: url(../img/nav_inquiry@2x.png); background-size: 108px 80px; }
	#nav_recruit a { background-image: url(../img/nav_recruit@2x.png); background-size: 85px 80px; } }

/* �w�b�_�[�Œ� */
body.fixation #nav { position: fixed; top: 0; bottom: auto; height: 95px; transition: height,background-color .50s; background-color: rgba(11,24,37,.8); }
body.fixation #nav #nav_menu { height: 55px; }
body.fixation #nav #nav_menu li { height: 55px; }
body.fixation #nav #nav_menu li a { height: 55px; }
body.fixation #nav #nav_accommodation a { transition: background-image .20s; background-image: url(../img/fix_nav_accommodation.png); }
body.fixation #nav #nav_recommendplan a { transition: background-image .20s; background-image: url(../img/fix_nav_plans.png); }
body.fixation #nav #nav_stayservice a { transition: background-image .20s; background-image: url(../img/fix_nav_stayservice.png); }
body.fixation #nav #nav_guestroom a { transition: background-image .20s; background-image: url(../img/fix_nav_guestroom.png); }
body.fixation #nav #nav_restaurant a { transition: background-image .20s; background-image: url(../img/fix_nav_restaurant.png); }
body.fixation #nav #nav_facilities a { transition: background-image .20s; background-image: url(../img/fix_nav_facilities.png); }
body.fixation #nav #nav_access a { transition: background-image .20s; background-image: url(../img/fix_nav_access.png); }
body.fixation #nav #nav_logo a { transition: background-image .20s; background-image: url(../img/fix_nav_logo.png); }
body.fixation #nav #nav_reserve_honkan a { transition: background-image .20s; background-image: url(../img/fix_nav_reserve_honkan.png); }
body.fixation #nav #nav_reserve_shinkan a { transition: background-image .20s; background-image: url(../img/fix_nav_reserve_shinkan.png); }
body.fixation #nav #nav_faq a { transition: background-image .20s; background-image: url(../img/fix_nav_faq.png); }
body.fixation #nav #nav_inquiry a { transition: background-image .20s; background-image: url(../img/fix_nav_inquiry.png); }
body.fixation #nav #nav_recruit a { transition: background-image .20s; background-image: url(../img/fix_nav_recruit.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { body.fixation #nav #nav_accommodation a { background-image: url(../img/fix_nav_accommodation@2x.png); background-size: 100%; }
	body.fixation #nav #nav_recommendplan a { background-image: url(../img/fix_nav_plans@2x.png); background-size: 100%; }
	body.fixation #nav #nav_stayservice a { background-image: url(../img/fix_nav_stayservice@2x.png); background-size: 100%; }
	body.fixation #nav #nav_guestroom a { background-image: url(../img/fix_nav_guestroom@2x.png); background-size: 100%; }
	body.fixation #nav #nav_restaurant a { background-image: url(../img/fix_nav_restaurant@2x.png); background-size: 100%; }
	body.fixation #nav #nav_facilities a { background-image: url(../img/fix_nav_facilities@2x.png); background-size: 100%; }
	body.fixation #nav #nav_access a { background-image: url(../img/fix_nav_access@2x.png); background-size: 100%; }
	body.fixation #nav #nav_logo a { background-image: url(../img/fix_nav_logo@2x.png); background-size: 100%; }
	body.fixation #nav #nav_reserve_honkan a { background-image: url(../img/fix_nav_reserve_honkan@2x.png); background-size: 100%; }
	body.fixation #nav #nav_reserve_shinkan a { background-image: url(../img/fix_nav_reserve_shinkan@2x.png); background-size: 100%; }
	body.fixation #nav #nav_faq a { background-image: url(../img/fix_nav_faq@2x.png); background-size: 100%; }
	body.fixation #nav #nav_inquiry a { background-image: url(../img/fix_nav_inquiry@2x.png); background-size: 100%; }
	body.fixation #nav #nav_recruit a { background-image: url(../img/fix_nav_recruit@2x.png); background-size: 100%; } }

@media print { body.fixation #nav { position: static !important; } }

#nav_sp { display: none; }

/* �p���������X�g */
#topicpath { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 40px; color: #fff; text-shadow: 0 0 15px #000; }
#topicpath ol { position: relative; width: 1002px; height: 40px; margin: 0 auto; text-align: left; }
#topicpath ol li { font-size: .8em; display: inline; float: left; margin-top: 10px; }
#topicpath ol li span { padding: 5px 5px; }
#topicpath ol li small { padding-right: .5em; }

#topicpath_home { margin-top: 6px !important; background-image: url(../img/topicpath_home.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #topicpath_home { background-image: url(../img/topicpath_home@2x.png); background-size: 27px 26px; } }

#topicpath_home a { display: block; width: 27px; height: 26px; }

/* �A���J�[�̃J���[ */
#topicpath a:link { color: #fff; }
#topicpath a:visited { color: #fff; }
#topicpath a:hover { color: #fff; }
#topicpath a:active { color: #fff; }

/* �A���J�[�ɉ�����t�� */
#topicpath .lb { padding-bottom: 3px; }
#topicpath .lb a:link { border-bottom: 1px solid #fff; }
#topicpath .lb a:visited { border-bottom: 1px solid #fff; }
#topicpath .lb a:hover { border-bottom: 3px double #fff; }
#topicpath .lb a:active { border-bottom: 3px double #fff; }
#topicpath .lb li { margin-bottom: 5px; }


/* �R���e���c���C�A�E�g */
.contents_outer { position: relative; width: 100%; background-position: center center; }
.contents_outer.bg_enji { background: url(../img/contents_bg_enji.png) transparent repeat center top; }
.contents_outer.bg_enji .contents_inner { padding: 2% 0 2% 0; background: url(../img/contents_bg_enji_line.png) transparent no-repeat center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .contents_outer.bg_enji .contents_inner { background-image: url(../img/contents_bg_enji_line@2x.png); background-size: 402px 180px; } }
.contents_outer.bg_white { border-top: 1px solid #e8e8e8; background-color: #fff; }
.contents_outer.bg_white .contents_inner { padding: 2% 0 2% 0; background: url(../img/contents_bg_white_line.png) transparent no-repeat center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .contents_outer.bg_white .contents_inner { background-image: url(../img/contents_bg_white_line@2x.png); background-size: 402px 180px; } }

.contents_outer.bg_gold.home { background-color: #9f936d; background-image: none; }

.contents_outer.bg_gold { background: rgb(184,172,136); background: -moz-radial-gradient(center, ellipse cover,  rgba(184,172,136,1) 0%, rgba(133,120,80,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(184,172,136,1) 0%,rgba(133,120,80,1) 100%); background: radial-gradient(ellipse at center,  rgba(184,172,136,1) 0%,rgba(133,120,80,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ac88', endColorstr='#857850',GradientType=1 ); }
.contents_outer.bg_gold .contents_inner { padding: 2% 0 2% 0; background: url(../img/contents_bg_enji_line.png) transparent no-repeat center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .contents_outer.bg_gold .contents_inner { background-image: url(../img/contents_bg_enji_line@2x.png); background-size: 402px 180px; } }

.bg_enji p { color: #fff; }


.contents_inner { position: relative; width: 1000px; max-width: 1920px; margin: 0 auto; padding: 2% 0 2% 0; text-align: left; }
.contents_inner.home { width: 1120px !important; padding: 0; }
.contents_inner.full { width: 100% !important; padding: 0; }
.contents_inner.typeA { width: 100%; text-align: inherit;}
.contents { background-position: center center; }
.contents.hr { background: url(../img/contents_hr.png) transparent repeat-x left top !important; /* margin-top:3%; */ }

.contents_half { float: left; width: 50%; }
.contents_half_inner_left { position: relative; width: 501px; margin: 0 0 0 auto; padding: 0; text-align: left; }
.contents_half_inner_right { position: relative; width: 501px; margin: 0 auto 0 0; padding: 0; text-align: left; }

.parallax { background-repeat: no-repeat; background-attachment: fixed !important; background-position: center 100%; }
.parallax_inner { height: 45em; }

/* �y�[�W�̐擪�փ{�^�� */
#page_top { position: fixed; z-index: 900; right: 10px; bottom: 8px; width: 80px; height: 80px; box-shadow: 0 0 2px rgba(0,0,0,.3); }
#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 { font-size: .8em; position: absolute; right: 0; bottom: 15px; }

.reserve_form{padding-top: 20px;}
#footer { width: 100%; min-height: 350px; color: #fff; background-color: #2c3a53; }
.footer_outer { position: relative; width: 100%; background-position: center center; }
.footer_half { float: left; width: 50%; }
#footer_info { height: 480px; text-align: center; color: #fff !important; background: url(../img/footer_info_bg.png) #000 no-repeat center center; background-size: cover; }
#footer_info a { color: #fff !important; }
#footer_logo { display: block; width: 120px; height: 110px; margin: 0 auto; }
#footer_logo a { display: block; width: 120px; height: 110px; background-image: url(../img/footer_logo.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_logo a { background-image: url(../img/footer_logo@2x.png); background-size: 120px 110px; } }

#footer_info strong { font-size: 1.2em; font-weight: bold; }
#footer_info address { margin-bottom: 20px; }
#footer_tel { margin-bottom: 15px; }
#footer_tel span { display: block; width: 16em; border: 1px solid #fff; }
#footer_tel p { font-size: 2.0em; font-weight: bold; }
#footer_tel_left span { margin: 0 10px 0 auto; }
#footer_tel_right span { margin: 0 auto 0 10px; }
#footer_tel_left p { margin-right: 10px; text-align: right; }
#footer_tel_right p { margin-left: 10px; text-align: left; }
#footer_tel2 span { display: block; width: 12em; margin: 0 auto; border: 1px solid #fff; }
#footer_tel2 p { font-size: 1.2em; font-weight: bold; }
#footer_tel_right em { margin-left: 10px; text-align: left; font-size:80%; display:block; }

#map_canvas { height: 480px; }

#footer_nav_outer { background-color: #445166; }
#footer_nav { display: inline-block; }
#footer_nav li { display: inline; float: left; background: url(../img/footer_nav_bg.png) no-repeat right center; }
#footer_nav li:last-child { background: none; }
#footer_nav li a { display: block; padding: .1em .5em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color: #fff; }
#footer_nav li a:hover { color: #fff; text-shadow: 0 0 7px #fff; }
#footer_nav li a.current { color: #fff; }

#footer_copyright_outer { padding: 2em; border-top: 1px solid #424e65; }
.footer_inner { position: relative; width: 1002px; margin: 0 auto; padding: 3em 0 3em 0; }
#copyright { font-family: 'Trajan Pro'; clear: both; }

.footer-sns { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 2%; margin-top: 2%; padding-bottom: 5%; }

.footer-sns img { width: 100%; height: auto; }
.footer-sns a { display: flex; align-items: center; margin-right: 2%; transition: opacity .3s ease-out; }

.footer-sns-icon { width: 34px; height: 34px; }

.flex_rsv{ display: flex; align-items: center;  text-align: left; }
.flex_inner1{ display: flex; align-items: center; }
.flex_inner2{ display: flex; align-items: center; width: 16%; justify-content: space-evenly; }

#footer_reservation_outer { position: fixed !important; position: absolute; z-index: 800; bottom: 0; left: 0; width: 100%; text-align: center; }
#footer_reservation_btn_outer { height: 65px; background: url(../js/footer_reservation/footer_reservation_bg.png) repeat-x left bottom; }
#footer_reservation_btn_inner { position: relative; width: 960px; height: 65px; margin: 0 auto; padding: 0; text-align: left; background: url(../js/footer_reservation/footer_reservation_btn_inner_bg.png) no-repeat left bottom; }
#footer_reservation_view_honkan { position: absolute; top: 0; left: 160px; display: block; width: 160px; height: 65px; background-image: url(../js/footer_reservation/footer_reservation_btn_honkan.png); background-position: 0 0; }
#footer_reservation_view_honkan.current { background-position: 0 100%; }
#footer_reservation_view_honkan:hover { background-position: 0 100%; }
#footer_reservation_view_shinkan { position: absolute; top: 0; left: 340px; display: block; width: 160px; height: 65px; background-image: url(../js/footer_reservation/footer_reservation_btn_shinkan.png); background-position: 0 0; }
#footer_reservation_view_shinkan.current { background-position: 0 100%; }
#footer_reservation_view_shinkan:hover { background-position: 0 100%; }
.footer_reservation_view { position: absolute;top: 80px;left: 890px;display: block;width: 160px;height: 65px;background-image: url(../img/btn1.png);background-position: 0 0;transform: rotate(90deg);}

#footer_reservation_view_vip { position: absolute; top: 18px; left: 505px; display: block; width: 80px; height: 34px; background-image: url(../js/footer_reservation/footer_reservation_btn_vip.png); background-position: 0 0; }
#footer_reservation_view_vip.current { background-position: 0 100%; }
#footer_reservation_view_vip:hover { background-position: 0 100%; }
#footer_reservation_view_mt { position: absolute; top: 18px; left: 589px; display: block; width: 200px; height: 34px; background-image: url(../js/footer_reservation/footer_reservation_btn_mt.png); background-position: 0 0; }
#footer_reservation_view_mt.current { background-position: 0 100%; }
#footer_reservation_view_mt:hover { background-position: 0 100%; }
#footer_reservation_view_fujita { position: absolute; top: 18px; left: 792px; display: block; width: 105px; height: 34px; background-image: url(../js/footer_reservation/footer_reservation_btn_fujita.png); background-position: 0 0; }
#footer_reservation_view_fujita.current { background-position: 0 100%; }
#footer_reservation_view_fujita:hover { background-position: 0 100%; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_reservation_btn_inner { background-image: url(../js/footer_reservation/footer_reservation_btn_inner_bg@2x.png); background-size: 100%; }
	#footer_reservation_view_honkan { background-image: url(../js/footer_reservation/footer_reservation_btn_honkan@2x.png); background-size: 100%; }
	#footer_reservation_view_shinkan { background-image: url(../js/footer_reservation/footer_reservation_btn_shinkan@2x.png); background-size: 100%; }
	#footer_reservation_view_mt { background-image: url(../js/footer_reservation/footer_reservation_btn_mt@2x.png); background-size: 100%; }
	#footer_reservation_view_fujita { background-image: url(../js/footer_reservation/footer_reservation_btn_fujita@2x.png); background-size: 100%; } }


#footer_reservation_form_outer { height: 120px; background-color: #fff; }
#footer_reservation_inner { width: 960px; margin: 0 auto; padding: 0; text-align: left; color: #000; }
#footer_reservation_inner table { padding-top: 10px; }
#footer_reservation_inner .ui-datepicker-trigger { padding: 3px; border: 1px solid #264373; background-color: #fff; }

#footer_reservation_submit_honkan { font-family: "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; display: block; padding: 0; transition: all .3s ease; color: #fff; border: 1px solid #152540; background-color: #152540; }
#footer_reservation_submit_honkan span { display: block; padding: .7em; padding-right: 2em; text-align: center; text-align: center; background: url(../js/footer_reservation/ico_submit.png) no-repeat 5px center; }
#footer_reservation_submit_honkan:hover span { background-color: #264373; }
#footer_reservation_submit_honkan.current span { background-color: #264373; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_reservation_submit_honkan span { background-image: url(../js/footer_reservation/ico_submit@2x.png); background-size: 14px 14px; } }

#footer_reservation_submit_shinkan { font-family: "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; display: block; padding: 0; transition: all .3s ease; color: #fff; border: 1px solid #152540; background-color: #152540; }
#footer_reservation_submit_shinkan span { display: block; padding: .7em; padding-right: 2em; text-align: center; text-align: center; background: url(../js/footer_reservation/ico_submit.png) no-repeat 5px center; }
#footer_reservation_submit_shinkan:hover span { background-color: #264373; }
#footer_reservation_submit_shinkan.current span { background-color: #264373; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_reservation_submit_shinkan span { background-image: url(../js/footer_reservation/ico_submit@2x.png); background-size: 14px 14px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ui-datepicker-trigger { width: 12px; height: 12px; } }



.c0 { color: #000 !important; } .c0 a { color: #000 !important; }
.c1 { color: #fff !important; } .c1 a { color: #fff !important; }
.c2 { color: #999 !important; } .c2 a { color: #999 !important; }
.c3 { color: #474362 !important; } .c3 a { color: #474362 !important; }
.c4 { color: #59453c !important; } .c4 a { color: #59453c !important; }
.c5 { color: #a58c03 !important; } .c5 a { color: #a58c03 !important; }
.c6 { color: #3c3c3c !important; } .c6 a { color: #3c3c3c !important; }
.c_def { color: #222 !important; }

.bg0 { background-color: #000 !important; } a.bg0:hover { background-color: #fff !important; }
.bg1 { background-color: #fff !important; } a.bg1:hover { background-color: #000 !important; }
.bg2 { background-color: #999 !important; } a.bg2:hover { background-color: #ccc !important; }
.bg3 { background-color: #474362 !important; } a.bg3:hover { background-color: #858298 !important; }
.bg4 { background-color: #59453c !important; } a.bg4:hover { background-color: #857770 !important; }
.bg5 { background-color: #a58c03 !important; } a.bg5:hover { background-color: #c7b65d !important; }
.bg6 { background-color: #3c3c3c !important; } a.bg6:hover { background-color: #939393 !important; }

.imgbg1 { background-image: url(../img/imgbg1.jpg); }

.price { color: #43332f !important; }
.notice { color: #e03333 !important; }
.appeal { color: #896860 !important; }
.accent { color: #3f70c0 !important; }

h1, h2, h3, h4, h5, h6, caption, dt { line-height: 1.1; position: relative; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family: 'Roboto Mono'; font-weight: 100; letter-spacing: -.05em; }
/* h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:Verdana, Roboto, "Droid Sans", "游ゴシチE��", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "�E��E� �E�ゴシチE��", sans-serif; } */

.ttl1 { font-size: 3.5em; text-align: center; text-transform: uppercase; color: #0e2b47; }
.ttl1 a { display: block; color: #0e2b47; }
.ttl1.mb { margin-bottom: .5em; }
.ttl1 .ja { font-size: 80%; }
.ttl1 em.ja { font-size: 40%; display: block; margin-top: .1em; color: #857850; }
.bg_gold .ttl1 { color: #fff; }
.bg_gold .ttl1 a { color: #fff; }
.bg_gold .ttl1 em.ja { color: #fff; }
.bg_enji .ttl1 { color: #fff; }
.bg_enji .ttl1 a { color: #fff; }
.bg_enji .ttl1 em.ja { color: #fff; }
.bg_weather { background-color: #111d29; background-repeat: no-repeat; background-position: top center; }
.bg_weather .ttl1 { color: #fff; }
.bg_weather .ttl1 a { color: #fff; }
.bg_weather .ttl1 em.ja { color: #fff; }

.ttl2 { font-size: 1.2em; padding-left: 23px; color: #111; }
.ttl2 a { display: block; color: #111; }
.ttl2.mb { margin-bottom: .4em; }
.ttl2 { background: url(../img/ttl2_enji.png) no-repeat left center; }
.bg_gold  .ttl2 { background: url(../img/ttl2_blue.png) no-repeat left center; }
.bg_enji  .ttl2 { color: #fff; background: url(../img/ttl2_gold.png) no-repeat left center; }
.bg_enji  .ttl2 a { color: #fff; }
.bg_white .ttl2 { background: url(../img/ttl2_enji.png) no-repeat left center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ttl2 { background-image: url(../img/ttl2_enji@2x.png); background-size: 19px 20px; }
	.bg_gold  .ttl2 { background-image: url(../img/ttl2_blue@2x.png); background-size: 19px 20px; }
	.bg_enji  .ttl2 { background-image: url(../img/ttl2_gold@2x.png); background-size: 19px 20px; }
	.bg_white .ttl2 { background-image: url(../img/ttl2_enji@2x.png); background-size: 19px 20px; } }

.ttl3 { font-size: 1.2em; font-weight: bold; color: #111; }
.ttl3.mb { margin-bottom: .4em; }
.bg_gold  .ttl3 { color: #fff; }
.bg_enji  .ttl3 { color: #fff; }
.bg_weather  .ttl3 { color: #fff; }


.btn1 a { display: block; transition: all .3s ease; color: #fff; border: 1px solid #6b524b; background-color: #43332f; }
.btn1 a span { display: block; padding: .7em; padding-right: 2em; text-align: center; background: url(../img/btn1.png) no-repeat 93% center; }
.btn1 a:hover { background-color: #6b524b; }
.btn1 a.current { background-color: #6b524b; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn1 a span { background-image: url(../img/btn1@2x.png); background-position: 90% center; background-size: 6px 10px; } }

.btn2 a { display: block; transition: all .3s ease; color: #fff; background-color: #857850; }
.btn2 a span { display: block; padding: .7em; padding-right: 2em; text-align: center; background: url(../img/btn2.png) no-repeat 90% center; }
.btn2 a:hover { background-color: #978c6a; }
.btn2 a.current { background-color: #978c6a; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn2 a span { background-image: url(../img/btn2@2x.png); background-position: 90% center; background-size: 6px 11px; } }

.btn3 a { display: block; transition: all .3s ease; color: #fff; background-color: #152540; }
.btn3 a span { display: block; padding: .7em; padding-right: 2em; text-align: center; background: url(../img/btn3.png) no-repeat 90% center; }
.btn3 a:hover { background-color: #264373; }
.btn3 a.current { background-color: #264373; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn3 a span { background-image: url(../img/btn3@2x.png); background-position: 90% center; background-size: 6px 11px; } }

.btn4 a { display: block; color: #111; border: 1px solid #264373; background-color: #fff; }
.btn4 a span { display: block; padding: .7em; padding-right: 2em; transition: all .45s; text-align: center; background: url(../img/btn4.png) no-repeat 90% center; }
.btn4 a:hover span { color: #fff; background: url(../img/btn4_on.png) #264373 no-repeat 90% center; }
.btn4 a.current { background-color: #264373; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn4 a span { background-image: url(../img/btn4@2x.png); background-position: 90% center; background-size: 6px 11px; } }

.btn5 a { display: block; transition: all .3s ease; color: #fff; border: 1px solid #e37401; background-color: #e37401; }
.btn5 a span { display: block; padding: 1.143em; padding-right: 2em; text-align: center; background: url(../img/icon_sumaho.png) no-repeat 90% center; }
.btn5 a:hover { background-color: #ffb263; }
.btn5 a.current { background-color: #ffb263; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn1 a span { background-image: url(../img/btn1@2x.png); background-position: 90% center; background-size: 6px 10px; } }

.btn6 a { display: block; transition: all .3s ease; color: #fff; border: 1px solid #6ccbf0; background-color: #00a9ea; }
.btn6 a span { display: block; padding: 0.8em; padding-right: 2em; text-align: center; background: url(../img/btn1.png) no-repeat 95% center;}
.btn6 a:hover { background-color: #6ccbf0; }
.btn6 a.current { background-color: #6ccbf0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn1 a span { background-image: url(../img/btn1@2x.png); background-position: 90% center; background-size: 6px 10px; } }

.btn7 a { display: block; transition: all .3s ease; color: #fff; border: 1px solid #9e8f5f; background-color: #9f936d; }
.btn7 a span { display: block; padding: 0.8em; padding-right: 2em; text-align: center; background: url(../img/btn1.png) no-repeat 95% center;}
.btn7 a:hover { background-color: #9f936d; opacity: 0.7;}
.btn7 a.current { background-color: #9f936d; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn1 a span { background-image: url(../img/btn1@2x.png); background-position: 90% center; background-size: 6px 10px; } }

/* �{�^��1b */
.btn1b a { display: block; transition: all .3s ease; color: #fff; background-color: #43332f; }
.btn1b a img { transition: all .3s ease; }
.btn1b a span { display: block; padding: 5% 5% 5% 5%; text-align: left; }
.btn1b a:hover { background-color: #6b524b; }
.btn1b a.current { background-color: #6b524b; }
.btn1b em.en { padding-right: 1em; text-transform: uppercase; color: #fff; }
.btn1b.br em.en { display: block; }
.btn1b a:hover em.en { color: #fff; }
.btn1b a.current em.en { color: #fff; }
/* �{�^�����̃e�L�X�g�ʒu���� */
.btn1b .tp05 { padding-top: 5%; }
.btn1b .tp10 { padding-top: 10%; }
.btn1b .tp20 { padding-top: 20%; }
.btn1b .tp30 { padding-top: 30%; }

/* �{�^��recommend�ps */
.btn_business, .btn_business a { display: block; transition: all .3s ease; color: #fff; background-color: #334265; }
.btn_business img { transition: all .3s ease; }
.btn_business span { display: block; padding: 5% 5% 5% 5%; text-align: left; color: #fff; }
.btn_business a:hover { background-color: #859dc1; }
.btn_business a.current { background-color: #859dc1; }
.btn_business em.en { padding-right: 1em; text-transform: uppercase; color: #a1c5fc; }
.btn_business.br em.en { display: block; }
.btn_business a:hover em.en { color: #fff; }
.btn_business a.current em.en { color: #fff; }

.btn_couple, .btn_couple a { display: block; transition: all .3s ease; color: #fff; background-color: #cc8e8e; }
.btn_couple img { transition: all .3s ease; }
.btn_couple span { display: block; padding: 5% 5% 5% 5%; text-align: left; color: #fff; }
.btn_couple a:hover { background-color: #f2b5b5; }
.btn_couple a.current { background-color: #f2b5b5; }
.btn_couple em.en { padding-right: 1em; text-transform: uppercase; color: #efc2c2; }
.btn_couple.br em.en { display: block; }
.btn_couple a:hover em.en { color: #fff; }
.btn_couple a.current em.en { color: #fff; }

.btn_family, .btn_family a { display: block; transition: all .3s ease; color: #fff; background-color: #709365; }
.btn_family img { transition: all .3s ease; }
.btn_family span { display: block; padding: 5% 5% 5% 5%; text-align: left; color: #fff; }
.btn_family a:hover { background-color: #96c487; }
.btn_family a.current { background-color: #96c487; }
.btn_family em.en { padding-right: 1em; text-transform: uppercase; color: #a0d190; }
.btn_family.br em.en { display: block; }
.btn_family a:hover em.en { color: #fff; }
.btn_family a.current em.en { color: #fff; }

.btn_ladies, .btn_ladies a { display: block; transition: all .3s ease; color: #fff; background-color: #8e6769; }
.btn_ladies img { transition: all .3s ease; }
.btn_ladies span { display: block; padding: 5% 5% 5% 5%; text-align: left; color: #fff; }
.btn_ladies a:hover { background-color: #bfa9ab; }
.btn_ladies a.current { background-color: #bfa9ab; }
.btn_ladies em.en { padding-right: 1em; text-transform: uppercase; color: #c3a2a4; }
.btn_ladies.br em.en { display: block; }
.btn_ladies a:hover em.en { color: #fff; }
.btn_ladies a.current em.en { color: #fff; }

.btn_daytrip, .btn_daytrip a { display: block; transition: all .3s ease; color: #fff; background-color: #d69e37; }
.btn_daytrip img { transition: all .3s ease; }
.btn_daytrip span { display: block; padding: 5% 5% 5% 5%; text-align: left; color: #fff; }
.btn_daytrip a:hover { background-color: #f6ce83; }
.btn_daytrip a.current { background-color: #f6ce83; }
.btn_daytrip em.en { padding-right: 1em; text-transform: uppercase; color: #f9e0b2; }
.btn_daytrip.br em.en { display: block; }
.btn_daytrip a:hover em.en { color: #fff; }
.btn_daytrip a.current em.en { color: #fff; }

/*�A�R�[�f�B�I���p�̃{�^��*/
.accordion_btn1 { font-size: 18px; position: relative; display: block; box-sizing: border-box; width: 100%; padding: 20px; cursor: pointer; letter-spacing: 2px; color: #fff; background-color: rgba(14,43,71,1.0); }

/*�A�R�[�f�B�I���p�̃{�^��*/
.accordion_btn2 { background-color: #fff; font-size: 1.2em; position: relative; padding-left: 20px; }
.accordion_btn2 .txt:before { position: absolute; top: 0; left: 0; width: 19px; height: 20px; content: ''; background: url('../img/ttl2_enji@2x.png') no-repeat center; -webkit-background-size: contain; background-size: contain; }

.accordion_btn2_open_close { position: absolute; display: block; top: -8px; right: 65%; background-color: #43332f; padding: 8px 15px;}
.accordion_btn2_open_close.txthidden {text-indent: -99em;white-space: nowrap;overflow: hidden; width: 10%;}

.accordion_btn2_open_close::before, .accordion_btn2_open_close::after { position: absolute; margin: auto; top:0; bottom:0; left:0; right:0; width: 15px; height: 2px; content: ''; background-color: #fff; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear }

.accordion_btn2_open_close::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.accordion_btn2_open_close.active::after { -webkit-transform: rotate(0); transform: rotate(0); }


.accordion_btn1::before, .accordion_btn1::after { position: absolute; top: 29px; right: 22px; width: 22px; height: 3px; content: ''; -webkit-transition: -webkit-transform .7s linear; transition: -webkit-transform .7s linear; transition: transform .7s linear; transition: transform .7s linear, -webkit-transform .7s linear; background-color: #fff; }

.accordion_btn1::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.accordion_btn1.active::after { -webkit-transform: rotate(0); transform: rotate(0); }

.accordion_contents { display: none; }

div.info { padding: 3%; text-align: left; border: 1px solid #857850; background-color: #f6f4ef; }
div.info.min { padding: 10px; }
.ingrid { padding-bottom: 1% !important; }

.faq-info { padding: 3%; text-align: left; border: 1px solid #857850; background-color: #f6f4ef; }
.faq-q { font-size: 1.2em; padding-left: 25px; background-image: url(../img/ico_q.png); background-position: left top; }
.faq-a { margin-top: 10px; padding-left: 25px; background-image: url(../img/ico_a.png); background-position: left top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .faq-q { background-image: url(../img/ico_q@2x.png); background-size: 20px 20px; }
	.faq-a { background-image: url(../img/ico_a@2x.png); background-size: 20px 20px; } }


/* ���X�g */
ul.type1 li { padding-left: 10px; background-image: url(../img/ul_type1.png); background-position: left .55em; }
ul.type2 li { padding-left: 8px; background-image: url(../img/ul_type2.png); background-position: left .55em; }
ul.type3 li { padding-left: 10px; background-image: url(../img/ul_type3.png); background-position: left .55em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { ul.type1 li { background-image: url(../img/ul_type1@2x.png); background-size: 6px 6px; }
	ul.type2 li { background-image: url(../img/ul_type2@2x.png); background-size: 3px 6px; }
	ul.type3 li { background-image: url(../img/ul_type3@2x.png); background-size: 6px 6px; } }
ul.bpc li { background-position: left center; }

ul.limb1 li { margin-bottom: .1em; }
ul.limb2 li { margin-bottom: .2em; }
ul.limb3 li { margin-bottom: .3em; }
ul.limb4 li { margin-bottom: .4em; }
ul.limb5 li { margin-bottom: .5em; }

/* �ꕔ�e�L�X�g�E�� */
span.kakaku {
	float: right;
	text-align: right;
}


/* �A�C�R�� */
.external a, .external { padding-right: 15px !important; padding-left: 0; background-image: url(../img/ico_external.gif) !important; background-repeat: no-repeat; background-position: right center; }
.pdf a, .pdf { padding-right: 15px !important; padding-left: 0; background-image: url(../img/ico_pdf.png) !important; background-repeat: no-repeat; background-position: right center; }
@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-spacing: 0; border-collapse: collapse; }
table.sep { border-spacing: 2px; border-collapse: separate; }

table.type1 { border-spacing: 0; border-collapse: collapse; }
table.type1 th { color: #111; border-top: 1px solid #857850; border-bottom: 1px solid #857850; background-color: #f6f4ef; }
table.type1 td { color: #111; /* background-color:#ffffff; */ border-top: 1px solid #857850; border-bottom: 1px solid #857850; }

table.type2 { border-spacing: 0; border-collapse: collapse; }
table.type2 th { color: #fff; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #152540; }
table.type2 td { color: #111; /* background-color:#ffffff; */ border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }

table.type3 { border-spacing: 0; border-collapse: collapse; border-left: 1px solid #857850; }
table.type3 th { color: #111; border-top: 1px solid #857850; border-right: 1px solid #857850; border-bottom: 1px solid #857850; background-color: #f6f4ef; }
table.type3 td { color: #111; border-top: 1px solid #857850; border-right: 1px solid #857850; border-bottom: 1px solid #857850; }

th.bg1, td.bg1 { color: #111; background-color: #858298 !important; }
th.bg2, td.bg2 { color: #111; background-color: #857770 !important; }
th.bg3, td.bg3 { color: #111; background-color: #c7b65d !important; }
th.bg4, td.bg4 { color: #111; background-color: #939393 !important; }
th.bg5, td.bg5 { color: #fff !important; background-color: #604b3a !important; }
th.bg6, td.bg6 { background-color: #fff !important; }

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

dl.info { padding: 8px 10px 10px 10px; border: 5px solid #9fc24d; border-radius: 7px; background-color: #fff; }
dl.info dt { font-size: 110%; font-weight: bold; margin-bottom: .3em; color: #00984f; }
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: #094 !important; }
dl.news dt { color: #094 !important; }

dl.topics { padding: 20px 0 0 0; border-top: 1px dotted #dfd8c7; }
dl.topics dt { padding: 0 0 0 20px; }
dl.topics dd { margin: 6px 0 20px 0; padding: 0 0 20px 20px; border-bottom: 1px dotted #dfd8c7; }

#home_notice_outer { display:none; }
/* #home_notice { font-size: 120%; } */
#home_notice p:first-of-type { font-size: 140%; }
#home_notice p+p { margin-top: 1em; }

.home_information { padding: 20px 0 20px 30px; color: #111; border: 1px solid #e6e6e6; background: url(../img/home_information_btn.png) #fff no-repeat 95% center; }
.home_information_date { color: #857850 !important; }
.home_information_text { color: #111 !important; }

.tablet.home { display: none !important; }
.sumaho.home { display: none !important; }

/* .important_info {
    display: block;
    margin: 5% 0 0 0;
    width: 100%;
	font-size: 110%;
}
 */


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1120px) {
	.contents_inner.home { width: 98% !important; }
	.tablet.home { display: inline !important; }
	div.tablet.home, hr.tablet.home { display: block !important; }
	.notablet.home { display: none !important; }
	.sumaho.home { display: none !important; } 
}

/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1002px) {
	#header_inner { width: 100%; }
	.slides_inner { width: 98%; }

	/* #header_logo { top:1em; bottom:auto; } */
	#slides .flex-control-nav { bottom: 7em; }
	.sliders-ttl0{font-size: 2.6rem;}

	#nav { position: absolute; z-index: 100; bottom: 0; width: 100%; height: 54px; background: url(../img/fix_nav_bg.png) repeat center top; }

	#nav #nav_menu { position: relative; width: 100%; height: 54px; margin: 0 auto; text-align: left; }
	#nav #nav_menu li { float: left; width: 16.44%; height: 54px; }
	#nav #nav_menu li a { display: block; width: auto; height: 54px; }
	#nav #nav_menu li a span.reader { font-size: 1.0em; line-height: normal; line-height: 54px; position: static; left: auto; display: block; text-align: center; color: #fff; }
	#nav #nav_menu li a span.reader-btn { font-size: 1.0em; line-height: normal; line-height: 54px; position: static; left: auto; display: block; text-align: center; color: #fff; }
	#nav_recommendplan a{ background-image: none; }
	#nav_stayservice a { background-image: none; }
	#nav_guestroom a { background-image: none;}
	#nav_accommodation a { background-image: none; }
	#nav_restaurant a { background-image: none; }
	#nav_facilities a { background-image: none; }
	#nav_access a { background-image: none; }

	#nav #nav_sub { position: absolute; bottom: 54px; width: 100%; height: 40px; text-align: left; }
	#nav_logo { margin-top: 0 !important; }
	#nav #nav_sub li { height: 40px; margin-top: 10px; }
	#nav #nav_sub li a { display: block; height: 40px; }

	#nav_reserve_honkan { float: left !important; }
	#nav_reserve_honkan a { width: auto; margin: 0 5px; background-image: none; }
	#nav_reserve_honkan a span.reader { font-size: .8em; line-height: normal; position: static; left: auto; display: block; text-align: center; color: #fff; border-bottom: 1px solid #fff; }
	#nav_reserve_shinkan { float: left !important; }
	#nav_reserve_shinkan a { width: auto; margin: 0 5px; background-image: none; }
	#nav_reserve_shinkan a span.reader { font-size: .8em; line-height: normal; position: static; left: auto; display: block; text-align: center; color: #fff; border-bottom: 1px solid #fff; }

	#nav_faq { float: left !important; }
	#nav_faq a { width: auto; margin: 0 5px; background-image: none; }
	#nav_faq a span.reader { font-size: .8em; line-height: normal; position: static; left: auto; display: block; text-align: center; color: #fff; border-bottom: 1px solid #fff; }
	#nav_inquiry { float: left !important; }
	#nav_inquiry a { width: auto; margin: 0 5px; background-image: none; }
	#nav_inquiry a span.reader { font-size: .8em; line-height: normal; position: static; left: auto; display: block; text-align: center; color: #fff; border-bottom: 1px solid #fff; }
	#nav_recruit { float: left !important; }
	#nav_recruit a { width: auto; margin: 0 5px; background-image: none; }
	#nav_recruit a span.reader { font-size: .8em; line-height: normal; position: static; left: auto; display: block; text-align: center; color: #fff; border-bottom: 1px solid #fff; }

	#topicpath ol { width: 100%; }
	.flex_inner2{ width: 22%; }
	.footer_inner { width: 98%; }
	.footer_half { width: 100%; }
	#footer_tel_left { width: 50%; }
	#footer_tel_right { width: 50%; }

	#footer_reservation_btn_inner { width: 100%; background: none; }
	#footer_reservation_view_honkan { left: 10px; }
	#footer_reservation_view_shinkan { left: 190px; }
	#footer_reservation_view_vip { left: 359px; }
	#footer_reservation_view_mt { left: 442px; }
	#footer_reservation_view_fujita { left: 646px; }

	#footer_reservation_inner { width: 98%; }

	#page_top { display: none; }

	.contents_outer { width: 100%; padding-top: 0; }
	.contents_inner { width: 98%; }
	.contents_inner.home { width: 98% !important; }
	.parallax { background-attachment: scroll !important; background-position: center center; background-size: cover !important; }
	.parallax_inner { height: 540px; }
	.ttl1 { font-size: 2.8em; }

	.btn1 a span { background-position: 95% center; }
	
 } /* max-width: 1002px */

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

.menuAcc-ttl2:hover { color: #43332f; padding-left: 10px; }
.menuAcc-ttl2:before { top: 0; right: 0; width: 0; height: 100%; background-color: #43332f; transition: .5s all ease-out; z-index: -1; opacity: .8; }
.menuAcc-ttl2:hover:before { width: 0; right: 0; }
.menuAcc-ttl2:after { right: 15px; }
.menuAcc-ttl2:hover:after { border-top: solid 5px #43332f; }

	.accordion_btn1.sumaho { display: block !important; }
	.sumaho.home { display: inline !important; }
	div.sumaho.home, hr.sumaho.home { display: block !important; }
	.nosumaho.home { display: none !important; }
	.nos.home { display: none !important; }
	.tablet.home { display: none !important; }
	div.tablet.home, hr.tablet.home { display: none !important; }

	.bbs1_ddd_sumaho { border-bottom: solid 1px #ddd; }
	.flexslider_sumaho { box-sizing: border-box; padding: 0 8% 50px;  position: relative; }
	.flexslider_sumaho .flex-control-nav { right: 0; bottom: 20px; left: 0; }
	#header { display: none; }
	#slides { padding-top: 90px; background-color: #000; }
	#header_logo { display: none; }
	.sliders-ttl0{font-size: 2.2rem; line-height: 4rem;}

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

	#nav { position: fixed; z-index: 100; top: 0; bottom: auto; width: 100%; height: auto; padding: 6px 0; background:  #fff; }
	#nav #nav_menu { height: auto; }
	#nav #nav_menu li { font-size: 110%; width: 50% ; height: auto; }
	#nav #nav_menu li a { height: auto; padding: 1.3em 0 1.2em 0; }
	#nav #nav_menu li a span.reader { line-height: inherit; color: #15212e;}
	#nav #nav_menu li a span.reader-btn { line-height: inherit; color: #fff;}
	

	#nav_menu_qa { width: 100% !important; }
	#nav_menu_reserve_honkan { display: block; width: 50% !important; }
	#nav_menu_reserve_honkan a { margin: 5px; border-radius: 5px; background-color: rgba(14,43,71,1.0); }
	#nav_menu_reserve_shinkan { display: block; width: 50% !important; }
	#nav_menu_reserve_shinkan a { margin: 5px; border-radius: 5px; background-color: rgba(7,61,78,1.0); }

	#nav_menu_reserve_honkan.ver2 a { margin: 5px; border: 1px solid #6b524b; border-radius: 0; background-color: #43332f; }
	#nav_menu_reserve_shinkan.ver2 a { margin: 5px; border: 1px solid #6b524b; border-radius: 0; background-color: #43332f; }

	#nav #nav_sub { display: none; }

	#nav_sp { display: flex; flex-wrap: wrap; height: 8rem; }
	.nav_sp_btn { display: flex; flex-wrap: wrap; margin: auto; justify-content: center; padding-top: 0.3rem;}
	.nav_sp_btn>li{ width: 7rem; cursor: pointer; font-size: 1.4rem;}
	.nav_sp_btn>li>span:before ,
	.nav_sp_btn>li>a>span:before {content: ""; height: 18px; width: 18px;
 display: block; margin: 0 auto 0.3rem; background: no-repeat center center; background-size: contain; }
	.nav_sp_btn>.sumaho_calendar>span:before {background-image: url(../img/nav_sp_calendar.svg);}
	.nav_sp_btn>.sumaho_map>a>span:before {background-image: url(../img/nav_sp_map.svg);}
	#nav_sp_menu>span:before {background-image: url(../img/nav_sp_menu.svg);}
	#sumaho_lang>span:before {background-image: url(../img/nav_sp_language.svg); padding-bottom: 0.2rem;}
	#nav_sp_logo{ width: 100%; margin: auto; padding-bottom: 8px; border-bottom: 1px solid #3c4651; height: auto;}
	#nav_sp_logo img{ width: 26rem; }
	#nav_sp_menu img {height: 18px; width: 18px;}

	#header_lang { display: none; }
	#sumaho_lang { line-height: 1; z-index: 991; text-align: center; }
	#sumaho_lang #sumaho_lang_title:hover { color: #b8ac88; }
	#sumaho_lang #sumaho_lang_items {width: 130px; position: absolute; left: 0; top: 9rem; color: #15212e; background: #fff; padding: 2rem 0; text-align: left;}
	#sumaho_lang #sumaho_lang_items ul li a { display: block; padding: 6px; color: #15212e; }
	#sumaho_lang #sumaho_lang_items ul li a:hover, #sumaho_lang #sumaho_lang_items ul li a.current { color: #fff; background-color: #43332f; }

	#sumaho_tel { font-size: 80%; line-height: 1; position: relative; z-index: 992;  width: 2.5em; padding: 10px 17px 9px 5px; cursor: pointer; color: #15212e; background: url(../img/sumaho_tel.png) no-repeat 88% 53%; }

	@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #sumaho_lang #sumaho_lang_title { background-image: url(../img/header_lang_arrow@2x.png); background-size: 9px 7px; }
	#sumaho_tel { background-image: url(../img/sumaho_tel@2x.png); background-size: 10px 10px; } }
	
	#footer_reservation_submit_honkan span {  padding: 1em; font-size: 14px;}
	#footer_reservation_submit_shinkan span {  padding: 1em; font-size: 14px;}
	/* �p���������X�g */
	#topicpath { position: absolute; z-index: 5; top: 90px; left: 0; width: 100%; height: 40px; color: #fff; text-shadow: 0 0 15px #000; }
	#topicpath ol { position: relative; width: 100%; height: 40px; margin: 0 auto; text-align: left; }

	.contents_outer { background-size: cover; }
	.contents_inner { width: 96%; padding: 1em 0; }
	.contents.hr .contents_inner { padding: 2em 0 1em 0; }

	.parallax_inner { height: 240px; }
	.reserve_form{padding-top: 0;}
	#page_top { display: none; }
	#footer_reservation_outer { position: static !important; }
	#footer_logo { float: none; width: 120px; height: 110px; margin: 0 auto; }
	#footer_info { float: none; width: 100%; height: auto; margin: 0 auto 20px auto; background-color: #37424c; background-image: none; }
	#footer_tel_left { width: 100%; margin-bottom: 10px; }
	#footer_tel_right { width: 100%; }
	#footer_tel { margin-bottom: 15px; }
	#footer_tel span { width: 90%; }
	#footer_tel_left span { margin: 0 auto; }
	#footer_tel_right span { margin: 0 auto; }
	#footer_tel_left p { margin-right: 0; text-align: center; }
	#footer_tel_right em { margin-left: 0; text-align: center; }
	#footer_tel_right p { margin-left: 0; text-align: center; }
	#footer_tel2 span { width: 90%; }
	#map_canvas { height: 240px; }
	#footer_nav { font-size: 80%; float: none; width: auto; margin: 2px; }
	#footer_nav li { float: left; box-sizing: border-box; width: 48%; margin: 1%; border: 1px solid #fff; border-radius: 3px; background: none; background-position: 1em center; }
	#footer_nav li a { display: block; padding: 1em 0; }
	#footer_reservation_form_outer { height: auto;}
	#copyright { font-size: 80%; position: static; padding: 2em 0 0 0; }

	.ttl1 { font-size: 2.2em; }
	.accordion_btn2_open_close { right: 0; }

	/*= =*/

	#map_canvas { display: none; }
	.footer_inner { padding: 1em 0; }
	#footer_bnr_outer { display: none; }
	#footer_copyright_outer { padding: 1em 0; }
	#copyright { padding: 0; }

	body.home .carousel li { height: 250px !important; }
	body.home .scroll table { font-size: 70% !important; }

	.home_information { padding: .7em 2em .7em 1em; }
	.contents_outer.bg_gold.guestroomwrap { padding-bottom: .5em !important; }

	#home_notice { font-size: 100%; }
	#home_notice p:first-of-type { font-size: 120%; }
	#home_notice p+p { margin-top: 0.7em; }

	.btn1 a span { padding: .5em; padding-right: 1.8em; }
	.btn1_sumaho { display: block; box-sizing: border-box; height: 50px; padding: 15px 0 15px 10px; transition: all .3s ease; text-align: left; border: 1px solid #6b524b; background-color: #43332f; }

	.btn1_sumaho span { position: relative; color: #fff; }
	.btn1_sumaho:after { position: absolute; top: 20px; right: 12px; width: 6px; height: 10px; content: ''; background: url('../img/btn1.png') center no-repeat; -webkit-background-size: contain; background-size: contain; }

	.flex_tab{ display: flex; flex-direction:column; }
	.flex_btn1{ order: 2; }
	.flex_btn2{ order: 1; margin-bottom: 10px; }
	.flex_btn3{ order: 0; margin-bottom: 10px; }
	.flex_rsv{ flex-wrap: wrap; }
	.flex_inner1{ display: block; width: 100%; margin-bottom: 5%; }
	.flex_inner2{ display: block; width: 33%; margin-bottom: 3%; }
	
	/* �摜�̍������� */
	.img_h { display: block; overflow: hidden; height: 160px; }
	
	img.img_s1 { margin-top: -90px; }
	img.img_s2 { margin-top: -30px; }
	
	.img_w { display: block; overflow: hidden; width: 260px; }
	
	/* �X�}�z�݂̂ɖ��A�C�R���\�� */
	.btn1b a span { display: block; padding: 5% 5% 5% 3%; text-align: left; background: url(../img/btn1b_sp.png) no-repeat 96%; }
	.sliders-logo { width: calc(89px / 2); height: calc(80px / 2); top: 70px;}
	
		.tab-inner1 { margin-bottom: 5%;}
		.tab-slider { padding: 0;}	
		.tab-btn { flex-wrap: wrap; width: 96%; margin-bottom: 10px; }
		.tab-btn-inner { width: 49%; margin-right: 2%; margin-bottom: 2%; }
		.tab-btn-inner:before { display: none; }
		.tab-btn-inner:nth-of-type(even) { margin-right: 0; }
		/* .tab-btn-inner:last-of-type { margin-right: 0; margin-bottom: 0; } ボタン数が偶数の時非表示*/

		.tab-slider-arrow { width: 40px; height: 50px; background-color: #152540; z-index: 1; border: none; top: 30%; }
		.tab-slider-arrow:hover { background-color: #152540; }
		.tab-slider-arrow:before { border-top: solid 1px #fff; border-left: solid 1px #fff; width: 10px; height: 10px; }
		.tab-slider-inner { padding: 0; }
		.tab-slider-inner a { width: 80%; margin: 0 auto; }
	
} /* max-width: 600px */

@media screen and (max-height: 600px) {
	
	#map_canvas { height: 240px; }
	
	
} /* max-height: 600px */

/* 黄色の下線（マーカー） */
.text-marker { position: relative; font-size: 120%; font-weight: 500; z-index: 1; background: linear-gradient(transparent 60%, yellow 30%);}