body.wedding #image_path { height:auto; text-align:center; } body.wedding #image { position:relative; height:auto; text-align:left; margin:0 auto; max-width:1600px !important; } .serif { font-family:"Kozuka Mincho Pro6N","小塚明朝 Pr6N","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; } /* グローバルナビゲーションバー */ #sub { position:absolute; bottom:-75px; right:0; width:100%; height:80px; z-index:700; } #header #sub{background: rgba(0, 168, 197, 0.6) left top repeat;} #sub ul { position:relative; text-align:left; margin:10px auto; width:846px; } #sub li { display:inline; float:left; height:60px; } #sub li a { height:60px; display:block; background-position:0 0; } #sub li a.current { background-position:0 100%; } #sub li a:hover { background-position:0 100%; } #sub_index a { width:141px; background-image:url(img/sub_index.png); } #sub_news a { width:141px; background-image:url(img/sub_news.png); } #sub_plan a { width:141px; background-image:url(img/sub_plan.png); } #sub_ceremony a { width:141px; background-image:url(http://watermarkhotelnagasaki.com/ja/wedding/img/sub_ceremony.png); } #sub_banquet a { width:141px; background-image:url(img/sub_banquet.png); } #sub_cuisine a { width:141px; background-image:url(http://watermarkhotelnagasaki.com/ja/wedding/img/sub_cuisine.png); } #sub_galleries a { width:141px; background-image:url(http://watermarkhotelnagasaki.com/ja/wedding/img/sub_galleries.png); } * html #sub ul { margin-left:0; } #wedding_footer_nav #sub { position:relative; bottom:auto; right:auto; margin:0 auto; } #wedding_footer_nav #sub li a { height:60px; display:block; background-position:0 100%; } #wedding_footer_nav #sub li a.current { background-position:0 0; } #wedding_footer_nav #sub li a:hover { background-position:0 0; } #wedding_footer_nav_outer { width:100%; text-align:center; position:fixed !important; position:absolute; left:0; bottom:0; z-index:800; background:url(../common/js/wedding_footer_nav/wedding_footer_nav_bg.png) transparent repeat; border-top:1px solid #dddddd; } #wedding_footer_nav_inner { width:1040px; margin:0 auto; padding:0; text-align:left; color:#000000; } #wedding_footer_nav_inner table { margin-top:10px;} #wedding_footer_nav_inner .ui-datepicker-trigger { padding:3px; border:1px solid #156ea0; background-color:#156ea0; border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius: 2px; -o-border-radius : 2px; -ms-border-radius : 2px; } #wedding_footer_nav { /* background:url(http://watermarkhotelnagasaki.com/ja/common/js/wedding_footer_nav/wedding_footer_nav.png) no-repeat top center; */ width:100%; height:60px; } #wedding_footer_nav_info { background-color:#ffffff; border-top:1px solid #dddddd; height:12px; } #wedding_footer_nav_submit { display:block; margin:0; padding:0; background-color:#003366; border:none; /* border:1px solid #003366; border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius: 2px; -o-border-radius : 2px; -ms-border-radius : 2px; */ } #wedding_footer_nav_submit span { display:block; margin:0; color:#ffffff; padding:0px 12px 0px 24px; text-align:center; background:url(../common/js/wedding_footer_nav/ico_submit.png) #003366 no-repeat 5px center; } #wedding_footer_nav_submit:hover span { background-color:#215378; } #wedding_footer_nav_submit.current span { background-color:#215378; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #wedding_footer_nav_submit span { background-image:url(http://watermarkhotelnagasaki.com/ja/common/js/wedding_footer_nav/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; } } #wedding_footer_nav_btn { position:relative; margin:-42px auto 0 auto; width:240px; height:42px; } #wedding_footer_nav_btn a { width:240px; height:39px; display:block; background-image:url(http://watermarkhotelnagasaki.com/ja/common/js/wedding_footer_nav/wedding_footer_nav_btn.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #wedding_footer_nav_btn a { background-image:url(../common/js/wedding_footer_nav/wedding_footer_nav_btn-2x.jpg); background-size:100%; } } #wedding_footer_nav_btn2 { position:relative; margin:-43px auto 0 auto; width:400px; height:42px; } #wedding_footer_nav_btn2 a { width:600px; height:42px; display:block; background-image:url(http://watermarkhotelnagasaki.com/ja/common/js/wedding_footer_nav/btn_wedding_footer_nav.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #wedding_footer_nav_btn2 a { background-image:url(http://watermarkhotelnagasaki.com/ja/common/js/wedding_footer_nav/btn_wedding_footer_nav@2x.png); background-size:100%; } } .menu_c1 { float:left; width:290px; margin-right:10px; margin-left:20px; } .menu_c2 { float:left; width:400px; margin-right:10px; } .menu_c3 { float:left; width:290px; } h1.hm, h2.hm, h3.hm, h4.hm, h5.hm, h6.hm, caption.hm, dt.hm, span.hm { margin-bottom:3.17307%; } .ttl1 { display:block; color:#111111; font-size:2.2em; text-align:left; background-size:100%; border-bottom:1px solid #000000; padding-bottom:0.2em; } .ttl1 a { color:#111111; } .ttl1 a:hover { color:#111111; } .ttl1 span.ja { display:block; line-height:1.1; padding:0 0 0.1em 0; } .ttl1 span.en { display:block; line-height:1.1; padding-left:0.2em; color:#003366; font-size:80%; text-transform:uppercase; font-family:Marcellus; } .ttl2 { display:block; color:#111111; font-size:2.0em; text-align:left; line-height:1.3; border-bottom:8px solid #eeeeee; padding-bottom:0.2em; } .ttl2 small { font-size:45% !important; display:block; margin-top:1em; } .ttl3 { display:block; padding:2px; color:#000000; font-size:1.4em; background-color:#bdb8b1; background: -moz-linear-gradient(left, #e0ddd5, rgba(224,221,213,0)); background: -webkit-gradient(linear, left top, right top, from(#bdb8b1), to(rgba(189,184,177,0))); } .ttl3 span { display:block; border:1px solid #e0ddd5; padding:0.5em 0.8em; } .ttl3 span em { padding-right:1em; text-transform:uppercase; } .ttl3 a { color:#000000; } .ttl3 a:hover { color:#000000; } .ttl4 { display:block; color:#3d1c0f; background:url(img/ttl4.png) no-repeat right bottom #F7F7F7; } .ttl4 span em { padding-right:1em; text-transform:uppercase; } .ttl4 a { color:#3d1c0f; } .ttl4 a:hover { color:#3d1c0f; } .ttl4 span { display:block; padding:0.3em 0.7em; font-size:1.8em; } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ttl4 { background-image:url(img/ttl4-2x.jpg); background-size:420px 50px; } } .contents_inner { padding:4.23076% 0; } .top_bg { margin-bottom:-8%; z-index:10; } .top_bg .contents_inner { padding:4.23076% 0 10% 0; } .copy_text { text-align:center; font-size:2.0em; line-height:2.0; /* font-family:"Kozuka Mincho Pro6N","小塚明朝 Pr6N","ＭＳ Ｐ明朝",serif; */ } .copy_text p { margin:0.5em 0; } /*-------------------------------------------------------------------------------- */ @media screen and (max-width: 800px) { #wedding_footer_nav_inner { width:96%; } #wedding_footer_nav_form table td { vertical-align:bottom; } .menu_c1 { float:left; width:29%; margin-right:1%; margin-left:0; } .menu_c2 { float:left; width:40%; margin-right:1%; } .menu_c2 a.mb10 { width:49%; margin-bottom:2%; } .menu_c3 { float:left; width:29%; } .copy_text { font-size:1.4em; } .top_bg { height:auto !important; background-size:100% !important; } .top_bg2 { height:auto !important; padding-bottom:35em; background-size:100% !important; } .top_bg3 { height:auto !important; padding-bottom:65em; background-size:100% !important; } } /* max-width: 800px */ /*-------------------------------------------------------------------------------- */ @media screen and (max-width: 600px) { #wedding_footer_nav_submit { font-size:90%; } } /* max-width: 600px */ /*-------------------------------------------------------------------------------- */ @media screen and (max-width: 480px) { body.wedding #image { padding-top:0; } body.wedding .contents_inner { padding:4.23% 0 2.11538% 0; } .ttl1 { font-size:2.0em; } .ttl2 { font-size:1.5em; } .top_bg2 { height:auto !important; padding-bottom:13em; background-size:100% !important; } .top_bg3 { height:auto !important; padding-bottom:24em; background-size:100% !important; } .copy_text { font-size:1.2em; } } /* max-width: 480px */