@charset "utf-8";

/* theme_top start */
/* theme_top pagettl */
#pagettl{padding:0!important; text-align:left; overflow:hidden; zoom:1;}
.page_path{padding-bottom:10px; text-align:left;}
.page_path a{font-weight:bold;}
#wrap_l h1{font-size:2em; margin-top:-5px; margin-bottom:5px; text-align:left;}

/* theme_top sidemenu */
#menu{padding-left:0!important;}
.side_menu1{margin-bottom:10px; border:1px solid #CCCCCC; text-align:left; background-color:#FFFFFF;}
.side_menu1 li{padding:3px 8px; line-height:1.8em;}
.side_menu1 li.on{background-color:#e1eafd; font-weight:bold;}
.side_menu1 li a{color:#333333;}
.side_menu1 label{font-weight:normal;}
.side_menu1 label input{vertical-align:top; margin-right:3px;}
.sm_genre{border:none; background:none;}
.sm_genre li.on{background-color:#e1eafd; font-weight:bold;}
.sm_ttl,.sm_all{font-weight:bold;}
.sm_ttl{margin-bottom:3px; padding:8px 8px 0; font-size:1.1em;}
.sm_all{text-align:right!important; font-size:110%;}
.sm_all img{margin-left:3px; padding-bottom:2px; vertical-align:middle;}
.sm_station_form{padding:8px 8px 3px;}
.sm_station_form label{margin:5px 0 0; font-weight:bold;}
.sm_station_form input{display:inline; font-size:12px; height:30px; padding:5px 5px 5px 20px; background:url(http://imagec.navi.com/simage/common/ico/icon_spot_name_search.gif) 3px center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sm_station_form input{padding:5px 0 5px 23px; height:auto; width:81%;}
}
.sm_station_form .row{margin:0;}
.sm_station_form .row > div{padding:0;}
.smsf{position:relative;}
div.sss_list2{width:100%; top: 29px; left: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(144, 157, 236); position: absolute; z-index: 25; text-align:left;}
div.sss_list2,  x:-moz-any-link{width:100%; top: 29px; left: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(144, 157, 236); position: absolute; z-index: 25;}/*Firefox用*/
div.sss_list ul li,div.sss_list2 ul li{padding:2px 15px 2px 2px!important;}
p.sss_list2_close{position:absolute; top: 35px; right: 5px; left:auto; z-index:5;}
p.sss_list2_close,  x:-moz-any-link{position:absolute; top: 35px; right: 5px; left:auto; z-index:5;}/*Firefox用*/
div.sss_list2 a{color:#1d3994;}
div.sss_list2 ul li{line-height:1.4em!important;}
.sm_spotname_form{padding:3px 8px 8px;}
.sm_station_form .sr_content{margin-bottom:10px; width:auto; height:auto; padding:2px; font-size:12px;}
.sm_spotname_form .sss_list2{left:15px;}
.sm_spotname_form input{display:inline; font-size:12px; height:30px; padding:5px 5px 5px 20px; background:url(http://imagec.navi.com/simage/common/ico/icon_spot_name_search.gif) 3px center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sm_spotname_form input{padding:5px 0 5px 23px; height:auto; width:81%;}
}

/* theme_top main */
#main{padding:0!important;}

/* theme_top best */
div#best{margin-top:0; margin-bottom:10px; padding:8px 8px 0; width:100%; text-align:left; background-color:#FFFFFF;}
div#best h2{margin-bottom:5px; font-weight:bold;}
div#best ul li{width:25%; margin:0; padding:0 3px 8px;}
div#best img{margin:0 auto; width:auto; height:auto;}

/* theme_top recommend */
#recommend{margin-bottom:10px; padding:8px; border:1px solid #CCCCCC; width:100%!important; text-align:left!important;}
div#recommend2_textmenu{padding:3px 0 5px; width:100%; overflow:hidden; zoom:1;}
#recommend h2{margin-bottom:5px; font-weight:bold;}
div#recommend dl{width:25%; margin:0 0 8px; padding:0 3px;}
div#recommend dt.pic{padding:0; float:none; width:100%!important; height:auto; text-align:center;}
div#recommend dt.pic img{margin:0 auto;}
div#recommend img.photo{width:140px; height:140px;}
div#recommend dd.tit{width:100%;}
div#recommend dd.txt{width:100%;}

/* theme_top article */
div.ccbox_article_new{width:100%; border-top:0;}
div.ccbox_article_new ul{background-repeat:repeat-x;}
div.ccbox_an_layout{width:100%; background-color:#FFFFFF;}
div.ccbox_an_layout .row{margin-left:0px; margin-right:0px;}
div.ccbox_an_layout .row > div{padding-left:0px; padding-right:0px;}
div.ccbox_an_layout a{padding:8px; width:auto;}
div.ccbox_an_layout > div > div > a > img{float:left; width:70px; height:70px;}
div.ccbox_an_layout > div > div > a span{display:block; float:none; margin-left:80px; width:auto; text-align:left;}
span.ccbox_an_box_ttl img{width:auto!important; height:auto!important;}
p.more_article{padding:0 0 10px; text-align:center;}
p.more_article a{padding:0px; font-weight:bold;}
p.more_article a:hover{background-color:#FFFFFF;}

/* theme_top pickup */
div.common_content_box{width:100%; padding:0px; text-align:left; background-color:#FFFFFF;}
div.common_content_box h2{padding:8px 8px 0px;}
div.common_content_box .row{margin-left:0px; margin-right:0px;}
div.common_content_box .row > div{padding:10px;}
div.ccbox_ttl{margin-bottom:0;}
p.more_pickup{padding:0 0 10px; font-weight:bold; text-align:center;}
.ttop_pick_photol{margin-bottom:5px;}
.ttop_pick_photol img{margin:0 auto; max-height:275px;}
.ttop_pick_ttl{font-weight:bold;}
.ttop_pick_list{margin-bottom:10px; overflow:hidden; zoom:1;}
.ttop_pick_list img{float:left; width:70px; height:70px;}
.ttop_pick_list p{padding-left:75px;}

/* theme_top pr_big */
.pr_big{margin-bottom:10px;}
.pr_big img{margin:0 auto;}

/* theme_top special */
div.search_obox{width:100%; background-color:#FFFFFF;}
div.search_obox_special{margin:0!important; text-align:left;}

/* theme_top keysearch  */
.wrap_left_in{margin:0!important;}
.key_search{margin-bottom:10px; padding:10px 0 10px; min-height:0;}
#search{margin:0 auto; width:630px;}
form.search_site_inline{margin-bottom:0!important;}
input.input_serach_site{margin-rigth:2%!important; width:74%!important; border:2px solid #CCCCCC; padding:7px!important; float:none;}
input.input_serach_site:-ms-input-placeholder {color:#999999;}
button.btn_serach_site{padding:5px 0px; width:23%;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {
	input.input_serach_site{margin-rigth:2%!important; width:68%!important; border:2px solid #CCCCCC; padding:7px;}
    }
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  ::i-block-chrome, input.input_serach_site{margin-rigth:2%!important; width:69%!important; border:2px solid #CCCCCC; padding:7px;}
	}
@media (max-width: 767px){
.key_search{margin-bottom:0;}	
}

/* xs keysearch  */
.key_search_xs{margin:0 10px 10px 10px;}
.key_search_xs .btn_serach_site{letter-spacing:-0.1em;}
.key_search_xs .input_serach_site{width:74%!important;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {
	.key_search_xs .input_serach_site{width:68%!important;}
    }
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  ::i-block-chrome, .key_search_xs .input_serach_site{width:69%!important;}
	}


/* theme_top spotsearch */
div.basic_search_box{position:relative;}
div.basic_search_box h2{margin-bottom:13px; padding-top:10px; text-align:left; font-weight:bold;}
div.info_board_tab ul.search_tab li{margin:3px;}
div.info_board_tab ul.search_tab li.on{padding:6px 10px; background-color:#e4e4e4; border:none; font-weight:bold;}
div.info_board_tab ul.search_tab a{padding:6px 10px;}
div.spot_name_search{top:0; right:0; width:225px;}
div.spot_name_search, x:-moz-any-link{top:0; right:0;}
.spot_name_search > span{padding-top:5px; display:inline-block; font-weight:bold;}
@media (max-width: 767px){
.spot_name_search > span{display:none;}
}
.spot_name_search input{float:right; background-color:#FFFFFF!important;}
.spot_name_search div.sss_list ul li, div.sss_list2 ul li{padding:2px!important;}
.spot_name_search input{display:inline; font-size:12px; height:30px; padding:5px 5px 5px 20px; background:url(http://imagec.navi.com/simage/common/ico/icon_spot_name_search.gif) 3px center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.basic_search_box input{padding:5px 0 5px 23px; height:auto; width:81%;}
}
div.search_obox3{width:auto; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF;}
table.search_obox_in{width:100%;}
.search_obox3 > div{margin:0; padding:3px 5px 0; border-bottom:1px solid #CCCCCC;}
.search_obox3 > form > div{padding:10px 10px 0;}
.search_obox3 > div:nth-child(3),.search_obox3 > div:last-child{border-bottom:none;}
.search_obox3 > div > div{padding:0; text-align:left;}
.search_obox3 > div > div:first-child{font-weight:bold;}
.search_station{padding:4px; height:auto; width:auto; font-size:12px;}
.search_obox3 div.sss_list2{top:26px; width:90%;}
.search_obox3 .rc_box{top:0; left:0; right:auto;}
.select_station{font-size:12px; height:auto; padding:2px; width:120px;}
.select_station2{font-size:12px; height:auto; padding:2px; width:auto;}
.station_list{padding-top:0!important;}
.station_list div{border-bottom:none; font-weight:normal;}
.ssearch_area > div{border-bottom:3px solid #CCCCCC; padding:0!important;}
.ssearch_area > div:first-child{padding:5px 0 0!important;}
.ssearch_area > div:last-child{padding:0 0 5px!important;}
.ssearch_area > div > div{padding:8px; font-weight:normal!important;}
.ssearch_area > div > div:nth-child(2){border-left:3px solid #CCCCCC;}
.ssearch_area ul li{margin-bottom:3px;}
.search_obox3 .ssr_ttl{margin:5px; position:relative;}
.search_obox3 .ssr_ttl p:first-child{font-weight:bold;}
.search_obox3 .ssr_ttl p:nth-child(2){position:absolute; right:0; top:0;}
.ssr_wrap > div{background-color:#f3f3f3;}
.ssr_wrap > div:nth-child(2n){background-color:#ffffff;}
.ssr_wrap .row{margin:0;}
.ssr_wrap .row > div{padding:3px 5px;}
.expedia > div{font-weight:normal!important;}
.station_list{margin-bottom:10px;}
.spot_station_search > div{padding:10px!important;}
.spot_station_search > div:nth-child(2){border-bottom:none;}

/* theme_top spotsearch reservation */
.h_reserve .row{margin:0;}
.h_reserve .row > div{padding:0;}
.h_reserve > div{margin:0; border-bottom:0;}
.h_reserve > form > div > div,.h_reserve > div > div{margin-bottom:1em; padding:0 0.5em!important;}
.h_reserve > div > div:last-child{margin-bottom:0;}
.h_reserve label{margin-bottom:1px; font-weight:normal; font-size:90%;}
.h_reserve input{padding:3px 5px; height:2em; font-size:12px; width:90%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.h_reserve input{padding:3px 5px; height:15px; width:81%;}
}
.h_reserve select{padding:2px; width:90%; height:auto; font-size:12px;}
.room_number div:first-child{margin-bottom:0px; font-size:90%; font-weight:bold;}
.room_number > div{margin-bottom:10px;}
.tbh_reserve{padding-top:0!important; padding-bottom:0!important;}
.tbh_reserve .sss_list2{top:41px!important; left:6px;}
.area_off{margin-bottom:5px; padding:3px 0; font-size:90%; font-weight:normal;}
.select_basic{position:relative;}
.select_basic > p{padding:3px 5px; background-color:#f3f3f3; font-size:90%; position:absolute; top:-5px; left:15px; z-index:10;}
.select_basic > div{padding:22px 8px 8px; border:1px solid #CCCCCC; border-radius:5px; font-size:90%; line-height:1.4em; z-index:1;}
.select_genre{margin-top:5px;}
.select_genre span{display:block; font-size:90%; font-weight:normal;}
.select_genre a{font-weight:bold;}
.rui_search{margin:0 auto 15px; background: #f79e33; /* old browsers */ background:-moz-linear-gradient(center top , #f6b15d 0%, #f6b25f 50%, #f79e33 50%, #f4b160) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(#f6b15d), color-stop(0.5,#f6b25f), color-stop(0.5,#f79e33), to(#f4b160)); border:1px solid #f5ab50; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.6) inset; font-size:12px; padding:3px; color:#FFFFFF; font-weight:bold; width:150px;}
.select_genre_xs{margin:10px 0; font-weight:bold;}
.tb_genre{margin-bottom:10px;}
.search_clear{margin-left:15px; font-weight:bold;}
div.hr_chekin_box{width:auto; display:block;}
td.shls_conditions div.hr_chekin_box{display:inline;}
@media (max-width: 767px){
.search_clear{margin-left:0px; display:block;}
}

/* theme_top ssearch tab */
.ssearch_tab{margin:0!important; border:1px solid #CCCCCC; background-color:#f7f7f7;}
.ssearch_tab > div{padding:0; background-color:#f7f7f7; border:1px solid #CCCCCC; border-width:0 1px 0 0;}
.ssearch_tab > div >a{padding:8px 0px; display:block; font-weight:bold;}
.ssearch_tab > div >a:link{color:#666666; text-decoration:none;}
.ssearch_tab > div >a:visited{color:#666666; text-decoration:none;}
.ssearch_tab > div >a:hover{color:#666666; text-decoration:underline;}
.ssearch_tab > div >a{text-align:center;}
.ssearch_tab > div >a.on{background-color:#FFFFFF; color:#333333; pointer-events:none;}
.ssearch_tab > div >a.on:hover{color:#333333; text-decoration:none;}
@media (max-width: 991px){
.ssearch_tab > div{padding:0; background-color:#f7f7f7; border:1px solid #CCCCCC; border-width:0 1px 1px 0;}
.ssearch_tab > div:nth-child(3){border-width:0 0 1px 0;}
.ssearch_tab > div:nth-child(4),.ssearch_tab > div:nth-child(5),.ssearch_tab > div:nth-child(6){border-width:0 1px 0 0;}
}

/* theme_top pickup photo  */
.ttop_pick_photo{margin:0 0 10px;}
.ttop_pick_photo > div > a{cursor:pointer;}
.ttop_pick_photo > div{padding:0px; border:1px solid #CCCCCC; position:relative; width:49.2%;}
.ttop_pick_photo > div:nth-child(1){}
.ttop_pick_photo > div:nth-child(2){float:right;}
.ttop_pick_photo > div > a > div{background-position:center center; background-repeat:no-repeat; height:100%; margin:0 auto;  min-height:250px; width:100%;}
.tpp_mask{color:#fff; width:100%; height:5.5em; position:absolute; left:0; bottom:0; background-color: rgba(0,0,0,0.6);}
.tpp_mask p{padding:0 5px; text-align:left;}
.tpp_mask p:first-child{padding-top:5px; margin-bottom:2px; font-weight:bold; font-size:110%;}
@media (max-width: 768px){
.ttop_pick_photo > div{margin-bottom:10px; float:none!important; width:100%;}
}
/*@media (min-width: 769px) and (max-width: 991px){.ttop_pick_photo{width:calc(100% + 310px);}}*/
/* theme_top best add 2015/03/02 */
div#best .row{margin:0;}
div#best .row > div{padding:0 5px; min-height:215px;}
div#best .row div > div:first-child{height:100%; min-width:40px;}
div#best .row div > div:first-child > a > div{background-position:center center; background-repeat:no-repeat; height:100%; margin:0 auto; max-width:300px; min-height:180px; width:100%;}
@media (max-width: 767px){
div#best .row > div{min-height:148px;}
div#best .row div > div:first-child > a > div{min-height:100px;}
}

/* theme_top recommend add 2015/03/02 */
div#recommend{background-color:#FFFFFF;}
div#recommend .row{margin:0; letter-spacing:-.40em!important;}
div#recommend .row > div{padding:0 3px; display:inline-block; vertical-align:top; float:none; letter-spacing:normal;}
div#recommend .row div > div:first-child{height:100%; min-width:40px;}
div#recommend .row div > div:first-child > a > div{background-position:center center; background-repeat:no-repeat; height:100%; margin:0 auto; max-width:300px; min-height:180px; width:100%;}
.recommend_spot{padding:3px 0 10px; font-weight:bold; text-align:center; line-height:1.4em;}
.recommend_spot p:last-child{font-weight:normal; font-size:90%;}

/* theme_top_special start */
div.ttop_special_box{margin-bottom:10px; border:1px solid #CCCCCC; padding:8px 0 8px 10px; background-color:#FFFFFF;}
div.ttop_special_box h2{font-weight:bold;}
div.ttop_special_box ul{overflow:hidden; zoom:1;}
div.ttop_special_box ul li {float:left;	width:25%; margin-left:0px; margin-top:6px; margin-right:0px;}
div.ttop_special_box ul li.sobox_list_another{background:none!important;}
div.ttop_special_box ul li.sobox_list_another a{padding:5px 5px 5px 13px!important; background-color:#B9D4FF;}
div.ttop_special_box ul li a{margin-right:10px;}
@media (max-width: 991px){
div.ttop_special_box ul li {float:left;	width:33.333%; margin-left:0px; margin-top:6px; margin-right:0px;}
}
@media (max-width: 767px){
div.ttop_special_box ul li {float:left;	width:50%; margin-left:0px; margin-top:6px; margin-right:0px;}
}

/* theme_top_area start */
.area_recommend .recommend_spot p:nth-child(2){font-weight:normal;}
.area_recommend .res_ttop_ranking{border-bottom:none!important;}
div.atop_traffic_box{background-color:#FFFFFF;}
div.atop_traffic_box h2{font-weight:bold;}
div.farea_main_list_box table{width:100%;}
.area_recommend .res_ttop_ranking .row > div{min-height:262px!important;}
.area_recommend .res_ttop_ranking  > div.arrow{min-height:262px!important;}
@media (max-width: 991px){
.area_recommend .res_ttop_ranking .row > div{min-height:167px!important;}
.area_recommend .res_ttop_ranking  > div.arrow{min-height:167px!important;}
}
@media (max-width: 767px){
.area_recommend .res_ttop_ranking .row > div{min-height:183px!important;}
.area_recommend .res_ttop_ranking  > div.arrow{min-height:183px!important;}
}


/* side_rsearch */
.side_rsearch_hotel,.side_rsearch_beauty,.side_rsearch_tour{margin-bottom:10px;}
.side_rsearch_ttl{margin-bottom:-5px; padding:8px 8px 0; background-color:#F8F8F8; border:3px solid #CCCCCC; border-width:3px 3px 0 3px; text-align:left; font-weight:bold; font-size:14px;}
.side_rsearch{background-color:#f8f8f8; padding:15px 8px 8px; border:3px solid #cccccc; border-width:0px 3px 3px 3px;}
.side_rsearch > div,.side_rsearch .row > div > div{margin:0 0 10px;}
.side_rsearch > div > div,.side_rsearch .row > div > div > div{padding:0; text-align:left;}
.side_rsearch .row > div > div > div > p{text-align:left; font-size:90%;}
.side_rsearch .sr_ttl{padding-top:6px; font-size:90%; text-align:left;}
.side_rsearch .sr_ttl2{padding-top:1px; font-size:90%; text-align:left;}
.side_rsearch .sr_content input{padding:3px 5px; height:2em; font-size:12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .side_rsearch .sr_content input{padding:0;}
}
.side_rsearch .sr_content select{width:auto; height:auto; padding:2px; font-size:12px;}
.side_rsearch .genre{width:100%!important;}
.sr_date{position:relative;}
.sr_date div.rc_box{top:23px; left:0; right:auto;}
.sr_btn{margin-bottom:8px; width:100px!important;}
.sr_tab > .active > a, .sr_tab > .active > a:hover, .sr_tab > .active > a:focus{border-top:0!important; border-left:0!important; border-right:1px solid #CCCCCC!important;}
ul.sr_tab{border:3px solid #CCCCCC; border-width:3px 3px 0;}
ul.sr_tab > li{font-weight:bold; width:33.33%;}
ul.sr_tab > li > a, .sr_tab > li > a:hover, .sr_tab > li > a:focus{border-color:#CCCCCC; border-width:0 1px 1px 0!important; background-color:#FFFFFF; color:#666666; text-decoration:none;}
ul.sr_tab > li:nth-child(3) > a, .sr_tab > li:nth-child(3) > a:hover, .sr_tab > li:nth-child(3) > a:focus{border-width:0 0 1px 0!important; background-color:#FFFFFF; color:#666666; text-decoration:none;}
ul.sr_tab > li.off > a, .sr_tab > li.off > a:hover, .sr_tab > li.off > a:focus{border-color:#CCCCCC #F7F7F7 #cccccc #CCCCCC; background-color:#f8f8f8 color:#666666;}
ul.sr_tab > li > a{text-decoration:none;}
ul.sr_tab > li.active > a, .sr_tab > li.active > a:hover, .sr_tab > li.active > a:focus{color:#333333; cursor:pointer; text-decoration:none; background-color:#f8f8f8;}
ul.sr_tab > li > a{margin-right:0; padding:5px; text-align:center; border-radius:0;}
ul.sr_tab > li > a:hover{text-decoration:underline!important;}
a.btn_serach_site{margin:0 auto 5px; display:block; font-weight:bold; margin-bottom:5px;}

/* side_rsearch_xs */
.visible-xs .sr_date .rc_box{padding:5px!important;}
.visible-xs .sr_content .sr_content{float:left; margin-right:5px;}
.visible-xs .sr_content:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
.visible-xs .sr_ttl{margin-bottom:0!important; padding-top:0;}