#hotel_index{font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif} .htags{padding:0 5px;background-color:#958d89;margin:0 5px 5px 0;display:inline-block;font-size:90%;font-weight:400;color:#fff;border-radius: .25em} /* 337ab7 */ .htags.isl{cursor:pointer;} .htags.isl#island-01{background-color:#d07a2e}/* eeae1c */ .htags.isl#island-02{background-color:#8c2b2d}/* b82427 */ .htags.isl#island-03{background-color:#cc5e8b}/* de4f89 */ .htags.isl#island-04{background-color:#806392}/* 8658a3 */ .htags.cat{background-color:#337ab7} #hotel_index .cat2-bar_2{background-color: #0c2a60} #hotel_index .tb-box{overflow:auto;/*display:none*/} #hotel_index .tb-box h2{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;overflow:auto} #hotel_index .tb{margin:0 0 30px 0;padding:0;list-style:none;line-height:150%;} #hotel_index .tb li{float:left;width:auto;padding:15px 20px;cursor:pointer;border:px solid #ccc;margin:0;font-size:18px;background: url("/img/2015/hotel_bg_list.jpg") no-repeat right bottom;} #hotel_index .tb li a{font-size:18px} #hotel_index .tb li:hover,.tb li.active{background-color:#e5e5e5;font-weight:bold;color:#fff;background: url("/img/2015/hotel_bg_list2.jpg") no-repeat right bottom !important;} #hotel_index .tb-content{clear:both;padding:10px} #hotel_index .h_box{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;overflow:hidden;position:relative} #hotel_index .h_box h3{margin-bottom:15px;font-size:1.8em;font-weight:400} #hotel_index .h_box h3 span{color:red} #hotel_index .h_box img.thum{float:left;margin-right:20px} #hotel_index .h_box .h_box_short{margin-top:3px;font-size:14px;line-height:150%;} #hotel_index .h_box .h_box_bbar{position:absolute;bottom:14px;right:5px;display:block;width:52%} #hotel_index .h_box .h_box_bbar a{background-color:#0c2a60;display:inline-block;width:33%;text-align:center;font-size:130%;color:#fff;font-weight:400;padding:5px 0} #hotel_index .h_box .h_box_bbar a.myrez{background-color:#428bca;} #hotel_index .h_box .h_box_bbar span.bg_myrez{padding-right:20px;background: url("/img/2015/hotel_bg_search.png") no-repeat right center;} #hotel_index .h_box .h_box_bbar span.bg_info{padding-right:20px;background: url("/img/2015/hotel_bg_info.png") no-repeat right center;} .h_pc_islandbox{width:350px;height:300px;position:relative;overflow:hidden;background:url("/img/2015/hotel_map_pc.jpg") no-repeat;} .h_pc_islandbox a{display:block;position:absolute} .h_pc_islandbox a#kauai01{width:105px;height:30px;left:16px;top:39px} .h_pc_islandbox a#kauai02{width:40px;height:27px;left:36px;top:78px} .h_pc_islandbox a#oahu01{width:105px;height:28px;left:155px;top:90px} .h_pc_islandbox a#oahu02{width:50px;height:37px;left:110px;top:105px} .h_pc_islandbox a#maui01{width:105px;height:28px;left:94px;top:165px} .h_pc_islandbox a#maui02{width:55px;height:35px;left:200px;top:145px} .h_pc_islandbox a#bigisland01{width:105px;height:30px;left:130px;top:244px} .h_pc_islandbox a#bigisland02{width:88px;height:102px;left:235px;top:183px} #hotel_detail img.top_slider{width:100%;max-width:1100px} #hotel_detail .pics,#hotel_detail .pics img{width:1100px !important;height:482px !important} #hotel_detail .pics{overflow:hidden} #hotel_detail .breadc {clear:both;padding:8px 15px;margin:20px 0;list-style:none;background-color:#f5f5f5;border-radius:2px} #hotel_detail .h_header{position:relative;width:100%;min-height:124px;} #hotel_detail .h_logo{border:1px solid #ccc;float:left;margin-right:20px} #hotel_detail h2{font-size:30px;font-weight:500;padding:10px 0 15px 0} #hotel_detail h2 span{font-size:24px;color:red;margin-left:20px} #hotel_detail ul.blue_bar{position:absolute;bottom:3px;right:0;display:block;width:87.2%} #hotel_detail ul.blue_bar li{display:inline-block;width:50%;padding:5px 0;text-align:center} #hotel_detail ul.blue_bar li a{color:#fff;font-weight:400;text-decoration:none} #hotel_detail ul.blue_bar li.b1{background-color:#496DAC} #hotel_detail ul.blue_bar li.b2{background-color:#0c2a60} #hotel_detail .h_sbox{margin:30px 0 0 0} #hotel_detail .h_sbox .h_sbox_01{float:left;width:33%;margin-right:4%} #hotel_detail .h_sbox .h_sbox_02{float:left;width:33%} #hotel_detail .h_sbox .h_sbox_03{float:right;width:auto} #hotel_detail .h_cl_list{border:1px solid #ccc;margin:0 0 30px} #hotel_detail .h_cl_list li{list-style:none;padding:0px 20px 10px 15px;margin-left:50px;background: url("/img/2015/hotel_bg_bullet.jpg") no-repeat left 4px;} #hotel_detail .h_cl_list li.cl_adv{padding:15px;background-color:#e5e5e5;overflow:hidden;margin:0 0 20px;background:none;} #hotel_detail .cl_adv img{float:left;margin-right:20px} #hotel_detail h3{color:#e86901;border-left:5px solid #e86901; padding:5px 10px; font-size:24px;font-weight:400;margin-bottom:15px;} /* .h_kuchikomi{padding:0;margin:10px 0 10px 10px;color:#39F;font-size:12px} */ @media screen and (max-width: 1156px) { #hotel_detail .pics,#hotel_detail .pics img{width:740px !important;height:325px !important} #hotel_detail h2{font-size:30px;padding:0 0 10px 0;line-height:110%} #hotel_detail h2 span{font-size:22px} #hotel_detail ul.blue_bar{display:block;clear:both;position:static;padding-top:20px;width:100%} #hotel_detail .h_sbox{margin:20px 0 0 0} #hotel_detail .h_sbox .h_sbox_01{float:none;width:100%;margin-right:0;margin-bottom:30px} #hotel_detail .h_sbox .h_sbox_02{float:left;width:55%} .wide_adv2{width:94%} } @media screen and (max-width: 759px) { #hotel_index .tg{clear:both;padding-top:10px} #hotel_index .h_box .h_box_bbar{position:static;display:block;width:100%;margin-top:10px} #hotel_index .h_box img.thum {width:100%;height:auto} #hotel_detail .pics{width:100% !important;overflow:hidden;max-height:180px;} #hotel_detail .pics img{width:100% !important;height:auto !important;} #hotel_detail .h_logo{display:none} #hotel_detail h2{font-size:22px;padding:20px 0 10px;line-height:110%;font-weight:bold} #hotel_detail h2 span{font-size:16px} #hotel_detail .h_sbox .h_sbox_02,#hotel_detail .h_sbox .h_sbox_03{float:none;width:100%} #hotel_detail .h_sbox .h_sbox_01, #hotel_detail .h_sbox .h_sbox_02, #hotel_detail .h_sbox .h_sbox_03{margin-bottom:30px !important} .wide_adv2{width:94%} #hotel_detail .h_cl_list li.cl_adv{padding:15px;background-color:#e5e5e5;overflow:hidden;margin:0px;background:none;} #hotel_detail .cl_adv img{float:none;margin-right:0px} #hotel_detail .h_cl_list li{list-style:none;padding:0px 20px 10px 15px;margin-left:10px;background: url("/img/2015/hotel_bg_bullet.jpg") no-repeat left 4px;} }