@charset "utf-8";

/* 基本の文字色と背景色 */
body { text-align:center; color:#111111; background-color:#ffffff; }
.wrap { }

/* アンカーのカラー */
a:link { color:#5e486e; }
a:visited { color:#5e486e; }
a:hover { color:#9371ac; }
a:active { color:#9371ac; }

/* アンカーに下線を付加 */
.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #5e486e; }
.lb a:visited { border-bottom:1px solid #5e486e; }
.lb a:hover { border-bottom:3px double #9371ac; }
.lb a:active { border-bottom:3px double #9371ac; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #BCA058; }
.lbh a:active { border-bottom:1px solid #BCA058; }
.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; }

/* グリッド */
.grid { position:relative; width:100%; }
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12, .grid .d5, .grid .d7
{ position:relative; float:left; margin-left:2% !important; }
.grid .g1 { width:6.5%; }
.grid .g2 { width:15%; }
.grid .g3 { width:23.5%; }
.grid .g4 { width:32%; }
.grid .g5 { width:40.5%; }
.grid .g6 { width:49%; }
.grid .g7 { width:57.5%; }
.grid .g8 { width:66%; }
.grid .g9 { width:74.5%; }
.grid .g10 { width:83%; }
.grid .g11 { width:91.5%; }
.grid .g12 { width:100%; margin-left:0 !important; }
.grid .d5 { width:18.4%; }
.grid .d7 { width:12.57143%; }
.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid { display:inline-block; } .grid { display:block; }
.grid .grid { width:100%; }

.grid .push1 { margin-left:8.5% !important; }
.grid .push2 { margin-left:17% !important; }
.grid .push3 { margin-left:25.5% !important; }
.grid .push4 { margin-left:34% !important; }
.grid .push5 { margin-left:42.5% !important; }
.grid .push6 { margin-left:51% !important; }
.grid .push7 { margin-left:59.5% !important; }
.grid .push8 { margin-left:68% !important; }
.grid .push9 { margin-left:76.5% !important; }
.grid .push10 { margin-left:85% !important; }
.grid .push11 { margin-left:93.5% !important; }

/* グリッド0 */
.grid0 { position:relative; width:100%; }
.grid0 .g1, .grid0 .g2, .grid0 .g3, .grid0 .g4, .grid0 .g5, .grid0 .g6,
.grid0 .g7, .grid0 .g8, .grid0 .g9, .grid0 .g10, .grid0 .g11, .grid0 .g12, .grid0 .d5, .grid0 .d7
{ position:relative; float:left; margin-left:0 !important; }
.grid0 .g1 { width:8.33333%; }
.grid0 .g2 { width:16.66666%; }
.grid0 .g3 { width:25.00000%; }
.grid0 .g4 { width:33.33333%; }
.grid0 .g5 { width:41.66666%; }
.grid0 .g6 { width:50.00000%; }
.grid0 .g7 { width:58.33333%; }
.grid0 .g8 { width:66.66666%; }
.grid0 .g9 { width:75.00000%; }
.grid0 .g10 { width:83.33333%; }
.grid0 .g11 { width:91.66666%; }
.grid0 .g12 { width:100%; margin-left:0 !important; clear:left;  }
.grid0 .d5 { width:20.00000%; }
.grid0 .d7 { width:14.28571%; }
.grid0 .fst { margin-left:0 !important; clear:left; }
.grid0:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }




/* 画像に枠を付ける */
/* span.inimg>em>img */
.inimg img { outline: 1px solid #ffffff; outline-offset:-5px; }
* html .inimg { display:block; padding:1px 0; }
* html .inimg em { border:1px solid #ddd; }
* html .inimg em img { border:2px solid #fff; }
img.border { border:solid 1px #ccc; }

/* 写真に枠を付ける */
/* span.inimg>em>img */
.photoimg img { padding:3px; background-color:#fff; }
.photoimg span { font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;
display:block; width:100%; height:1.5em; font-size:1.0em; color:#333333; background-color:#ffffff; padding:5px 3px; margin:0; text-align:center; }
* html .photoimg { display:block; padding:1px 0; }

/* 行間 */
.intxt p { margin-bottom:0.7em; /*text-shadow: 0 1px 0 #ffffff;*/ }
.lh2 { line-height:2; }
.lh3 { line-height:3; }

/* 文字間 */
.extended { letter-spacing:0.1em; }

/* リスト行間 */
ul.link li { margin-bottom:0.7em; }
ul.link ul { margin-top:0.7em; margin-bottom:1.5em; }

/* デバッグ */
pre.debug { font-size:11px; line-height:1.3; border:2px dashed #cacaca; padding:10px; margin:15px 0; background-color:#fafafa; }

/* ヘッダー */
#header { position:relative; width:100%; height:100px; background:url(../img/header_bg.png) repeat-x left top;}
#header_inner { position:relative; width:1000px; height:100px; text-align:left; margin:0 auto; }
#header_catch { position:absolute; color:#ffffff; top:2px; font-size:0.928em; }
#header_catch_name { margin-right:18px; } 
#header_catch_copy { font-size:0.9em; } 
#header_logo { position:absolute; width:235px; height:66px; left:0; top:25px; background-image:url(../img/header_logo.png); }
#header_logo a { display:block; width:235px; height:66px; }
@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%; }
}

#header_menu { position:absolute; width:275px; height:25px; right:104px; top:0; }
#header_menu ul { position:relative; width:257px; height:25px; }
#header_menu li { display:inline; float:left; height:25px; }
#header_menu li a { height:25px ; display:block; background-position:0 0; }
#header_menu li a.current { background-position:0 100%; }
#header_menu li a:hover { background-position:0 100%; }
#header_menu_faq a { width:106px; background-image:url(../img/header_menu_faq.png); }
#header_menu_inquiry a { width:99px; background-image:url(../img/header_menu_inquiry.png); }
#header_menu_en a { width:70px; background-image:url(../img/header_menu_en.png); }

#header_font_size { position:absolute; top:3px; right:390px; }
#header_font_size li { display:inline; float:left; height:19px; }
#header_font_size li a { display:block; height:19px; }
#font_size { background:url(../img/header_font_size.png) no-repeat left top; width:80px; height:19px; }
#font_size_normal { width:36px; margin-right:1px; }
#font_size_zoom { width:36px; }
#font_size_normal a { width:36px; background-image:url(../img/btn_font_normal.png); }
#font_size_zoom a { width:36px; background-image:url(../img/btn_font_zoom.png); }

#header_tel { position:absolute; top:0; right:0; width:104px; height:25px; background-image:url(../img/header_tel.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#header_tel { background-image:url(../img/header_tel@2x.png); background-size:100%; }
}

#header_recruit a { position:absolute; top:20px; right:20px; width:140px; height:40px; background-image:url(../img/header_recruit.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#header_recruit a { background-image:url(../img/header_recruit@2x.png); background-size:100%; }
}

/* グローバルナビゲーションバー */
#nav { position:absolute; bottom:0; right:0; width:735px; height:75px; z-index:800;}
#nav ul { position:relative; text-align:left; margin:0 auto; width:1000px; height:75px; }
#nav li { display:inline; float:left; height:75px; }
#nav li a { height:75px; display:block; background-position:0 0; }
#nav li a.current { background-position:0 100%; }
#nav li a:hover { background-position:0 100%; }

#nav_room a		{ width:105px; background-image:url(../img/nav_room.png); }
#nav_restaurant a	{ width:105px; background-image:url(../img/nav_restaurant.png); }
#nav_banquet a		{ width:105px; background-image:url(../img/nav_banquet.png); }
#nav_mice a		{ width:105px; background-image:url(../img/nav_mice.png); }
#nav_facilities a		{ width:105px; background-image:url(../img/nav_facilities.png); }
#nav_wedding a		{ width:105px; background-image:url(../img/nav_wedding.png); }
#nav_access a		{ width:105px; background-image:url(../img/nav_access.png); }
* html #nav ul    { margin-left:0; }

body.en #nav_plan a       { background-image:url(../img/nav_plan_en.png); }
body.en #nav_room a       { background-image:url(../img/nav_room_en.png); }
body.en #nav_dining a     { background-image:url(../img/nav_dining_en.png); }
body.en #nav_meeting a    { background-image:url(../img/nav_meeting_en.png); }
body.en #nav_facilities a { background-image:url(../img/nav_facilities_en.png); }
body.en #nav_location a   { background-image:url(../img/nav_location_en.png); }
body.en #nav_wedding a    { background-image:url(../img/nav_wedding_en.png); }


/*
#image_path { width:100%; height:480px; }
#image { width:100%; height:480px; background-position:center top; margin:0 auto; }
*/

#image_path { width:100%; height:auto; repeat-x left top; }
#image { width:100% !important; height:auto;  max-width:100%; width /***/:auto; }


body.home #image_path { height:auto; }
body.home #image { height:auto; }

/* パンくずリスト */
#topicpath { position:absolute; width:100%; height:40px; left:0; color:#ffffff; text-shadow:#000000 1px 1px 3px; }
#topicpath ol { position:relative; text-align:left; margin:0 auto; width:1000px; height:40px; }
#topicpath ol li { display:inline; float:left; font-size:0.8em; margin-top:10px; }
#topicpath ol li span { padding:0 5px; }
#topicpath ol li small { padding-right:0.5em; }

/* アンカーのカラー */
#topicpath a:link { color:#ffffff; }
#topicpath a:visited { color:#ffffff; }
#topicpath a:hover { color:#ffffff; }
#topicpath a:active { color:#ffffff; }

/* アンカーに下線を付加 */
#topicpath .lb { padding-bottom:3px; }
#topicpath .lb a:link { border-bottom:1px solid #ffffff; }
#topicpath .lb a:visited { border-bottom:1px solid #ffffff; }
#topicpath .lb a:hover { border-bottom:3px double #ffffff; }
#topicpath .lb a:active { border-bottom:3px double #ffffff; }
#topicpath .lb li { margin-bottom:5px; }


div.scrollnews { width:100%; height:110px; overflow:hidden; }

/* ヘッダー固定 */
#header.fixed { position:fixed; z-index:800; }
#image_path.fixed { padding-top:100px; }
/* body.fixed #contents_inner { padding-top:96px; } */

@media print {
	#header.fixed { position:static; }
	#image.fixed { padding-top:0; }
	#slides.fixed { padding-top:0; }
	body.fixed #slides { padding-top:0; }
	body.fixed #nav { position:static !important; }
	body.fixed .contents_inner { padding-top:30px; }
}

/* フッターメニュー */
#footer_menu { font-size:90%; position:relative; width:100%; background-color:#ffffff; }
#footer_menu_inner { position:relative; width:1000px; margin: 0 auto; padding: 25px 0; text-align:left; }

/* フッター */
#footer { font-size:90%; position:relative; width:100%; background:url(../img/footer_bg.png) #ffffff repeat left top; }
#footer_inner { position:relative; width:1000px; text-align:left; margin:0 auto; padding-top:25px; }
.footer_sitemap li { display:block; background:url(../img/footer_sitemap_bg.png) no-repeat left top; padding-left:14px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.footer_sitemap li { background-image:url(../img/footer_sitemap_bg@2x.png); background-size:14px 14px; }
}

#footer_info { position:relative; width:100%; }
#footer_address { font-size:1.1em; float:left; margin:10px 0 15px 10px;}
#footer_copyright { position:relative; padding:1em; color:#666; text-align:right; font-size:0.8em; }


/* コンテンツレイアウト */
.contents_outer { position:relative; width:100%; }
.contents_inner { position:relative; width:1000px; text-align:left; margin:0 auto; padding:2.35294% 0 0 0; }

.hr { background:url(../img/hr.png) repeat-x left top; padding:20px 0; }
.inner { margin-bottom:2.35294%; }

#footer_reservation_outer { width:100%;  height:70px; text-align:center; position:fixed !important; position:absolute; left:0; bottom:0; z-index:800; background-color:#e1d9c6; border-top:1px solid #cecabd; }
#footer_reservation_inner { width:1000px; margin:0 auto; padding:0; text-align:left; color:#000000; }
#footer_reservation_inner table { margin-top:20px; }
#footer_reservation_inner .ui-datepicker-trigger { padding:3px; 
	border:1px solid #156ea0; background-color:#156ea0;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	-o-border-radius     : 2px;
	-ms-border-radius    : 2px;
}

#footer_reservation_submit { display:block; margin: 20px 0; padding:0; 
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	border:1px solid #5f4f3a; background-color:#5f4f3a;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	-o-border-radius     : 2px;
	-ms-border-radius    : 2px;
}
#footer_reservation_submit span { display:block; margin:0; color:#ffffff; padding: 0.3em 0.2em 0.2em 14px; text-align:center; background:url(../js/footer_reservation/ico_submit.png) #5f4f3a no-repeat 5px center;  }
#footer_reservation_submit:hover span { background-color:#856e51; }
#footer_reservation_submit.current span { background-color:#856e51; }


.footer_reservation_btn a { display:block; margin:20px 0; padding:0; 
	border:1px solid #5f4f3a; background-color:#5f4f3a;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	-o-border-radius     : 2px;
	-ms-border-radius    : 2px;
}
.footer_reservation_btn span { display:block; margin:0; color:#ffffff; padding: 0.3em 0.2em 0.2em; text-align:center; background-color: #5f4f3a; font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;  }
.footer_reservation_btn:hover span { background-color:#856e51; }
.footer_reservation_btn.current span { background-color:#856e51; }


@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#footer_reservation_submit 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; }
}

#footer_reservation_btn { margin:-38px auto 0; width:505px; height:38px; }
#footer_reservation_btn a { width:505px; height:38px; display:block; background-image:url(../js/footer_reservation/footer_reservation_btn.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#footer_reservation_btn a { background-image:url(../js/footer_reservation/footer_reservation_btn@2x.png); background-size:100%; }
}

/* ページの先頭へボタン */
#page_top { position:fixed; right:10px; bottom:130px; width:60px; height:60px; z-index:900; }
#page_top a { width:60px; height:60px; display:block; 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:100%; }
}
#page_top a span { font-size:0; line-height:0; position:absolute; left:-9999px; }

.page_top { position:absolute; right:0; bottom:15px; font-size:0.8em; }


/* 見出し */
h1, h2, h3, h4, h5, h6, caption, dt { position:relative; color:#231815; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family: 'Neuton', serif; }


/* 見出しタイプ1 */
h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1
{ font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif; 
	display:block; color:#2a2a2a; font-size:2em; line-height:1.75; text-align:center; letter-spacing:2px; margin-bottom:1.95313%;}
h1.type1 a, h2.type1 a, h3.type1 a, h4.type1 a, h5.type1 a, h6.type1 a, span.type1 a { color:#2a2a2a; }
h1.type1 a:hover, h2.type1 a:hover, h3.type1 a:hover, h4.type1 a:hover, h5.type1 a:hover, h6.type1 a:hover, span.type1 a:hover { color:#2a2a2a; }
h1.type1 span.en, h2.type1 span.en, h3.type1 span.en, h4.type1 span.en, h5.type1 span.en, h6.type1 span.en, span.type1 span.en { font-family:"EB Garamond", Times, serif; color:#dcccbd; font-size:0.43em; text-transform:uppercase; letter-spacing:1px; }

/* 見出しタイプ2 */
h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2
{ font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif; 
	display:block; color:#2a2a2a; font-size:1.8em; text-align:center; margin-bottom:1.95313%; padding-bottom:18px;background:url(../img/h_type2.png) no-repeat center bottom; }
h1.type2 a, h2.type2 a, h3.type2 a, h4.type2 a, h5.type2 a, h6.type2 a, span.type2 a
{ color:#2a2a2a; width:100%; display:block; }
h1.type2 a:hover, h2.type2 a:hover, h3.type2 a:hover, h4.type2 a:hover, h5.type2 a:hover, h6.type2 a:hover, span.type2 a:hover
{ color:#2a2a2a; }
h1.type2 span.en, h2.type2 span.en, h3.type2 span.en, h4.type2 span.en, h5.type2 span.en, h6.type2 span.en, span.type2 span.en
{ font-family:"EB Garamond", Times, serif; color:#dcccbd; font-size:0.47em; text-transform:uppercase; margin-left:1em; }

/* 見出しタイプ3 */
h1.type3, h2.type3, h3.type3, h4.type3, h5.type3, h6.type3, span.type3
{ font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; 
	display:block; color:#231815; font-size:1.6em; margin-bottom:1.95313%; padding-bottom:0.5%; border-bottom: 1px solid #624f3f; }
h1.type3 a, h2.type3 a, h3.type3 a, h4.type3 a, h5.type3 a, h6.type3 a, span.type3 a
{ color:#5e486e; }
h1.type3 a:hover, h2.type3 a:hover, h3.type3 a:hover, h4.type3 a:hover, h5.type3 a:hover, h6.type3 a:hover, span.type3 a:hover
{ color:#5e486e; }
h1.type3 span.en, h2.type3 span.en, h3.type3 span.en, h4.type3 span.en, h5.type3 span.en, h6.type3 span.en, span.type3 span.en
{ font-family:san-serif; color:#dcccbd; font-size:0.535em; margin-right:0.6em; margin-left:1em; }

/* 見出しタイプ4 */
h1.type4, h2.type4, h3.type4, h4.type4, h5.type4, h6.type4, span.type4
{ font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
	display:block; padding:0; color:#624f3f; font-size:1.4em; margin-bottom:0.3em; text-shadow: 0 2px 2px rgba(98,79,63,0.3); }
h1.type4 a, h2.type4 a, h3.type4 a, h4.type4 a, h5.type4 a, h6.type4 a, span.type4 a { color:#5e486e; }
h1.type4 a:hover, h2.type4 a:hover, h3.type4 a:hover, h4.type4 a:hover, h5.type4 a:hover, h6.type4 a:hover, span.type4 a:hover { color:#5e486e; }
h1.type4 span.en, h2.type4 span.en, h3.type4 span.en, h4.type4 span.en, h5.type4 span.en, h6.type4 span.en, span.type4 span.en
{ font-family:san-serif; color:#dcccbd; font-size:0.612em; margin-right:0.6em; margin-left:1em; }

/* 見出しタイプ5 */
h1.type5, h2.type5, h3.type5, h4.type5, h5.type5, h6.type5, span.type5
{ display:block; font-size:1.2em; background-color:#624f3f; color:#ffffff; padding:5px; text-align:center; margin-bottom:10px; }
h1.type5 a, h2.type5 a, h3.type5 a, h4.type5 a, h5.type5 a, h6.type5 a, span.type5 a
{ color:#ffffff; }
h1.type5 a:hover, h2.type5 a:hover, h3.type5 a:hover, h4.type5 a:hover, h5.type5 a:hover, h6.type5 a:hover, span.type5 a:hover
{ color:#ffffff; }
h1.type5 span.en, h2.type5 span.en, h3.type5 span.en, h4.type5 span.en, h5.type5 span.en, h6.type5 span.en, span.type5 span.en
{ font-family:san-serif; color:#dcccbd; font-size:0.714em; margin-right:0.6em; margin-left:1em; }

/* 見出しタイプ6 */
h1.type6, h2.type6, h3.type6, h4.type6, h5.type6, h6.type6, span.type6
{ display:block; font-size:1.2em; font-weight:bold; color:#624f3f; margin-bottom:5px;}
h1.type6 a, h2.type6 a, h3.type6 a, h4.type6 a, h5.type6 a, h6.type6 a, span.type6 a { color:#5e486e !important; }
h1.type6 span.en, h2.type6 span.en, h3.type6 span.en, h4.type6 span.en, h5.type6 span.en, h6.type6 span.en, span.type6 span.en
{ font-family:san-serif; color:#dcccbd; font-size:0.714em; margin-right:0.6em; margin-left:1em; }

.bc1 { background-color:#6f685e !important; }
.bc2 { background-color:#624f3f !important; }
.bc3 { background-color:#565c13 !important; }
.bc4 { background-color:#f8f3e4 !important; }
.bc5 { background-color:#e1d8c6 !important; }
.bc6 { background-color:#156ea0 !important; }
.bc7 { background-color:#e87827 !important; }
.bc8 { background-color:#a64b9e !important; }
.bc9 { background-color:#9c9427 !important; }

.fc1 { color:#6f685e !important; }
.fc2 { color:#624f3f !important; }
.fc3 { color:#565c13 !important; }
.fc4 { color:#f8f3e4 !important; }
.fc5 { color:#e1d8c6 !important; }
.fc6 { color:#156ea0 !important; }
.fc7 { color:#e87827 !important; }
.fc8 { color:#a64b9e !important; }
.fc9 { color:#9c9427 !important; }
.fc10 { color:#e60033 !important; }

/* 強調 */
.price  { color:#da276f; }
.notice { color:#da276f; }
.appeal { color:#26499d; }
.accent { color:#586E48; }
.beige  { color:#9f7922; }
.purple { color:#5e486e; }
.blue   { color:#146d9f; }
.white  { color:#ffffff; }
.gray   { color:#aaaaaa; }

/* 汎用情報ボックス */
dl.info {
	padding:8px;
	border:2px solid #565c13; background-color:#fafafa;
	-moz-border-radius   : 6px;
	-webkit-border-radius: 6px;
	-o-border-radius     : 6px;
	-ms-border-radius    : 6px;
}
dl.info dt { color:#565c13; font-size:1.3em; font-weight:bold; margin-bottom:3px; }
dl.info dt span { font-size:1.0em !important; }

div.info {
	padding:8px;
	border:1px solid #565c13;
	-moz-border-radius   : 4px;
	-webkit-border-radius: 4px;
	-o-border-radius     : 4px;
	-ms-border-radius    : 4px;
}

/* トップ掲載されました */
dl.publicity { }
dl.publicity dt { margin:15px 0 3px 0; padding:0 6px; }
dl.publicity dd { border-bottom:1px solid #263c4d; padding:0 6px 15px 6px; }

/* 警告用 */
dl.notice { border:2px solid #d8282d !important; background-color:#fefafa !important;}
dl.notice dt { color:#d8282d !important; }
dl.notice dt span { color:#d8282d !important; }

/* よくあるご質問 */
.faq-q { background-image:url(../img/ico_q.png); background-position:left top; padding-left:25px; font-size:1.2em; }
.faq-a { background-image:url(../img/ico_a.png); background-position:left top; padding-left:25px; margin-top:10px; }
@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; }
}

/* リスト */
ul.type1 li { background-image:url(../img/ul_type1.png); background-position:left 0.55em; padding-left:14px; }
ul.type2 li { background-image:url(../img/ul_type2.png); background-position:left 0.4em; padding-left:14px; }
ul.type3 li { background-image:url(../img/ul_type3.png); background-position:left 0.45em; padding-left:12px; }
@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:8px 8px; }
ul.type2 li { background-image:url(../img/ul_type2@2x.png); background-size:14px 14px; }
ul.type3 li { background-image:url(../img/ul_type3@2x.png); background-size:10px 10px; }
}

ul.kome li { padding-left:1em; text-indent:-1em; background-image:none;}
ul.kome li:before { content:"※";}

/* アイコン */
.external a, .external { background:url(../img/ico_external.gif) no-repeat right center; padding-left:0; padding-right:15px !important; }
.pdf a, .pdf { background:url(../img/ico_pdf.png) no-repeat 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); background-size:11px 11px; }
.pdf a, .pdf { background-image:url(../img/ico_pdf@2x.png); background-size:11px 11px; }
}

/* テーブルパディングパターン */
table.sp1 th, table.sp1 td { padding:2px 4px; }
table.sp2 th, table.sp2 td { padding:4px 6px; }
table.sp3 th, table.sp3 td { padding:6px 8px; }
table.sp4 th, table.sp4 td { padding:8px 10px; }
table.sp5 th, table.sp5 td { padding:10px 12px; }

/* テーブルボーダーパターン */
table.type1 caption { text-align:left; padding-bottom:8px; }
table.type1 { border-bottom:1px solid #dddddd; }
table.type1 th, table.type1 td { border-top:1px solid #dddddd; }
table.type1 th { background-color:#f6f6f6; }
table.type1 td { background-color:#ffffff; }

table.type2 caption { text-align:left; padding-bottom:8px; }
table.type2 {  }
table.type2 th, table.type2 td { background-color:#f6f6f6; border:none; }

table.type3 caption { text-align:left; padding-bottom:8px; }
table.type3 { border:none; }
table.type3 th, table.type3 td { border:none; }

table.type4 caption { text-align:left; padding-bottom:8px; }
table.type4 th { border:1px solid #dddddd; background-color:#f6f6f6; }
table.type4 td { border:1px solid #dddddd; background-color:#ffffff; }

table.type5 caption { text-align:left; padding-bottom:8px; }
table.type5 { border-bottom:1px solid #dddddd; }
table.type5 th, table.type5 td { border-top:1px solid #dddddd; }
table.type5 th { background-color:#f6f6f6; }
table.type5 td { background-color:#ffffff; border-right:1px solid #dddddd; }

table.type6 caption { text-align:left; padding-bottom:8px; }
table.type6 th { border:1px solid #dddddd; background-color:#656B7A; color:#fff; }
table.type6 td { border:1px solid #dddddd; background-color:#ffffff; }

/* テーブル背景パターン */
td.bg1, th.bg1, tr.bg1 th { background-color:#F6F6F6 !important; }
td.bg2, th.bg2, tr.bg2 th { background-color:#f8f3e4 !important; }
td.bg3, th.bg3, tr.bg3 th { color:#ffffff !important; background-color:#6f685e !important; }
td.bg4, th.bg4, tr.bg4 th { color:#ffffff !important; background-color:#624f3f !important; }
td.bg5, th.bg5, tr.bg5 th { color:#ffffff !important; background-color:#565c13 !important; }
td.bg6, th.bg6, tr.bg6 th { color:#ffffff !important; background-color:#156ea0 !important; }

/* ボタン1 */
.btn1 a { display:block; background-color:#6f685e; }
.btn1 a span { display:block; margin:0; color:#ffffff; padding:0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #6f685e no-repeat 3px center; }
.btn1.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn1 a:hover span, .btn1 a.current span { background-color:#a3998b; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn1 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn1.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン2 */
.btn2 a { display:block; background-color:#624f3f; }
.btn2 a span { display:block; margin:0; color:#ffffff; padding:0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #624f3f no-repeat 3px center; }
.btn2.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn2 a:hover span, .btn2 a.current span { background-color:#94775f; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn2 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn2.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン3 */
.btn3 a { display:block; background-color:#565c13; }
.btn3 a span { display:block; margin:0; color:#ffffff; padding:0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #565c13 no-repeat 3px center; }
.btn3.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn3 a:hover span, .btn3 a.current span { background-color:#858f1e; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn3 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn3.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン4 */
.btn4 a { display:block; background-color:#f8f3e4; }
.btn4 a span { display:block; margin:0; color:#624f3f; padding: 0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #f8f3e4 no-repeat 3px center; }
.btn4.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn4 a:hover span, .btn4 a.current span { background-color:#f7eccb; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn4 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn4.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン5 */
.btn5 a { display:block; background-color:#e1d8c6; }
.btn5 a span { display:block; margin:0; color:#624f3f; padding:0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #e1d8c6 no-repeat 3px center; }
.btn5.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn5 a:hover span, .btn5 a.current span { background-color:#c7bfaf; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn5 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn5.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン6 */
.btn6 a { display:block; background-color:#156ea0; }
.btn6 a span { display:block; margin:0; color:#ffffff; padding:0.3em 14px; text-align:center; background:url(../img/btn_arrow.png) #156ea0 no-repeat 3px center; }
.btn6.down a span { padding:0.3em 0.2em 0.3em 18px; background-image:url(../img/btn_down_arrow.png); }
.btn6 a:hover span, .btn6 a.current span { background-color:#1c90d4; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn6 a span { background-image:url(../img/btn_arrow@2x.png); background-size:14px 14px; }
.btn6.down a span { background-image:url(../img/btn_down_arrow@2x.png); background-size:14px 14px; }
}

/* ボタン7 */
.btn7 a { display:block; background-color:#ffffff; border:1px solid #9ba578; }
.btn7 a span { display:block; margin:0; color:#6b721f; padding:0.3em 0.2em 0.2em; text-align:center; background-color: #ffffff; }
.btn7 a:hover span, .btn7 a.current span { color:#3c4018; background-color:#9ba578; }

/* ボタン8 */
.btn8 a { display:block; background-color:#624f3f; }
.btn8 a span { display:block; margin:0; color:#ffffff; padding:0.3em 0.2em; text-align:center; background: #624f3f; }

/* ボタン9 */
.btn9 a { display:block; background-color:#565c13; }
.btn9 a span { display:block; margin:0; color:#ffffff; padding:1.2em 0.2em; text-align:center; background:#565c13; }

a.btn10 { display: block; background-color: #f00; color: #fff !important; padding: 5% 6%; text-align: center; border: solid 1px #f00; box-sizing: border-box; transition: .5s all ease-out; position: relative; cursor: pointer; letter-spacing: 1px; }
a.btn10:after { content: ''; background: url(../img/btn_arrow2@2x.png) no-repeat; width: calc(10px/2); height: calc(11px/2); position: absolute; top: 50%; right:2%; -webkit-background-size: contain; background-size: contain; transform: translate(-50%,-50%);}
.btn10:hover { background-color: #fff; color: #f00 !important; }
.btn10:hover:after { background: url(../img/btn_arrow2@2xred.png) no-repeat; -webkit-background-size: contain; background-size: contain; }

/* 画像に矢印を付ける */
.btnimg { display:block; position:relative; }
.btnimg span { text-indent:-9999px; position:absolute;
	display:block; width:100%; height:100%; background:url(../img/btnimg.png) no-repeat right bottom;
	z-index:10; cursor:pointer;
}

/* トグル開閉ボタン */
.tgl_btn { position:relative; }
.tgl_btn:after { content:""; width:0; height:0; border-width:8px; border-color:#fff transparent transparent transparent; border-style:solid; position:absolute; right:16px; top:50%; margin-top:-4px;}
.tgl_btn.open:after { border-color:transparent transparent #fff transparent; margin-top:-12px;}

/* お知らせ */
p.news_label { color:#ffffff; text-align:center; padding:0.1em; }
.news_fair p.news_label { background-color:#a64b9e ; }
.news_lunch p.news_label { background-color:#e87827 ; }
.news_dinner p.news_label { background-color:#156ea0; }
.news_alacarte p.news_label { background-color:#9c9427 ; }


@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btnimg span { background-image:url(../img/btnimg@2x.png); background-size:35px 35px; }
}

/* カーソルの形を指定 */
.cursor { cursor: pointer; }


.back_sumaho {
	font-size: 45px;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#705939 0%,
		#9c825f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#705939),
		to(#9c825f));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #61492a;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
.back_sumaho a {
	display:block;
	padding: 30px 20px;
	color: #ffffff;
}

/* youtube動画のレスポンシブ対応 */
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bb_gray { border-bottom:1px dotted #cccccc; }

.q_title { text-indent:-2.2em; margin-left:2.2em; font-size:1.4em; margin-bottom:0.5em; }
.q_title a { color:#666666; }
.q_title em { color:#2E3192; font-weight:bold; padding-right:0.5em; }

.q_list a { color:#666666; }
.q_list em { color:#2E3192; font-weight:bold; padding-right:0.5em; }
.q_list li { margin-bottom:0.5em; text-indent:-2.2em; margin-left:2.2em; }

/*
.faq-q { margin-bottom:5px; }
.faq-q a { color:#43413F; }
.faq-q em { color:#2E3192; font-weight:bold; padding-right:0.5em; }

.faq-a { margin-bottom:5px; }
.faq-a em { color:#C1272D; font-weight:bold; padding-right:0.5em; }
*/

/* トップページカルーセルの初期設定 */
.carousel ul li { float:left; }

/* 客室のおすすめタグ */
ul.room_type .tag {
	width:7em;
	margin-right:0.7em;
	text-align:center;
	color:#000000;
	border-style:outset;
	border-width:1px;
	border-radius        : 4px;
	-moz-border-radius   : 4px;
	-webkit-border-radius: 4px;
	-o-border-radius     : 4px;
	-ms-border-radius    : 4px;
}
ul.room_type .item { width:17em; color:#eeeeee; }

.tag_couple { background-color:#fef9fb; border-color:#fef9fb; }
.tag_women  { background-color:#f5b2b2; border-color:#f5b2b2; }
.tag_family { background-color:#d1de4c; border-color:#d1de4c; }
.tag_alone  { background-color:#a3d6cc; border-color:#a3d6cc; }
.tag_anniv  { background-color:#f2d58a; border-color:#f2d58a; }
.tag_biz    { background-color:#b2cbe4; border-color:#b2cbe4; }

/* 掲載メディア情報タグ */
.publicity_tag span.en { margin-right:1em; }
.publicity_tag em {
	font-size:0.6em;
	font-weight:normal;
	padding:0 0.5em;
	width:4em;
	margin-left:1em;
	text-align:center;
	color:#ffffff;
	border-style:outset;
	border-width:1px;
	border-radius        : 4px;
	-moz-border-radius   : 4px;
	-webkit-border-radius: 4px;
	-o-border-radius     : 4px;
	-ms-border-radius    : 4px;
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.tag_etc { background-color:#9c5123; border-color:#9c5123; }
.tag_tv { background-color:#789c23; border-color:#789c23; }
.tag_mag { background-color:#235f9c; border-color:#235f9c; }

/* 宿泊プラン（自動読み込み部分） */
div.plan_list { margin-bottom:30px; }
div.plan_list div.plan_detail { width:100%; height:14em; overflow:hidden; }
div.plan_list div.plan_detail pre { font-size:1.0em; }

/* TOPページのプランタブ */
.tab.ui-tabs .ui-tabs-nav li a { padding: 1em 0 !important; width:100%; text-align:center; }

div.tab li.ui-state-default { width:20%; }
@media screen and (max-width: 800px) {
#plan_tab .ui-tabs .ui-tabs-nav li a img { width:70% !important; }
h3.type4 { font-size:1.2em; }
}
@media screen and (max-width: 600px) {
#plan_tab .ui-tabs .ui-tabs-nav li a img { width:100% !important; }
.ui-tabs .ui-tabs-panel { padding:2%; }
}

#plan_tab .ui-widget-content { border:none; }
#plan_tab .ui-tabs { padding:0; }
#plan_tab .ui-tabs .ui-tabs-nav { padding:0; }
#plan_tab .ui-tabs .ui-tabs-nav li { margin:0; padding:0; }
#plan_tab .ui-tabs .ui-tabs-nav li a { outline:none; }
#plan_tab .ui-tabs .ui-tabs-nav li a img { width:50%; }
#plan_tab .ui-widget-header { border:none; }
#plan_tab .ui-state-default,
#plan_tab .ui-widget-content .ui-state-default,
#plan_tab .ui-widget-header .ui-state-default { border:none; }

span.date { display:block; }
span.tag_info { background-color:#003f8e; width:11em; color:#ffffff; text-transform:uppercase; text-align:center; padding:5px; margin-left:0; font-family:'Neuton', serif; }
span.tag_rest { background-color:#ee7800; width:10em; color:#ffffff; text-transform:uppercase; text-align:center; padding:5px 10px; margin-left:0; font-family:'Neuton', serif; }
span.tag_banq { background-color:#8C732E; width:7m; color:#ffffff; text-transform:uppercase; text-align:center; padding:5px 18px; margin-left:0; font-family:'Neuton', serif; }
span.tag_plan { background-color:#50AB25; width:4em; color:#ffffff; text-transform:uppercase; text-align:center; padding:5px 32px; margin-left:0; font-family:'Neuton', serif; }
span.tag_wedd { background-color:#e95464; width:7m; color:#ffffff; text-transform:uppercase; text-align:center; padding:5px; margin-left:0; font-family:'Neuton', serif; }

.no1 { color:#dc9129 !important; }
.no2 { color:#7b8e9f !important; }
.no3 { color:#ce6e2a !important; }

p.mh { height:6em; min-height:6em; }

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

em.must {
	display: inline-block;
	padding: 0.1em 0.3em;
	margin-left: 0.5em;
	font-size: 90%;
	background-color: #E95541;
	color: #ffffff;
}

div.ui-state-error span.ui-icon {
	float: left;
	margin-top: 5px;
	margin-right: 3px;
}

/*--------------------------------------------------------------------------------
*/
/* タブレット・スマホ非表示 */
.tablet { display:none !important; }
.sumaho { display:none !important; }

/*--------------------------------------------------------------------------------
*/
@media screen and (min-width: 769px) and (max-width: 1200px) {
#image_path { width:100%; height:auto; repeat-x left top; }
#image { width:100% !important; height:auto;  max-width:100%; width /***/:auto; }
#topicpath { position:relative; width:98%; margin:0 auto; height:40px; color:#111111; text-shadow:none; }
#topicpath ol { width:100%; }

/* アンカーのカラー */
#topicpath a:link { color:#146d9f; }
#topicpath a:visited { color:#146d9f; }
#topicpath a:hover { color:#4E89E2; }
#topicpath a:active { color:#4E89E2; }

/* アンカーに下線を付加 */
#topicpath .lb { padding-bottom:3px; }
#topicpath .lb a:link { border-bottom:1px solid #146d9f; }
#topicpath .lb a:visited { border-bottom:1px solid #146d9f; }
#topicpath .lb a:hover { border-bottom:3px double #4E89E2; }
#topicpath .lb a:active { border-bottom:3px double #4E89E2; }
#topicpath .lb li { margin-bottom:5px; }

}

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

/* フルードイメージ */
img.fld { max-width:100%; height:auto; width /***/:auto; }

/* タブレット表示/非表示 */
.tablet { display:inline !important; }
.notablet { display:none !important; }

/* 見出しタイプ1 */
h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1
{ line-height:1.38; letter-spacing:0; margin-bottom:4%;}
h1.type1 span.ja, h2.type1 span.ja, h3.type1 span.ja, h4.type1 span.ja, h5.type1 span.ja, h6.type1 span.ja, span.type1 span.ja
{ display:inline-block; margin-bottom:1.6%; }

/* 見出しタイプ2 */
h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2
{ margin-bottom:4%; }

/* 見出しタイプ3 */
h1.type3, h2.type3, h3.type3, h4.type3, h5.type3, h6.type3, span.type3
{ margin-bottom:4%; }

#header { height:154px; }
#header_inner { width:98%; height:154px; }
#header_catch_name { margin-right:2em;margin-left:1em; } 
#header_logo { background-size:100%; }
#header_logo a { width:100%; height:100%; }

#header_address { float:right; color:#363636; margin-top:28px; }

#header_menu { position:absolute; width:auto; height:2em; right:0; top:58px; }
#header_menu ul { width:100%; }
#header_menu li { width:auto; height:auto; margin-right:10px; }
#header_menu li a { width:100%; background-image:none !important; display:block; color:#5e486e; }
#header_menu li a span.reader { display:block; line-height:normal; font-size:1.0em; position:static; left:auto; text-align:center; }

#nav { width:100%; height:auto; overflow:hidden; top:85px; }
#nav ul { width:100%; height:auto; max-height:54px; }
#nav li { width:14.285714%; max-height:54px; background:url(../img/header_nav_bg.png) no-repeat right top; }
#nav li a { width:100%; background-image:none !important; display:block; color:#363636; font-weight:normal; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; }
#nav li a span.reader { display:block; line-height:normal; font-size:1em; position:static; left:auto; text-align:center; line-height:54px; }
.bgnone { background:none !important; }

#slides { width:100%; height:auto; margin-top:0; }
#slides ul.slide li { height:auto; }
#slides ul.slide li div.slide_text { position:absolute; top:0; left:0; width:100%; }
#slides ul.slide li div.slide_text p { position:absolute; top:20px; left:10px; }

#image_path { width:100%; height:auto; }
#image { width:100% !important; height:auto; }
#topicpath { position:relative; width:98%; margin:0 auto; height:40px; color:#111111; text-shadow:none; }
#topicpath ol { width:100%; }
#topicpath ol li { margin-top:10px; }

/* アンカーのカラー */
#topicpath a:link { color:#146d9f; }
#topicpath a:visited { color:#146d9f; }
#topicpath a:hover { color:#4E89E2; }
#topicpath a:active { color:#4E89E2; }

/* アンカーに下線を付加 */
#topicpath .lb { padding-bottom:3px; }
#topicpath .lb a:link { border-bottom:1px solid #146d9f; }
#topicpath .lb a:visited { border-bottom:1px solid #146d9f; }
#topicpath .lb a:hover { border-bottom:3px double #4E89E2; }
#topicpath .lb a:active { border-bottom:3px double #4E89E2; }
#topicpath .lb li { margin-bottom:5px; }


#page_top { display:none; }

div.scrollnews { width:100%; height:110px; overflow:hidden; }

.contents_outer { width:100%; }
.contents_inner { width:96%; }
.inner { margin-bottom:2.35294%; }

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

#footer_menu_inner { width:96%; }

#footer_inner { width:96%; }
#footer_reservation_inner { width:96%; }

/*
h1.title { overflow:visible; margin-bottom:1.5em; }
h1.title span.tag { position:absolute; right:0; bottom:-28px; }
*/

/* グリッド */
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12, .grid .d5, .grid .d7
{ float:none; width:100%; margin-left:0 !important; }
.grid .fst { clear:none; }
.grid { position:relative; width:100%; }
.grid .sg1, .grid .sg2, .grid .sg3, .grid .sg4, .grid .sg5, .grid .sg6,
.grid .sg7, .grid .sg8, .grid .sg9, .grid .sg10, .grid .sg11, .grid .sg12, .grid .sd5, .grid .sd7
{ position:relative; float:left; margin-left:2% !important; }
.grid .sg1 { width:6.5%; }
.grid .sg2 { width:15%; }
.grid .sg3 { width:23.5%; }
.grid .sg4 { width:32%; }
.grid .sg5 { width:40.5%; }
.grid .sg6 { width:49%; }
.grid .sg7 { width:57.5%; }
.grid .sg8 { width:66%; }
.grid .sg9 { width:74.5%; }
.grid .sg10 { width:83%; }
.grid .sg11 { width:91.5%; }
.grid .sg12 { width:100%; margin-left:0 !important; }
.grid .sd5 { width:18.4%; }
.grid .sd7 { width:12.57143%; }
.grid .sfst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid { display:inline-block; } .grid { display:block; }

.grid .spush1 { margin-left:8.5% !important; }
.grid .spush2 { margin-left:17% !important; }
.grid .spush3 { margin-left:25.5% !important; }
.grid .spush4 { margin-left:34% !important; }
.grid .spush5 { margin-left:42.5% !important; }
.grid .spush6 { margin-left:51% !important; }
.grid .spush7 { margin-left:59.5% !important; }
.grid .spush8 { margin-left:68% !important; }
.grid .spush9 { margin-left:76.5% !important; }
.grid .spush10 { margin-left:85% !important; }
.grid .spush11 { margin-left:93.5% !important; }

/* グリッド0 */
.grid0 .g1, .grid0 .g2, .grid0 .g3, .grid0 .g4, .grid0 .g5, .grid0 .g6,
.grid0 .g7, .grid0 .g8, .grid0 .g9, .grid0 .g10, .grid0 .g11, .grid0 .g12, .grid0 .d5, .grid0 .d7
{ float:none; width:100%; margin-left:0 !important; }
.grid0 .fst { clear:none; }
.grid0 { position:relative; width:100%; }
.grid0 .sg1, .grid0 .sg2, .grid0 .sg3, .grid0 .sg4, .grid0 .sg5, .grid0 .sg6,
.grid0 .sg7, .grid0 .sg8, .grid0 .sg9, .grid0 .sg10, .grid0 .sg11, .grid0 .sg12, .grid0 .sd5, .grid0 .sd7
{ position:relative; float:left; margin-left:0 !important; }
.grid0 .sg1 { width:8.33333%; }
.grid0 .sg2 { width:16.66666%; }
.grid0 .sg3 { width:25.00000%; }
.grid0 .sg4 { width:33.33333%; }
.grid0 .sg5 { width:41.66666%; }
.grid0 .sg6 { width:50.00000%; }
.grid0 .sg7 { width:58.33333%; }
.grid0 .sg8 { width:66.66666%; }
.grid0 .sg9 { width:75.00000%; }
.grid0 .sg10 { width:83.33333%; }
.grid0 .sg11 { width:91.66666%; }
.grid0 .sg12 { width:100%; margin-left:0 !important; clear:left;  }
.grid0 .sd5 { width:20.00000%; }
.grid0 .sd7 { width:14.28571%; }
.grid0 .sfst { margin-left:0 !important; clear:left; }
.grid0:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid0 { display:inline-block; } .grid0 { display:block; }


.weather .w_text { font-size:0.9em !important; }

/* テーブルスクロール */
.scroll { overflow: auto; }
.scroll table { white-space:nowrap; }

.scrollable { padding-left: 20px; min-height:20px; background:url(../img/ico_scrollable.png) no-repeat left center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
	.scrollable {  padding-left: 30px; min-height:20px;background:url(../img/ico_scrollable@2x.png) no-repeat left center; background-size: 20px; }
}

} /* max-width: 768px */

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

#footer_tel_txt { display:none; }

} /* max-width: 600px */

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

/* スマホ表示/非表示 */
.sumaho { display:inline !important; }
div.sumaho { display:block !important; }
.nosumaho { display:none !important; }

/* グリッド */
.grid .sg1, .grid .sg2, .grid .sg3, .grid .sg4, .grid .sg5, .grid .sg6,
.grid .sg7, .grid .sg8, .grid .sg9, .grid .sg10, .grid .sg11, .grid .sg12, .grid .sd5, .grid .sd7
{ float:none; width:100%; margin-left:0 !important; }
.grid .sfst { clear:none; }
.grid { position:relative; width:100%; }
.grid .ssg1, .grid .ssg2, .grid .ssg3, .grid .ssg4, .grid .ssg5, .grid .ssg6,
.grid .ssg7, .grid .ssg8, .grid .ssg9, .grid .ssg10, .grid .ssg11, .grid .ssg12, .grid .ssd5, .grid .ssd7
{ position:relative; float:left; margin-left:2% !important; }
.grid .ssg1 { width:6.5%; }
.grid .ssg2 { width:15%; }
.grid .ssg3 { width:23.5%; }
.grid .ssg4 { width:32%; }
.grid .ssg5 { width:40.5%; }
.grid .ssg6 { width:49%; }
.grid .ssg7 { width:57.5%; }
.grid .ssg8 { width:66%; }
.grid .ssg9 { width:74.5%; }
.grid .ssg10 { width:83%; }
.grid .ssg11 { width:91.5%; }
.grid .ssg12 { width:100%; margin-left:0 !important; }
.grid .ssd5 { width:18.4%; }
.grid .ssd7 { width:12.57143%; }
.grid .ssfst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid { display:inline-block; } .grid { display:block; }

.grid .sspush1 { margin-left:8.5% !important; }
.grid .sspush2 { margin-left:17% !important; }
.grid .sspush3 { margin-left:25.5% !important; }
.grid .sspush4 { margin-left:34% !important; }
.grid .sspush5 { margin-left:42.5% !important; }
.grid .sspush6 { margin-left:51% !important; }
.grid .sspush7 { margin-left:59.5% !important; }
.grid .sspush8 { margin-left:68% !important; }
.grid .sspush9 { margin-left:76.5% !important; }
.grid .sspush10 { margin-left:85% !important; }
.grid .sspush11 { margin-left:93.5% !important; }

/* グリッド0 */
.grid0 .sg1, .grid0 .sg2, .grid0 .sg3, .grid0 .sg4, .grid0 .sg5, .grid0 .sg6,
.grid0 .sg7, .grid0 .sg8, .grid0 .sg9, .grid0 .sg10, .grid0 .sg11, .grid0 .sg12, .grid0 .sd5, .grid0 .sd7
{ float:none; width:100%; margin-left:0 !important; }
.grid0 .sfst { clear:none; }
.grid0 { position:relative; width:100%; }
.grid0 .ssg1, .grid0 .ssg2, .grid0 .ssg3, .grid0 .ssg4, .grid0 .ssg5, .grid0 .ssg6,
.grid0 .ssg7, .grid0 .ssg8, .grid0 .ssg9, .grid0 .ssg10, .grid0 .ssg11, .grid0 .ssg12, .grid0 .ssd5, .grid0 .ssd7
{ position:relative; float:left; margin-left:0 !important; }
.grid0 .ssg1 { width:8.33333%; }
.grid0 .ssg2 { width:16.66666%; }
.grid0 .ssg3 { width:25.00000%; }
.grid0 .ssg4 { width:33.33333%; }
.grid0 .ssg5 { width:41.66666%; }
.grid0 .ssg6 { width:50.00000%; }
.grid0 .ssg7 { width:58.33333%; }
.grid0 .ssg8 { width:66.66666%; }
.grid0 .ssg9 { width:75.00000%; }
.grid0 .ssg10 { width:83.33333%; }
.grid0 .ssg11 { width:91.66666%; }
.grid0 .ssg12 { width:100%; margin-left:0 !important; clear:left;  }
.grid0 .ssd5 { width:20.00000%; }
.grid0 .ssd7 { width:14.28571%; }
.grid0 .ssfst { margin-left:0 !important; clear:left; }
.grid0:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid0 { display:inline-block; } .grid0 { display:block; }


#header { height:auto; background-image:none; margin-bottom:10px; }
#header_inner { width:98%; height:auto; padding-top:5px; }
#header_catch { position:relative;  color:#363636; top:2px; text-align:center; }
#header_catch_name { margin-right:1em;margin-left:0; display:block; }
#image_path { margin-top:1%; }

#header_lang li { margin-right:2px; }
#header_logo { width:100%; margin:0 0 10px 0; position:relative; float:none; top:auto; background-position: center top; background-size:contain; }

#footer { padding-bottom:50px !important; }

#sumaho_nav { margin-top:2em; }

span.date { display:inline; margin-right:10px; }

.no1 { margin-top:10px; }
.no2 { margin-top:10px; }
.no3 { margin-top:10px; }

.inner { margin-bottom:2em; }

/*
#footer_sitemap { margin-bottom:10px; }
#footer_sitemap li, #footer_sitemap li.noimg { display:block; float:left; background:url(../img/btn_arrow.png) #ffffff no-repeat 5px center !important; width:48%; outline: 1px solid #89b6cf; outline-offset:0; margin:1%; }
#footer_sitemap li a { display:block; padding:1em; color:#0f1e29; }
#footer_sitemap li a:hover { background:url(../img/btn_arrow.png) #e7f0f5 no-repeat 5px center !important; }
#footer_sitemap li a.current { background:url(../img/btn_arrow.png) #e7f0f5 no-repeat 5px center !important; }
*/
.footer_sitemap { margin-top:1em; }
.footer_sitemap li { display:inline; float:left; width:43%; border:1px solid #826498; border-radius:3px; margin:2px; background-position:left center; }
.footer_sitemap li a { display:block; padding:0.6em 0; font-size:120%; }

#footer_copyright { text-align:center; padding:1em 0; }
#sumaho_footer_menu { width:100%; margin:0 auto; position:fixed; left:0; bottom:0; }
#sumaho_footer_menu .btn3 span { padding:1.5em 0.4em 1.5em 0.4em; }

/* 見出しタイプ3 */
/*h1.type3 span.ja, h2.type3 span.ja, h3.type3 span.ja, h4.type3 span.ja, h5.type3 span.ja, h6.type3 span.ja, span.type3 span.ja { margin-left:0; }
h1.type3 span.en, h2.type3 span.en, h3.type3 span.en, h4.type3 span.en, h5.type3 span.en, h6.type3 span.en, span.type3 span.en { margin-left:0; }
h1.type3 span.ja:before, h2.type3 span.ja:before, h3.type3 span.ja:before, h4.type3 span.ja:before, h5.type3 span.ja:before, h6.type3 span.ja:before, span.type3 span.ja:before { content:'\A'; white-space:pre; }
 h1.type3 span.en:before, h2.type3 span.en:before, h3.type3 span.en:before, h4.type3 span.en:before, h5.type3 span.en:before, h6.type3 span.en:before, span.type3 span.en:before { content:'\A'; white-space:pre; } */

/* 見出しタイプ4 */
/*h1.type4 span.ja, h2.type4 span.ja, h3.type4 span.ja, h4.type4 span.ja, h5.type4 span.ja, h6.type4 span.ja, span.type4 span.ja { margin-left:0; }
h1.type4 span.en, h2.type4 span.en, h3.type4 span.en, h4.type4 span.en, h5.type4 span.en, h6.type4 span.en, span.type4 span.en { margin-left:0; }
h1.type4 span.ja:before, h2.type4 span.ja:before, h3.type4 span.ja:before, h4.type4 span.ja:before, h5.type4 span.ja:before, h6.type4 span.ja:before, span.type4 span.ja:before { content:'\A'; white-space:pre; }
h1.type4 span.en:before, h2.type4 span.en:before, h3.type4 span.en:before, h4.type4 span.en:before, h5.type4 span.en:before, h6.type4 span.en:before, span.type4 span.en:before { content:'\A'; white-space:pre; }*/

#weather_right { padding-left:0; }

} /* max-width: 480px */

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

} /* max-width: 320px */