@charset "utf-8"; /* 基本の文字色と背景色 */ body { text-align:center; color:#111111; background-color:#ffffff; } .wrap { } .snsIcons { display: flex; justify-content: flex-end; padding: 20px 0; } .snsIcons-list { margin-right: 25px; } .snsIconsHeader .snsIcons-list:last-of-type,.snsIcons-list:last-of-type { margin-right: 0; } .snsIcons-facebook { width: calc(119px / 2); height: calc(117px / 2); background: url('../img/sns/icon/facebook.png') no-repeat; } .snsIcons-twitter { width: calc(120px / 2); height: calc(120px / 2); background: url('../img/sns/icon/twitter.png') no-repeat; } .snsIcons-instagram { width: calc(120px / 2); height: calc(120px / 2); background: url('../img/sns/icon/instagram.png') no-repeat; } .snsIconsHeader.snsIcons { position: absolute; top: 30px; right: 0; z-index: 1000; padding: 0; } .snsIconsHeader .snsIcons-list { margin-right: 15px; } .snsIconsHeader .snsIcons-facebook { width: calc(119px / 3); height: calc(117px / 3); } .snsIconsHeader .snsIcons-twitter { width: calc(120px / 3); height: calc(120px / 3); } .snsIconsHeader .snsIcons-instagram { width: calc(120px / 3); height: calc(120px / 3); } .snsIcons-link { display: block; transition: .3s opacity ease-out; background-size: contain;} .snsIcons-link:hover { opacity: .6; } /* アンカーのカラー */ a:link { color:#358baf; } a:visited { color:#358baf; } a:hover { color:#70adc7; } a:active { color:#70adc7; } /* アンカーに下線を付加 */ .lb { padding-bottom:3px; } .lb a:link { border-bottom:1px solid #358baf; } .lb a:visited { border-bottom:1px solid #358baf; } .lb a:hover { border-bottom:3px double #70adc7; } .lb a:active { border-bottom:3px double #70adc7; } .lb li { margin-bottom:5px; } .lbh { padding-bottom:1px; } .lbh a:hover { border-bottom:1px solid #70adc7; } .lbh a:active { border-bottom:1px solid #70adc7; } .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.5641% !important; /*background-color:#ffeeee;*/ } .grid .g1 { width:5.98291%; } .grid .g2 { width:14.52991%; } .grid .g3 { width:23.07692%; } .grid .g4 { width:31.62393%; } .grid .g5 { width:40.17094%; } .grid .g6 { width:48.71795%; } .grid .g7 { width:57.26496%; } .grid .g8 { width:65.81197%; } .grid .g9 { width:74.35897%; } .grid .g10 { width:82.90598%; } .grid .g11 { width:91.45299%; } .grid .d5 { width:17.94872%; } .grid .d7 { width:12.08791%; } .grid .g12 { width:100%; margin-left:0 !important; clear:left; } .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%; } /* グリッド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; } /* グリッド計算エクセル 幅1170 マージン30 */ .grid .push1 { margin-left:8.54701% !important; } .grid .push2 { margin-left:17.09401% !important; } .grid .push3 { margin-left:25.64102% !important; } .grid .push4 { margin-left:34.18803% !important; } .grid .push5 { margin-left:42.73504% !important; } .grid .push6 { margin-left:51.28205% !important; } .grid .push7 { margin-left:59.82906% !important; } .grid .push8 { margin-left:68.37607% !important; } .grid .push9 { margin-left:76.92307% !important; } .grid .push10 { margin-left:85.47008% !important; } .grid .push11 { margin-left:94.01709% !important; } .inner { margin-bottom:2.04082%; } /* 画像に枠を付ける */ /* span.inimg>em>img */ .inimg img { outline: 1px solid rgba(255,255,255,0.7); 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; } /* 飾り枠 */ .deco_tl { background:url(../img/decoframe_topleft.png) no-repeat left top; padding-top:30px; padding-left:30px; } .deco_br { background:url(../img/decoframe_bottomright.png) no-repeat right bottom; padding-bottom:30px; padding-right:30px; } /* 行間 */ .intxt p { margin-bottom:0.7em; /*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; } /* ヘッダー */ #header { position:relative; width:100%; height:130px; background-color:#ffffff; } #header_inner { position:relative; width:1080px; height:130px; text-align:left; margin:0 auto; } #header_logo { position:absolute; width:280px; height:74px; left:0; top:-6px; background-image:url(../img/header_logo.png); } #header_logo a { display:block; width:280px; height:74px; } @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_lang { position:absolute; width:380px; height:26px; left:508px; top:33px; } #header_lang ul { position:relative; width:380px; height:26px; } #header_lang li { display:inline; float:left; height:26px; } #header_lang li a { height:26px; 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_ja a { width:76px; background-image:url(../img/header_lang_ja.png); } #header_lang_en a { width:76px; background-image:url(../img/header_lang_en.png); } #header_lang_sc a { width:76px; background-image:url(../img/header_lang_sc.png); } #header_lang_tc a { width:76px; background-image:url(../img/header_lang_tc.png); } #header_lang_kr a { width:76px; background-image:url(../img/header_lang_kr.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #header_lang_ja a { background-image:url(../img/header_lang_ja@2x.png); background-size:100%; } #header_lang_en a { background-image:url(../img/header_lang_en@2x.png); background-size:100%; } #header_lang_sc a { background-image:url(../img/header_lang_sc@2x.png); background-size:100%; } #header_lang_tc a { background-image:url(../img/header_lang_tc@2x.png); background-size:100%; } #header_lang_kr a { background-image:url(../img/header_lang_kr@2x.png); background-size:100%; } } #header_font_size { position:absolute; top:0; right:402px; width:170px; height:26px; background:url(../img/header_font_size.png) no-repeat left top; } #header_font_size li { display:inline; float:left; margin-top:4px; height:18px; } #header_font_size li a { display:block; height:18px; } #font_size_normal { width:37px; margin-left:84px; } #font_size_zoom { width:37px; margin-left:2px; } #font_size_normal a { width:37px; background-image:url(../img/btn_font_normal.png); } #font_size_zoom a { width:37px; background-image:url(../img/btn_font_zoom.png); } #header_faq { position:absolute; top:0; right:472px; width:100px; height:26px; }/*301px*/ #header_faq li a { width:100px; height:26px; display:block; background-image:url(../img/header_faq.png); background-position:0 0; } #header_faq li a.current { background-position:0 100%; } #header_faq li a:hover { background-position:0 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #header_faq li a { background-image:url(../img/header_faq@2x.png); background-size:100%; } } #header_inquiry { position:absolute; top:0; right:0; width:470px; height:26px; background:url(../img/header2_inquiry.png) no-repeat left top; }/*300px*/ #header_inquiry li { display:inline; float:left; margin:4px 0 0 100px; } /*4px 0 0 100px*/ #header_inquiry_mail a { width:70px; height:18px; display:block; background-image:url(../img/header_inquiry_mail.png); background-position:0 0; } #header_inquiry_mail a.current { background-position:0 100%; } #header_inquiry_mail a:hover { background-position:0 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #header_inquiry { background-image:url(../img/header_inquiry@2x.png); background-size:100%; } #header_inquiry_mail a { background-image:url(../img/header_inquiry_mail@2x.png); background-size:100%; } } /* グローバルナビゲーションバー */ #nav { position:absolute; bottom:0; right:0; width:1080px; height:60px; z-index:800;} #nav ul { position:relative; text-align:left; margin:0 auto; width:1080px; 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%; } /* グローバルナビゲーションバー7個（オリジナル） */ #nav_accommodation a { width:155px; background-image:url(../img/nav_accommodation.png); } #nav_facilities a { width:154px; background-image:url(../img/nav_facilities.png); } #nav_restaurant a { width:154px; background-image:url(../img/nav_restaurant.png); } #nav_event a { width:154px; background-image:url(../img/nav_event.png); } #nav_wedding a { width:154px; background-image:url(../img/nav_wedding.png); } #nav_shodoshima a { width:154px; background-image:url(../img/nav_shodoshima.png); } #nav_access a { width:155px; background-image:url(../img/nav_access.png); } #nav_event_sightseeing a { width:154px; background-image:url(../img/nav_event_sightseeing.png); } #nav_group a { width:154px; background-image:url(../img/nav_group.png); } #nav_about a { width:135px; background-image:url(../img/nav_about2.png); } * html #nav ul { margin-left:0; } /* グローバルナビゲーションバー8個 */ /* #nav_accommodation a { width:135px; background-image:url(../img/nav_accommodation2.png); } #nav_facilities a { width:135px; background-image:url(../img/nav_facilities2.png); } #nav_restaurant a { width:135px; background-image:url(../img/nav_restaurant2.png); } #nav_wedding a { width:135px; background-image:url(../img/nav_wedding2.png); } #nav_access a { width:135px; background-image:url(../img/nav_access2.png); } #nav_event_sightseeing a { width:135px; background-image:url(../img/nav_event_sightseeing2.png); } #nav_group a { width:135px; background-image:url(../img/nav_group2.png); } #nav_about a { width:135px; background-image:url(../img/nav_about.png); } */ /*　ここまで　*/ #image_path { width:100%; height:auto; } #image { width:100%; height:auto; background-position:center top; margin:0 auto; } #text_page_title { display:none; position:absolute; top:0; left:0; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; color:#ffffff; text-shadow: 0px 0px 15px #000000; font-size:2.4em; line-height:1.0em;} #text_page_title span.en { font-family: 'Libre Baskerville', serif; font-size:0.4em; text-transform:uppercase; } body.home #image_path { height:auto; } body.home #image { height:auto; } /* パンくずリスト */ #topicpath { position:absolute; width:100%; height:40px; left:0; color:#ffffff; text-shadow: 0px 0px 15px #000000; } #topicpath ol { position:relative; text-align:left; margin:0 auto; width:1080px; 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; } body.home div.scrollnews div.jspPane { padding:2em 2em 2em 2em !important; background-color:#f6f6f6; } /* ヘッダー固定 */ #header.fixed { position:fixed; z-index:800; } #image_path.fixed { padding-top:130px; } /* 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; } } div.firstview-text { position: absolute; z-index: 1; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .5); } .firstview-text p { text-align:center; color:#ffffff; font-size:2em; padding:1em; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;} @media screen and (max-width:600px) { /* (Sumaho) */ .firstview-text p {color:#ffffff; text-align:center; font-size:1.2em; padding:1em; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;} ul.slides img {width: auto; height: 240px; object-fit: cover;} } /* フッター */ #footer { font-size:90%; position:relative; width:100%; border-top:3px solid #E3E2E4; } #footer_link { position:relative; width:1080px; margin:0 auto; padding:10px 0; } #footer_sitemap li { display:inline; float:left; background:url(../img/footer_sitemap_bg.gif) no-repeat right center; } #footer_sitemap li a { display:block; padding:0.3em 1em; color:#181818; } #footer_sitemap li a:hover { color:#666666; } #footer_sitemap li a.current { color:#666666; } #footer_info { position:relative; width:100%; border-top:1px solid #f1f1f1; } #footer_info_inner { position:relative; width:1080px; margin:0 auto; } #footer_logo { width:40px; height:40px; background-image:url(../img/footer_logo.png); float:left; margin-right:10px; } #footer_logo a { display:block; width:40px; height:40px; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_logo { background-image:url(../img/footer_logo@2x.png); background-size:100%; } } #footer_address { float:left; } #footer_address p.blue { font-size:1.4em; } #footer_menu { position:absolute; width:187px; height:20px; right:310px; top:7px; } #footer_menu ul { position:relative; width:187px; height:20px; } #footer_menu li { display:inline; float:left; height:20px; } #footer_menu li a { height:20px; display:block; background-position:0 0; } #footer_menu li a.current { background-position:0 100%; } #footer_menu li a:hover { background-position:0 100%; } #footer_menu_faq a { width:99px; background-image:url(../img/footer_menu_faq.png); } #footer_menu_inquiry a { width:88px; background-image:url(../img/footer_menu_inquiry.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_menu_faq a { background-image:url(../img/footer_menu_faq@2x.png); background-size:100%; } #footer_menu_inquiry a { background-image:url(../img/footer_menu_inquiry@2x.png); background-size:100%; } } #footer_tel { position:absolute; top:0; right:120px; width:190px; height:40px; background-image:url(../img/footer_tel2.png); } #footer_plan { position:absolute; top:0; right:0; } #footer_plan a { width:120px; height:40px; display:block; background-image:url(../img/footer_plan.png); background-position:0 0; } #footer_plan a.current { background-position:0 100%; } #footer_plan a:hover { background-position:0 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_tel { background-image:url(../img/footer_tel@2x.png); background-size:100%; } #footer_plan a { background-image:url(../img/footer_plan@2x.png); background-size:100%; } } /* コンテンツレイアウト */ .contents_outer { position:relative; width:100%; } .contents_inner { position:relative; width:1080px; text-align:left; margin:0 auto; padding:0; background:url(../img/contents_bg_light.png) no-repeat center top; } .contents_inner.-full {width: 100%;} .darkblue_bg .contents_inner { background:none; } .hr { border-top:3px solid #f1f1f1; padding:20px 0; } #sub div.box { margin-bottom:10px; } #sub div.inner { padding:8px; } #sub div.hr { border-bottom:1px solid #DFD8C7; } /* サブの空室検索・予約フォーム */ #sub_reservation { font-size:90%; width:220px; background-color:#003366; padding-bottom:5px; } #sub_reservation_form { width:210px; background:url(../js/sub_reservation/reservation_bg.gif) #ffffff center top; margin:0 5px 0 5px; } #sub_reservation_inner { margin:0 15px; padding:0; } #sub_reservation_inner th,#sub_reservation_inner td { padding:10px 0; } #sub_reservation_inner th { border-bottom:1px dotted #CCCCCC; } #footer_reservation_outer { width:100%; height:70px; text-align:center; position:fixed !important; position:absolute; left:0; bottom:0; z-index:800; background:url(../js/footer_reservation/footer_reservation_bg.png) repeat top left; } #footer_reservation_inner { width:1080px; margin:0 auto; padding:0; text-align:left; color:#FFFFFF; } #footer_reservation_inner table { margin-top:17px;} #footer_reservation_inner .ui-datepicker-trigger { padding:3px; } #footer_reservation_submit { display:block; margin:0; padding:0; border:1px solid #576706; background-color:#576706; } #footer_reservation_submit span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../js/footer_reservation/ico_submit.png) #576706 no-repeat 5px center; } #footer_reservation_submit:hover span { background-color:#798640; } #footer_reservation_submit.current span { background-color:#798640; } @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:-40px auto 0 auto; width:225px; height:40px; } #footer_reservation_btn a { width:225px; height:40px; display:block; background-image:url(../js/footer_reservation/footer_reservation_btn.png); } #footer_reservation_btn a.en { width:225px; height:40px; display:block; background-image:url(../js/footer_reservation_en/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%; } #footer_reservation_btn a.en { background-image:url(../js/footer_reservation_en/footer_reservation_btn@2x.png); background-size:100%; } } /* ページ上部空室検索 */ #top_reservation { height:70px; } #top_reservation_outer { width:100%; /*height:70px;*/ padding: 15px 0; text-align:center; position:relative; position:absolute; left:0; z-index:10; background:url(../js/top_reservation/top_reservation_bg.png) repeat top left; } #top_reservation_inner { width:1080px; margin:0 auto; padding:0; text-align:left; color:#FFFFFF; } #top_reservation_inner table { /*margin-top:24px;*/ } #top_reservation_inner .ui-datepicker-trigger { padding:3px; } #top_reservation_submit { display:block; margin:0; padding:0; border:1px solid #576706; background-color:#576706; cursor: pointer; } #top_reservation_submit span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../js/top_reservation/ico_submit.png) #576706 no-repeat 5px center; } #top_reservation_submit:hover span { background-color:#798640; } #top_reservation_submit.current span { background-color:#798640; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #top_reservation_submit span { background-image:url(../js/top_reservation/ico_submit@2x.png); background-size:14px 14px; } } /* ページ上部空室検索 end */ /* ページ中部空室検索 */ #mid_reservation { height:70px; } #mid_reservation_outer { width:100%; height:70px; text-align:center; position:relative; position:absolute; left:0; z-index:10; background:url(../js/mid_reservation/mid_reservation_bg.png) repeat top left; } #mid_reservation_inner { width:1080px; margin:0 auto; padding:0; text-align:left; color:#FFFFFF; } #mid_reservation_inner table { margin-top:17px;} #mid_reservation_inner .ui-datepicker-trigger { padding:3px; } #mid_reservation_submit { display:block; margin:0; padding:0; border:1px solid #576706; background-color:#576706; } #mid_reservation_submit span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../js/mid_reservation/ico_submit.png) #576706 no-repeat 5px center; } #mid_reservation_submit:hover span { background-color:#798640; } #mid_reservation_submit.current span { background-color:#798640; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #mid_reservation_submit span { background-image:url(../js/mid_reservation/ico_submit@2x.png); background-size:14px 14px; } } /* ページ中部空室検索 end */ /* ページの先頭へボタン */ #page_top { position:fixed; right:5px; bottom:65px; width:60px; height:60px; z-index:900; } /* bottom:5px; */ #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; } .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:1%; top:28%; padding-right:1%; line-height:1.4; } #weather_right { padding-left:20px; } em.must { display:inline-block; padding:0.1em 0.3em; font-size:80%; margin-left:0.5em; background-color:#ed6d35; color:#ffffff; } /* 右端フローティングメニュー */ /* #sub { position:absolute; top:10px; right:0; width:55px; height:625px; z-index:900; left:auto!important; } */ /* オリジナル */ #sub { position:absolute; top:10px; right:0; width:55px; height:635px; z-index:900; left:auto!important; } /* #sub { position:absolute; top:10px; right:0; width:55px; height:760px; z-index:900; left:auto!important; } */ /* 6個 */ /* テクスチャ */ .bg_paper { background:url(../img/bg_paper.jpg) left top repeat; } /* 見出し */ h1, h2, h3, h4, h5, h6, caption, dt { position:relative; } /* 見出しタイプ1 */ h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1 { font-family: 'Libre Baskerville', "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝", serif; display:block; padding:0.5em 0 0.5em 0; color:#5a4836; font-size:1.8em; } h1.type1 a, h2.type1 a, h3.type1 a, h4.type1 a, h5.type1 a, h6.type1 a, span.type1 a { color:#5a4836; } 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:#5a4836; } 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 { font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; color:#5a4836; /* margin-left:40px; */ } 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: 'Libre Baskerville', serif; color:#aea48d; font-size:0.6em; margin-left:10px; text-transform:uppercase; } /* 見出しタイプ2 */ h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2 { text-align:center; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; display:block; margin:0 auto 20px auto; padding:10px 0 0 0; color:#3c3f53; font-size:1.8em; line-height:1.0em;} h1.type2 a, h2.type2 a, h3.type2 a, h4.type2 a, h5.type2 a, h6.type2 a, span.type2 a { color:#3c3f53; 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:#3c3f53; } 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: 'Libre Baskerville', serif; color:#aea48d; font-size:0.5em; text-transform:uppercase; } h1.type2 span.ja, h2.type2 span.ja, h3.type2 span.ja, h4.type2 span.ja, h5.type2 span.ja, h6.type2 span.ja, span.type2 span.ja { font-family: 'Libre Baskerville', serif; color:#aea48d; font-size:0.8em; text-transform:uppercase; } /* 見出しタイプ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; padding:0; color:#a58849; font-size:1.4em; } h1.type3 a, h2.type3 a, h3.type3 a, h4.type3 a, h5.type3 a, h6.type3 a, span.type3 a { color:#a58849; } 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:#a58849; } /* 見出しタイプ4 */ h1.type4, h2.type4, h3.type4, h4.type4, h5.type4, h6.type4, span.type4 { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; display:block; padding:0; color:#a58849; font-size:1.4em; } h1.type4 a, h2.type4 a, h3.type4 a, h4.type4 a, h5.type4 a, h6.type4 a, span.type4 a { color:#a58849; } 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:#a58849; } /* 見出しタイプ5 */ h1.type5, h2.type5, h3.type5, h4.type5, h5.type5, h6.type5, span.type5 { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; display:block; padding:10px; margin-bottom:10px; color:#826b39; font-size:1.4em; background-color:#f1f1f1; } h1.type5 a, h2.type5 a, h3.type5 a, h4.type5 a, h5.type5 a, h6.type5 a, span.type5 a { color:#a58849; } 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:#a58849; } .bc1 { background-color:#00a0e9 !important; } .bc2 { background-color:#0d6fb8 !important; } .bc3 { background-color:#006835 !important; } .bc4 { background-color:#956134 !important; } .bc5 { background-color:#23ac38 !important; } .bc6 { background-color:#601986 !important; } .bc7 { background-color:#393041 !important; } .bc8 { background-color:#4d5e02 !important; } .bc9 { background-color:#826b39 !important; } .bc_red { background-color:#e94653 !important; color:#ffffff;} .bc_olive { background-color:#536c33 !important; } .fc1 { color:#00a0e9 !important; } .fc2 { color:#0d6fb8 !important; } .fc3 { color:#006835 !important; } .fc4 { color:#956134 !important; } .fc5 { color:#23ac38 !important; } .fc6 { color:#601986 !important; } .fc7 { color:#393041 !important; } .fc8 { color:#4d5e02 !important; } .fcw { color:#ffffff !important; } .fcd { color:#111111 !important; } .fc9 { color:#cb5911 !important; } /* 汎用情報ボックス */ dl.info { padding:8px; border:2px solid #f1f1f1; -moz-border-radius : 6px; -webkit-border-radius: 6px; -o-border-radius : 6px; -ms-border-radius : 6px; } dl.info dt { color:#4c5e00; font-size:1.2em; font-weight:bold; margin-bottom:3px; } dl.info dt span { font-size:1.0em !important; } div.info { padding:8px; border:1px solid #004da0; -moz-border-radius : 4px; -webkit-border-radius: 4px; -o-border-radius : 4px; -ms-border-radius : 4px; } /* 個人情報保護方針 */ dl.policy { padding:8px; } dl.policy dt { color:#5a4836; font-size:1.2em; font-weight:bold; margin-bottom:3px; } dl.policy dd { padding-left:1em; } /* トップ掲載されました */ 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; } } /* dl.faq dt { background:url(../img/ico_faq_q.png) no-repeat left top; padding:0 0 0 20px; font-weight:bold; } dl.faq dd { background:url(../img/ico_faq_a.png) no-repeat left top; padding:0 0 10px 20px; margin:6px 0 30px 0; border-bottom:1px dotted #DFD8C7; } dl.faq dt a:hover { color:#333333; } */ /* リスト */ ul.type1 li { background-image:url(../img/ul_type1.png); background-position:left 0.3em; padding-left:14px; } ul.type2 li { background-image:url(../img/ul_type2.png); background-position:left 0.2em; padding-left:17px; } ul.type3 li { background-image:url(../img/ul_type3.png); background-position:left 0.2em; padding-left:17px; } ul.type4 li { background-image:url(../img/ul_type4.png); background-position:left 0.2em; padding-left:17px; } ul.type5 li { background-image:url(../img/ul_type5.png); background-position:left 0.2em; padding-left:17px; } @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:9px 11px; } ul.type2 li { background-image:url(../img/ul_type2@2x.png); background-size:15px 15px; } ul.type3 li { background-image:url(../img/ul_type3@2x.png); background-size:15px 15px; } ul.type4 li { background-image:url(../img/ul_type4@2x.png); background-size:15px 15px; } ul.type5 li { background-image:url(../img/ul_type5@2x.png); background-size:15px 15px; } } /* 強調 */ /* .appeal { color:#f2540b; } */ .appeal { color:#3e9bb6 !important;} .notice { color:#ed3605; } .accent { color:#8B8C0B; font-weight:bold; } .accent_o { color:#F76318; font-weight:bold; } .attention {color:#cc0000; font-weight:bold; } .new { color:#cc0000; font-weight:bold; background-color:#ffff99;} .accent_bl {color:#1459BA; } .accent_or {color:#FF3300; } .accent_pk {color:#F43D98; } .accent_br {color:#8D6146; } .accent_gl {color:#826b39; } .accent_red {color:#cc0000;} .pink { color:#e50140 !important;} .accent_bg { background-color:#dfeffa; } /* .price { color:#e62727 !important;} .notice { color:#e62727 !important;} .appeal { color:#3e9bb6 !important;} .accent { color:#4c5e00 !important;} .accent_pk { color:#f43d98 !important;} .blue { color:#3e9bb6 !important;} .pink { color:#e50140 !important;} .white { color:#ffffff !important;} .gray { color:#aaaaaa !important;} */ .fen { font-family: Times, serif; } em.i { font-style:italic; font-size:105%; } /* アイコン */ .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; } } /* アイコン（客室） */ .ico_olive a, .ico_olive { background:url(../img/ico_olive.gif) no-repeat left center; padding-left:30px !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ico_olive a, .ico_olive { background-image:url(../img/ico_olive@2x.gif); background-size:28px 25px; } } /* アイコン（イベント） */ .ico_shodo a, .ico_shodo { background:url(../img/ico_shodo.gif) no-repeat left center; padding-left:38px !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ico_shodo a, .ico_shodo { background-image:url(../img/ico_shodo@2x.gif); background-size:25px 32px; } } .ico_ev_oli a, .ico_ev_oli { background:url(../img/ico_ev_oli.gif) no-repeat left center; padding-left:30px !important;} @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ico_ev_oli a, .ico_ev_oli { background-image:url(../img/ico_ev_oli@2x.gif); background-size:25px 25px; } } /* テーブルパディングパターン */ 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 #e6e6e6; } table.type1 th, table.type1 td { border-top:1px solid #e6e6e6; } table.type1 th { background-color:#f6f6f6; } table.type1 td { background-color:#ffffff; } table.type2 caption { text-align:left; padding-bottom:8px; } table.type2 { border-bottom:1px solid #d9d6bc; } table.type2 th, table.type2 td { border-top:1px solid #d9d6bc; } table.type2 th { background-color:#eae7ce; } table.type2 td { background-color:#ffffff; } table.type3 caption { text-align:left; padding-bottom:8px; } table.type3 { border-bottom:1px solid #e6e6e6; } table.type3 th, table.type3 td { border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; } table.type3 th { background-color:#f6f6f6; } table.type3 td { background-color:#ffffff; } /* テーブルボーダーパターン5 */ table.type5 {font-size: 11px;} table.type5 caption { text-align:left; padding-bottom:8px; } table.type5 tr.week th { border-left:solid 1px #9B7521; border-bottom:solid 1px #9B7521; border-top:solid 1px #9B7521; background-color:#9B7521; color:#fff; padding: 10px 0;} table.type5 tr.week th:last-of-type { border-right:solid 1px #9B7521;} table.type5 tr td { background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; padding: 10px 0;} table.type5 tr th { background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; } /* ランチカレンダー */ table td.vk { font-weight:bold; background-color:#6a3906; color:#ffffff;} table td.gentei { font-weight:bold; background-color:#eb6100; color:#ffffff;} table td.des { font-weight:bold; background-color:#f43d98; color:#000000;} table td.ita { font-weight:bold; background-color:#a40000; color:#ffffff;} table td.art { font-weight:bold; background-color:#462d05; color:#ffffff;} .week { text-decoration:none; } .holi2 { text-decoration:underline; color:#ff0000;} .holi { text-decoration:underline; color:#ffd0c4;} .viking_eigyo {color:#6a3906;} .gentei_eigyo {color:#eb6100;} .des_eigyo {color:#f43d98;} .ita_eigyo {color:#a40000;} .art_eigyo {color:#462d05;} /* homeおもてなしコンテンツ */ table.weather {font-size: 11px; text-align:center; } table.weather th {background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; padding: 10px 0; } table.weather td {background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; padding: 10px 0; position:relative; } table.weather tr.week th { padding:1em; border-left:solid 1px #9B7521; border-bottom:solid 1px #9B7521; border-top:solid 1px #9B7521; background-color:#9B7521; color:#fff; } table.weather tr.from th { background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; padding:0 0.5em; } table.weather tr.place local th { background-color: rgba(255, 255, 255, 0.7); border:1px solid #dadada; border-bottom:1px solid #dadada; padding:0 0.5em; } /*table.weather .now { background-color:#625304; }*/ /*table.weather span.ico { display:block; padding:0 5em 1em; }*/ /*table.weather span.temp-now { color:#111111; font-size:70%; }*/ table.weather span.temp-max { color:#ff2a00; } table.weather span.temp-min { color:#0073d5; } /*table.weather span.temp-sep { font-size:80%; padding:0 0.5em; }*/ table.weather span.date { color:#ffffff; } /*table.weather tr.from td:after, table.weather tr.place td:after { content:''; position:absolute; top:0; right:-5px; padding-top:50%; width:0; }*/ /* テーブル背景パターン */ td.bg1, th.bg1, tr.bg1 th { background-color:#F6F6F6 !important; } td.bg2, th.bg2, tr.bg2 th { background-color:#D0ECEA !important; } td.bg3, th.bg3, tr.bg3 th { color:#ffffff; background-color:#e75a96 !important; } td.bg4, th.bg4, tr.bg4 th { color:#ffffff; background-color:#5974B4 !important; } td.bg5, th.bg5, tr.bg5 th { color:#ffffff; background:url(../img/th_bg5.png) repeat left top !important; } /* ボタン1 */ .btn1 a { display:block; background-color:#3a2f4c; } .btn1 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn1.png) #3a2f4c no-repeat 5px center; } .btn1 a:hover span { background-color:#554b65; } .btn1 a.current span { background-color:#554b65; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn1 a span { background-image:url(../img/btn1@2x.png); background-size:14px 14px; } } /* ボタン2 */ .btn2 a { display:block; background-color:#5a4836; } .btn2 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn2.png) #5a4836 no-repeat 5px center; } .btn2 a:hover span { background-color:#7d6f61; } .btn2 a.current span { background-color:#7d6f61; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn2 a span { background-image:url(../img/btn2@2x.png); background-size:14px 14px; } } /* ボタン3 */ .btn3 a { display:block; background-color:#536c33; } .btn3 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn3.png) #536c33 no-repeat 5px center; } .btn3 a:hover span { background-color:#71845d; } .btn3 a.current span { background-color:#71845d; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn3 a span { background-image:url(../img/btn3@2x.png); background-size:14px 14px; } } /* ボタン4 */ .btn4 a { display:block; background-color:#878370; } .btn4 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn4.png) #878370 no-repeat 5px center; } .btn4 a:hover span { background-color:#b3af9a; } .btn4 a.current span { background-color:#b3af9a; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn4 a span { background-image:url(../img/btn4@2x.png); background-size:14px 14px; } } /* ボタン5 */ .btn5 a { display:block; background-color:#536c33; } .btn5 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px; text-align:center; background-color:#536c33; } .btn5 a:hover span { background-color:#71845d; } .btn5 a.current span { background-color:#71845d; } /* ボタン6 */ .btn6 a { display:block; background-color:#eb4a02; } .btn6 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn4.png) #eb4a02 no-repeat 5px center; } .btn6 a:hover span { background-color:#eb6100; } .btn6 a.current span { background-color:#eb6100; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn6 a span { background-image:url(../img/btn4@2x.png); background-size:14px 14px; } } /* ボタン7 */ .btn7 a { display:block; background-color:#eb4a02; } .btn7 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn4.png) #eb4a02 no-repeat 5px center; } .btn7 a:hover span { background-color: #FB8D02; } .btn7 a.current span { background-color:#eb6100; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn7 a span { background-image:url(../img/btn4@2x.png); background-size:14px 14px; } } /* ボタン8 */ .btn8 a { display:block; background-color:#536c33; } .btn8 a span { display:block; margin:0; color:#ffffff; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn3.png) #536c33 no-repeat 5px center; } .btn8 a:hover span { background-color: #A1C8A4;} .btn8 a.current span { background-color:#71845d; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn8 a span { background-image:url(../img/btn3@2x.png); background-size:14px 14px; } } /* ボタン9 */ .btn9 a { display:block; background-color:#ffffff; } .btn9 a span { display:block; margin:0; color:#3a2f4c; font-weight:bold; padding:2px 2px 2px 14px; text-align:center; background:url(../img/ul_type1.png) #ffffff no-repeat 5px center; } .btn9 a:hover span { background-color: #d8d5db;} .btn9 a.current span { background-color:ffffff; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .btn9 a span { background-image:url(../img/ul_type1@2x.png); background-size:14px 14px; } } /* 画像に矢印を付ける */ .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; } @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; } /* 宿泊プラン一覧 */ /* #plan_list div.accommodation_plan_list {margin-bottom:5px; padding:20px 0; } */ #plan_list div.accommodation_plan_list {margin-bottom:15px; padding:10px; border:2px solid #a58849; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;} #plan_list h3 span.p_ico { float:right; padding:2px 5px 2px 0;} #plan_list div.accommodation_plan_list h3 { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; display:block; padding:10px; margin-bottom:10px; color:#826b39; font-size:1.4em; background-color:#f1f1f1;} #plan_list div.accommodation_plan_list h3 a { color:#a58849; } #plan_list div.accommodation_plan_list h3 a:hover { color:#c0a872; } /* 宿泊プランチェックボックス */ div#accommodation_plan_menu { padding:5px 0 10px 0; margin:0 0 10px 10px; border-bottom:1px solid #dddddd; } div#accommodation_plan_menu label { margin-right:20px; width:200px; } div#accommodation_plan_menu img { margin-top:5px;} div#accommodation_plan_menu label#lb_ap_low { margin-right:5px; width:200px; }/* margin-right:5px */ /* margin-right:480px */ div#accommodation_plan_menu label#lb_ap_gw { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_sum { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_sil { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_xmas { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_ny { margin-right:5px; width:200px; }/* margin-right:150px */ div#accommodation_plan_menu label#lb_ap_two { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_fam { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_ladies { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_single { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_group { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_exp { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_pet { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_etc { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_d { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_bf { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_su { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_dbf { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_gototi { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_wa { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_vik { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_tep { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_stu { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_bbq { margin-right:5px; width:200px; } /* 宿泊プランチェックボックス */ div#accommodation_plan_menu2 { padding:15px 0 10px 0; margin:0 0 10px 10px; border-top:1px solid #dddddd; } div#accommodation_plan_menu2 label { margin-right:20px; width:200px; } div#accommodation_plan_menu2 img { margin-top:5px;} div#accommodation_plan_menu2 label#lb_ap_low2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_gw2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_sum2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_sil2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_xmas2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_ny2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_two2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_fam2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_ladies2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_single2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_group2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_exp2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_pet2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_etc2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_d2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_bf2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_su2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_dbf2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_gototi2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_wa2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_vik2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_tep2 { margin-right:5px; width:200px; } div#accommodation_plan_menu2 label#lb_ap_stu2 { margin-right:5px; width:200px; } div#accommodation_plan_menu label#lb_ap_bbq2 { margin-right:5px; width:200px; } /* イベントタブ */ div#event_menu { padding-top:5px; margin:0 0 10px 10px; } div#event_menu li { display:inline; width:160px; height:30px; margin-right:5px; } div#event_menu li a { width:160px; height:30px; display:block; background-position:0 0; } /* div#event_menu li a.current { background-position:0 100%; } div#event_menu li a:hover { background-position:0 100%; } div#event_menu a#tab_spring { background-image:url(../img/event_tab_spring.jpg); } div#event_menu a#tab_summer { background-image:url(../img/event_tab_summer.jpg); } div#event_menu a#tab_autumn { background-image:url(../img/event_tab_autumn.jpg); } div#event_menu a#tab_winter { background-image:url(../img/event_tab_winter.jpg); } */ /* 観光ぐるっと小豆島　季節タブ */ div#gurutto_menu { padding-top:5px; margin:0 0 10px 10px; } div#gurutto_menu li { display:inline; width:160px; height:30px; margin-right:5px; } div#gurutto_menu li a { width:160px; height:30px; display:block; background-position:0 0; } div.event_list h3.gurutto {background-color:#ffffff;} /* /* イベント一覧 */ .event_list {margin-bottom:5px; padding:20px 0; } .event_list h3 { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; display:block; padding:10px; margin-bottom:10px; color:#826b39; font-size:1.4em; background-color:#f1f1f1;} .event_list h3 a { color:#a58849; } .event_list h3 a:hover { color:#c0a872; } div.event_list p.detail { padding-top:10px; } div.event_list p.detail span { float:right; } div.event_list em.notice { font-size:0.8em; color:#ff0000; } div.event_list ul.bullet {font-size:0.8em; } div.event_list ul.bullet li { margin-bottom:3px; } div.event_list li.end {color:#1458b9;} div.event_list li.notice {color:#ff0000;} div.photobox { padding:5px; background-color:#eeeeee; } div.photobox h2 { width:auto; height:auto; font-weight:bold; } div.photobox table { margin:5px 0 0 0; } /* 新着情報一覧 */ table.news th{ padding: 5px 0; text-align:center; } table.news td{ padding: 5px 17px; text-align:left;} table.news .news_label { color:#ffffff; } table.news .restaurant .news_label{ background-color:#7da526;} table.news .plan .news_label{ background-color:#f58830;} table.news .banquet .news_label{ background-color:#594b40;} table.news .event .news_label{ background-color:#d5444b;} table.news .information .news_label{ background-color:#2163a1;} /* 日程カレンダー */ table.plan { margin-right:10px;} table.plan caption { color:#333333; text-align:left; font-size:1.2em; padding-bottom:2px; } table.plan th { color:#fff; font-weight:bold; background-color: #756a58 ; } table.plan th.sun { color:#fff; font-weight:bold; background-color: #a60018 ; } table.plan th.sat { color:#fff; font-weight:bold; background-color: #079cc9 ; } table.plan th, table.plan td { font-size:12px; width:30px; height:30px; text-align:center; vertical-align:middle; border:1px solid #423C32; } table.plan td { color:#333333; } /*table.plan td.bga { font-weight:bold; cursor:pointer; background:url(../../topics/henro/img/a_bg.gif) repeat-x center center; color:#ffffff; } table.plan td.bgb { font-weight:bold; cursor:pointer; background:url(../../topics/henro/img/b_bg.gif) repeat-x center center; color:#ffffff; } table.plan td.bgc { font-weight:bold; cursor:pointer; background:url(../../topics/henro/img/c_bg.gif) repeat-x center center; color:#ffffff; } table.plan td.bgd { font-weight:bold; cursor:pointer; background:url(../../topics/henro/img/d_bg.gif) repeat-x center center; color:#ffffff; }*/ table.plan td.bga a,table.plan td.bgb a,table.plan td.bgc a,table.plan td.bgd a { color:#ffffff; } .week { text-decoration:none; } .holi { text-decoration:underline; } .sp_topics_slider { width:659px; margin:0 auto; } /* SNSボタン */ .share-buttons { position:absolute; right:5px; top:33px; } .share-buttons li { float:left; width:25px; } /*-------------------------------------------------------------------------------- */ /* タブレット・スマホ非表示 */ .tablet { display:none !important; } .sumaho { display:none !important; } /*-------------------------------------------------------------------------------- */ @media screen and (min-width: 769px) and (max-width: 1200px) { #image_path { width:100%; height: auto; background: 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; } #header { height:154px; } #header_inner { width:98%; height:154px; } #header_logo { width:280px; height:74px; background-size:100%; left:0; top:9px; } #header_logo a { width:280px; height:74px; } #header_address { float:right; margin-top:30px; } #header_menu { height:auto; overflow:hidden; position:absolute; top:60px; left:auto; right:0 !important; width:40%; text-align:right; } #header_menu ul { width:100%; height:35px; max-height:35px; } #header_menu li { width:33.33333%; height:35px; max-height:35px; } #header_menu li a { width:100%; background-image:none; display:block; color:#146d9f; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; } #header_menu li a span.reader { display:block; line-height:normal; font-size:1.0em; position:static; left:auto; text-align:center; line-height:35px; } #nav { width:100%; height:auto; overflow:hidden; } #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; display:block; color:#1c1c1c; font-weight:bold; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; } #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 li a span.reader_l2 { display:block; line-height:normal; font-size:1.2em; position:static; left:auto; text-align:center; line-height:25px; } .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 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; } body.home div.scrollnews div.jspPane { padding:1em !important; } .contents_outer { width:100%; } .contents_inner, .contents_inner.-full { width:96%; } .bx-controls-direction { display:none !important; } .btn1 a span { padding:6px 6px; } .btn2 a span { padding:6px 6px; } #footer_link { width:96%; } #footer_info_inner { width:96%; } #footer_reservation_inner { width:96%; } #top_reservation_inner { width:96%; } #mid_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.5641% !important; /*background-color:#ffeeee;*/ } .grid .sg1 { width:5.98291%; } .grid .sg2 { width:14.52991%; } .grid .sg3 { width:23.07692%; } .grid .sg4 { width:31.62393%; } .grid .sg5 { width:40.17094%; } .grid .sg6 { width:48.71795%; } .grid .sg7 { width:57.26496%; } .grid .sg8 { width:65.81197%; } .grid .sg9 { width:74.35897%; } .grid .sg10 { width:82.90598%; } .grid .sg11 { width:91.45299%; } .grid .sd5 { width:17.94872%; } .grid .sd7 { width:12.08791%; } .grid .sg12 { width:100%; margin-left:0 !important; clear:left; } .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; } /* グリッド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; } .grid .spush1 { margin-left:8.54701% !important; } .grid .spush2 { margin-left:17.09401% !important; } .grid .spush3 { margin-left:25.64102% !important; } .grid .spush4 { margin-left:34.18803% !important; } .grid .spush5 { margin-left:42.73504% !important; } .grid .spush6 { margin-left:51.28205% !important; } .grid .spush7 { margin-left:59.82906% !important; } .grid .spush8 { margin-left:68.37607% !important; } .grid .spush9 { margin-left:76.92307% !important; } .grid .spush10 { margin-left:85.47008% !important; } .grid .spush11 { margin-left:94.01709% !important; } .weather .w_text { font-size:0.9em !important; } .share-buttons { position:absolute; left:0; top:2px; } #header_lang { top:34px; left:360px; width:100%; z-index:10; display:block !important; position:relative; } #header_lang li { width:12%; } #header_lang a { width:100%; } #header_lang_ja { display:none !important; } } /* 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; } table.sumaho { display:table !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.5641% !important; /*background-color:#ffeeee;*/ } .grid .ssg1 { width:5.98291%; } .grid .ssg2 { width:14.52991%; } .grid .ssg3 { width:23.07692%; } .grid .ssg4 { width:31.62393%; } .grid .ssg5 { width:40.17094%; } .grid .ssg6 { width:48.71795%; } .grid .ssg7 { width:57.26496%; } .grid .ssg8 { width:65.81197%; } .grid .ssg9 { width:74.35897%; } .grid .ssg10 { width:82.90598%; } .grid .ssg11 { width:91.45299%; } .grid .ssd5 { width:17.94872%; } .grid .ssd7 { width:12.08791%; } .grid .ssg12 { width:100%; margin-left:0 !important; clear:left; } .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; } /* グリッド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; } .grid .sspush1 { margin-left:8.54701% !important; } .grid .sspush2 { margin-left:17.09401% !important; } .grid .sspush3 { margin-left:25.64102% !important; } .grid .sspush4 { margin-left:34.18803% !important; } .grid .sspush5 { margin-left:42.73504% !important; } .grid .sspush6 { margin-left:51.28205% !important; } .grid .sspush7 { margin-left:59.82906% !important; } .grid .sspush8 { margin-left:68.37607% !important; } .grid .sspush9 { margin-left:76.92307% !important; } .grid .sspush10 { margin-left:85.47008% !important; } .grid .sspush11 { margin-left:94.01709% !important; } #header { height:auto; } #header_inner { width:96%; height:auto; } #header_lang { top:76px; left:0; width:100%; z-index:10; display:block !important; position:static; } #header_lang li { width:25%; } #header_lang a { width:100%; } #header_lang_ja { display:none !important; } #header_logo { margin:0; position:relative; top:0; width:100%; height:70px; background-size:cover; background-position:center center; } #header_logo a { height:70px; } #header_address { float:right; width:98%; margin:0; } #header_menu, #nav { display:none !important; } #footer { padding-bottom:0 !important; width:98%; margin:0 auto; } #footer_link { padding-top:10px; } /* #footer_logo { background-size:100%; width:100%; height:auto; } #footer_logo a { width:100%; height:auto; } */ #image_path { clear:both; padding-top:12px; } .sumaho_head_nav { font-size:85%; } .sumaho_nav p a { display:block; background-color:#4d5c39; color:#fff; text-align:center; position:relative; } .sumaho_nav p a span { position:relative; } .sumaho_nav p a span:before { content:""; display:block; width:1.4em; height:1.4em; margin:0 0 0 -2em; background:url(../img/ico_sumaho_nav_close.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; } .sumaho_nav p a span.open:before { background-image:url(../img/ico_sumaho_nav_open.png); } .sumaho_nav li a { display:block; } .sumaho_nav li a span { display:block; margin:0; color:#ffffff; padding:2px 2px 2px 14px; text-align:center; background:url(../img/btn3.png) no-repeat 5px center; } .sumaho_nav li a:hover span { background-color:#71845d; } .sumaho_nav li a.current span { background-color:#71845d; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .sumaho_nav li a span { background-image:url(../img/btn3@2x.png); background-size:14px 14px; } } .sumaho_nav li a { border-bottom: 1px solid #818c73; } .sumaho_nav li:nth-child(2n) a { border-left: 1px solid #818c73; } .sumaho_nav li a, .sumaho_nav li a span { background-color: #536c33; } .sumaho_nav li a:hover span, .sumaho_nav li a.current span { background-color: #657a49; } .sumaho_nav li:nth-child(4n) a,.sumaho_nav li:nth-child(4n+1) a, .sumaho_nav li:nth-child(4n) a span, .sumaho_nav li:nth-child(4n+1) a span { background-color: #5c7838; } .sumaho_nav li:nth-child(4n) a:hover span, .sumaho_nav li:nth-child(4n+1) a:hover span, .sumaho_nav li:nth-child(4n) a.current span, .sumaho_nav li:nth-child(4n+1) a.current span { background-color: #6f8c49; } #footer_sitemap { margin-bottom:10px; } #footer_sitemap li, #footer_sitemap li.noimg { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; display:block; float:left; background-color:#ffffff !important; width:48%; outline: 1px solid #4c5e00; outline-offset:0; margin:1%; } #footer_sitemap li a { display:block; padding:1em; color:#0f1e29; } #footer_sitemap li a:hover { background-color:#e9ebdf !important; } #footer_sitemap li a.current { background-color:#e9ebdf !important; } #footer_address p.blue { margin-bottom:0.5em; } #sumaho_footer_menu { } body.home div.scrollnews div.jspPane { padding:0.5em !important; } /* 見出しタイプ1（スマホのみエグゼクティブフロア） */ h1.type1 span.ja .ex_title, h2.type1 span.ja .ex_title, h3.type1 span.ja .ex_title{ font-size:1.9rem; } /* 見出しタイプ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; } /* 飾り枠 */ .deco_tl { background:none; padding-top:0; padding-left:0; } .deco_br { background:none; padding-bottom:0; padding-right:0; } #weather_right { padding-left:0; } #weather_right table.weather th.sumaho { display:table-cell !important; } #weather_right table.weather td.sumaho { display:table-cell !important; } /*#text_page_title { display:none; } */ .sp_topics_slider { width:auto; margin:0 auto; } /* 新着情報一覧 */ table.news td { text-align:/*center*/left; } table.news th { text-align:left; padding: 5px 0;} table.news .news_data { padding-left:2% !important; display:block; } table.news .news_label { color:#ffffff; padding-left:2%; } #top_reservation { height: auto; } #top_reservation_outer { display: block !important; position: static !important; } #top_reservation_inner table tr { display: flex; flex-wrap: wrap; } #top_reservation_inner table td { display: block; margin-right: 5px; } #top_reservation_inner table td:last-child { display: block; width: 100% !important; margin: 15px 0; } #mid_reservation { height: auto; } #mid_reservation_outer { display: block !important; position: static !important; height: auto; padding: 1px 0 20px 0; } #mid_reservation_inner table tr { display: flex; flex-wrap: wrap; } #mid_reservation_inner table td { display: block; margin-right: 5px; } #mid_reservation_inner table td:last-child { display: block; width: 100% !important; margin: 15px 0 0 0; } #footer_reservation_outer { display: block !important; position: static !important; height: auto; padding: 1px 0 20px 0; } #footer_reservation_inner table tr { display: flex; flex-wrap: wrap; } #footer_reservation_inner table td { display: block; margin-right: 5px; } #footer_reservation_inner table td:last-child { display: block; width: 100% !important; margin: 15px 0 0 0; } #footer_reservation_btn { display: none; } .sp_s { font-size:0.8em !important; } } /* max-width: 480px */ /*-------------------------------------------------------------------------------- */ @media screen and (max-width: 320px) { } /* max-width: 320px */ /* 角丸バナー */ .kadomaru { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border: 1px #a58849 solid; } /* 角丸r12 */ .r12 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } /* 角丸上だけr12 */ .tab_r12 { -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } /* 画像の上にアイコン */ .abs_lt10 { position:absolute; top:10px; left:10px; z-index:100; } .abs_rt10 { position:absolute; top:10px; right:10px; z-index:100; } .abs_lb10 { position:absolute; bottom:10px; left:10px; z-index:100; } .abs_rb10 { position:absolute; bottom:10px; right:10px; z-index:100; } /* 画像の上にテキスト */ .img_box { position:relative; display:block; margin:0; padding:0;} .img_box img { z-index:0; margin:0; padding:0;} .img_text { position:absolute; bottom:2%; right:2%; z-index:1; color:#ffffff; text-align:center; padding:0; margin:0; text-shadow:2px 2px 2px #000;} .img_text_lunch { position:absolute; top:0; left:0; z-index:1; color:#ffffff; text-align:center; padding:10px; margin:0; text-shadow:2px 2px 2px #000;} .img_text2 { position:absolute; bottom:2%; right:2%; z-index:1; color:#000000; text-align:center; padding:0; margin:0; text-shadow:1px 1px 1px #ffffff; font-size:0.8em;} .img_text_dinner { position:absolute; bottom:0; right:0; z-index:1; color:#ffffff; text-align:center; padding:5px 10px; margin:0; text-shadow:2px 2px 2px #000;} .img_text_plan { position:absolute; top:0; left:0; z-index:1; color:#ffffff; text-align:center; padding:0; margin:0; text-shadow:3px 3px 3px #000; font-size:1.3em;} .img_text_plan_s { position:absolute; top:0; left:0; z-index:1; color:#ffffff; text-align:center; padding:0; margin:0; text-shadow:3px 3px 3px #000; font-size:1em; font-weight:bold;} /* クリスマスメニュー飾り枠 */ .deco_x_tl { background:url(../img/df_x_topleft.png) no-repeat left top; padding-top:50px; padding-left:30px; } .deco_x_br { background:url(../img/df_x_bottomright.png) no-repeat right bottom; padding-bottom:50px; padding-right:30px; } /* クリスマスメニュー飾り枠（かわいい系） */ .deco_x2_tl { background:url(../img/df_x2_topleft.png) no-repeat left top; padding-top:40px; padding-left:30px; } .deco_x2_br { background:url(../img/df_x2_bottomright.png) no-repeat right bottom; padding-bottom:40px; padding-right:30px; } /* クリスマスメニュー飾り枠（きらきら金） */ .deco_x3_tl { background:url(../img/df_x3_topleft.png) no-repeat left top; padding-top:40px; padding-left:50px; } .deco_x3_br { background:url(../img/df_x3_bottomright.png) no-repeat right bottom; padding-bottom:40px; padding-right:50px; } /* クリスマスメニュー飾り枠（きらきら緑） */ .deco_x4_tl { background:url(../img/df_x4_topleft.png) no-repeat left top; padding-top:40px; padding-left:50px; } .deco_x4_br { background:url(../img/df_x4_bottomright.png) no-repeat right bottom; padding-bottom:40px; padding-right:50px; } /* 忘新年会メニュー枠 */ .deco_bs_tl { background:url(../img/sf_bs_topleft.png) no-repeat left top; padding-top:30px; padding-left:40px; } .deco_bs_br { background:url(../img/sf_bs_bottomright.png) no-repeat right bottom; padding-bottom:30px; padding-right:40px; } /* 和食メニュー枠 */ .deco_wa_tl { background:url(../img/wa_topleft.png) no-repeat left top; padding-top:40px; padding-left:50px; } .deco_wa_br { background:url(../img/wa_bottomright.png) no-repeat right bottom; padding-bottom:40px; padding-right:50px; } /* ランチ料金部分 */ p.price { text-align:right; font-weight:bold; font-size:1.4em; } p.price em { border-bottom:2px solid #8B8C0B; } /* ぐるっとH30秋～ */ /*-------------------------------------------------------------------------------- */ @media screen and (min-width: 769px) { .tab_wrap{width:100%; margin:30px auto;} .tab_wrap input[type="radio"]{display:none;} .tab_area{font-size:0; margin:0 10px; font-weight:bold;} .tab_area label{width:24%; margin:0 5px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:1.5rem; cursor:pointer; transition:ease 0.2s opacity;} .tab_area label:hover{opacity:0.5;} .panel_area{background:#fff;} .tab_panel{width:100%; padding:20px 0; display:none;} #tab1:checked ~ .tab_area .tab1_label{background:#fff28e; color:#000;} #tab1:checked ~ .panel_area #panel1{display:block;} #tab2:checked ~ .tab_area .tab2_label{background:#fff28e; color:#000;} #tab2:checked ~ .panel_area #panel2{display:block;} #tab3:checked ~ .tab_area .tab3_label{background:#fff28e; color:#000;} #tab3:checked ~ .panel_area #panel3{display:block;} #tab4:checked ~ .tab_area .tab4_label{background:#fff28e; color:#000;} #tab4:checked ~ .panel_area #panel4{display:block;} } /*-------------------------------------------------------------------------------- */ @media screen and (min-width: 481px) and (max-width: 768px) { .tab_wrap{width:100%; margin:30px auto;} .tab_wrap input[type="radio"]{display:none;} .tab_area{font-size:0; margin:0; font-weight:bold;} .tab_area label{width:48%; margin:5px; display:inline-block; padding:10px 0; color:#999; background:#ddd; text-align:center; font-size:1.4rem; cursor:pointer; transition:ease 0.2s opacity;} .tab_area label:hover{opacity:0.5;} .panel_area{background:#fff;} .tab_panel{width:100%; padding:20px 0; display:none;} #tab1:checked ~ .tab_area .tab1_label{background:#fff28e; color:#000;} #tab1:checked ~ .panel_area #panel1{display:block;} #tab2:checked ~ .tab_area .tab2_label{background:#fff28e; color:#000;} #tab2:checked ~ .panel_area #panel2{display:block;} #tab3:checked ~ .tab_area .tab3_label{background:#fff28e; color:#000;} #tab3:checked ~ .panel_area #panel3{display:block;} #tab4:checked ~ .tab_area .tab4_label{background:#fff28e; color:#000;} #tab4:checked ~ .panel_area #panel4{display:block;} } /* max-width: 768px */ /*-------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { .tab_wrap{width:100%; margin:30px auto;} .tab_wrap input[type="radio"]{display:none;} .tab_area{font-size:0; margin:0 10px; font-weight:bold;} .tab_area label{width:90%; margin:5px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:1.5rem; cursor:pointer; transition:ease 0.2s opacity;} .tab_area label:hover{opacity:0.5;} .panel_area{background:#fff;} .tab_panel{width:100%; padding:20px 0; display:none;} #tab1:checked ~ .tab_area .tab1_label{background:#fff28e; color:#000;} #tab1:checked ~ .panel_area #panel1{display:block;} #tab2:checked ~ .tab_area .tab2_label{background:#fff28e; color:#000;} #tab2:checked ~ .panel_area #panel2{display:block;} #tab3:checked ~ .tab_area .tab3_label{background:#fff28e; color:#000;} #tab3:checked ~ .panel_area #panel3{display:block;} #tab4:checked ~ .tab_area .tab4_label{background:#fff28e; color:#000;} #tab4:checked ~ .panel_area #panel4{display:block;} } /* max-width: 480px */ @media screen and ( max-width: 600px ) { .snsIcons { justify-content: space-around; padding: 30px 0 0 0; } .snsIcons-link { transition: none; } .snsIcons-link:hover { opacity: 1; } } /* homeマップ */ .gmap {position: relative; overflow: hidden;} .gmap iframe,.gmap object,.gmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* accessマップ */ .gmap2 {position: relative; overflow: hidden;} .gmap2 iframe,.gmap2 object,.gmap2 embed {position: relative;top: 0;left: 0;width: 100%;height: 300px;} /* クリッカブルマップ */ img[usemap] { max-width: 100%; height: auto; } #CDSWIDSSP { width:100% !important; } #CDSWIDCOE { margin:0 !important; } /* カサイホールディングスバナーバナー用 */ a.kasai_h_bnr { /*position: fixed; display: inline-block; transition: all .2s ease; z-index: 2147483647; bottom: 135px;*/ margin-left:10px; } a.kasai_h_bnr img {width:140px;} a.kasai_h_bnr { right: 0; background-color:#ffffff;opacity: 0.9;} a.kasai_h_bnr:hover{ right: 0; opacity: .5;/* ホバーで少し透過 */} /* スマホ用カサイホールディングスバナーバナー用 */ @media screen and (max-width: 480px) { .sumaho_nav li#kasai_sp { background-color: #ffffff !important; } .sumaho_nav li#kasai_sp a {padding:10px; background-color: #ffffff !important;} } /* max-width: 480px */ /* ランチフランス語メニュー名部分 */ .menu_fra {font-family: 'Libre Baskerville', serif; /* "Helvetica Neue",Helvetica,Arial,sans-serif; */} /* ランチフランス語コース名部分 */ .title_fra {font-family: 'Libre Baskerville', serif; } /* 背景画像・テキストボックス右 */ .block_right {position: relative; } .block_right_over { position:absolute; right:10%; top: 20%; background:rgba(255,255,255,0.9); padding:2%; z-index:100; width:30%; } @media screen and (max-width:600px) { /* (Sumaho) */ .block_right {position: static; } .block_right_over { position:static; background:rgba(255,255,255,0.4); width:auto; } .block_right_over .sptx{ text-align:left;} } /* ここまで */ /* 背景画像・テキストボックス左 */ .block_left {position: relative; } .block_left_over { position:absolute; left:10%; top: 20%; background:rgba(255,255,255,0.9); padding:2%; z-index:100; width:30%; } @media screen and (max-width:600px) { /* (Sumaho) */ .block_left {position: static; } .block_left_over { position:static; background:rgba(255,255,255,0.4); width:auto;} .block_left_over .sptx{ text-align:left;} } /* ここまで */ /* テキストボックスブロックの中央 */ .bg_room {background-color:rgba(229,247,254,0.4); } /*見出しから画像まで背景をつける場合 */ .img_txt { display: flex; align-items: center; gap: 8px;} /*　画像+テキストブロック */ .img_txt .img {width:50%;} /* 画像幅半分 */ .img_txt_inner { margin:0 auto; text-align:center; line-height:1.8; font-size:1.2em; } /* 画像横テキスト・上下左右中央揃え */ .btn_txt {font-size:1.2rem;} @media screen and (max-width:600px) { /* (Sumaho) */ .img_txt {display:block;} .img_txt .img { width:96%; margin-bottom:1rem;} .img_txt .img_txt_inner { padding:1rem 1rem 2rem 1rem; font-size:1.1em;} .btn_txt { font-size:1rem;} } /* ここまで */ /* トップとレストランのカルーセル */ /* スライドの動き等速 */ .swiper-wrapper { transition-timing-function: linear !important; } /* 画像のサイズ調整 */ .swiper-slide img { height: auto; width: 100%;} .swiper-pagination {position: relative !important; margin-top:1.5rem;} .swiper2,.swiper3 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper3.-aspect1{ width: 54rem; aspect-ratio: 135 / 73; } @media screen and (max-width:600px) { /* (Sumaho) */ .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper3.-aspect1{ width: 100%; aspect-ratio: unset; } } /* ここまで */ /* 夕日ページ　スライド下のページャーの設定 */ #sunset .sp-buttons { padding-top: 40px; } #sunset .sp-button { width: 10px; height: 10px; border: none; border-radius: 0; margin: 3px; background: #ccc; } #sunset .sp-selected-button { background: #526FCD; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .sp-button { width:8px; height: 8px; } } @media only screen and (min-width: 568px) and (max-width: 768px) { .sp-button { width: 8px; height: 8px; } } @media only screen and (min-width: 320px) and (max-width: 568px) { .sp-button { width: 8px; height: 8px; } } /* 左右の矢印の設定 */ #sunset .sp-arrow { width: 3px; height: 70px; } #sunset .sp-vertical .sp-arrow { -webkit-transform: none; -ms-transform: none; transform: none; } #sunset .sp-horizontal .sp-previous-arrow { background: url(img/prev.png) no-repeat; } #sunset .sp-horizontal .sp-next-arrow { background: url(img/next.png) no-repeat; } #sunset .sp-previous-arrow:before, #sunset .sp-previous-arrow:after, #sunset .sp-next-arrow:before, #sunset .sp-next-arrow:after { content: inherit;} /* 夕日ページ */ #sunset #CDSWIDSSP { width:100% !important; } #sunset #CDSWIDCOE { margin:0 !important; }