#specialText { text-align:center; } #specialText span { font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:58px; line-height:10px; } #visual_area { height:100%; width:100%; position:relative; z-index:0; } #visual_area #visual_area_slide { height:100%; width:100%; position:absolute; z-index:0; } #visual_area #visual_area_slide #slide { height:100%; width:100%; border:#000000 solid 0px; text-align:center; } #visual_area #visual_area_slide .slide_1 { background:url(../image/main_slide/main_slide_back_01.jpg) center no-repeat; background-size:cover !important; } #visual_area #visual_area_slide .slide_2 { background:url(../image/main_slide/main_slide_back_02.jpg) center no-repeat; background-size:cover !important;} #visual_area #visual_area_slide .slide_3 { background:url(../image/main_slide/main_slide_back_03.jpg) center no-repeat; background-size:cover !important; } #visual_area #visual_area_slide .slide_4 { background:url(../image/main_slide/main_slide_back_04.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_5 { background:url(../image/main_slide/main_slide_back_05.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_6 { background:url(../image/main_slide/main_slide_back_06.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_7 { background:url(../image/main_slide/main_slide_back_08.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_8 { background:url(../image/main_slide/main_back_01.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_9 { background:url(../image/main_slide/main_back_02.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_10 { background:url(../image/main_slide/main_back_03.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_11 { background:url(../image/main_slide/main_back_04.jpg) center no-repeat; background-size: cover !important; } #visual_area #visual_area_slide .slide_12 { background:url(../image/main_slide/main_slide_back_03.jpg) center no-repeat; background-size: cover !important; } #visual_area_gallery_page { height:800px; width:100%; position:relative; z-index:0; } #visual_area_gallery_page #visual_area_slide { height:800px; width:100%; position:absolute; z-index:0; top:60px; } #visual_area_gallery_page #visual_area_slide #slide { height:700px; width:100%; border:#000000 solid 0px; text-align:center; } #visual_area_gallery_page #controls { width:100%; top:270px; margin:0 auto; } #visual_area_gallery_page #controls div {background-color:#000000; padding:10px; } #visual_area_gallery_2_page {height:800px; width:100%; position:relative; z-index:0; padding-top:60px;} #visual_area_gallery_2_page #adv-custom-pager { width:1000px; margin:10px auto; } #visual_area_gallery_2_page #adv-custom-pager a { margin:10px; } .cycle-slideshow { width:1000px; margin:0px auto; } #controls { position:absolute; z-index:2; width:100%; top:270px; } #controls a:hover { text-decoration:none; } #previous { float:left; margin-left:20px; } #next { float:right; margin-right:20px; } #pager { width:1000px; position:relative; z-index:3; text-align:right; margin:0px auto 0 auto; } #pager a img { border-radius:0px; margin:5px; border:#FFFFFF solid 0px; width:50px; } #contents_scroll { display:none;} #contents_area { float:left; } #contents_area .m_con { } #doco { width:100%; text-align:center; } #hightlight_text { width:500px; margin:10px auto; text-align:center; font-size:18px; font-weight:bold; } #hightlight_text span { font-size:24px;} /* #m1 { background:url(../image/con_back/m1_back.jpg) center no-repeat; background-size:cover !important; } #m2 { background:url(../image/con_back/m2_back.jpg) center no-repeat; background-size:cover !important; } #m3 { background:url(../image/con_back/m4_back.jpg) center no-repeat; background-size:cover !important; } #m4 { background:url(../image/con_back/m3_back.jpg) center no-repeat; background-size:cover !important; } #m5 { background:url(../image/con_back/m6_back.jpg) center no-repeat; background-size:cover !important; } #m6 { background:url(../image/con_back/m5_back.jpg) center no-repeat; background-size:cover !important; } #m7 { background-color:#EFEFEF; padding:100px 0 ;} */ /*#m1 { background:url(../image/con_pic/black_back_50.png); }*/ #m2 { /*background:url(../image/con_pic/white_back_50.png);*/ -webkit-backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.5); } /*#m3 { background:url(../image/con_pic/black_back_50.png); }*/ #m4 { /*background:url(../image/con_pic/white_back_50.png); */ -webkit-backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.5); } /*#m5 { background:url(../image/con_pic/black_back_50.png); }*/ #m7 { /*background:url(../image/con_pic/black_back_20.png);*/ -webkit-backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(0,0,0,0.4); } #footer { -webkit-backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.5);} #sub_con { position: relative; } #specialText { border-radius:10px;} .m_con #specialText.title { font-size:24px; width:300px; margin:130px auto 50px auto; color:#fff; background:url(../image/con_pic/black_back.png); padding-top:5px; } #m1 .sub_con_01 { margin:100px auto 0 auto; padding:40px; text-align:left; line-height:30px; width:700px; -webkit-backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.5); color:#000000 ; } #m1 .sub_con_01 img { float:left; margin:15px; } #m1 #specialText { font-size:24px; width:300px; margin:30px auto; color:#000; } #m1 .sub_con_02 { margin:1px auto 100px auto; padding:40px; text-align:left; width:700px; -webkit-backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(0,0,0,0.5); color:#D1D1D1 ; line-height:30px; } #m1 .sub_con_02 img { float:right; margin:15px; } #m1 .sub_con_02 #con_logo { clear:both; height:100px; display:block;} #m2 #room_ex_wrap { width:960px; margin:0 auto; min-height:800px; } #m2 #room_con { margin:20px; padding:20px; text-align:left; line-height:30px; width:400px; height:700px; background:url(../image/con_pic/white_back.png); color: #604747; ; float:left; } #m2 #room_con #room_titile { color:#fff; width:100%; text-align:center; -webkit-backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(0,0,0,0.5); padding-top:5px; font-size:18px;} #m2 a:hover #room_con { background-color:#FFFFFF; } #m2 a:hover #clickToGallery { display:block;} #m2 #room_con #room_pic {} #m2 #room_con #room_pic img { width:392px; border: #fff solid 4px;} #m2 #room_con #room_bill { font-weight:bold; } #m2 #room_con #room_bill .week_cost { font-size: 1.2em; font-weight: bold; } #m2 #room_con #room_bill li.week_cost span{ font-weight:normal; } /*#clickToGallery { font-size:18px; font-weight: bold; color:#A8A8A8; margin-top:30px; display:none; }*/ #clickToGallery { margin-top:12px; } #clickToGallery img { width:50px; border-radius:50px; margin:5px; float:right; border: #fff solid 4px;} #m4 #sightseeing_ex_wrap { width:960px; margin:0 auto; min-height:800px; float:right;} #m4 #sightseeing_con { margin:20px; padding:5px; text-align:left; line-height:30px; width:210px; /*background:url(../image/con_pic/white_back.png);*/ color: #604747; ; float:left; } #m4 #sightseeing_con #sightseeing_titile { color:#fff; width:100%; text-align:center; background:url(../image/con_pic/black_back.png); padding-top:5px; font-size:18px;} #m4 #sightseeing_con #sightseeing_ex { background:url(../image/con_pic/black_back.png); padding:10px; width:190px; color:#CECECE;} #m4 #sightseeing_con #sightseeing_pic img { width:200px; height:200px; border-radius:200px;} #m3 #gallery_wrap { width:803px; margin:0 auto; min-height:800px; } #m3 .gallery_con { margin:0px; padding:0px; width:200px; height:200px; /*background:url(../image/con_pic/white_back.png);*/ color: #604747; float:left; position:relative; } #m3 .gallery_con #gallery_titile { color:#fff; width:100%; text-align:center; background:url(../image/con_pic/black_back.png); margin:0px; font-size:18px; position:absolute; width:100%; top:0; left:0; padding:10px 0; border-top-left-radius:10px; border-top-right-radius:10px; } #m3 .gallery_con #gallery_pic img { width:200px; height:200px; border-radius:10px; opacity:1; } #m3 a:hover .gallery_con #gallery_pic img { opacity:0.6; } #m3 .gallery_con#gallery_01 { width:401px; height:401px; margin:0px; } #m3 .gallery_con#gallery_01 img { width:401px; height:401px; } #m3 .gallery_con#gallery_02 { width:200px; height:200px; margin:0 1px 1px 1px; } #m3 .gallery_con#gallery_03 { width:200px; height:200px; margin:0px 0px 1px 0px; } #m3 .gallery_con#gallery_04 { width:200px; height:200px; margin:0px 1px 1px 1px; } #m3 .gallery_con#gallery_05 { width:200px; height:200px; margin:0px 0px 1px 0px; } #m3 .gallery_con#gallery_06 { width:200px; height:200px; margin:0px 1px 1px 0px; } #m3 .gallery_con#gallery_07 { width:200px; height:200px; margin:0px 1px 1px 0px; } #m3 .gallery_con#gallery_08 { width:200px; height:200px; margin:0px 1px 1px 0px; } #m3 .gallery_con#gallery_09 { width:200px; height:200px; margin:0px 0px 0px 0px; } #how { width:900px; margin:0 auto 20px auto; position:relative; } #how div { width:400px; float:left; padding:10px; margin:5px; background:url(../image/con_pic/black_back.png); } #how div h1 { font-size:18px; border-bottom:solid #FFFFFF 1px; padding:5px 20px; margin-bottom:10px; color:#fff; text-align:center; } #how div ul { margin:20px; } #how div ul li { padding:10px 5px; margin:0 15px 0 20px; color:#F9F9F9; list-style-image:url(../image/con_pic/white_back_50.png); } #how div ul li b { color:#FF070B; font-weight:bold; font-size:14px; } #how #how_01 { width:300px; border:#FFFFFF solid 0px; } #how #how_02 { width:870px; background:url(../image/con_pic/black_back.png); } #how #how_03 { width:480px; } #how #how_03 p { color:#F3F1F1; width:400px; margin:30px auto; font-size:16px; } #how #how_04 { width:360px; float:right; } #how #how_05 { width:360px; float:right; font-size:16px; } #ask_wrap { margin-bottom:100px; float:left; width:100%; } #how #doco_06 { background:none; } #how #doco_06 img { width:500px;} #m7 #howTocome_wrap { width:800px; margin:30px auto;} #m7 #howTocome_wrap #address { width:790px; margin:30px auto; font-size:24px; background:url(../image/con_pic/black_back.png); padding:5px 0 0 10px; color:#fff; } #footer h3 { font-size:24px; font-weight:bold;} #footer_con { text-align:center; }