@charset "utf-8";

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

/* アンカーのカラー */
a:link { color:#003366; }
a:visited { color:#003366; }
a:hover { color:#156ea0; }
a:active { color:#156ea0; }

/* アンカーに下線を付加 */
.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #003366; }
.lb a:visited { border-bottom:1px solid #003366; }
.lb a:hover { border-bottom:3px double #156ea0; }
.lb a:active { border-bottom:3px double #156ea0; }
.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, .d5, .d7
{ position:relative; float:left; margin-left:2.11538% !important; }
.grid .g1 { width:6.39423%; }
.grid .g2 { width:14.90385%; }
.grid .g3 { width:23.41346%; }
.grid .g4 { width:31.92308%; }
.grid .g5 { width:40.43269%; }
.grid .g6 { width:48.94231%; }
.grid .g7 { width:57.45192%; }
.grid .g8 { width:65.96154%; }
.grid .g9 { width:74.47115%; }
.grid .g10 { width:82.98077%; }
.grid .g11 { width:91.49038%; }
.grid .g12 { width:100%; margin-left:0 !important; clear:left;  }
.grid .d5 { width:18.30769%; }
.grid .d7 { width:13.07692%; }
.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.g4_g3 { padding-left:12.76442%; }

.grid .push1 { margin-left:8.50961% !important; }
.grid .push2 { margin-left:17.01923% !important; }
.grid .push3 { margin-left:25.52884% !important; }
.grid .push4 { margin-left:34.03846% !important; }
.grid .push5 { margin-left:42.54807% !important; }
.grid .push6 { margin-left:51.05769% !important; }
.grid .push7 { margin-left:59.5673% !important; }
.grid .push8 { margin-left:68.07692% !important; }
.grid .push9 { margin-left:76.58653% !important; }
.grid .push10 { margin-left:85.09615% !important; }
.grid .push11 { margin-left:93.60576% !important; }

/* 画像に枠を付ける */
/* 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.6em; /*text-shadow: 0 1px 0 #ffffff;*/ }

/* リスト行間 */
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; }

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

/* ヘッダー */
#header { position:relative; width:100%; height:105px; background:url(../img/header_bg.png) repeat-x left top; }
#header_inner { position:relative; width:1040px; height:105px; text-align:left; margin:0 auto; background:url(../img/header_inner_bg.png) no-repeat center top; }
#header_inner_w { position:relative; width:1040px; height:105px; text-align:left; margin:0 auto; }
#header_logo { position:absolute; width:170px; height:100px; left:0; top:0; background-image:url(../img/header_logo.png); background-position:center center; }
#header_logo a { display:block; width:170px; height:100px; }
@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.jpg); background-size:100%; }
}

#header_menu { position:absolute; width:506px; height:40px; right:0; top:0; background:url(../img/header_menu.png) no-repeat left top; }
#header_menu ul { position:relative; width:183px; height:20px; }
#header_menu li { display:inline; float:left; height:20px; margin-top:10px; }
#header_menu li a { height:20px; 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 { margin-left:11px; }
#header_menu_faq a { width:92px; background-image:url(../img/header_menu_faq.png); }
#header_menu_inquiry { margin-left:2px; }
#header_menu_inquiry a { width:87px; background-image:url(../img/header_menu_inquiry.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#header_menu_faq a { background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/header_menu_faq@2x.png); background-size:100%; }
#header_menu_inquiry a { background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/header_menu_inquiry@2x.png); background-size:100%; }
}

#header_lang { position:absolute; padding-left:70px; height:20px; right:510px; top:9px; background:url(../img/header_lang.png) no-repeat left top; }
#header_lang li { display:inline; float:left; height:20px; }
#header_lang li a { height:20px; display:block; background-position:0 0; }
#header_lang li a.current { background-position:0 100%; }
#header_lang li a:hover { background-position:0 100%; }
#header_lang li a.close { width:0; }
#header_lang_ja a { width:50px; background-image:url(../img/header_lang_ja.png); }
#header_lang_en a { width:60px; background-image:url(../img/header_lang_en.png); }
#header_lang_cnk a { width:53px; background-image:url(../img/header_lang_cnk.png); }
#header_lang_cnh a { width:53px; background-image:url(../img/header_lang_cnh.png); }
#header_lang_korea a { width:50px; background-image:url(../img/header_lang_kore.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
#header_lang { background-image:url(../img/header_lang-2x.jpg); background-size:70px 20px; }
#header_lang_ja a { background-image:url(../img/header_lang_ja-2x.jpg); background-size:100%; }
#header_lang_en a { background-image:url(../img/header_lang_en-2x.jpg); background-size:100%; }
#header_lang_cnk a { background-image:url(../img/header_lang_cnk-2x.jpg); background-size:100%; }
#header_lang_cnh a { background-image:url(../img/header_lang_cnh-2x.jpg); background-size:100%; }
#header_lang_korea a { background-image:url(../img/header_lang_kore-2x.jpg); background-size:100%; }
}

#header_font_size { position:absolute; top:7px; right:0; }
#header_font_size li { display:inline; float:left; height:21px; }
#header_font_size li a { display:block; height:21px; }
#font_size { background:url(http://watermarkhotelnagasaki.com/ja/common/img/header_font_size.png) no-repeat left top; width:76px; height:21px; }
#font_size_normal { width:35px; margin-right:5px; }
#font_size_zoom { width:35px; }
#font_size_normal a { width:35px; background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/btn_font_normal.png); }
#font_size_zoom a { width:35px; background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/btn_font_zoom.png); }

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

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

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

#image_path { width:100%; height:auto; z-index:500; background: url(../img/white_noise_bg.png) repeat left top; }
#image_path_blue { width:100%; height:auto; z-index:500; background: url(../img/blue_bg.png) repeat left top; }
#image { width:100% !important; height:auto;  max-width:100%; width /***/:auto; background-position:center top; }


body.home #image_path { height:auto; text-align:center; }
body.home #image_path_blue { height:auto; text-align:center; }
body.home #image { height:auto; text-align:left; margin:0 auto; max-width:1600px !important; }

/* パンくずリスト */
#topicpath { width:100%; background: url(../img/white_noise_bg.png) repeat left top; }
#topicpath ol { position:relative; text-align:left; margin:0 auto; width:1040px; }
#topicpath ol li { display:inline; float:left; font-size:0.9em; }
#topicpath ol li span { padding:0 5px; }


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

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

/* フッター */
#footer { position:relative; width:100%; }
#footer_menu { width:100%; background-color:#e5eaef;}
#footer_info { width:100%; background-color:#ffffff;}
#footer_inner { position:relative; width:1040px; text-align:left; margin:0 auto; padding:15px 0; }
#footer_menu_inner { position:relative; width:1040px; text-align:left; margin:0 auto; padding:15px 0; }

#footer_menu ul { position:relative; }
#footer_menu li { display:inline; float:left; margin-right:10px; }
#footer_menu li a { display:block; padding-right:10px; border-right:solid 1px #adb0b3; }
#footer_menu li a.last { display:block; border:none !important; }
#footer_menu li a:link { color:#666666; }
#footer_menu li a:visited { color:#666666; }
#footer_menu li a:hover { color:#156ea0; }
#footer_menu li a:active { color:#156ea0; }

.footer_btn { background-color:#ffffff; text-align:center; }
.footer_btn a { display:block; color:#666666; padding:7px 0; margin:0 auto; white-space:nowrap; }

#footer div.c1 { float:left; width:16.82692%; }
#footer div.c2 { float:left; width:25.48077%; }
#footer div.c3 { float:left; width:14.42307%; }
#footer_address { padding:4% 0 0 6%; color:#666666; }
#footer_address strong { font-size:1.3em; }
#footer_tel { padding:2% 0 0 6%; width:154px; height:20px; }
#footer_logo { display:block; padding:6% 0 0 0; }
#footer_copyright { color:#999999; padding:3em 0 0 0; }

#footer_reservation_outer { width:100%; text-align:center; position:fixed !important; position:absolute; left:0; bottom:0; z-index:800; background:url(../js/footer_reservation/footer_reservation_bg.png) #687e9a repeat-x; border-top:3px solid #907035; }
#footer_reservation_inner { width:1040px; margin:0 auto; padding:0; text-align:left; color:#000000; }
#footer_reservation_inner table { margin-top:10px;}
#footer_reservation_inner .ui-datepicker-trigger { padding:3px; 
	border:1px solid #156ea0; background-color:#156ea0;
	border-radius        : 2px;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	-o-border-radius     : 2px;
	-ms-border-radius    : 2px;
}

#footer_reservation_submit { display:block; margin:0; padding:0; background-color:#003366;
	border:none;
	/*
	border:1px solid #003366;
	border-radius        : 2px;
	-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:0px 12px 0px 24px; text-align:center; background:url(../js/footer_reservation/ico_submit.png) #003366 no-repeat 5px center; }
#footer_reservation_submit:hover span { background-color:#215378; }
#footer_reservation_submit.current span { background-color:#215378; }
@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.jpg); 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 { position:relative; margin:-42px auto 0 auto; width:240px; height:42px; }
#footer_reservation_btn a { width:240px; height:39px; 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.jpg); background-size:100%; }
}

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

/* コンテンツレイアウト */
.contents_outer { position:relative; width:100%; }
.contents_inner { position:relative; width:1040px; text-align:left; margin:0 auto; padding:2.11538% 0; }
.contents {
	background-attachment:fixed !important;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.box { padding-bottom:2.11538%}
.inner { margin-bottom:2.11538%}
.inner2 { margin-bottom:4.23076%}

.blue_pattern_bg { background: url(../img/blue_pattern_bg.png) repeat left top; }
.white_pattern_bg { background: url(../img/white_pattern_bg.png) repeat left top; }
.light_blue_pattern_bg { background: url(../img/light_blue_pattern_bg.png) repeat left top; }
.white_noise_bg { background: url(../img/white_noise_bg.png) repeat left top; }
.white_bg { background-color:rgba(255,255,255,0.7); padding:3.3%; }

.banquet_bg { background: url(http://watermarkhotelnagasaki.com/ja/common/img/banquet_bg.jpg) repeat left top; }

/* ページの先頭へボタン */
#page_top { position:fixed; right:10px; bottom:8px; width:80px; height:80px; z-index:900; }
#page_top a { width:80px; height:80px; display:block; background-image:url(../img/btn_page_top.png); }
#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; }

/* メインコンテンツへボタン */
#page_down { position:absolute; right:10px; top:465px; width:80px; height:80px; z-index:900; }
#page_down a { width:80px; height:80px; display:block; background-image:url(../img/btn_main_contents.png); }
#page_down a span { font-size:0; line-height:0; position:absolute; left:-9999px; }

.weather .w_text { /* font-size:1.2em; */ text-align:left; vertical-align:top; position:relative; color:#111111; text-shadow:none; }
/* .weather .w_text span { display:block; position:absolute; left:2%; top:26%; padding-right:2%; line-height:1.4; } */
#weather_right { padding-left:20px; }

#w_text {
	display:block; padding:2%;
	background-color:#ffffff;
	border-radius        : 5px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
}


/* 見出し */
h1, h2, h3, h4, h5, h6, caption, dt { position:relative; font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;}
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:'EB Garamond', Times, serif; }
h1.hm, h2.hm, h3.hm, h4.hm, h5.hm, h6.hm, caption.hm, dt.hm, span.hm { margin-bottom:2.11538%; }

/* 見出しタイプ1 */
h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1 { display:block; color:#111111; font-size:1.8em; background:url(../img/h_type1_bg.png) no-repeat center center; text-align:center; background-size:100%; min-height:100px; }
h1.type1 a, h2.type1 a, h3.type1 a, h4.type1 a, h5.type1 a, h6.type1 a, span.type1 a { color:#111111; }
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:#111111; }
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:block; line-height:1.1; padding:40px 0 10px 0; background:url(../img/h_type1.png) no-repeat center top; }
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 { display:block; line-height:1.1; color:#003366; font-size:70%; text-transform:uppercase; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
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 { background-image:url(../img/h_type1-2x.jpg); background-size:44px 24px; }
}

/* 見出しタイプ2 */
h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2 { display:block; padding:2px; color:#ffffff; font-size:1.4em; background-color:#003366; }
h1.type2 span, h2.type2 span, h3.type2 span, h4.type2 span, h5.type2 span, h6.type2 span, span.type2 span { display:block; border:1px solid #8099b3; padding:0.5em 0.8em; }
h1.type2 span em, h2.type2 span em, h3.type2 span em, h4.type2 span em, h5.type2 span em, h6.type2 span em, span em.type2 span em { padding-right:1em; text-transform:uppercase; }
h1.type2 a, h2.type2 a, h3.type2 a, h4.type2 a, h5.type2 a, h6.type2 a, span.type2 a { color:#ffffff; }
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:#ffffff; }

/* 見出しタイプ3 */
h1.type3, h2.type3, h3.type3, h4.type3, h5.type3, h6.type3, span.type3 { display:block; padding:12px 0 0 0; color:#685C4A; font-size:1.4em; font-weight:bold; background:url(../img/h_type3.png) repeat-x left top; }
h1.type3 a, h2.type3 a, h3.type3 a, h4.type3 a, h5.type3 a, h6.type3 a, span.type3 a { color:#003366; }
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:#003366; }
h1.type3 span, h2.type3 span, h3.type3 span, h4.type3 span, h5.type3 span, h6.type3 span, span.type3 span { display:block; padding:0 0 10px 5px; border-bottom:1px solid #BFB4A5; }

/* 見出しタイプ4 */
h1.type4, h2.type4, h3.type4, h4.type4, h5.type4, h6.type4, span.type4 { display:block; padding:0 0 5px 5px; color:#857b4e; font-size:1.2em; font-weight:bold; border-bottom:1px solid #b3aa7d; }
h1.type4 a, h2.type4 a, h3.type4 a, h4.type4 a, h5.type4 a, h6.type4 a, span.type4 a { color:#857b4e; }
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:#857b4e; }

/* 見出しタイプ5 */
h1.type5, h2.type5, h3.type5, h4.type5, h5.type5, h6.type5, span.type5 { display:block; padding:0 5px 0 10px; color:#111111; font-size:1.2em; font-weight:bold; border-left:3px solid #b3aa7d; }
h1.type5 a, h2.type5 a, h3.type5 a, h4.type5 a, h5.type5 a, h6.type5 a, span.type5 a { color:#111111; }
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:#111111; }

/* 見出しタイプ6 */
h1.type6, h2.type6, h3.type6, h4.type6, h5.type6, h6.type6, span.type6 { display:block; color:#111111; font-size:1.2em; }
h1.type6 a, h2.type6 a, h3.type6 a, h4.type6 a, h5.type6 a, h6.type6 a, span.type6 a { color:#111111; }
h1.type6 a:hover, h2.type6 a:hover, h3.type6 a:hover, h4.type6 a:hover, h5.type6 a:hover, h6.type6 a:hover, span.type6 a:hover { color:#111111; }
h1.type6 .en, h2.type6 .en, h3.type6 .en, h4.type6 .en, h5.type6 .en, h6.type6 .en, span.type6 .en { color:#003366; text-transform:uppercase; }
h1.type6 span.ja, h2.type6 span.ja, h3.type6 span.ja, h4.type6 span.ja, h5.type6 span.ja, h6.type6 span.ja { color:#003366; font-size:1.35em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type6 span.ja, h2.type6 span.ja, h3.type6 span.ja, h4.type6 span.ja, h5.type6 span.ja, h6.type6 span.ja { font-size:1.1em; }
}

/* 見出しタイプ7 */
h1.type7, h2.type7, h3.type7, h4.type7, h5.type7, h6.type7, span.type7 { display:block; color:#111111; font-size:2em; line-height:1.3; }
h1.type7 a, h2.type7 a, h3.type7 a, h4.type7 a, h5.type7 a, h6.type7 a, span.type7 a { color:#111111; }
h1.type7 a:hover, h2.type7 a:hover, h3.type7 a:hover, h4.type7 a:hover, h5.type7 a:hover, h6.type7 a:hover, span.type7 a:hover { color:#111111; }
h1.type7 .en, h2.type7 .en, h3.type7 .en, h4.type7 .en, h5.type7 .en, h6.type7 .en, span.type7 .en { color:#003366; text-transform:uppercase; }

h1.type8, h2.type8, h3.type8, h4.type8, h5.type8, h6.type8, span.type8 { display:block; color:#fff;
background: #877d55;
background:url(../img/h_type8.png),-moz-linear-gradient(right, #cec49e, #877d55);
background:url(../img/h_type8.png),-webkit-gradient(linear, 80% 20%, 10% 21%, from(#cec49e), to(#877d55));

background-repeat:no-repeat;
background-position: right bottom ;
}
h1.type8 a, h2.type8 a, h3.type8 a, h4.type8 a, h5.type8 a, h6.type8 a, span.type8 a { color:#ffffff; }
h1.type8 a:hover, h2.type8 a:hover, h3.type8 a:hover, h4.type8 a:hover, h5.type8 a:hover, h6.type8 a:hover, span.type8 a:hover { color:#ffffff; }
h1.type8 span, h2.type8 span, h3.type8 span, h4.type8 span, h5.type8 span, h6.type8 span, span.type8 span { display:block; padding:0.3em 0.7em; font-size:1.8em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type8 span.ja, h2.type8 span.ja, h3.type8 span.ja, h4.type8 span.ja, h5.type8 span.ja, h6.type8 span.ja, span.type8 { font-size:0.8em; background-color:#84745c; }
}

/* 見出しタイプ9 スタイル一括変更 */
h1.type9, h2.type9, h3.type9, h4.type9, h5.type9, h6.type9, span.type9 { display:block; color:#313131; font-size:3.0em; text-align:left; }
h1.type9 a, h2.type9 a, h3.type9 a, h4.type9 a, h5.type9 a, h6.type9 a, span.type9 a { color:#313131; }
h1.type9 a:hover, h2.type9 a:hover, h3.type9 a:hover, h4.type9 a:hover, h5.type9 a:hover, h6.type9 a:hover, span.type9 a:hover { color:#313131; }
h1.type9 span.ja, h2.type9 span.ja, h3.type9 span.ja, h4.type9 span.ja, h5.type9 span.ja, h6.type9 span.ja, span.type9 span.ja { display:block; line-height:1.0; padding:0 0 10px 0; }
h1.type9 span.en, h2.type9 span.en, h3.type9 span.en, h4.type9 span.en, h5.type9 span.en, h6.type9 span.en, span.type9 span.en { display:block; line-height:1.0; color:#484543; font-size:55%; text-transform:uppercase; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type9 span.ja, h2.type9 span.ja, h3.type9 span.ja, h4.type9 span.ja, h5.type9 span.ja, h6.type9 span.ja, span.type9 span.ja, span.type9 { font-size:0.5em; }
h1.type9 span.en, h2.type9 span.en, h3.type9 span.en, h4.type9 span.en, h5.type9 span.en, h6.type9 span.en, span.type9 span.en { font-size:0.4em; }
}

/* 見出しタイプ10 スタイル一括変更 */
h1.type10, h2.type10, h3.type10, h4.type10, h5.type10, h6.type10, span.type10 span.ja { display:block; color:#313131; font-size:2em; text-align:left; min-height:30px; }
h1.type10 a, h2.type10 a, h3.type10 a, h4.type10 a, h5.type10 a, h6.type10 a, span.type10 a { color:#313131; }
h1.type10 a:hover, h2.type10 a:hover, h3.type10 a:hover, h4.type10 a:hover, h5.type10 a:hover, h6.type10 a:hover, span.type10 a:hover { color:#313131; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type10 span.ja, h2.type10 span.ja, h3.type10 span.ja, h4.type10 span.ja, h5.type10 span.ja, h6.type10 span.ja, span.type10 span.ja { font-size:0.8em; min-height:6px;}
}

/* 見出しタイプ11 スタイル一括変更 */
h1.type11, h2.type11, h3.type11, h4.type11, h5.type11, h6.type11, span.type11 { display:block; color:#7a714f; font-size:1.8em; font-weight:bold; text-align:center; }
h1.type11 a, h2.type11 a, h3.type11 a, h4.type11 a, h5.type11 a, h6.type11 a, span.type11 a { color:#7a714f; }
h1.type11 a:hover, h2.type11 a:hover, h3.type11 a:hover, h4.type11 a:hover, h5.type11 a:hover, h6.type11 a:hover, span.type11 a:hover { color:#6a5748; }
h1.type11 span, h2.type11 span, h3.type11 span, h4.type11 span, h5.type11 span, h6.type11 span, span.type11 span { display:block; border-bottom:1px solid #a89d88; border-top:5px double #a89d88; padding:0.3em 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type11 span.ja, h2.type11 span.ja, h3.type11 span.ja, h4.type11 span.ja, h5.type11 span.ja, h6.type11 span.ja, span.type11 span.ja, span.type11 { font-size:0.7em; border-top:3px double #a89d88; padding:0.2em;}
}

/* 見出しタイプ12 スタイル一括変更 */
h1.type12, h2.type12, h3.type12, h4.type12, h5.type12, h6.type12, span.type12 { display:block; color:#3d1c0f; background:url(../img/h_type12.png) no-repeat right bottom #e2d9b5; }
h1.type12 a, h2.type12 a, h3.type12 a, h4.type12 a, h5.type12 a, h6.type12 a, span.type12 a { color:#3d1c0f; }
h1.type12 a:hover, h2.type12 a:hover, h3.type12 a:hover, h4.type12 a:hover, h5.type12 a:hover, h6.type12 a:hover, span.type12 a:hover { color:#6a5748; }
h1.type12 span, h2.type12 span, h3.type12 span, h4.type12 span, h5.type12 span, h6.type12 span, span.type12 span { display:block; padding:0.3em 0.7em; font-size:1.8em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type12 span.ja, h2.type12 span.ja, h3.type12 span.ja, h4.type12 span.ja, h5.type12 span.ja, h6.type12 span.ja, span.type12 span.ja, span.type12 { font-size:1.1em; background-color:#d0bea4;}
}

/* 見出しタイプ13 スタイル一括変更 */
h1.type13, h2.type13, h3.type13, h4.type13, h5.type13, h6.type13, span.type13 { display:block; color:#003366; font-size:2em; background:url(../img/h_type13.png) no-repeat left bottom; }
h1.type13 a, h2.type13 a, h3.type13 a, h4.type13 a, h5.type13 a, h6.type13 a, span.type13 a { color:#003366; }
h1.type13 a:hover, h2.type13 a:hover, h3.type13 a:hover, h4.type13 a:hover, h5.type13 a:hover, h6.type13 a:hover, span.type13 a:hover { color:#156ea0; }
h1.type13 span, h2.type13 span, h3.type13 span, h4.type13 span, h5.type13 span, h6.type13 span, span.type13 span { display:block; padding:0.3em 0.7em; font-size:1.8em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type13 span.ja, h2.type13 span.ja, h3.type13 span.ja, h4.type13 span.ja, h5.type13 span.ja, h6.type13 span.ja, span.type13 span.ja, span.type13 { font-size:0.8em; }
}

/* 見出しタイプ14 スタイル一括変更 */
h1.type14, h2.type14, h3.type14, h4.type14, h5.type14, h6.type14, span.type14 { display:block; color:#003366; font-size:10em; background:url(../img/h_type13.png) no-repeat left bottom;  background-size:contain; line-height:1; padding-bottom:0.5em; }
h1.type14 a, h2.type14 a, h3.type14 a, h4.type14 a, h5.type14 a, h6.type14 a, span.type14 a { color:#003366; }
h1.type14 a:hover, h2.type14 a:hover, h3.type14 a:hover, h4.type14 a:hover, h5.type14 a:hover, h6.type14 a:hover, span.type14 a:hover { color:#156ea0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
h1.type14, h2.type14, h3.type14, h4.type14, h5.type14, h6.type14, span.type14 { font-size:1.2em; }
}


/* 汎用情報ボックス */
dl.info, div.info { padding:1.5%; border:5px solid #eeeeee; background-color:#ffffff; }
dl.info dt { color:#111111; font-size:1.1em; margin-bottom:3px; }
dl.info dt span { font-size:1.0em !important; }
/*
dl.info2, div.info2 { padding:2.1875% 2.1875% 0 2.1875%; border:1px solid #cbcbcb; background-color:#ffffff; }
dl.info3, div.info3 { border:2px solid #c9bd9d; background-color:#ffffff; }
div.info3_inner { padding:2.1875% 2.1875% 0 2.1875%; border:1px solid #aaaaa8; background-color:#ffffff; }
*/

/* 警告用 */
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 { padding:1.5%; border:1px solid #CDC3A6; background-color:#ffffff; }
.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.jpg); background-size:20px 20px; }
.faq-a { background-image:url(../img/ico_a-2x.jpg); background-size:20px 20px; }
}

/* リスト */
ul.type1 li { background-image:url(../img/ul_type1.png); background-position:left 0.6em; padding-left:10px; }
ul.type2 li { background-image:url(../img/ul_type2.png); background-position:left 0.6em; padding-left:10px; }
ul.type3 li { background-image:url(../img/ul_type3.png); background-position:left 0.6em; padding-left:10px; }
ul.type4 li { background-image:url(../img/ul_type4.png); background-position:left 0.4em; padding-left:26px; }
@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.jpg); background-size:4px 4px; }
ul.type2 li { background-image:url(../img/ul_type2-2x.jpg); background-size:5px 5px; }
ul.type3 li { background-image:url(../img/ul_type3-2x.jpg); background-size:2px 2px; }
ul.type4 li { background-image:url(../img/ul_type4-2x.jpg); background-size:20px 12px; }
}
ul.bpc li { background-position:left center; }

/* 強調 */
.notice { color:#666666; }
.appeal { color:#c7a900; }
.accent { color:#586E48; }
.label { color:#ffffff; text-shadow:1px 1px 1px #000000; }
.red { color:#da2530; }
.brown { color:#856036; }

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

/* テーブルパディングパターン */
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; }

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

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

/* テーブルボーダーパターン3 */
table.type3 caption { text-align:left; padding-bottom:8px; }
table.type3 { border-bottom:1px solid #ffffff; }
table.type3 th, table.type3 td { border-bottom:1px solid #ffffff; font-size:110%; width:6em; }
table.type3 th { background-color:#ffffff; }
table.type3 td { background-color:#ffffff; color:#A9962C; font-weight:bold; }

/* テーブルボーダーパターン4 */
table.type4 caption { text-align:left; padding-bottom:8px; }
table.type4 th, table.type4 td { border:1px solid #205c97; }
table.type4 th { background-color:#003366; color:#fff; }
table.type4 td { background-color:#ffffff; }

/* テーブル背景パターン */
td.bg1, th.bg1, tr.bg1 th { background-color:#f9f9f9 !important; }
td.bg2, th.bg2, tr.bg2 th { background-color:#d3edfb !important; }
td.bg3, th.bg3, tr.bg3 th { background-color:#9ed8f6 !important; }
td.bg4, th.bg4, tr.bg4 th { background-color:#52c3f1 !important; }
td.bg5, th.bg5, tr.bg5 th { background-color:#52c3f1 !important; color:#ffffff; }
td.bg6, th.bg6, tr.bg6 th { background-color:#FFFFBB !important; }
td.bg7, th.bg7, tr.bg7 th { background-color:#f4efeb !important; }
td.bg8, th.bg8, tr.bg8 th { background-color:#999999 !important; color:#ffffff; }
td.bg9, th.bg9, tr.bg9 th { background-color:#A9962C !important; color:#ffffff; }

/* ボタン1 */
.btn1 a { display:block; border:1px solid #003366; color:#ffffff; background-color:#003366; padding:2px; }
.btn1 a span { display:block; padding:0.5em 1.5em 0.5em 0.5em; text-align:center; border:1px solid #8099b3; background:url(../img/btn1.png) no-repeat 95% center; }
.btn1 a:hover { background-color:#156ea0; }
.btn1 a.current { background-color:#156ea0; }
@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.jpg); background-size:20px 12px; }
}
.btn1 em.en { text-transform:uppercase; padding-right:1em; }
.btn1.br em.en { padding-right:0; display:block; }

/* ボタン2 */
.btn2 a { display:block; border:1px solid #003366; color:#003366; background-color:#ffffff; padding:1px; }
.btn2 a span { display:block; padding:0.5em 1.5em 0.5em 0.5em; text-align:center; border:1px solid #7f99b2; background:url(../img/btn2.png) no-repeat 95% center; }
.btn2 a:hover { background-color:#d9e8ef; }
.btn2 a.current { background-color:#d9e8ef; }
@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.jpg); background-size:20px 12px; }
}
.btn2 em.en { text-transform:uppercase; padding-right:1em; }
.btn2.br em.en { padding-right:0; display:block; }

/* ボタン2b */
.btn2b a { display:block; color:#111111; background-color:#D5E4EA; }
.btn2b a span { display:block; padding:5% 15% 5% 5%; text-align:left; background:url(../img/btn2.png) no-repeat 95% center; }
.btn2b a:hover { background-color:#156ea0; color:#ffffff; }
.btn2b a.current { background-color:#156ea0; color:#ffffff; }
.btn2b a:hover span { background:url(../img/btn1.png) no-repeat 95% center; }
.btn2b a.current span { background:url(../img/btn1.png) no-repeat 95% center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn2b a span { background-image:url(../img/btn2-2x.jpg); background-size:20px 12px; }
}
.btn2b em.en { text-transform:uppercase; padding-right:1em; color:#003366; }
.btn2b.br em.en { padding-right:0; display:block; }
.btn2b a:hover em.en { color:#ffffff; }
.btn2b a.current em.en { color:#ffffff; }

/* ボタン3 */
.btn3 a { display:block; border:1px solid #40668c; background-color: #003366; padding:2px; }
.btn3 a span { display:block; margin:0; color:#ffffff; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn3.png) no-repeat 5px center; }
.btn3 a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn3 a:hover, .btn3 a.current { border:1px solid #2a6a96; background-color: #0b5183; }
@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.jpg); background-size:6px 8px; }
}
.btn3 em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン4 */
.btn4 a { display:block; border:1px solid #003366; color:#003366; background-color:#ffffff; padding:1px; }
.btn4 a span { display:block; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn4.png) no-repeat 5px center; }
.btn4 a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn4 a:hover { background-color:#d9e8ef; }
.btn4 a.current { background-color:#d9e8ef; }
@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.jpg); background-size:6px 8px; }
}
.btn4 em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン4b */
.btn4b a { display:block; border:1px solid #dddddd; color:#111111; background-color:#ffffff; }
.btn4b a span { display:block; padding:0.6% 20%; text-align:center; }
.btn4b a:hover { background-color:#d9e8ef; }
.btn4b a.current { background-color:#d9e8ef; }
.btn4b em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン5 */
/*
.btn5 a { display:block; border:1px solid #156ea0; background-color: #7AA7C3; color:#111111; padding:2px; }
.btn5 a span { display:block; margin:0; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn5.png) no-repeat 5px center; }
.btn5 a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn5 a:hover, .btn5 a.current { border:1px solid #2a6a96; background-color: #0b5183; color:#ffffff; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn5 a span { background-image:url(../img/btn5-2x.jpg); background-size:6px 8px; }
}
.btn5 em.en { text-transform:uppercase; padding-right:1em; }
*/

/* ボタン5 */
.btn5 a { display:block; background-color: #003366; color:#fff; padding:2px; }
.btn5 a span { display:block; margin:0; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn5.png) no-repeat 5px center; }
.btn5 a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn5 a:hover, .btn5 a.current { background-color: #215378; color:#ffffff; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn5 a span { background-image:url(../img/btn5-2x.jpg); background-size:6px 8px; }
}
.btn5 em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン6 */
.btn6 a { display:block; border:1px solid #7C644A; background-color: #847463; padding:2px; }
.btn6 a span { display:block; margin:0; color:#ffffff; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn3.png) no-repeat 5px center; }
.btn6 a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn6 a:hover, .btn6 a.current { border:1px solid #7C644A; background-color: #BAA38B; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn6 a span { background-image:url(../img/btn3-2x.jpg); background-size:6px 8px; }
}
.btn6 em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン footter reservation */
.btn_resv a { display:block; /* border-right:1px solid #77a3d5; border-bottom:1px solid #77a3d5; */ background-color: #c9e0ff; color:#111111; padding:2px; }
.btn_resv a span { display:block; margin:0; padding:0.5em 0.5em 0.5em 14px; text-align:center; background:url(../img/btn4.png) no-repeat 5px center; }
.btn_resv a span.min { padding:0.15em 0.2em 0.15em 14px !important; }
.btn_resv a:hover, .btn_resv a.current { background-color: #628cbb; color:#ffffff; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btn_resv a span { background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/btn_resv@2x.png); background-size:6px 8px; }
}
.btn_resv em.en { text-transform:uppercase; padding-right:1em; }

/* ボタン1s（スマホメニュー） */
.btn1s a { display:block; background-color: #003366; }
.btn1s a span { display:block; margin:0; color:#ffffff; line-height:1.2; padding:0.8em 0.4em 0.8em 0.4em; }

/* ボタン2s（スマホグローバルナビ） */
.btn2s a { display:block; background-color: #003366; }
.btn2s a span { display:block; margin:0; color:#ffffff; line-height:1.2; padding:0.8em 0.4em 0.8em 0.4em; }
.btn2s a span em { display:block; color:#a197a8; font-size:80%; font-family:'EB Garamond', Times, serif; padding-top:0.3em; text-transform:uppercase; }
.btn2s a span.min { padding:0.4em 0.2em 0.4em 0.2em; }
.btn2s a.current span { color: #003366; }
.btn2s a.current span em { color: #003366; }
.btn2s a:hover, .btn2s a.current { background-color: #156ea0; }

/* ボタン3s（スマホヘッダー・フッターボタン） */
.btn3s a { display:block; border:1px solid #40668c; background-color: #003366; }
.btn3s a span { display:block; margin:0; color:#ffffff; line-height:1.2; padding:0.5em 0.2em; text-align:center; }
.btn3s a:hover, .btn3s a.current { border:1px solid #2a6a96; background-color: #0b5183; }


/* 画像に矢印を付ける */
.btnimg { display:block; position:relative; }
.btnimg span { text-indent:-9999px; position:absolute;
	display:block; width:100%; height:100%; background:url(http://watermarkhotelnagasaki.com/ja/common/img/btnimg.png) no-repeat right bottom;
	z-index:10; cursor:pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.btnimg span { background-image:url(http://watermarkhotelnagasaki.com/ja/common/img/btnimg@2x.png); background-size:35px 35px; }
}

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

.news_tab a { display:block; color:#ffffff; padding:1px; }
.news_tab a span { display:block; padding:0.5em 0.5em 0.5em 0.5em; text-align:center; }
.news_tab a#tab_all { background-color:#8AB7D3; }
.news_tab a#tab_all:hover, .news_tab a#tab_all.current { background-color:#9Ac7e3; }
.news_tab a#tab_stay { background-color:#3c5998; }
.news_tab a#tab_stay:hover, .news_tab a#tab_stay.current { background-color:#4c69a8; }
.news_tab a#tab_restaurant { background-color:#ee7800; }
.news_tab a#tab_restaurant:hover, .news_tab a#tab_restaurant.current { background-color:#fe8810; }
.news_tab a#tab_banquet { background-color:#9e8475; }
.news_tab a#tab_banquet:hover, .news_tab a#tab_banquet.current { background-color:#ae9485; }
.news_tab a#tab_event { background-color:#67b5b7; }
.news_tab a#tab_event:hover, .news_tab a#tab_event.current { background-color:#77c5c7; }
.news_tab a#tab_wedding { background-color:#d597a6; }
.news_tab a#tab_wedding:hover, .news_tab a#tab_wedding.current { background-color:#ddabb7; }

.news_wedding p.news_label { background-color:#d597a6; color:#ffffff; text-align:center; padding:0.1em; }
.news_stay p.news_label { background-color:#3c5998; color:#ffffff; text-align:center; padding:0.1em; }
.news_restaurant p.news_label { background-color:#ee7800; color:#ffffff; text-align:center; padding:0.1em; }
.news_banquet p.news_label { background-color:#9e8475; color:#ffffff; text-align:center; padding:0.1em; }
.news_event p.news_label { background-color:#67b5b7; color:#ffffff; text-align:center; padding:0.1em; }
.news_info p.news_label { background-color:#9fc251; color:#ffffff; text-align:center; padding:0.1em; }

ul.access li {
	float:left;
	text-align:center;
	line-height:30px;
	padding:0 40px 0 10px;
	margin-bottom:2%;
	background:url(../img/rarr.png) no-repeat right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
ul.access li { background-image:url(../img/rarr-2x.jpg); background-size:30px 30px; }
}

ul.access li.start div { border:1px solid #8897a0; background-color:#d3edfb; padding:0 5px; line-height:28px; }
ul.access li.via div   { border:1px solid #cccccc; background-color:#ffffff; padding:0 5px; line-height:28px; }
ul.access li.end div   { border:1px solid #e3b311; background-color:#F7E59D; padding:0 5px; line-height:28px; }
ul.access li.end { background:none; padding-right:0; }


.swipe_inner img.ico_swipe { position:absolute; left:35%; top:15%; width:100px; height:100px; }


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

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

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

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

#header { height:166px; }
#header_inner { width:98%; height:166px; background-image:none; }
#header_inner_w { width:98%; height:166px; background-image:none; }

#header_logo { left:20px; }
#header_logo a { width:100%; height:100%; }

#header_address { float:right; margin-top:65px; display:block; }

#header_lang { right:0; top:10px; }

#header_menu { height:auto; overflow:hidden; position:absolute; top:40px; left:auto; right:0 !important; width:auto; background-image:none; background-color:#8AB7D3; }
#header_menu li { margin:0 7px; height:22px; }
/*
#header_menu ul { width:100%; height:30px; max-height:30px; }
#header_menu li { width:25%; height:30px; max-height:30px; margin-top:0; }
#header_menu_tel { width:45% !important; font-size:1.3em; }
*/
#header_menu li a { width:100%; background-image:none; display:block; color:#111111; font-size:90%; }
#header_menu li a span.reader { display:block; line-height:normal; font-size:1.0em; position:static; left:auto; text-align:center; line-height:22px; }

#nav { width:100%; height:auto; overflow:hidden; bottom:10px; background:url(../img/header_bg.png) repeat-x left top; }
#nav ul { width:100%; height:auto; }
#nav li { width:16.66666%; height:auto; }
#nav li a { width:100%; background-image:none; display:block; height:auto; color:#003366; font-family:'EB Garamond', Times, serif; text-transform:uppercase; }
#nav li a small { color:#000000; font-size:70% !important; font-weight:normal; display:block; font-family:"M+ 1c regular","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
#nav li a span.reader { display:block; line-height:normal; font-size:1.2em; position:static; left:auto; text-align:center; }

/*
#nav li a span.reader { display:block; line-height:normal; font-size:1.2em; position:static; left:auto; text-align:center; line-height:54px; }
*/

#nav_concept span.reader:before { content:"Concept"; }
#nav_room span.reader:before { content:"Guest Room"; }
#nav_restaurant span.reader:before { content:"Restaurant"; }
#nav_banquet span.reader:before { content:"Banquet"; }
#nav_access span.reader:before { content:"Access"; }
#nav_plan span.reader:before { content:"Plan"; }
#nav_wedding span.reader:before { content:"Wedding"; }


#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_path_blue { width:100%; height:auto; }
#image { width:100% !important; height:auto; }
#topicpath { width:100%; }
#topicpath ol { position:relative; width:96%; margin:0 auto; }
#page_top { display:none; }

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

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

.contents_outer { width:100% !important; padding-top:0; }
.contents_inner { width:96% !important; }

.contents {
	background-attachment:scroll !important;
	background-size:cover !important;
	background-position: center center;
}

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

.btn1 a span { background-position: 96% center; padding-left:0.1em !important; }
.btn2 a span { background-position: 96% center; padding-left:0.1em !important; }

.btn4b a span { padding:24% 3%; }

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

#footer div.c1 { float:left; width:15%; }
#footer div.c2 { float:left; width:40%; }
#footer div.c3 { float:left; width:15%; }
#footer div.c4 { float:left; width:15%; }
#footer div.c5 { float:left; width:15%; }

#footer_reservation_inner { width:96%; }
#footer_reservation_form table td { vertical-align:bottom; }

h1.hm, h2.hm, h3.hm, h4.hm, h5.hm, h6.hm, caption.hm, dt.hm, span.hm { margin-bottom:3.11538%; }

/* グリッド */
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12, .d5, .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, .sd5, .sd7
{ position:relative; float:left; margin-left:2.11538% !important; }
.grid .sg1 { width:6.39423%; }
.grid .sg2 { width:14.90385%; }
.grid .sg3 { width:23.41346%; }
.grid .sg4 { width:31.92308%; }
.grid .sg5 { width:40.43269%; }
.grid .sg6 { width:48.94231%; }
.grid .sg7 { width:57.45192%; }
.grid .sg8 { width:65.96154%; }
.grid .sg9 { width:74.47115%; }
.grid .sg10 { width:82.98077%; }
.grid .sg11 { width:91.49038%; }
.grid .sg12 { width:100%; margin-left:0 !important; clear:left; }
.grid .sd5 { width:18.30769%; }
.grid .sd7 { width:13.07692%; }
.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; }
.g4_g3 { padding-left:0; }

.grid .spush1 { margin-left:8.50961% !important; }
.grid .spush2 { margin-left:17.01923% !important; }
.grid .spush3 { margin-left:25.52884% !important; }
.grid .spush4 { margin-left:34.03846% !important; }
.grid .spush5 { margin-left:42.54807% !important; }
.grid .spush6 { margin-left:51.05769% !important; }
.grid .spush7 { margin-left:59.5673% !important; }
.grid .spush8 { margin-left:68.07692% !important; }
.grid .spush9 { margin-left:76.58653% !important; }
.grid .spush10 { margin-left:85.09615% !important; }
.grid .spush11 { margin-left:93.60576% !important; }

.tw100p { width:100% !important; }


} /* max-width: 768px */

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

#nav li a small { font-size:50% !important; }
#nav li a span.reader { font-size:1.0em; }

#footer_menu { font-size:90%; }
#footer_tel { width:120px; height:16px; }

#footer_address strong small { display:block; }

#footer_reservation_submit { font-size:90%; }


} /* 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, .sd5, .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, .ssd5, .ssd7
{ position:relative; float:left; margin-left:2.11538% !important; }
.grid .ssg1 { width:6.39423%; }
.grid .ssg2 { width:14.90385%; }
.grid .ssg3 { width:23.41346%; }
.grid .ssg4 { width:31.92308%; }
.grid .ssg5 { width:40.43269%; }
.grid .ssg6 { width:48.94231%; }
.grid .ssg7 { width:57.45192%; }
.grid .ssg8 { width:65.96154%; }
.grid .ssg9 { width:74.47115%; }
.grid .ssg10 { width:82.98077%; }
.grid .ssg11 { width:91.49038%; }
.grid .ssg12 { width:100%; margin-left:0 !important; clear:left; }
.grid .ssd5 { width:18.30769%; }
.grid .ssd7 { width:13.07692%; }
.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.50961% !important; }
.grid .sspush2 { margin-left:17.01923% !important; }
.grid .sspush3 { margin-left:25.52884% !important; }
.grid .sspush4 { margin-left:34.03846% !important; }
.grid .sspush5 { margin-left:42.54807% !important; }
.grid .sspush6 { margin-left:51.05769% !important; }
.grid .sspush7 { margin-left:59.5673% !important; }
.grid .sspush8 { margin-left:68.07692% !important; }
.grid .sspush9 { margin-left:76.58653% !important; }
.grid .sspush10 { margin-left:85.09615% !important; }
.grid .sspush11 { margin-left:93.60576% !important; }

.sw100p { width:100% !important; }
.stl { text-align:left !important; }
.swauto { width:auto !important; }

#header { background-image:none; }
#header_logo { margin:0 auto; position:static; height:105px; float:none; left:auto; background-position:center bottom; }
#header_address { display:none; }

#sumaho_menu { margin-top:15px; }
#footer_sumaho_menu { clear:both; }

#header_menu { display:none !important; }
#nav { display:none !important; }

#image { position:relative; background-position:right top; background-size:200%; padding-top:42%; }
body.home #image { padding-top:0; }
#image_text { background-color:#0d3d6e; color:#ffffff; text-align:left; padding:0.6em 1em; }
#image_text span.en { font-family:'Pinyon Script', Times, serif; display:block; font-size:2.5em; }
#image_text span.ja { font-size:0.9em; }

#footer_inner { padding:1% 0; }
#footer_menu_inner { padding:1% 0; }
#footer_menu { background-color:#ffffff; }
#footer_link li, #footer_link li.noimg { display:block; float:left; background-color:#BCA058 !important; width:48%; border-radius:4px; margin:1%; }
#footer_link li a { display:block; padding:1em; border-right:none; }
#footer_link li a:link { color:#ffffff; }
#footer_link li a:visited { color:#ffffff; }
#footer_link li a:hover { color:#ffffff; }
#footer_link li a:active { color:#ffffff; }

#footer div.c1 { float:left; width:33.33333%; margin-bottom:15px; }
#footer div.c2 { float:left; width:66.66666%; margin-bottom:15px; }
#footer div.c3 { float:left; width:33.33333%; margin-top:15px; }
#footer div.c4 { float:left; width:33.33333%; margin-top:15px; }
#footer div.c5 { float:left; width:33.33333%; margin-top:15px; }

#footer_logo { padding-top:15%; }
#footer_address { font-size:90%; }
#footer_copyright { text-align:center; }

.box { margin-bottom:4.23076%}

.btn1 a span { background-position: 98% center; padding-left:0.1em !important; }
.btn2 a span { background-position: 98% center; padding-left:0.1em !important; }

table {
	width:auto;
	table-layout:fixed;
	word-break:break-all;
	word-wrap:break-word;
}

table.sp1 th, table.sp1 td { padding:2%; }
table.sp2 th, table.sp2 td { padding:2%; }
table.sp3 th, table.sp3 td { padding:2%; }
table.sp4 th, table.sp4 td { padding:2%; }
table.sp5 th, table.sp5 td { padding:2%; }

table.full { width:auto; }

h1.hm, h2.hm, h3.hm, h4.hm, h5.hm, h6.hm, caption.hm, dt.hm, span.hm { margin-bottom:4.11538%; }

h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1 { font-size:1.6em; line-height:1.3; }
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 { padding-top:35px; }

h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2 { font-size:1.3em; line-height:1.2; }
h1.type2 .en, h2.type2 .en, h3.type2 .en, h4.type2 .en, h5.type2 .en, h6.type2 .en, .type2 .en { padding-right:0; font-size:90%; }
h1.type2 .en:after, h2.type2 .en:after, h3.type2 .en:after, h4.type2 .en:after, h5.type2 .en:after, h6.type2 .en:after, .type2 .en:after { content:'\A'; white-space:pre; }

h1.type8, h2.type8, h3.type8, h4.type8, h5.type8, h6.type8, span.type8 { font-size:0.88em; line-height:1.2; }

ul.access li {
	float:none;
	padding:0 0 0 0;
	background:url(../img/darr.png) no-repeat left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
ul.access li { background-image:url(../img/darr-2x.jpg); background-size:30px 30px; }
}

ul.access li.start { background-image:none; }
ul.access li.via   { background-image:none; }
ul.access li.end   { background-image:none; }

/*
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 { margin-right:0; }
h1.type1 span.en:before, h2.type1 span.en:before, h3.type1 span.en:before, h4.type1 span.en:before, h5.type1 span.en:before, h6.type1 span.en:before, span.type1 span.en:before { content:'\A'; white-space:pre; }
*/


.swipe { position:relative; overflow:auto; width:100%; height:155px; }
.swipe_inner { width:675px; height:155px; }
.swipe_inner img.ico_swipe { position:absolute; left:35%; top:15%; width:100px; height:100px; }

#weather_right { padding-left:0; }
/* .weather .w_text span { top:28%; } */
.weather .type6 { text-align:center; }
#w_title { font-size:1.2em !important; text-align:center; }

@font-face {
	font-family: 'NotoSansCJKjp';
	src: url('../fonts/NotoSansCJKjp-Regular-Sub.eot');
	src: url('../fonts/NotoSansCJKjp-Regular-Sub.eot#iefix') format('embedded-opentype'),
		 url('../fonts/NotoSansCJKjp-Regular-Sub.woff') format('woff'),
		 url('../fonts/NotoSansCJKjp-Regular-Sub.otf') format('opentype');
}

@font-face {
	font-family: 'AozoraMinchoRegular';
	src: url('../fonts/AozoraMinchoRegular-Sub.eot');
	src: url('../fonts/AozoraMinchoRegular-Sub.eot#iefix') format('embedded-opentype'),
		 url('../fonts/AozoraMinchoRegular-Sub.woff') format('woff'),
		 url('../fonts/AozoraMinchoRegular-Sub.ttf') format('truetype');
}

body { font-family:"NotoSansCJKjp", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
.serif { font-family:"AozoraMinchoRegular", "小塚明朝 Pro R", "Kozuka Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

} /* max-width: 480px */