@charset "utf-8";
/*共通
----------------------------------------*/
.search_f a,
.search_p a,
.search_f a:hover,
.search_p a:hover
{
  text-decoration:none;
}

.search_f .selectbox
{
  width: 170px;
  height:19px;
  margin: 4px 0px;
  padding: 2px 5px 5px;
  background: #FFF url('/img/search/sel_arrow1.png') no-repeat scroll 150px 0px;
}
.search_f .selectbox.gray
{
  background: #FFF url('/img/search/sel_arrow2.png') no-repeat scroll 120px 0px;
}
.search_p .selectbox
{
  width: 200px;
  height:19px;
  margin: 4px 0px;
  padding: 2px 5px 5px;
  background: #FFF url('/img/search/sel_arrow1.png') no-repeat scroll 180px 0px;
}

.search_p .selectbox.gray
{
  background: #FFF url('/img/search/sel_arrow2.png') no-repeat scroll 180px 0px;
}

.search_f .selectbox select,
.search_p .selectbox select
{
  -moz-appearance: none;
    -webkit-appearance: none;
  border:0px;
  margin: 0px;
  padding: 0px;
  background: transparent none repeat scroll 0% 0%;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
.search_f .selectbox select{
  width: 170px;
}
.search_p .selectbox select{
  width: 200px;
}

.search_f .sendbtn:hover,
.search_p .sendbtn:hover
{
  opacity: 0.85;
}

.search_f .result,
.search_p .result
{
  padding:6px;
  border-radius: 6px;
  background:#fff;
}
.search_f nav,
.search_p nav
{
    overflow: hidden;
    margin: 50px auto 0px;
    text-align: center;
    color: #8A8015;
}
.search_f nav span.current,
.search_p nav span.current
{
    color: #FFF;
    text-decoration: none;
    height: 33px;
    width: 33px;
    line-height: 33px;
    border: 1px solid #8A8015;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    background: #8A8015 none repeat scroll 0% 0%;
}
.search_f nav a,
.search_p nav a
{
    color: #8A8015;
    text-decoration: none;
    height: 33px;
    width: 33px;
    line-height: 33px;
    border: 1px solid #8A8015;
    font-size: 16px;
    display: inline-block;
    text-align: center;
}
.search_f nav a:hover,
.search_p nav a:hover
 {
    color: #FFF;
    text-decoration: none;
    background: #8A8015 none repeat scroll 0% 0%;
}

.search_f .main_s {
  width: 100%;
  background: fff;
  height: 120px;
  margin-bottom:20px;
}

.search_f .main_s .slider {
  width: 700px;
  margin: auto;
}

/*施設検索
----------------------------------------*/
.search_f{

}

.search_f .sendbtn
{
  position:static;
  margin:8px 0px;
  border-radius: 6px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  cursor: pointer;
}



.search_f .item.border{
  color:#fff;
  margin:8px 0px;
  border-bottom:1px dotted #fff;
}
.search_f .search_box{
  width:725px;
  margin:0px;
  margin-bottom:14px;
  padding:12px 12px;
  border-radius: 12px;
  display: flex;
  flex-direction:row;
  align-items:center;background-image:url('/img/search/bg_f.png') ;
  background-repeat:no-repeat;
  background-position:top left;
}
.search_f .search_box .title{
  width:200px;
  vertical-align:middle;
  color:#fff;
  font-weight:bold;
}

.search_f .result_item{
}
.search_f .result_item li{
  margin:12px 0px;
  padding:12px;
  background-image:url('/img/search/bg_item_f.png') ;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:cover;
}

.search_f .result_item li .photo{
  float:left;
  margin-right:12px;
}
.search_f .result_item li .article{
  overflow: hidden;
}
.search_f .result_item li .attribute{
  margin-top:4px;
  overflow: hidden;
}
.search_f .result_item li .clear{
    display:block;
    clear:both;
    height:0px;
}

.search_f .result_item li .location{
  color:#8a8015;
}
.search_f .result_item li .name ,
.search_f .result_item li .name a
{
  color:#000;
  text-decoration:underline;
  font-size:18px;
  font-weight:bold;
}
.search_f .result_item li .feature{
  margin:4px;
}

.search_f .result_item li .feature1{
  font-size:16px;
  font-weight:bold;
  margin-bottom:6px;
}
.search_f .result_item li .feature2{
  overflow: hidden;
}
.search_f .result_item li .spa_quality{
  padding:2px;
}
/*
.search_f .result_item li .spa_quality .label{
  margin-right:6px;
  padding:2px 12px;
  color:#fff;
  background: transparent url('/img/search/spa_quality.png') ;
  background-size: cover;background-repeat: no-repeat;
  background-position: center center;
}*/

.search_f .result_item li .spa_temp{
  padding:2px;
}

.search_f .result_item li .attribute{
  padding:0px;
  margin:0px;
}
.search_f .result_item li .attribute .label{
  display:inline-block;
  margin:1px 1px;
  padding:2px 8px;
  color:#fff;
  background:#998f5b;
  white-space: nowrap;
}

.search_f .garally{
  margin-top:20px;
}
.search_f .garally h3 img{
  margin:2px 6px;
}
.search_f .garally .access{
  margin :12px 0px;
}
.search_f .garally .access .title img{
  margin:2px 6px;
}
.search_f .garally .access .title{
  font-weight:bold;
}

.search_f .contact{
  margin-top:30px;
  background:#fff;
  padding: 0px;
  text-align:center;
  background-image:url('/img/search/bg_contact.png') ;
}
.search_f .contact .btns{
  display: flex;
  flex-direction:row;
  align-items:space-between;
  text-align:center;
  width:100%;

}
.search_f .contact .btns .btn_tel{
  display:block;
  margin:12px auto;
  /*margin-left:48px;*/
  padding-top:24px;
  padding-bottom:12px;
  padding-left:12px;
  color:#fff;
  font-size:24px;
  font-weight:bold;
  width:304px;
  height:74px;
  background: url(/img/search/btn_tel.png);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.search_f .contact .btns .btn_tel.a:hover{
  opacity: 0.85;
}


.search_f .contact .btns .btn_rurubu{
  display:block;
  margin:12px auto;
  /*margin-right:48px;*/
  padding:0px;

}
.search_f .contact .btns .btn_rurubu img{
  width:304px;
  height:77px;
}

.search_f .map{
  margin-top:20px;
}
.search_f .map h3{
  border-bottom:dotted 1px #ab0707;
  margin :16px 0px;
}

.search_f #map_canvas{
  width:750px;
  height:350px;
}

/*検索フォームタブ*/
.search_f #content_right .tab{
  overflow:hidden;
  margin:0px;
  margin-top:12px;
  font-size:14px;
  padding:0px;
}

.search_f #content_right .tab li{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:82px;
  height:20px;
  /*
  background-size:100px 48px;
  */
  list-style:none;
  cursor:pointer;
  margin:0px;
  padding:6px 8px;
  color:#fff;
  font-weight:plain;
  /*background-image: url("../img_sample/tab_unselected.png");
  background-repeat: no-repeat;*/
  background:#8a8a7b;
  float:left;
  margin-right:1px;
}
.search_f #content_right .tab li.select{
  font-weight:bold;
  background:#8a8015;
  /*background-image: url("../img_sample/tab_selected.png");
  background-repeat: no-repeat;*/
}

.search_f #content_right .tab_content{
  width:100%;
  margin:0px;
  padding:0px;
  font-size:12px;
}
.search_f #content_right .tab_content li{
  text-align:left;
  list-style:none;
  background:#fff;
  margin:0px;
  padding:0px;
}
.search_f #content_left .tbl_info{
  width:100%;
  background:#fff;
  margin:12px 0px;
  padding:0px;
}
.search_f #content_left .tbl_info th{
  width:25%;
  background:#b4aa63;
  color:#fff;
  margin:0px;
  padding:8px;
  border:solid 1px #cdc596;
}
.search_f #content_left .tbl_info td{
  background:#fff;
  color:#000;
  margin:0px;
  padding:8px;
  border:solid 1px #cdc596;
}
.search_f #content_left .tbl_info tr.stay th{
  width:25%;
  background:#938947;
}
.search_f #content_left .tbl_info tr.stay td{
  background:#faf9f5;
}

/*温泉地検索
----------------------------------------*/
.search_p{

}

.search_p .search_box{
  width:725px;
  margin:0px;
  margin-bottom:14px;
  padding:12px 12px;
  border-radius: 12px;
  display: flex;
  flex-direction:row;
  background-image:url('/img/search/bg_p.png') ;
  background-repeat:no-repeat;
  background-position:top left;
}
.search_p .search_box .title{
  width:300px;
  vertical-align:middle;
  color:#fff;
  font-weight:bold;
}

.search_p .sendbtn
{
  position:static;
  margin:8px 0px;
  margin-right:24px;
  border-radius: 6px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  cursor: pointer;
}
.search_p .result_item{
}
.search_p .result_item li{
  margin:12px 0px;
  padding:12px;
  background-color:#fff;
  background-image:url('/img/search/bg_item_p.png') ;
  background-repeat:no-repeat;
  background-position:top right;
  /*
  display: flex;
  flex-direction:row;
  align-items:top;
  max-height:240px;*/
}

.search_p .result_item li .photo{
  float:left;
  margin-right:12px;
}
.search_p .result_item li .article{
  /*overflow: hidden;*/
}

.search_p .result_item li .location{
  color:#8a8015;
  margin-bottom:12px;
}
.search_p .result_item li .name ,
.search_p .result_item li .name a
{
  color:#000;
  text-decoration:underline;
  font-size:18px;
  font-weight:bold;
  margin:12px 0px;
}

.search_p .result_item li .spa_quality{
  padding:2px;
  margin:12px 0px;
}
.search_p .result_item li .sales_point{
  margin:12px 0px;
  padding:8px;
}

.search_p .result_item li .feature1{
  font-size:16px;
  font-weight:bold;
  margin-bottom:6px;
}
.search_p .result_item li .feature2{
  overflow: hidden;
}

.search_p .result_item li .clear{
    display:block;
    clear:both;
    height:0px;
}

.search_p #content_left > .title{
  background-image:url('/img/search/bg_title.png') ;
  background-repeat:no-repeat;
  background-position:top right;
  padding:8px;
  display: flex;
  flex-direction:row;
  align-items:center;
}
.search_p #content_left > .title .category{
  margin-top:6px;
  margin-bottom:6px;
  background:#fff;
  color:#8a8015;
  font-size:14px;
  font-weight:bold;
  padding:3px 12px;
}
.search_p #content_left > .title .name{
  color:#fff;
  font-size:20px;
  font-weight:bold;
  margin-left:12px;
  margin-top:10px;
  margin-bottom:10px;
}
.search_p #content_left > .title .name_kana{
  color:#dcd683;
  font-size:14px;
  font-weight:bold
}

.search_p #content_left > .sub_title{
  color:#fff;
  background-image:url('/img/search/bg_subtitle.png') ;
  background-repeat:no-repeat;
  background-position:top right;
  display: flex;
  flex-direction:row;
  align-items:center;
}
.search_p #content_left > .sub_title .location{
   margin:4px 12px;

}

.search_p #content_left .garally{
  margin-top:20px;
}
.search_p #content_left .infomation{
  margin-top:20px;
}

/*検索フォームタブ*/
.search_p #content_right .tab{
  overflow:hidden;
  margin:0px;
  margin-top:12px;
  font-size:14px;
  padding:0px;
}

.search_p #content_right .tab li{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:82px;
  height:20px;
  /*
  background-size:100px 48px;
  */
  list-style:none;
  cursor:pointer;
  margin:0px;
  padding:6px 8px;
  color:#fff;
  font-weight:plain;
  /*background-image: url("../img_sample/tab_unselected.png");
  background-repeat: no-repeat;*/
  background:#8a8a7b;
  float:left;
  margin-right:1px;
}
.search_p #content_right .tab li.select{
  font-weight:bold;
  background:#8a8015;
  /*background-image: url("../img_sample/tab_selected.png");
  background-repeat: no-repeat;*/
}

.search_p #content_right .tab_content{
  width:100%;
  margin:0px;
  padding:0px;
  font-size:12px;
}
.search_p #content_right .tab_content li{
  text-align:left;
  list-style:none;
  background:#fff;
  margin:0px;
  padding:0px;
}
.search_p #content_left .tbl_info{
  width:100%;
  background:#fff;
  margin:12px 0px;
  padding:0px;
}
.search_p #content_left .tbl_info th{
  width:25%;
  background:#b4aa63;
  color:#fff;
  margin:0px;
  padding:8px;
  border:solid 1px #cdc596;
}
.search_p #content_left .tbl_info td{
  background:#fff;
  color:#000;
  margin:0px;
  padding:8px;
  border:solid 1px #cdc596;
}
.search_p #content_left .tbl_info tr.stay th{
  width:25%;
  background:#938947;
}
.spa .f_ID{
pointer-events: none;
cursor: default;
text-decoration: none !important;
}