@charset "UTF-8"; /* 汎用class */ .font-face-serif { font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'Times New Roman', serif; } .font-face-gothic { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; } .link-color-white:link { color: #FFF; } .link-color-white:visited { color: #FFF; } .PIE { behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); } .box-sizing-border-box, .lps div[class*="clbox"] > div, .lps div[class*="clbox"] > div#multi-rows > div, .lps .desc-box .img, .lps .desc-box .desc, .lps .clbox-1, .lps .hoverBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bg-brown-base { margin: 0 0 10px; padding: 20px; background: #f6f2ea; } /* module base */ .mod-box-base { margin-bottom: 10px; background-color: #ffffff; border: solid 1px #d9cfc4; } .mod-box-base p { margin-bottom: 10px; line-height: 1.5; } .mod-box-base p a { font-weight: bold; } .mod-box-base p:last-child { margin-bottom: 0; } .mod-box-base h4 { margin-bottom: 5px; font-size: 14px !important; font-size: 0.88rem !important; color: #bf4646; line-height: 1.4; } .mod-box-base .img { float: left; } .mod-box-base .img img { width: 100%; } .mod-box-base .desp { float: right; } .mod-box-base li dt { float: left; width: 17%; font-weight: bold; line-height: 1.3; } .mod-box-base li dd { float: right; width: 83%; line-height: 1.4; } .mod-box-base-inner { padding: 5px; } .mod-box-base-inner .img { width: 270px; padding-right: 20px; } .mod-box-base-inner .desp { width: 643px; padding: 15px 15px 15px 0; } .mod-box-base-inner .desp ul { width: 320px; float: left; } .mod-box-base-inner .btn-box { float: right; } .mod-box-base-inner .btn-box a { float: left; margin-right: 10px; } .mod-box-base-inner .btn-box a:last-child { margin-right: 0; } /*----------------------------------------------------------------------------------------------- ～ 599px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 599px) { .bg-brown-base { padding: 0; } } /* all ------------------------------------------------*/ body { background: url(/common/img/default/base/bg_base.jpg); color: #5F4C44; white-space: normal; word-wrap: break-word; word-break: normal; overflow-wrap: break-word; font-size: 12px; font-size: 0.75rem; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; /* font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; */ line-height: 1.6; -webkit-text-size-adjust: none; } /*link color*/ a:link, a:visited { color: #B88552; } p a:hover { text-decoration: underline; } a:hover { text-decoration: none !important; } a.icon-pdf:hover { text-decoration: underline; } a.anchor { display: block; padding-top: 130px; margin-top: -130px; } /* device ------------------------------------------------*/ .win body { /* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */ font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .mac body { /* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, clean, sans-serif; */ font-family: Osaka, Arial, Helvetica, clean, sans-serif; } /* base layout ------------------------------------------------*/ #page { background-color: #fBf8f4; } #content, #header > section, #simple-header > section, #footer .content-inner, #content-topicpathWrap { margin: 0 auto; width: 960px; } #content-app { margin-bottom: 10px; } body.content100 #content { padding: 0; } #header, #simple-header { position: relative; z-index: 10; padding: 10px 0 0; height: 117px; margin-bottom: 15px; background: url(/common/img/default/base/bg_base_head.png) repeat-x left bottom; -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4); } #simple-header { height: auto; text-align: center; padding: 10px 0; } #simple-header .box-logo { position: static !important; } #content-nav { float: left; width: 190px; } #content-article { float: right; width: 748px; } #footer { background: url(/common/img/default/base/bg_base.jpg); } #footer-nav strong { color: #666; } /* templates layout ------------------------------------------------*/ #header .content-inner, #simple-header .content-inner { position: relative; } #header .box-logo img, #simple-header .box-logo img { width: 200px; } #header .box-logo, #simple-header .box-logo, #header .nav-hotel-01, #simple-header .nav-hotel-01, #header .nav-hotel-02, #simple-header .nav-hotel-02, #header .hotel-address-info, #simple-header .hotel-address-info, #header .box-banner, #simple-header .box-banner { position: absolute; top: 0; margin-top: 4px; } #header .box-banner, #simple-header .box-banner { right: 0; width: 80px; } #header .box-banner img, #simple-header .box-banner img { width: 80px; height: auto; } #header .nav-hotel-02 li, #simple-header .nav-hotel-02 li, #header .hotel-address-info, #simple-header .hotel-address-info { background-position: 0 0 !important; background-repeat: no-repeat !important; } #footer section { padding: 10px 0 0 0; border-top: 1px solid #DCD2C5; box-shadow: inset 1px 1px 0 0 #FFF; } #footer #inner-footer dl { float: left; } #footer #inner-footer dl dt { float: left; margin-right: 10px; margin-bottom: 10px; } #footer #inner-footer dl dd { float: left; margin-top: 10px; width: 265px; height: 25px; background: url(/common/img/default/base/img_disney_text.png) no-repeat left top; letter-spacing: -0.001em; } #footer #inner-footer dl dd p { font-size: 10px !important; font-size: 0.63rem !important; letter-spacing: -0.001em !important; } #footer #inner-footer dl dd span { display: block; } #footer #inner-footer .hotel-address-info { float: right; margin-top: 15px; width: 422px; } #footer #inner-footer .hotel-address-info > p { float: left; } #footer #inner-footer .hotel-address-info > p:first-child { margin-right: 10px; } #footer #inner-footer .hotel-address-info p:first-child { width: 212px; height: 20px; background: url(/common/img/default/base/img_address_num2.png) no-repeat left top; } #footer #inner-footer .hotel-address-info p:last-child { width: 200px; height: 20px; background: url(/common/img/default/base/img_tel_num2.png) no-repeat left top; background-size: 194px 20px; } #header section:first-child .btn-lang, #simple-header section:first-child .btn-lang, #footer #inner-footer .btn-lang { float: right; margin: 5px 0 0 20px; } #header section:first-child .btn-lang a, #simple-header section:first-child .btn-lang a, #footer #inner-footer .btn-lang a { font-size: 10px !important; font-size: 0.63rem !important; letter-spacing: -0.001em !important; text-align: center; float: left; min-width: 41px; padding: 4px 20px; line-height: 1; border: 1px solid #C6BAA8; } #header section:first-child .btn-lang a:hover, #simple-header section:first-child .btn-lang a:hover, #header section:first-child .btn-lang a:link, #simple-header section:first-child .btn-lang a:link, #header section:first-child .btn-lang a:visited, #simple-header section:first-child .btn-lang a:visited, #footer #inner-footer .btn-lang a:hover, #footer #inner-footer .btn-lang a:link, #footer #inner-footer .btn-lang a:visited { color: #55483E; } #header section:first-child .btn-lang a:hover, #simple-header section:first-child .btn-lang a:hover, #footer #inner-footer .btn-lang a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } #header section:first-child .btn-lang a:nth-child(1), #simple-header section:first-child .btn-lang a:nth-child(1), #footer #inner-footer .btn-lang a:nth-child(1) { border-right: none; border-bottom: none; background: #e1dbd0 url(/common/img/default/base/btn_en.gif) no-repeat center center; background-size: 40px 10px; } #header section:first-child .btn-lang a:nth-child(2), #simple-header section:first-child .btn-lang a:nth-child(2), #footer #inner-footer .btn-lang a:nth-child(2) { border-bottom: none; background: #e1dbd0 url(/common/img/default/base/btn_ko.gif) no-repeat center center; background-size: 40px 10px; } #header section:first-child .btn-lang a:nth-child(3), #simple-header section:first-child .btn-lang a:nth-child(3), #footer #inner-footer .btn-lang a:nth-child(3) { clear: both; border-right: none; background: #e1dbd0 url(/common/img/default/base/btn_cn_01.gif) no-repeat center center; background-size: 40px 10px; } #header section:first-child .btn-lang a:nth-child(4), #simple-header section:first-child .btn-lang a:nth-child(4), #footer #inner-footer .btn-lang a:nth-child(4) { background: #e1dbd0 url(/common/img/default/base/btn_cn_02.gif) no-repeat center center; background-size: 40px 10px; } #footer section:last-child .content-inner nav { float: left; } #footer section:last-child .content-inner p { float: right; font-size: 11px; font-size: 0.69rem; margin: 0 0 10px; } #footer section:last-child .content-inner li { float: left; margin-right: 10px; } #footer .content-inner li a { padding-left: 10px; background: url(/common/img/default/icon/icon_arrow_1_pc.png) no-repeat left 0.4em; } #footer .content-inner .nav-hotel-agreement { width: 62px; background: url(/common/img/default/base/nav_hotel_agreement.gif); } #ftCont01 { background-color: #FFFFFF; border-top: #E7E7E7 1px solid; } #ftCont02 { background: white url("/common/img/default/base/ft_bg01.gif") repeat-x scroll center top; width: 100%; } #ftCont03 { background-color: #444444; } #ftBlk01 { color: #999999; margin: 0 auto; padding: 10px 0; text-align: left; width: 940px; } #ftBlk01 ul { float: left; margin-right: 20px; margin-bottom: 5px; } #ftBlk01 ul li { border-right: 1px solid #DDDDDD; float: left; font-size: 80% !important; line-height: 1.5 !important; margin-right: 5px; padding-right: 5px; } #ftBlk01 ul li.last { border: medium none; margin: 0; padding: 0; } #ftBlk01 ul li a:link { color: #666666; } #ftBlk01 ul li a:visited { color: #666666; } #ftBlk01 ul li a:hover { color: #666666; } #ftBlk01 ul li a:active { color: #666666; } #ftBlk02 { color: #999999; margin: 0 auto; padding: 11px 0; text-align: left; width: 940px; } #ftBlk02 ul li { border-right: 1px solid #CCCCCC; float: left; font-size: 1px !important; line-height: 1 !important; margin-right: 20px; padding-right: 20px; } #ftBlk02 ul li.last { border: medium none; margin: 0; padding: 0; } #ftBlk02Sns { color: #999999; margin: 0 auto; padding: 11px 0; text-align: left; width: 940px; } ul#ftLogo01 { float: left; width: 460px; } ul#ftLogo01 li { border-right: 1px solid #CCCCCC; float: left; font-size: 1px !important; line-height: 1 !important; margin-right: 20px; padding-right: 20px; } ul#ftLogo01 li.last { border: medium none; margin: 0; padding: 0; } ul#ftSns01 { float: right; margin-top: 13px; width: 460px; } ul#ftSns01 li { border: medium none; float: right; font-size: 1px !important; line-height: 1 !important; margin-right: 10px; padding-right: 0; } #ftBlk03 { color: #FFFFFF; margin: 0 auto; padding: 14px 0 50px; text-align: right; width: 940px; } #ftBlk03 ul li { border-left: 1px solid #FFFFFF; float: right; font-size: 80% !important; margin-left: 5px; padding-left: 5px; } #ftBlk03 ul li.last { border: medium none; margin: 0; padding: 0; } #ftBlk03 ul li a:link { color: #FFFFFF; } #ftBlk03 ul li a:visited { color: #FFFFFF; } #ftBlk03 ul li a:hover { color: #FFFFFF; } #ftBlk03 ul li a:active { color: #FFFFFF; } #ftCopy { margin-top: 8px; } #foreign { margin-top: 10px; } #ftBlk03 ul #li-resorts { border: none; } #content-topicpathWrap { margin-bottom: 10px; } #content-topicpath { float: left; margin-top: 10px; font-size: 11px; font-size: 0.69rem; } .content-topicpath-set-width #content-topicpath { width: 250px; } #content-topicpath li { float: left; margin: 0 10px 0 0; } #content-topicpath li a { padding-right: 15px; background: url(/common/img/default/base/icon_arrow_topicpass.png) no-repeat right center; } #content-topicpath li a:hover { text-decoration: underline; } .content-sns { clear: both; margin-top: 25px; margin-bottom: 20px; } .content-sns div { float: left; } .content-totop, .content-tofaqtop { clear: both; margin-bottom: 10px; text-align: right; } .content-totop a, .content-tofaqtop a { padding-left: 15px; background: url(/common/img/default/icon/icon_arrow_totop_pc.png) no-repeat left 0.3em; font-size: 11px; font-size: 0.69rem; } .content-totop a:hover, .content-tofaqtop a:hover { text-decoration: underline; } .nav-local2 { float: right; } .nav-local2 li { float: left; margin-left: 10px; } .nav-local2 a { background-image: none !important; } /*新言語ボタン*/ #header section:first-child .btn-lang-white, #simple-header section:first-child .btn-lang-white { float: right; margin: 2px 100px 0 0; } #header section:first-child .btn-lang-white a, #simple-header section:first-child .btn-lang-white a { font-size: 10px !important; font-size: 0.63rem !important; letter-spacing: -0.001em !important; text-align: center; min-width: 41px; padding: 3px 15px; line-height: 1; border: 1px solid #D6CDBE; } #header section:first-child .btn-lang-white a:hover, #simple-header section:first-child .btn-lang-white a:hover, #header section:first-child .btn-lang-white a:link, #simple-header section:first-child .btn-lang-white a:link, #header section:first-child .btn-lang-white a:visited, #simple-header section:first-child .btn-lang-white a:visited { color: #55483E; } #header section:first-child .btn-lang-white a:hover, #simple-header section:first-child .btn-lang-white a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } #header section:first-child .btn-lang-white a:nth-child(1), #simple-header section:first-child .btn-lang-white a:nth-child(1) { border-bottom: none; background: #f9f7f4 url(/common/img/default/base/btn_cn.gif) no-repeat center center; background-size: 40px 10px; } #header section:first-child .btn-lang-white a:nth-child(2), #simple-header section:first-child .btn-lang-white a:nth-child(2) { border-bottom: none; background: #f9f7f4 url(/common/img/default/base/btn_en.gif) no-repeat center center; background-size: 40px 10px; } #header section:first-child .btn-lang-white a:nth-child(3), #simple-header section:first-child .btn-lang-white a:nth-child(3) { background: #f9f7f4 url(/common/img/default/base/btn_ko.gif) no-repeat center center; background-size: 40px 10px; } #header .lang_btn, #simple-header .lang_btn { position: absolute; /*right: 89px;*/ right: 0px; top: 20px; z-index: 10; } #header .lang_btn img, #simple-header .lang_btn img { cursor: pointer; } #header .lang_btn .lang_select, #simple-header .lang_btn .lang_select { display: none; } #header .lang_btn .lang_select ul li a, #simple-header .lang_btn .lang_select ul li a { display: block; } #header .lang_btn:hover .lang_select, #simple-header .lang_btn:hover .lang_select { display: block; } #header .sp_lang_btn, #simple-header .sp_lang_btn { float: left; display: inline; position: relative; margin: 10px 35% 15px; } #header .sp_lang_btn:hover, #simple-header .sp_lang_btn:hover, #header .sp_lang_btn:link, #simple-header .sp_lang_btn:link, #header .sp_lang_btn:visited, #simple-header .sp_lang_btn:visited { color: #55483E; } #header .sp_lang_btn:hover, #simple-header .sp_lang_btn:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } #header .sp_lang_btn select, #simple-header .sp_lang_btn select { -webkit-appearance: none; min-width: 30%; background: #E1DBD0; line-height: 1; height: 30px; display: inline-block; border: 1px solid #C6BAA8; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; -ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; color: #4D3F35; padding: 4px 20px; font-size: 10px !important; font-size: 0.63rem !important; letter-spacing: -0.001em !important; } #header .sp_lang_btn:after, #simple-header .sp_lang_btn:after { content: ''; display: inline-block; position: absolute; right: 10px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #8a8a8a transparent transparent transparent; } /* content-head layout ------------------------------------------------*/ #content-head-top { position: relative; height: 370px; margin-top: -15px; background-size: auto 370px; } #content-head-top .copy { position: absolute; bottom: 40px; right: 130px; } #content-head { margin-bottom: 10px; text-align: center; overflow: hidden; } #content-head img { width: 960px; } #img-layer { position: relative; width: 960px; margin: 0 auto; z-index: 10; text-align: right; } #img-layer .inner { position: absolute; right: 0; top: 0; text-align: right; /*30th banner*/ } #img-layer .inner > img { display: none; } #img-layer .inner a { float: right; margin-left: 10px; } #img-layer .inner .bnr30th-inner { width: 100%; text-align: right; } #img-layer .inner .bnr30th-inner img.bnr30th { margin-top: 10px; width: 120px; } /*緊急表示エリア*/ #urgency-information { font-size: 15px !important; font-size: 0.94rem !important; display: block; width: 950px; margin-bottom: 20px; padding: 5px; box-shadow: 0 1px 2px 0 #999; background: url(/common/img/default/bg/bg_alpha_white.png); } #urgency-information .urgency-information-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A9927B; padding: 10px; } /* 非表示 ------------------------------------------------*/ .nav-local2 li:first-child p, #cookie-invalid, #urgency-information { display: none; } .lt-ie9 .nav-local2 li.stay-text p { display: none; } /* テキスト非表示 ------------------------------------------------*/ #header .nav-hotel-01 li a, #simple-header .nav-hotel-01 li a, #header .nav-hotel-02 li a, #simple-header .nav-hotel-02 li a, #header .hotel-address-info p:last-child, #simple-header .hotel-address-info p:last-child, #header .nav-global-hotel, #simple-header .nav-global-hotel, #header .nav-global-business, #simple-header .nav-global-business, #header section:first-child .btn-lang-white a, #simple-header section:first-child .btn-lang-white a, #navigation .nav-global li a, #footer .content-inner .hotel-address-info, #footer .content-inner dl dd p, #footer .content-inner li a, #footer .content-inner .btn-lang a, #wedding-top #gnav-wedding .nav-global-wedding li a, #wedding #gnav-wedding .nav-global-wedding li a, #anniversary-top #gnav-anniversary .nav-global-anniversary li a, #anniversary #gnav-anniversary .nav-global-anniversary li a { display: block; text-indent: -9999px; } /* 非表示 ------------------------------------------------*/ #header .box-menu, #simple-header .box-menu, #header .nav-hotel-01 .nav-hotel-business, #simple-header .nav-hotel-01 .nav-hotel-business, #header .nav-hotel-02 .nav-hotel-agreement, #simple-header .nav-hotel-02 .nav-hotel-agreement, #header .nav-hotel-02 .nav-hotel-privacy, #simple-header .nav-hotel-02 .nav-hotel-privacy, #header .nav-hotel-02 .nav-hotel-cookieprivacy, #simple-header .nav-hotel-02 .nav-hotel-cookieprivacy, #header .nav-hotel-02 .nav-hotel-bro, #simple-header .nav-hotel-02 .nav-hotel-bro, #header .nav-hotel-02 .nav-hotel-sitemap, #simple-header .nav-hotel-02 .nav-hotel-sitemap, #header .hotel-address-info p:first-child, #simple-header .hotel-address-info p:first-child, #header .sp_access_btn, #simple-header .sp_access_btn, #navigation .nav-local, #navigation .nav-global .nav-global-hotel, #navigation .nav-global .nav-global-business, .navi-local2-one-btn .nav-local2 li:not(:last-child), #header section:first-child .btn-lang, #simple-header section:first-child .btn-lang, #header .sp_lang_btn, #simple-header .sp_lang_btn, #gnav-wedding .nav-global-wed-estimation, #gnav-wedding .nav-global-wed-plan, #gnav-wedding .nav-global-wed-reservation, #gnav-wedding .nav-global-wed-visit-reservation, #gnav-wedding .nav-global-wed-hotel, #gnav-anniversary .nav-global-anv-hotel { display: none; } /* PIE.htc ------------------------------------------------*/ #footer section, #header, #simple-header { position: relative; behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); } /*----------------------------------------------------------------------------------------------- Hacks ------------------------------------------------------------------------------------------------*/ /*//// Hack ////*/ .lt-ie9 #header .nav-hotel-01 .nav-hotel-info, .lt-ie9 #simple-header .nav-hotel-01 .nav-hotel-info { background: url(/common/img/default/base/nav_hotel_info_pc.gif); } .lt-ie9 #header .nav-hotel-01 .nav-hotel-magazin, .lt-ie9 #simple-header .nav-hotel-01 .nav-hotel-magazin { background: url(/common/img/default/base/nav_hotel_magazin_pc.gif); } .lt-ie9 #header .nav-hotel-01 .nav-hotel-other, .lt-ie9 #simple-header .nav-hotel-01 .nav-hotel-other { background: url(/common/img/default/base/nav_hotel_other_pc.gif); } .lt-ie9 #header .nav-hotel-01 .nav-hotel-dolphin, .lt-ie9 #simple-header .nav-hotel-01 .nav-hotel-dolphin { background: url(/common/img/default/base/nav_hotel_oneharmony_pc.gif); } .lt-ie9 #header .hotel-address-info, .lt-ie9 #simple-header .hotel-address-info { background: url(/common/img/default/base/img_tel_num_pc.gif); } .lt-ie9 #header .nav-hotel-02 .nav-hotel-access, .lt-ie9 #simple-header .nav-hotel-02 .nav-hotel-access { background: url(/common/img/default/base/nav_hotel_access_pc.gif); } .lt-ie9 #header .nav-hotel-02 .nav-hotel-contact, .lt-ie9 #simple-header .nav-hotel-02 .nav-hotel-contact { background: url(/common/img/default/base/nav_hotel_contact_pc.gif); } .lt-ie9 #header .nav-hotel-02 .nav-hotel-qa, .lt-ie9 #simple-header .nav-hotel-02 .nav-hotel-qa { background: url(/common/img/default/base/nav_hotel_qa_pc.gif); } .lt-ie9 #navigation .nav-global .nav-global-stay { background: url(/common/img/default/base/nav_global_stay_pc.gif); } .lt-ie9 #navigation .nav-global .nav-global-guest { background: url(/common/img/default/base/nav_global_guest_pc.gif); } .lt-ie9 #navigation .nav-global .nav-global-anniversary { background: url(/common/img/default/base/nav_global_anniversary_pc.gif); } .lt-ie9 #navigation .nav-global .nav-global-restaurants { background: url(/common/img/default/base/nav_global_restaurants_pc.gif); } .lt-ie9 #header #navigation .nav-global .nav-global-event, .lt-ie9 #simple-header #navigation .nav-global .nav-global-event { background: url(/common/img/default/base/nav_global_event_pc.gif); } .lt-ie9 #header #navigation .nav-global .nav-global-wedding, .lt-ie9 #simple-header #navigation .nav-global .nav-global-wedding { background: url(/common/img/default/base/nav_global_wedding_pc.gif); } .lt-ie9 #header #navigation .nav-global .nav-global-banguet, .lt-ie9 #simple-header #navigation .nav-global .nav-global-banguet { background: url(/common/img/default/base/nav_global_banguet_pc.gif); } .lt-ie9 #header #navigation .nav-global .nav-global-health, .lt-ie9 #simple-header #navigation .nav-global .nav-global-health { background: url(/common/img/default/base/nav_global_health_pc.gif); } .lt-ie9 #footer #inner-footer .hotel-address-info p:last-child { background: url(/common/img/default/base/img_tel_num2_pc.png) no-repeat left bottom; } .lt-ie9 #footer #inner-footer .btn-lang a:nth-child(1) { background: #e1dbd0 url(/common/img/default/base/btn_en_pc.gif) no-repeat center center; } .lt-ie9 #footer #inner-footer .btn-lang a:nth-child(2) { background: #e1dbd0 url(/common/img/default/base/btn_ko_pc.gif) no-repeat center center; } .lt-ie9 #footer #inner-footer .btn-lang a:nth-child(3) { background: #e1dbd0 url(/common/img/default/base/btn_cn_01_pc.gif) no-repeat center center; } .lt-ie9 #footer #inner-footer .btn-lang a:nth-child(4) { background: #e1dbd0 url(/common/img/default/base/btn_cn_02_pc.gif) no-repeat center center; } .lt-ie9 #header section:first-child .btn-lang-white a:nth-child(1), .lt-ie9 #simple-header section:first-child .btn-lang-white a:nth-child(1) { background: #f9f7f4 url(/common/img/default/base/btn_cn_pc.gif) no-repeat center center; } .lt-ie9 #header section:first-child .btn-lang-white a:nth-child(2), .lt-ie9 #simple-header section:first-child .btn-lang-white a:nth-child(2) { background: #f9f7f4 url(/common/img/default/base/btn_en_pc.gif) no-repeat center center; } .lt-ie9 #header section:first-child .btn-lang-white a:nth-child(3), .lt-ie9 #simple-header section:first-child .btn-lang-white a:nth-child(3) { background: #f9f7f4 url(/common/img/default/base/btn_ko_pc.gif) no-repeat center center; } .lt-ie9 #header, .lt-ie9 #simple-header { box-shadow: 0 1px 7px 0 #999; } /*wedding*/ .lt-ie9 #gnav-wedding .nav-global-wed-special { background: url(/common/img/default/wedding/base/nav_global_wed_special_pc.gif); } .lt-ie9 #gnav-wedding .nav-global-wed-event { background: url(/common/img/default/wedding/base/nav_global_wed_fair_pc.gif); } .lt-ie9 #gnav-wedding .nav-global-wed-ceremony { background: url(/common/img/default/wedding/base/nav_global_wed_ceremony_pc.gif); } .lt-ie9 #gnav-wedding .nav-global-wed-reception { background: url(/common/img/default/wedding/base/nav_global_wed_reception_pc.gif); } .lt-ie9 #gnav-wedding .nav-global-wed-coordinate { background: url(/common/img/default/wedding/base/nav_global_wed_coordinate_pc.gif); } .lt-ie9 #gnav-wedding .nav-global-wed-cuisine { background: url(/common/img/default/wedding/base/nav_global_wed_cuisine_pc.gif); } /*anniversary*/ .lt-ie9 #gnav-anniversary .nav-global-anv-declaration { background: url(/common/img/default/anniversary2018/base/nav_global_anv_declaration_pc.gif); } .lt-ie9 #gnav-anniversary .nav-global-anv-coordination { background: url(/common/img/default/anniversary2018/base/nav_global_anv_coordination_pc.gif); } .lt-ie9 #gnav-anniversary .nav-global-anv-standard { background: url(/common/img/default/anniversary2018/base/nav_global_anv_common_pc.gif); } .lt-ie9 #gnav-anniversary .nav-global-anv-item { background: url(/common/img/default/anniversary2018/base/nav_global_anv_item_pc.gif); } .lt-ie9 #gnav-anniversary .nav-global-anv-reservation { background: url(/common/img/default/anniversary2018/base/nav_global_anv_reservation_pc.gif); } .lt-ie9 header#header .hotel-address-info div, .lt-ie9 header#simple-header .hotel-address-info div, .lt-ie9 header#header .btn-lang, .lt-ie9 header#simple-header .btn-lang { display: none; } /*----------------------------------------------------------------------------------------------- 900px ～ ------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 900px) { body { min-width: 960px; } #header .hotel-address-info, #simple-header .hotel-address-info { top: -2px; /*right:190px;*/ right: 101px; width: 195px; background: url(/common/img/default/base/img_tel_num.png); background-size: 195px 19px; } p.ie-phone { display: none; } .lt-ie9 p.ie-phone { display: block; top: 0; right: 190px; width: 165px; height: 18px; background: url(/common/img/default/base/img_tel_num_pc.gif); } #header .nav-hotel-01, #simple-header .nav-hotel-01 { /*right:380px;*/ right: 291px; width: 190px; margin-top: 10px; } #header .nav-hotel-01 li, #simple-header .nav-hotel-01 li, #footer .nav-hotel-01 li { float: left; width: 95px; height: 15px; background-position: 15px 3px !important; background-repeat: no-repeat !important; font-size: 12px; font-size: 0.75rem; margin-bottom: 2px; } #header .nav-hotel-01 li > a, #simple-header .nav-hotel-01 li > a, #header .nav-hotel-01 li.gn h3 a, #simple-header .nav-hotel-01 li.gn h3 a { background: url(/common/img/default/icon/icon_arrow_1_pc.png) no-repeat left 0.4em; } #header .nav-hotel-01 li.gn h2, #simple-header .nav-hotel-01 li.gn h2 { height: 0; /*900以下用*/ } #header .nav-hotel-02, #simple-header .nav-hotel-02 { top: 20px; /*right:190px;*/ right: 101px; padding: 3px 0; /*width:165px;*/ width: 199px; background-color: #E7DFCC; margin-top: 8px; } #header .nav-hotel-02 li, #simple-header .nav-hotel-02 li { float: left; text-align: center; font-size: 10px; font-size: 0.63rem; line-height: 1; } /*グローバルナビ*/ #navigation .nav-global { position: absolute; top: 70px; } #header #navigation .content-inner, #simple-header #navigation .content-inner { height: 32px; } #navigation .nav-global h2 { height: 0; /*900以下用*/ } #navigation .nav-global li, #gnav-wedding li, #gnav-anniversary li { float: left; background-position: 0 0; background-repeat: no-repeat !important; } #navigation .nav-global li.nav-global-stay a { height: 45px; } #navigation .nav-global li.nav-global-guest a, #navigation .nav-global li.nav-global-restaurants a, #navigation .nav-global li.nav-global-anniversary a, #navigation .nav-global li.nav-global-event a, #navigation .nav-global li.nav-global-wedding a, #navigation .nav-global li.nav-global-banguet a, #navigation .nav-global li.nav-global-health a, #navigation .nav-global li.nav-global-facilities a { height: 45px; } #navigation .nav-global li.on a, #navigation .nav-global-wedding li.on a, #navigation .nav-global-anniversary li.on a { height: 44px; border-style: solid; border-width: 0 0 3px 0; } #header .nav-hotel-01 .nav-hotel-info, #simple-header .nav-hotel-01 .nav-hotel-info { background: url(/common/img/default/base/nav_hotel_info.gif); background-size: 56px 13px; } #header .nav-hotel-01 .nav-hotel-magazin, #simple-header .nav-hotel-01 .nav-hotel-magazin { background: url(/common/img/default/base/nav_hotel_magazin.gif); background-size: 79px 13px; } #header .nav-hotel-01 .nav-hotel-tourist, #simple-header .nav-hotel-01 .nav-hotel-tourist { background: url(/common/img/default/base/nav_hotel_tourist.gif); background-size: 45px 13px; } #header .nav-hotel-01 .nav-hotel-other, #simple-header .nav-hotel-01 .nav-hotel-other { background: url(/common/img/default/base/nav_hotel_other.gif); background-size: 56px 13px; display: none; } #header .nav-hotel-01 .nav-hotel-dolphin, #simple-header .nav-hotel-01 .nav-hotel-dolphin { background: url(/common/img/default/base/nav_hotel_oneharmony.gif); background-size: 79px 13px; } #header .nav-hotel-01 .nav-hotel-access, #simple-header .nav-hotel-01 .nav-hotel-access { background: url(/common/img/default/base/nav_hotel_access.gif); background-size: 45px 13px; } #header .nav-hotel-01 .nav-hotel-qa, #simple-header .nav-hotel-01 .nav-hotel-qa { background: url(/common/img/default/base/nav_hotel_qa.gif); background-size: 29px 13px; } #header .nav-hotel-02 .nav-hotel-access, #simple-header .nav-hotel-02 .nav-hotel-access { width: 49px; background: url(/common/img/default/base/nav_hotel_access.gif); background-size: 49px 12px; } #header .nav-hotel-02 .nav-hotel-contact, #simple-header .nav-hotel-02 .nav-hotel-contact { /*width:77px;*/ width: 64px; background: url(/common/img/default/base/nav_hotel_contact2.gif); background-size: 64px 12px; } #header .nav-hotel-02 .nav-hotel-qa, #simple-header .nav-hotel-02 .nav-hotel-qa { width: 39px; background: url(/common/img/default/base/nav_hotel_qa.gif); background-size: 39px 12px; } header .nav-hotel-02 .nav-hotel-oneharmony { width: 72px; background: url(/common/img/default/base/nav_hotel_oneharmony2.gif); background-size: 72px 12px; } header .nav-hotel-02 .nav-hotel-magazin { width: 63px; background: url(/common/img/default/base/nav_hotel_magazin2.gif); background-size: 63px 12px; } #navigation .nav-global .nav-global-stay { width: 97px; background: url(/common/img/default/base/nav_global_stay.gif); background-size: 97px 32px !important; } #navigation .nav-global .nav-global-stay.on a { border-color: #8B403A; } #navigation .nav-global .nav-global-guest { width: 108px; background: url(/common/img/default/base/nav_global_guest.gif); background-size: 108px 32px !important; } #navigation .nav-global .nav-global-guest.on a { border-color: #355271; } #navigation .nav-global .nav-global-anniversary { width: 103px; background: url(/common/img/default/base/nav_global_anniversary.gif); background-size: 103px 32px !important; } #navigation .nav-global .nav-global-anniversary.on a, #navigation .nav-global-anniversary li.on a { border-color: #C75858; } #navigation .nav-global .nav-global-restaurants { width: 114px; background: url(/common/img/default/base/nav_global_restaurants.gif); background-size: 114px 32px !important; } #navigation .nav-global .nav-global-restaurants.on a { border-color: #B68D52; } #navigation .nav-global .nav-global-event { width: 150px; background: url(/common/img/default/base/nav_global_event.gif); background-size: 150px 32px !important; } #navigation .nav-global .nav-global-event.on a { border-color: #C75858; } #navigation .nav-global .nav-global-wedding { width: 120px; background: url(/common/img/default/base/nav_global_wedding.gif); background-size: 120px 32px !important; } #navigation .nav-global-wedding li.on a { border-color: #B87586; } #navigation .nav-global .nav-global-banguet { width: 133px; background: url(/common/img/default/base/nav_global_banguet.gif); background-size: 133px 32px !important; } #navigation .nav-global .nav-global-banguet.on a { border-color: #7D7633; } #navigation .nav-global .nav-global-health { width: 135px; background: url(/common/img/default/base/nav_global_health.gif); background-size: 135px 32px !important; } #navigation .nav-global .nav-global-health.on a { border-color: #498F92; } #navigation .nav-global .nav-global-facilities { width: 135px; background: url(/common/img/default/base/nav_global_facilities.gif); background-size: 135px 32px !important; } #navigation .nav-global .nav-global-facilities.on a { border-color: #C77E7E; } #footer .content-inner .nav-hotel-privacy { /*width:98px;*/ width: 105px; background: url(/common/img/default/base/nav_hotel_privacy.gif); } #footer .content-inner .nav-hotel-cookieprivacy { width: 95px; background: url(/common/img/default/base/nav_hotel_cookie.gif); } #footer .content-inner .nav-hotel-business { width: 63px; background: url(/common/img/default/base/nav_hotel_business.gif); } #footer .content-inner .nav-hotel-sitemap { width: 81px; background: url(/common/img/default/base/nav_hotel_sitemap.gif); } #navigation .nav-global .nav-global-stay:hover, #navigation .nav-global .nav-global-guest:hover, #navigation .nav-global .nav-global-anniversary:hover, #navigation .nav-global .nav-global-restaurants:hover, #navigation .nav-global .nav-global-event:hover, #navigation .nav-global .nav-global-wedding:hover, #navigation .nav-global .nav-global-banguet:hover, #navigation .nav-global .nav-global-health:hover, #navigation .nav-global .nav-global-facilities:hover, #navigation .nav-hotel-01 li:hover, #navigation .nav-hotel-02 li:hover, .box-banner a:hover, .box-logo a:hover, #footer .content-inner .nav-hotel-01 li:hover, #gnav-wedding li:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } #gnav-anniversary li:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } /*wedding*/ #gnav-wedding .nav-global-wed-special { background: url(/common/img/default/wedding/base/nav_global_wed_special.gif); background-size: 160px 32px !important; } #gnav-wedding .nav-global-wed-event { background: url(/common/img/default/wedding/base/nav_global_wed_fair.gif); background-size: 160px 32px !important; } #gnav-wedding .nav-global-wed-ceremony { background: url(/common/img/default/wedding/base/nav_global_wed_ceremony.gif); background-size: 160px 32px !important; } #gnav-wedding .nav-global-wed-reception { background: url(/common/img/default/wedding/base/nav_global_wed_reception.gif); background-size: 160px 32px !important; } #gnav-wedding .nav-global-wed-coordinate { background: url(/common/img/default/wedding/base/nav_global_wed_coordinate.gif); background-size: 160px 32px !important; } #gnav-wedding .nav-global-wed-cuisine { background: url(/common/img/default/wedding/base/nav_global_wed_cuisine.gif); background-size: 160px 32px !important; } /*anniversary*/ #gnav-anniversary .nav-global-anv-declaration { background: url(/common/img/default/anniversary2018/base/nav_global_anv_declaration.gif); background-size: 192px 32px !important; } #gnav-anniversary .nav-global-anv-coordination { background: url(/common/img/default/anniversary2018/base/nav_global_anv_coordination.gif); background-size: 192px 32px !important; } #gnav-anniversary .nav-global-anv-standard { background: url(/common/img/default/anniversary2018/base/nav_global_anv_common.gif); background-size: 192px 32px !important; } #gnav-anniversary .nav-global-anv-item { background: url(/common/img/default/anniversary2018/base/nav_global_anv_item.gif); background-size: 192px 32px !important; } #gnav-anniversary .nav-global-anv-reservation { background: url(/common/img/default/anniversary2018/base/nav_global_anv_reservation.gif); background-size: 192px 32px !important; } } .lps .sp-view { display: none; } .lps #headerBox { position: relative; border: #d9d0c7 1px solid; } .lps #headerBox > * > img { width: 100%; } .lps #headerBox h1 { z-index: 10; position: absolute; } .lps #headerBox p { width: 100%; } .lps #headerBox .sns-1 { position: absolute; top: 10px; right: 10px; } .lps #headerBox .sns-1 .facebook img, .lps #headerBox .sns-1 .twitter img { height: 22px; width: auto; } .lps #headerBox.bd-none { border: none; background: url(/common/img/default/bg/bg_grd_box_bottom.png) 50% bottom no-repeat; padding-bottom: 10px; } .lps div[class*="clbox"] > div { position: relative; float: left; padding: 1px; border: #d9d0c7 1px solid; } .lps div[class*="clbox"] > div p img, .lps div[class*="clbox"] > div div.img img, .lps div[class*="clbox"] > div a img { width: 100%; } .lps div[class*="clbox"] > div#multi-rows { border: none; padding: 0; margin-bottom: 0; } .lps div[class*="clbox"] > div#multi-rows > div { position: relative; padding: 1px; border: #d9d0c7 1px solid; margin-bottom: 1.95%; } .lps div[class*="clbox"] > div#multi-rows > div:last-child { margin-bottom: 0; } .lps .desc-box .floatL { float: left; } .lps .desc-box .floatR { float: right; } .lps .desc-box .img img { width: 100%; } .lps .desc-box .desc .ttl img { width: 100%; } .lps .clbox-1 { border: #d9d0c7 1px solid; width: 100%; margin-bottom: 1%; padding: 1px; } .lps .clbox-1 p img, .lps .clbox-1 div.img img { width: 100%; } .lps .clbox-2 > div { width: 49.5%; margin-left: 1.0%; } .lps .clbox-2 > div:first-child { margin-left: 0; } .lps .clbox-3 > div { width: 32.6%; margin-left: 1.1%; } .lps .clbox-3 > div:first-child { margin-left: 0; } .lps .clbox-4 > div { width: 23.9%; margin-left: 1.4%; } .lps .clbox-4 > div:first-child { margin-left: 0; } .lps .hoverBox { z-index: 10; display: none; position: absolute; bottom: 0; width: 100%; padding: 8px; background: rgba(255, 255, 255, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fFFFFFF,endcolorstr=#7fFFFFFF,gradienttype=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF)"; zoom: 1; font-size: 11px !important; font-size: 0.69rem !important; } /*----------------------------------------------------------------------------------------------- ～　899px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 899px) { .lt-ie9 header#header .hotel-address-info div, .lt-ie9 header#simple-header .hotel-address-info div, .lt-ie9 header#header .btn-lang, .lt-ie9 header#simple-header .btn-lang { display: block; } a.anchor { display: block; padding-top: 60px; margin-top: -60px; } #content, #header > section, #simple-header > section, #footer .content-inner, #content-topicpathWrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 100%; } #content-head-top .copy { right: 10px; } #img-layer { width: 100%; } #img-layer .inner { right: 10px; } #content-topicpathWrap { display: block; } body.content100 #content-article { padding: 0; } #header, #simple-header { padding: 10px 0 13px; height: auto; z-index: 20; } #header .content-inner, #simple-header .content-inner { height: 35px; } #header .box-menu, #simple-header .box-menu { position: absolute; top: 3px; left: 0; z-index: 10; display: table; background-color: #E4DAC5; line-height: 1; } #header .box-menu a, #simple-header .box-menu a { display: table-cell; width: 50px; height: 25px; vertical-align: middle; text-align: center; font-weight: bold; } #header .box-menu a:link, #simple-header .box-menu a:link { color: #664626; } #header .box-menu a:visited, #simple-header .box-menu a:visited { color: #664626; } #header .box-menu.on, #simple-header .box-menu.on { padding-bottom: 10px; background-color: #815830; } #header .box-menu.on a, #simple-header .box-menu.on a { color: #EAE1D0; } #header .box-logo, #simple-header .box-logo { position: static; text-align: right; } #header .box-logo img, #simple-header .box-logo img { width: 150px; } #header .box-banner, #simple-header .box-banner { top: 0; right: 0; width: 60px; height: auto; } #header .box-banner img, #simple-header .box-banner img { width: 60px; height: auto; } #header section:first-child .btn-lang, #simple-header section:first-child .btn-lang { width: 190px; height: 20px; float: none; margin: 0 auto 20px !important; } #header section:first-child .btn-lang a, #simple-header section:first-child .btn-lang a { background: #E1DBD0 !important; } /*アクセスボタン追加*/ #header .sp_access_btn, #simple-header .sp_access_btn { display: block; position: absolute; top: 5px; left: 130px; } #header .sp_access_btn img, #simple-header .sp_access_btn img { width: 60px; height: 22px; } #footer #inner-footer dl dd { width: auto; background: none; } #footer #inner-footer .hotel-address-info { width: auto; line-height: 1; } #footer #inner-footer .hotel-address-info p:first-child, #footer #inner-footer .hotel-address-info p:last-child { width: auto; height: auto; } #footer #inner-footer .hotel-address-info p:first-child { margin-top: 7px; } #footer #inner-footer .hotel-address-info p:last-child span { font-weight: bold; font-size: 1.38rem; } #footer section:last-child .content-inner p { float: none; text-align: center; } #header #navigation, #simple-header #navigation { position: absolute; top: 37px; left: -10px; width: 320px; border-top: 3px solid #815830; background: url(/common/img/default/base/bg_base.jpg); -webkit-box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.2); } #footer-nav { /*display: none;*/ width: 100%; } #ftBlk01, #ftBlk02, #ftBlk03 { width: 94%; } ul#ftLogo01 { width: 100%; } #header .content-inner, #simple-header .content-inner { height: auto; } /*メニュー 共通*/ #navigation .nav-hotel-01, #navigation .nav-hotel-02 { position: static; } #navigation .nav-global > li h2, #navigation .nav-global > li h3, #navigation .nav-hotel-01 > li.gn, #navigation .nav-local li, #navigation .nav-hotel-01 li.gn h3, #wedding-top #gnav-wedding .nav-global-wedding li, #wedding #gnav-wedding .nav-global-wedding li, #anniversary-top #gnav-anniversary .nav-global-anniversary li, #anniversary #gnav-anniversary .nav-global-anniversary li { display: table; padding: 0 10px; font-size: 1.00rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; } #navigation .nav-hotel-01 > li.gn { padding: 0; } #navigation .nav-global li a, #navigation .nav-hotel-01 li.gn a, #wedding-top #gnav-wedding .nav-global-wedding li a, #wedding #gnav-wedding .nav-global-wedding li a, #anniversary-top #gnav-anniversary .nav-global-anniversary li a, #anniversary #gnav-anniversary .nav-global-anniversary li a { display: table-cell; width: 310px; vertical-align: middle; padding: 8px 10px 8px 0; height: auto !important; } /*メニュー 第1階層*/ #navigation .nav-global > li h2, #navigation .nav-hotel-01 > li.gn h2, #wedding-top #gnav-wedding .nav-global-wedding li, #wedding #gnav-wedding .nav-global-wedding li, #anniversary-top #gnav-anniversary .nav-global-anniversary li, #anniversary #gnav-anniversary .nav-global-anniversary li { border-bottom: 1px solid #D7BA9C; box-shadow: 0 1px 0 0 #FFF; } #navigation .nav-hotel-01 > li.gn h2 { padding: 0 10px; } #header .nav-hotel-01, #simple-header .nav-hotel-01 { margin: 0; } #navigation .nav-global li.on-menu h2, #navigation .nav-hotel-01 li.on-menu.gn h2 { border-bottom: 1px solid #AC8F73; background: url(/common/img/default/base/bg_navi_base_act.jpg) !important; box-shadow: inset 0 -1px 0 0 #4f361e; } #navigation .nav-global li h2 a, #navigation .nav-hotel-01 li.gn h2 a { background: url(/common/img/default/icon/icon_arrow_down_1.png) no-repeat right center; background-size: 16px 9px !important; } #navigation .nav-global li.on-menu a, #navigation .nav-hotel-01 li.on-menu.gn a { background: url(/common/img/default/icon/icon_arrow_up_1.png) no-repeat right center; color: #EADFD0; } #navigation .nav-global span, #navigation .nav-hotel-01 li.gn span, #wedding #header ul.nav-global-wedding li span, #wedding #simple-header ul.nav-global-wedding li span, #wedding-top #header ul.nav-global-wedding li span, #wedding-top #simple-header ul.nav-global-wedding li span, #anniversary #header ul.nav-global-anniversary li span, #anniversary #simple-header ul.nav-global-anniversary li span, #anniversary-top #header ul.nav-global-anniversary li span, #anniversary-top #simple-header ul.nav-global-anniversary li span { padding-left: 5px; font-size: 0.69rem !important; } #anniversary #header ul.nav-global-anniversary li span.br, #anniversary #simple-header ul.nav-global-anniversary li span.br, #anniversary-top #header ul.nav-global-anniversary li span.br, #anniversary-top #simple-header ul.nav-global-anniversary li span.br { display: block; } /*メニュー 第2 トップ階層*/ #navigation .nav-global li h3, #navigation .nav-hotel-01 li.gn h3 { border-bottom: 1px solid #A68A6E; box-shadow: inset 0 -1px 0 0 #4f361e; padding: 0 15px 0 10px; /*共通上書き*/ } /*メニュー 第2 ローカル*/ #navigation .nav-local, #navigation .nav-global li h3, #navigation .nav-hotel-01 li h3 { background: url(/common/img/default/base/bg_navi_base_act2.jpg) !important; } #navigation .nav-local li { width: 100%; border-bottom: 1px solid #4F361E; box-shadow: 0 1px 0 0 #A68A6E; padding: 0 15px 0 10px; /*共通上書き*/ } #navigation .nav-local li.NoLine { border-bottom: none; box-shadow: none; } #navigation .nav-local li.snav-rest-bar, #navigation .nav-local li.snav-rest-teppan, #navigation .nav-local li.snav-rest-patisserie, #navigation .nav-local li.snav-rest-terracebar { background: url(/common/img/default/base/bg_navi_base_act3.jpg) repeat-x !important; } #navigation .nav-global li h3 a, #navigation .nav-local li a, #navigation .nav-hotel-01 li h3 a { background: url(/common/img/default/base/icon_arrow_right_1.png) no-repeat right center !important; background-size: 6px 10px !important; color: #EADFD0; } /*メニュー その他*/ #navigation .nav-hotel-01 > li.sub, #navigation .nav-hotel-02 > li.sub { float: left; width: 145px; height: 30px; margin: 0 0 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px 0 10px; border: 1px solid #D7BA9C; box-shadow: 0 1px 0 0 #FFF,inset 0 1px 0 0 #FFF; font-size: 12px !important; font-size: 0.75rem !important; line-height: 1; font-weight: bold; } #navigation .nav-hotel-01 > li.sub a, #navigation .nav-hotel-02 > li.sub a { width: 100%; height: 19px; padding-top: 10px; vertical-align: middle; background: url(/common/img/default/icon/icon_arrow_right_2.png) no-repeat right center !important; background-size: 19px 19px !important; } #navigation .nav-hotel-01 li.nav-hotel-magazin, #navigation .nav-hotel-01 li.nav-hotel-other, #navigation .nav-hotel-01 li.nav-hotel-access, #navigation .nav-hotel-01 li.nav-hotel-qa { margin-top: 15px; } /*メニュー表示非表示切替*/ #header .box-menu.on + #navigation, #simple-header .box-menu.on + #navigation, #navigation .nav-global li.on-menu > h3, #navigation .nav-global li.on-menu > ul, #navigation .nav-hotel-01 li.on-menu.gn h3, #navigation .nav-hotel-01 li.on-menu.gn ul { display: block; } #header .box-menu + #navigation, #simple-header .box-menu + #navigation, #navigation .nav-global li > h3, #navigation .nav-global li > ul, #navigation .nav-hotel-01 li.gn h3, #navigation .nav-hotel-01 li.gn ul, #header .box-banner, #simple-header .box-banner { display: none; } /*アドレス*/ #header .hotel-address-info, #simple-header .hotel-address-info { position: static; margin: 20px; width: auto; } #header .hotel-address-info, #simple-header .hotel-address-info, #footer section:first-child .hotel-address-info { text-align: center; line-height: 1; } #header .hotel-address-info p:last-child, #simple-header .hotel-address-info p:last-child, #footer section:first-child .hotel-address-info p:first-child { margin-top: 7px; } #header .hotel-address-info p:first-child span, #simple-header .hotel-address-info p:first-child span, #footer section:first-child .hotel-address-info p:last-child span { font-size: 1.38rem; } /*ローカルメニュー2*/ .nav-local2 { float: none; width: 100%; } .nav-local2 li { margin-left: 0; } .nav-local2 li:first-child { float: none; border: 1px solid #ece4d5; } .nav-local2 li:first-child p:nth-child(1) { font-size: 15px !important; font-size: 0.94rem !important; font-weight: bold; padding: 5px 10px; background-color: #ece4d5; } .nav-local2 li:first-child p:nth-child(2) { padding: 5px 10px; background-color: #FFF; } .nav-local2 li:first-child p:nth-child(2) span { font-size: 15px !important; font-size: 0.94rem !important; font-weight: bold; } /* content-head layout ------------------------------------------------*/ #content-head { border-bottom: 1px solid #EAE6E1; background-size: auto 100%; background-position: center top; background-repeat: no-repeat; } /* 表示 ------------------------------------------------*/ #header .box-menu, #simple-header .box-menu, #header .hotel-address-info p:first-child, #simple-header .hotel-address-info p:first-child, #navigation .nav-local, .nav-local2 li:first-child p, #header section:first-child .btn-lang, #simple-header section:first-child .btn-lang, #header .sp_lang_btn, #simple-header .sp_lang_btn { display: block; } #header .nav-hotel-02 li.sub, #simple-header .nav-hotel-02 li.sub { display: block; } /* 非表示 ------------------------------------------------*/ #header section:first-child .btn-lang-white, #simple-header section:first-child .btn-lang-white, #header .lang_btn, #simple-header .lang_btn, #content-nav, #content-topicpath, .nav-local2 li:first-child img, .nav-local2 li:not(:first-child), .navi-local2-one-btn #content-topicpathWrap, #footer .content-inner .nav-hotel-01, #footer #inner-footer .btn-lang { display: none; } /* テキスト表示 ------------------------------------------------*/ #header .nav-hotel-01 li a, #simple-header .nav-hotel-01 li a, #header .nav-hotel-02 li a, #simple-header .nav-hotel-02 li a, #header .hotel-address-info p:last-child, #simple-header .hotel-address-info p:last-child, #header .nav-global-hotel, #simple-header .nav-global-hotel, #header .nav-global-business, #simple-header .nav-global-business, #navigation .nav-global li a, #footer #inner-footer .hotel-address-info, #footer #inner-footer dl dd p, #footer .content-inner li a, #wedding-top #gnav-wedding .nav-global-wedding li a, #wedding #gnav-wedding .nav-global-wedding li a, #anniversary-top #gnav-anniversary .nav-global-anniversary li a, #anniversary #gnav-anniversary .nav-global-anniversary li a { text-indent: inherit; } /* 背景画像非表示 ------------------------------------------------*/ #navigation .nav-global li, #header .nav-hotel-01 li, #simple-header .nav-hotel-01 li, #header .nav-hotel-02 li, #simple-header .nav-hotel-02 li, #header .hotel-address-info, #simple-header .hotel-address-info, #footer #inner-footer .hotel-address-info p:first-child, #footer #inner-footer .hotel-address-info p:last-child, #wedding-top #gnav-wedding .nav-global-wedding li, #wedding #gnav-wedding .nav-global-wedding li, #anniversary-top #gnav-anniversary .nav-global-anniversary li, #anniversary #gnav-anniversary .nav-global-anniversary li { background-image: none !important; } /*ie8 ----------------------------------------------*/ .lt-ie9 #navigation .nav-global li h2 a, .lt-ie9 #navigation .nav-hotel-01 li.gn h2 a { background: url(/common/img/default/icon/icon_arrow_down_1_pc.png) no-repeat right center; } .lt-ie9 #navigation .nav-hotel-01 > li.sub a, .lt-ie9 #navigation .nav-hotel-02 > li.sub a { background: url(/common/img/default/icon/icon_arrow_right_2_pc.png) no-repeat right center !important; } } /*----------------------------------------------------------------------------------------------- ～　899px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 899px) { #header .sp_lang_btn, #simple-header .sp_lang_btn { position: absolute; top: 3px; left: 55px; z-index: 11; display: table; line-height: 1; margin: 0 0; padding: 0 0; display: table-cell; vertical-align: middle; text-align: center; } #header .sp_lang_btn:hover, #simple-header .sp_lang_btn:hover { opacity: 1.0; } #header .sp_lang_btn select, #simple-header .sp_lang_btn select { padding: 1px 3px; height: 25px; } #header .sp_lang_btn:after, #simple-header .sp_lang_btn:after { content: ''; display: inline-block; position: absolute; right: 5px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #8a8a8a transparent transparent transparent; } #content-article { float: none; width: 100%; margin: 0 auto; } #footer #inner-footer .btn-lang a { width: 50%; } #gnav-wedding { margin-bottom: 10px; } #gnav-anniversary { margin-bottom: 10px; } /*30th banner*/ #img-layer .inner .bnr30th-inner img.bnr30th { /*width:60%;*/ width: 72px; } #content-head-banner img { width: 100px; bottom: 40px; } #content-head-banner img.addB { bottom: 150px; } } /*----------------------------------------------------------------------------------------------- ～　767px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 767px) { #content-article { float: none; width: 100%; } #footer #inner-footer .hotel-address-info { margin-top: 0; } #footer #inner-footer .hotel-address-info p:first-child, #footer #inner-footer .hotel-address-info p:last-child { float: none; margin-top: 5px; text-align: right; } /*30th banner*/ #img-layer .inner .bnr30th-inner { float: none; } #img-layer .inner .bnr30th-inner img.bnr30th { margin-top: 10px; /*width:80%;*/ width: 96px; } } /*----------------------------------------------------------------------------------------------- ～ 599px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 599px) { body { min-width: 320px; } /* 非表示 ------------------------------------------------*/ #footer #inner-footer .hotel-address-info, #content-head-top, #img-layer { display: none; } .lps .pc-view { display: none; } .lps .sp-view { display: block; } .lps .sp-view.il-txt { display: inline; } .lps div[class*="clbox"] > div { float: none; width: 100%; margin-left: 0% !important; margin-bottom: 20px !important; } .lps .desc-box .floatL, .lps .desc-box .floatR { float: none; } .lps .desc-box .img, .lps .desc-box .desc { width: 100% !important; } } /*----------------------------------------------------------------------------------------------- ～ 360px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 360px) { #header .box-logo img, #simple-header .box-logo img { width: 105px; margin-bottom: 10px; } } .menufixed { position: fixed; top: 0; width: 100%; z-index: 10000; } #content-nav h2, #content-nav h3, #content-nav ul.nav-local { width: 190px; } #content-nav h3 { display: none; } #content-nav h2 a, #content-nav ul.nav-local li a { display: block; text-indent: -9999px; background-position: center left; background-repeat: no-repeat !important; } #content-nav div.nav-local, #content-nav ul.nav-local li.on a { background-position: center right; cursor: default; } #content-nav div.nav-local:hover, #content-nav ul.nav-local li.on a:hover { opacity: 1; filter: alpha(opacity=100); /* ie lt 8 */ -ms-filter: "alpha(opacity=100)"; /* ie 8 */ -moz-opacity: 1; /* FF lt 1.5, Netscape */ -khtml-opacity: 1; /* Safari 1.x */ } #content-nav h2 a { height: 103px; background-position: center center; } #content-nav h2.snav-rest a { cursor: default; background-color: #B68D52; background-image: url(../img/default/snav/snav_rest_ttl.png); background-size: 132px 46px; } #content-nav h2.snav-room a { background-color: #B68D52; background-image: url(../img/default/snav/snav_room_ttl.png); background-size: 130px 47px; } #content-nav h2.snav-bqt a { background-color: #7D7633; background-image: url(../img/default/snav/snav_banquet_ttl.png); background-size: 141px 49px; } #content-nav h2.snav-company a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_com_ttl.png); background-size: 129px 55px; } #content-nav h2.snav-health a { background-color: #498F92; background-image: url(../img/default/snav/snav_health_ttl.png); background-size: 156px 41px; } #content-nav h2.snav-hotel a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_hotel_ttl.png); background-size: 122px 43px; } #content-nav h2.snav-event a { background-color: #C75858; background-image: url(../img/default/snav/snav_event_ttl.png); background-size: 166px 55px; } #content-nav h2.snav-guidance a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_guidance_ttl.png); background-size: 136px 55px; } #content-nav h2.snav-dolphin a { background-color: #6AABDB; background-image: url(../img/default/snav/snav_dolphin_ttl.png); background-size: 150px 55px; } #content-nav ul.nav-local { margin-bottom: 10px; background: url(../img/default/snav/snav_bg.png) repeat-y top left white; /* Restaurant */ /* Room */ /* Banquet & Meeting */ /* Company Information */ /* Health Garden */ /* Hotel Introduction */ /* Event */ /* Guidance */ /* Dolphin */ /* SubNavigation */ /* Restaurant Sub */ /* Room Sub */ /* Banquet & Meeting Sub */ /* Health Garden Sub */ /* Hotel Introduction Sub */ /* Common Sub */ } #content-nav ul.nav-local li { background: url(../img/default/snav/snav_line.gif) no-repeat bottom; } #content-nav ul.nav-local li a { height: 50px; background-size: 380px 30px; } #content-nav ul.nav-local li a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } #content-nav ul.nav-local li.NoLine { background: none; } #content-nav ul.nav-local li.snav-sub a { height: 40px; } #content-nav ul.nav-local li.snav-rest-christmas a { background-size: 380px 34px; height: 54px; } #content-nav ul.nav-local li.snav-rest-bar a, #content-nav ul.nav-local li.snav-rest-teppan a, #content-nav ul.nav-local li.snav-rest-patisserie a, #content-nav ul.nav-local li.snav-rest-terracebar a { height: 50px; } #content-nav ul.nav-local li.third-cate a { height: 38px; } #content-nav ul.nav-local li.snav-btm { background-image: none; border-bottom: 1px solid #D9CFC4; } #content-nav ul.nav-local .snav-dolphin-registration { height: 70px !important; } #content-nav ul.nav-local .snav-dolphin-registration a { height: 70px !important; } #content-nav ul.nav-local li.third-cate { height: 38px; display: none; background-image: none !important; } #content-nav ul.nav-local li.third-cate a { background-position: left top; } #content-nav ul.nav-local li.third-cate.on a { background-position: right top; } #content-nav ul.nav-local li.snav-rest-fontana a { background-image: url(../img/default/snav/snav_rest_fontana.gif); } #content-nav ul.nav-local li.snav-rest-hagoromo a { background-image: url(../img/default/snav/snav_rest_hagoromo.gif); } #content-nav ul.nav-local li.snav-rest-tohkalin a { background-image: url(../img/default/snav/snav_rest_tohkalin.gif); } #content-nav ul.nav-local li.snav-rest-terrace a { background-image: url(../img/default/snav/snav_rest_terrace.gif); } #content-nav ul.nav-local li.snav-rest-morning a { background-image: url(../img/default/snav/snav_rest_morning.gif); } #content-nav ul.nav-local li.snav-rest-lunch a { background-image: url(../img/default/snav/snav_rest_lunch.gif); } #content-nav ul.nav-local li.snav-rest-dinner a { background-image: url(../img/default/snav/snav_rest_dinner.gif); } #content-nav ul.nav-local li.snav-rest-others a { background-image: url(../img/default/snav/snav_rest_others.gif); } #content-nav ul.nav-local li.snav-rest-christmas a { background-image: url(../img/default/snav/snav_rest_christmas.gif); } #content-nav ul.nav-local li.snav-room-sp a { background-image: url(../img/default/snav/snav_room_sp.gif); } #content-nav ul.nav-local li.snav-room-sp-nons a { background-image: url(../img/default/snav/snav_room_sp_nons.gif); } #content-nav ul.nav-local li.snav-room-dx a { background-image: url(../img/default/snav/snav_room_dx.gif); } #content-nav ul.nav-local li.snav-room-ex a { background-image: url(../img/default/snav/snav_room_ex.gif); } #content-nav ul.nav-local li.snav-room-jr-4 a { background-image: url(../img/default/snav/snav_room_jr_4.gif); } #content-nav ul.nav-local li.snav-room-jr a { background-image: url(../img/default/snav/snav_room_jr.gif); } #content-nav ul.nav-local li.snav-room-dx-jr a { background-image: url(../img/default/snav/snav_room_dx_jr.gif); } #content-nav ul.nav-local li.snav-room-sr a { background-image: url(../img/default/snav/snav_room_sr.gif); } #content-nav ul.nav-local li.snav-room-ex-swt a { background-image: url(../img/default/snav/snav_room_ex_swt.gif); } #content-nav ul.nav-local li.snav-room-ja a { background-image: url(../img/default/snav/snav_room_ja.gif); } #content-nav ul.nav-local li.snav-room-ja-swt a { background-image: url(../img/default/snav/snav_room_ja_swt.gif); } #content-nav ul.nav-local li.snav-room-an-swt a { background-image: url(../img/default/snav/snav_room_an_swt.gif); } #content-nav ul.nav-local li.snav-room-ro-swt a { background-image: url(../img/default/snav/snav_room_ro_swt.gif); } #content-nav ul.nav-local li.snav-bqt-crown a { background-image: url(../img/default/snav/snav_banquet_crown.gif); } #content-nav ul.nav-local li.snav-bqt-vic a { background-image: url(../img/default/snav/snav_banquet_victoria.gif); } #content-nav ul.nav-local li.snav-bqt-mgt a { background-image: url(../img/default/snav/snav_banquet_margaret.gif); } #content-nav ul.nav-local li.snav-bqt-ascot a { background-image: url(../img/default/snav/snav_banquet_ascot.gif); background-size: 380px 50px; } #content-nav ul.nav-local li.snav-bqt-wdg { display: none; } #content-nav ul.nav-local li.snav-bqt-party a { background-image: url(../img/default/snav/snav_banquet_party.gif); } #content-nav ul.nav-local li.snav-bqt-floor a { background-image: url(../img/default/snav/snav_banquet_floor.gif); } #content-nav ul.nav-local li.snav-company-philo a { background-image: url(../img/default/snav/snav_com_philosophy.gif); } #content-nav ul.nav-local li.snav-company-outline a { background-image: url(../img/default/snav/snav_com_outline.gif); } #content-nav ul.nav-local li.snav-company-chart a { background-image: url(../img/default/snav/snav_com_chart.gif); } #content-nav ul.nav-local li.snav-company-intro a { background-image: url(../img/default/snav/snav_com_intro.gif); } #content-nav ul.nav-local li.snav-company-edu a { background-image: url(../img/default/snav/snav_com_edu.gif); } #content-nav ul.nav-local li.snav-company-recruit a { background-image: url(../img/default/snav/snav_com_recruit.gif); } #content-nav ul.nav-local li.snav-company-recruit { border-bottom: 1px solid #D9CFC4; background-image: none; } #content-nav ul.nav-local li.snav-company-recruit.on { border-bottom: none; } #content-nav ul.nav-local li.snav-company-recruit-new a { background-image: url(../img/default/snav/snav_com_recruit_new.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-company-recruit-career a { background-image: url(../img/default/snav/snav_com_recruit_career.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-company-recruit-spot a { background-image: url(../img/default/snav/snav_com_recruit_spot.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-health-fitness a { background-image: url(../img/default/snav/snav_health_fitness.gif); background-size: 380px 50px; } #content-nav ul.nav-local li.snav-health-beauty a { background-image: url(../img/default/snav/snav_health_beaty.gif); background-size: 380px 50px; } #content-nav ul.nav-local li.snav-hotel-special a { background-image: url(../img/default/snav/snav_hotel_special.gif); } #content-nav ul.nav-local li.snav-hotel-accommodation a { background-image: url(../img/default/snav/snav_hotel_accommodation.gif); } #content-nav ul.nav-local li.snav-hotel-outline a { background-image: url(../img/default/snav/snav_hotel_outline.gif); } #content-nav ul.nav-local li.snav-hotel-access a { background-image: url(../img/default/snav/snav_hotel_access.gif); } #content-nav ul.nav-local li.snav-hotel-access.on { background-image: none; } #content-nav ul.nav-local li.snav-hotel-access-car a { background-image: url(../img/default/snav/snav_hotel_access_car.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-hotel-access-train a { background-image: url(../img/default/snav/snav_hotel_access_train.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-hotel-access-air a { background-image: url(../img/default/snav/snav_hotel_access_air.gif); background-size: 380px 38px; } #content-nav ul.nav-local li.snav-hotel-wifi a { background-image: url(../img/default/snav/snav_hotel_wifi.gif); background-size: 380px 50px; } #content-nav ul.nav-local li.snav-hotel-floormap a { background-image: url(../img/default/snav/snav_hotel_floormap.gif); } #content-nav ul.nav-local .snav-event-fontana, #content-nav ul.nav-local .snav-event-hagoromo, #content-nav ul.nav-local .snav-event-tohkalin, #content-nav ul.nav-local .snav-event-tohkarin, #content-nav ul.nav-local .snav-event-terrace, #content-nav ul.nav-local .snav-event-reserved { height: 120px; } #content-nav ul.nav-local .snav-event-fontana a, #content-nav ul.nav-local .snav-event-hagoromo a, #content-nav ul.nav-local .snav-event-tohkalin a, #content-nav ul.nav-local .snav-event-tohkarin a, #content-nav ul.nav-local .snav-event-terrace a, #content-nav ul.nav-local .snav-event-reserved a { height: 120px; } #content-nav ul.nav-local li.snav-event-fontana a { background-image: url(../img/default/snav/snav_event_fontana.gif); background-size: 190px 120px; } #content-nav ul.nav-local li.snav-event-hagoromo a { background-image: url(../img/default/snav/snav_event_hagoromo.gif); background-size: 190px 120px; } #content-nav ul.nav-local li.snav-event-tohkalin a { background-image: url(../img/default/snav/snav_event_tohkalin.gif); background-size: 190px 120px; } #content-nav ul.nav-local li.snav-event-terrace a { background-image: url(../img/default/snav/snav_event_terrace.gif); background-size: 190px 120px; } #content-nav ul.nav-local li.snav-event-reserved { text-indent: -9999px; background-image: url(../img/default/snav/snav_event_reserved.png); background-size: 190px 120px; } #content-nav ul.nav-local li.snav-guidance-contact a { background-image: url(../img/default/snav/snav_guidance_contact.gif); } #content-nav ul.nav-local li.snav-guidance-qa a { background-image: url(../img/default/snav/snav_guidance_qa.gif); } #content-nav ul.nav-local li.snav-guidance-bro a { background-image: url(../img/default/snav/snav_guidance_bro.gif); } #content-nav ul.nav-local li.snav-guidance-mailmgz a { background-image: url(../img/default/snav/snav_guidance_mailmgz.gif); } #content-nav ul.nav-local li.snav-guidance-sitemap a { background-image: url(../img/default/snav/snav_guidance_sitemap.gif); } #content-nav ul.nav-local li.snav-guidance-link a { background-image: url(../img/default/snav/snav_guidance_link.gif); } #content-nav ul.nav-local li.snav-guidance-use a { background-image: url(../img/default/snav/snav_guidance_use.gif); } #content-nav ul.nav-local li.snav-guidance-policy a { background-image: url(../img/default/snav/snav_guidance_policy.gif); } #content-nav ul.nav-local li.snav-guidance-cookiepolicy a { background-image: url(../img/default/snav/snav_guidance_cookiepolicy.gif); } #content-nav ul.nav-local li.snav-2line, #content-nav ul.nav-local li.snav-2line a { height: 70px !important; } #content-nav ul.nav-local li.snav-dolphin-registration a { background-image: url(../img/default/snav/snav_dplphin_registration.gif); background-size: 380px 50px; } #content-nav ul.nav-local li.snav-dplphin-change a { background-image: url(../img/default/snav/snav_dplphin_change.gif); } #content-nav ul.nav-local li.snav-dplphin-contact a { background-image: url(../img/default/snav/snav_dplphin_contact.gif); } #content-nav ul.nav-local li.snav-sub { height: 40px; background-image: none; } #content-nav ul.nav-local li.snav-sub a { background-position: top; background-size: 190px 40px; } #content-nav ul.nav-local li.snav-rest-bar, #content-nav ul.nav-local li.snav-rest-teppan, #content-nav ul.nav-local li.snav-rest-patisserie, #content-nav ul.nav-local li.snav-rest-terracebar { height: 50px; background-image: none; } #content-nav ul.nav-local li.snav-rest-bar a, #content-nav ul.nav-local li.snav-rest-teppan a, #content-nav ul.nav-local li.snav-rest-patisserie a, #content-nav ul.nav-local li.snav-rest-terracebar a { background-position: left top; background-size: 380px 50px; } #content-nav ul.nav-local li.snav-rest-bar.on a, #content-nav ul.nav-local li.snav-rest-teppan.on a, #content-nav ul.nav-local li.snav-rest-patisserie.on a, #content-nav ul.nav-local li.snav-rest-terracebar.on a { background-position: right top; } #content-nav ul.nav-local li.snav-sub-top { padding-top: 10px; background-color: #FBF8F4; } #content-nav ul.nav-local li:last-child { border-bottom: 1px solid #D9CFC4; } #content-nav ul.nav-local li.snav-rest-resavation a { background-image: url(../img/default/snav/snav_rest_sub_rsv.gif); } #content-nav ul.nav-local li.snav-rest-qa a { background-image: url(../img/default/snav/snav_rest_sub_qa.gif); } #content-nav ul.nav-local li.snav-rest-service a { background-image: url(../img/default/snav/snav_rest_sub_service.gif); } #content-nav ul.nav-local li.snav-rest-bar a { background-image: url(../img/default/snav/snav_rest_sub_bar.png); } #content-nav ul.nav-local li.snav-rest-teppan a { background-image: url(../img/default/snav/snav_rest_sub_teppan.png); } #content-nav ul.nav-local li.snav-rest-patisserie a { background-image: url(../img/default/snav/snav_rest_sub_patisserie.png); } #content-nav ul.nav-local li.snav-rest-terracebar a { background-image: url(../img/default/snav/snav_rest_sub_terracebar.png); } #content-nav ul.nav-local li.snav-room-rsv a { background-image: url(../img/default/snav/snav_room_sub_rsv.gif); } #content-nav ul.nav-local li.snav-room-qa a { background-image: url(../img/default/snav/snav_room_sub_qa.gif); } #content-nav ul.nav-local li.snav-bqt-obs a { background-image: url(../img/default/snav/snav_banquet_sub_observe.gif); } #content-nav ul.nav-local li.snav-bqt-rsv a { background-image: url(../img/default/snav/snav_banquet_sub_rsv.gif); } #content-nav ul.nav-local li.snav-bqt-qa a { background-image: url(../img/default/snav/snav_banquet_sub_qa.gif); } #content-nav ul.nav-local li.snav-bqt-pdf a { background-image: url(../img/default/snav/snav_banquet_sub_pdf.gif); } #content-nav ul.nav-local li.snav-alg-pdf a { background-image: url(../img/default/snav/snav_allg_sub_pdf.gif); } #content-nav ul.nav-local li.snav-health-sub-qa a { background-image: url(../img/default/snav/snav_health_sub_qa.gif); } #content-nav ul.nav-local li.snav-hotel-sub-info a { background-image: url(../img/default/snav/snav_hotel_sub_info.gif); } #content-nav ul.nav-local li.snav-sub-contact a { background-image: url(../img/default/snav/snav_sub_contact.gif); } #content-nav ul.nav-local li.snav-sub-access a { background-image: url(../img/default/snav/snav_sub_access.gif); } #content-nav ul.nav-local li.snav-sub-bro a { background-image: url(../img/default/snav/snav_sub_brochure.gif); } #content-nav ul.nav-local li.snav-sub-qa a { background-image: url(../img/default/snav/snav_sub_qa.gif); } #content-nav div[class^="bnr-"] { margin-bottom: 10px; background-color: #FFF; } #content-nav div[class^="bnr-"] a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } /* IE8 nav */ .lt-ie9 #content-nav ul.nav-local { /* Restaurant */ /* Room */ /* Banquet & Meeting */ /* Company Information */ /* Health Garden */ /* Hotel Introduction */ /* Event */ /* Guidance */ /* Dolphin */ /* Restaurant Sub */ /* Room Sub */ /* Banquet & Meeting Sub */ /* Health Garden Sub */ /* Hotel Introduction Sub */ /* Common Sub */ } .lt-ie9 #content-nav ul.nav-local li.snav-rest-fontana a { background-image: url(../img/default/snav/snav_rest_fontana_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-hagoromo a { background-image: url(../img/default/snav/snav_rest_hagoromo_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-tohkalin a { background-image: url(../img/default/snav/snav_rest_tohkalin_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-terrace a { background-image: url(../img/default/snav/snav_rest_terrace_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-morning a { background-image: url(../img/default/snav/snav_rest_morning_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-lunch a { background-image: url(../img/default/snav/snav_rest_lunch_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-dinner a { background-image: url(../img/default/snav/snav_rest_dinner_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-others a { background-image: url(../img/default/snav/snav_rest_others_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-christmas a { background-image: url(../img/default/snav/snav_rest_christmas_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-sp a { background-image: url(../img/default/snav/snav_room_sp_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-sp-nons a { background-image: url(../img/default/snav/snav_room_sp_nons_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-dx a { background-image: url(../img/default/snav/snav_room_dx_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-ex a { background-image: url(../img/default/snav/snav_room_ex_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-jr-4 a { background-image: url(../img/default/snav/snav_room_jr_4_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-jr a { background-image: url(../img/default/snav/snav_room_jr_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-dx-jr a { background-image: url(../img/default/snav/snav_room_dx_jr_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-sr a { background-image: url(../img/default/snav/snav_room_sr_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-ex-swt a { background-image: url(../img/default/snav/snav_room_ex_swt_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-ja a { background-image: url(../img/default/snav/snav_room_ja_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-ja-swt a { background-image: url(../img/default/snav/snav_room_ja_swt_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-an-swt a { background-image: url(../img/default/snav/snav_room_an_swt_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-ro-swt a { background-image: url(../img/default/snav/snav_room_ro_swt_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-crown a { background-image: url(../img/default/snav/snav_banquet_crown_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-vic a { background-image: url(../img/default/snav/snav_banquet_victoria_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-mgt a { background-image: url(../img/default/snav/snav_banquet_margaret_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-ascot a { background-image: url(../img/default/snav/snav_banquet_ascot_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-party a { background-image: url(../img/default/snav/snav_banquet_party_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-floor a { background-image: url(../img/default/snav/snav_banquet_floor_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-philo a { background-image: url(../img/default/snav/snav_com_philosophy_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-outline a { background-image: url(../img/default/snav/snav_com_outline_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-chart a { background-image: url(../img/default/snav/snav_com_chart_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-intro a { background-image: url(../img/default/snav/snav_com_intro_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-edu a { background-image: url(../img/default/snav/snav_com_edu_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-recruit a { background-image: url(../img/default/snav/snav_com_recruit_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-recruit-new a { background-image: url(../img/default/snav/snav_com_recruit_new_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-recruit-career a { background-image: url(../img/default/snav/snav_com_recruit_career_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-company-recruit-spot a { background-image: url(../img/default/snav/snav_com_recruit_spot_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-health-fitness a { background-image: url(../img/default/snav/snav_health_fitness_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-health-beauty a { background-image: url(../img/default/snav/snav_health_beaty_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-special a { background-image: url(../img/default/snav/snav_hotel_special_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-accommodation a { background-image: url(../img/default/snav/snav_hotel_accommodation_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-outline a { background-image: url(../img/default/snav/snav_hotel_outline_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-access a { background-image: url(../img/default/snav/snav_hotel_access_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-access-car a { background-image: url(../img/default/snav/snav_hotel_access_car_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-access-train a { background-image: url(../img/default/snav/snav_hotel_access_train_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-access-air a { background-image: url(../img/default/snav/snav_hotel_access_air_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-wifi a { background-image: url(../img/default/snav/snav_hotel_wifi_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-floormap a { background-image: url(../img/default/snav/snav_hotel_floormap_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-event-fontana a { background-image: url(../img/default/snav/snav_event_fontana_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-event-hagoromo a { background-image: url(../img/default/snav/snav_event_hagoromo_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-event-tohkalin a { background-image: url(../img/default/snav/snav_event_tohkalin_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-event-terrace a { background-image: url(../img/default/snav/snav_event_terrace_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-event-reserved { text-indent: -9999px; background-image: url(../img/default/snav/snav_event_reserved_pc.png); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-contact a { background-image: url(../img/default/snav/snav_guidance_contact_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-qa a { background-image: url(../img/default/snav/snav_guidance_qa_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-bro a { background-image: url(../img/default/snav/snav_guidance_bro_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-mailmgz a { background-image: url(../img/default/snav/snav_guidance_mailmgz_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-sitemap a { background-image: url(../img/default/snav/snav_guidance_sitemap_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-link a { background-image: url(../img/default/snav/snav_guidance_link_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-use a { background-image: url(../img/default/snav/snav_guidance_use_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-guidance-policy a { background-image: url(../img/default/snav/snav_guidance_policy_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-dolphin-registration a { background-image: url(../img/default/snav/snav_dplphin_registration_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-dplphin-change a { background-image: url(../img/default/snav/snav_dplphin_change_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-dplphin-contact a { background-image: url(../img/default/snav/snav_dplphin_contact_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-resavation a { background-image: url(../img/default/snav/snav_rest_sub_rsv_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-qa a { background-image: url(../img/default/snav/snav_rest_sub_qa_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-service a { background-image: url(../img/default/snav/snav_rest_sub_service_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-bar a { background-image: url(../img/default/snav/snav_rest_sub_bar_pc.png); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-teppan a { background-image: url(../img/default/snav/snav_rest_sub_teppan_pc.png); } .lt-ie9 #content-nav ul.nav-local li.snav-rest-patisserie a { background-image: url(../img/default/snav/snav_rest_sub_patisserie_pc.png); } .lt-ie9 #content-nav ul.nav-local li.snav-room-rsv a { background-image: url(../img/default/snav/snav_room_sub_rsv_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-room-qa a { background-image: url(../img/default/snav/snav_room_sub_qa_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-obs a { background-image: url(../img/default/snav/snav_banquet_sub_observe_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-rsv a { background-image: url(../img/default/snav/snav_banquet_sub_rsv_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-qa a { background-image: url(../img/default/snav/snav_banquet_sub_qa_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-bqt-pdf a { background-image: url(../img/default/snav/snav_banquet_sub_pdf_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-health-sub-qa a { background-image: url(../img/default/snav/snav_health_sub_qa_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-hotel-sub-info a { background-image: url(../img/default/snav/snav_hotel_sub_info_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-sub-contact a { background-image: url(../img/default/snav/snav_sub_contact_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-sub-access a { background-image: url(../img/default/snav/snav_sub_access_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-sub-bro a { background-image: url(../img/default/snav/snav_sub_brochure_pc.gif); } .lt-ie9 #content-nav ul.nav-local li.snav-sub-qa a { background-image: url(../img/default/snav/snav_sub_qa_pc.gif); } /* IE8 ttl */ .lt-ie9 #content-nav h2.snav-rest a { cursor: default; background-color: #B68D52; background-image: url(../img/default/snav/snav_rest_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-room a { background-color: #B68D52; background-image: url(../img/default/snav/snav_room_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-bqt a { background-color: #7D7633; background-image: url(../img/default/snav/snav_banquet_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-company a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_com_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-health a { background-color: #498F92; background-image: url(../img/default/snav/snav_health_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-hotel a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_hotel_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-event a { background-color: #C75858; background-image: url(../img/default/snav/snav_event_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-guidance a { background-color: #C77E7E; background-image: url(../img/default/snav/snav_guidance_ttl_pc.png); } .lt-ie9 #content-nav h2.snav-dolphin a { background-color: #6AABDB; background-image: url(../img/default/snav/snav_dolphin_ttl_pc.png); } .sp-hob-num { display: none; } span.sp-teltitle { font-size: 12px !important; } /*----------------------------------------------------------------------------------------------- ～　899px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 899px) { .content-navi-banner div[class^="bnr-"], #restaurants #content-nav div[class^="bnr-"], #restaurant-fontana #content-nav div[class^="bnr-"], #restaurant-hagoromo #content-nav div[class^="bnr-"], #restaurant-terrace #content-nav div[class^="bnr-"], #restaurant-tohkalin #content-nav div[class^="bnr-"], #party #content-nav div[class^="bnr-"] { float: left; width: 24.025%; margin: 30px 1.3% 0 0; } .content-navi-banner .bnr-4, #restaurants #content-nav .bnr-4, #restaurant-fontana #content-nav .bnr-4, #restaurant-hagoromo #content-nav .bnr-4, #restaurant-terrace #content-nav .bnr-4, #restaurant-tohkalin #content-nav .bnr-4, #party #content-nav .bnr-4, .content-navi-banner .bnr-8, #restaurants #content-nav .bnr-8, #restaurant-fontana #content-nav .bnr-8, #restaurant-hagoromo #content-nav .bnr-8, #restaurant-terrace #content-nav .bnr-8, #restaurant-tohkalin #content-nav .bnr-8, #party #content-nav .bnr-8, .content-navi-banner .bnr-10, #restaurants #content-nav .bnr-10, #restaurant-fontana #content-nav .bnr-10, #restaurant-hagoromo #content-nav .bnr-10, #restaurant-terrace #content-nav .bnr-10, #restaurant-tohkalin #content-nav .bnr-10, #party #content-nav .bnr-10 { margin-right: 0 !important; } .content-navi-banner img, #restaurants #content-nav img, #restaurant-fontana #content-nav img, #restaurant-hagoromo #content-nav img, #restaurant-terrace #content-nav img, #restaurant-tohkalin #content-nav img, #party #content-nav img { width: 100%; height: auto; } /* restaurants */ #restaurants #content-nav, #restaurant-fontana #content-nav, #restaurant-hagoromo #content-nav, #restaurant-terrace #content-nav, #restaurant-tohkalin #content-nav { display: block; width: 100%; } #restaurants #content-nav .nav-local, #restaurants #content-nav .snav-rest, #restaurant-fontana #content-nav .nav-local, #restaurant-fontana #content-nav .snav-rest, #restaurant-hagoromo #content-nav .nav-local, #restaurant-hagoromo #content-nav .snav-rest, #restaurant-terrace #content-nav .nav-local, #restaurant-terrace #content-nav .snav-rest, #restaurant-tohkalin #content-nav .nav-local, #restaurant-tohkalin #content-nav .snav-rest { display: none; } /* party */ #party #content-nav { display: block; width: 100%; } #party #content-nav .nav-local, #party #content-nav .snav-bqt { display: none; } #navigation .view-pc { display: none !important; } } #access li.third-cate, #recruit li.third-cate { display: block !important; } /*----------------------------------------------------------------------------------------------- ～　767px ------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------- ～ 599px ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 599px) { #content-nav { margin-top: 20px; } .content-navi-banner div[class^="bnr-"], #restaurants #content-nav div[class^="bnr-"], #restaurant-fontana #content-nav div[class^="bnr-"], #restaurant-hagoromo #content-nav div[class^="bnr-"], #restaurant-terrace #content-nav div[class^="bnr-"], #restaurant-tohkalin #content-nav div[class^="bnr-"], #party #content-nav div[class^="bnr-"] { width: 48.7%; margin: 10px 2.6% 0 0; } .content-navi-banner .bnr-2, #restaurants #content-nav .bnr-2, #restaurant-fontana #content-nav .bnr-2, #restaurant-hagoromo #content-nav .bnr-2, #restaurant-terrace #content-nav .bnr-2, #restaurant-tohkalin #content-nav .bnr-2, #party #content-nav .bnr-2, .content-navi-banner .bnr-4, #restaurants #content-nav .bnr-4, #restaurant-fontana #content-nav .bnr-4, #restaurant-hagoromo #content-nav .bnr-4, #restaurant-terrace #content-nav .bnr-4, #restaurant-tohkalin #content-nav .bnr-4, #party #content-nav .bnr-4, .content-navi-banner .bnr-6, #restaurants #content-nav .bnr-6, #restaurant-fontana #content-nav .bnr-6, #restaurant-hagoromo #content-nav .bnr-6, #restaurant-terrace #content-nav .bnr-6, #restaurant-tohkalin #content-nav .bnr-6, #party #content-nav .bnr-6 { margin-right: 0 !important; } a.sp-telphone.sp-hob-num { display: inline-block; font-size: 1.38rem !important; background-position: 0 5px !important; } .hob-num { display: none; } }