@charset "UTF-8";

/*-----------------------------------------------
SEARCH 
-----------------------------------------------*/
#refine{
	margin:20px 0px ;
	padding:0px;
	border:#D3CFCE 1px solid;
	    border-radius:5px !important;
		webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
}

#refine h3{
	margin:0px 0px ;
	padding:10px 15px;
	border-bottom:#D3CFCE 1px solid;
	background:#F7F8F9;
	line-height:1.4;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius: 5px ;  
  -moz-border-radius-topleft: 5px; 
  border-top-right-radius:5px;
	-webkit-border-top-right-radius: 5px ;  
  -moz-border-radius-topright: 5px;
	}

#refine form{
	margin:20px ;
}

.serchbox{
  width: 73%;
  float: left;
}
.serchbtn{
  width: 25%;
  float: right;
}
.serchbtn.btn{
height: 40px;
  margin: 0 0 5px 0;
  line-height: 1;
  padding: 0;
}

h3.serch_sttl {
    margin: 30px 0;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px;
    color: #000;
    font-weight: 600;
  background: #D3CFCE;
}

.place{
  padding: 5px 10px;
  color: #fff;
  margin-bottom: 10px ;
  font-size: 18px ;
  font-weight: 700;
  background: #bbb;
}
.place_code1{
  background: #78C071;
}
.place_code2,.place_code3,.place_code4,.place_code5,.place_code6,.place_code7{
  background: #5F91CC;
}
.place_code8,.place_code9,.place_code10,.place_code11,.place_code12,.place_code13,.place_code14{
  background: #E6CB5D;
}
.place_code15,.place_code16,.place_code17,.place_code18,.place_code19,.place_code20,.place_code21,.place_code22,.place_code23{
  background: #E3795B;
}
.place_code24,.place_code25,.place_code26,.place_code27,.place_code28,.place_code29,.place_code30{
  background: #72C1CD;
}
.place_code31,.place_code32,.place_code33,.place_code34,.place_code35{
  background: #A874AF;
}
.place_code36,.place_code37,.place_code38,.place_code39{
  background: #8270B1;
}
.place_code40,.place_code41,.place_code42,.place_code43,.place_code44,.place_code45,.place_code46{
  background: #CB6F95;
}
.place_code47{
  background: #719DCC;
}

.smp_arrow a{
  display: block;
  text-decoration: underline;
}

.secondloop_list {
      margin: 0;
      padding: 0;
  letter-spacing: -.4em; 
  }
.secondloop_list li{
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
   letter-spacing: normal; 
  width: 33.3333%;
  border-bottom: 1px dotted #ddd;
  }
  
.secondloop_list li a{
    display: block;
    padding: 8px 10px ;
    width: 100%;
    text-decoration: none;
  }
.secondloop_list li a:hover{
    background: #eee;
    text-decoration: none;
  }

.smp_map li a:before ,.secondloop_list li a:before{
  content:"\f054";
  font-family: "FontAwesome";
  padding-right: 5px;
  font-size: 12px;
  color: #ddd;
}


@media only screen and (min-width: 768px){

#search_area ul {
	margin:0px 0px  ;
	padding:0px ;
}

#search_area li {
	list-style:none;
display:inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	padding-right:20px ;
	color:#111;
}

#search_area li a {
padding:5px ;
color:#111;
}

#search_area li a:hover {
color:#1F9ABD;
}

#search_area .col-sm-3{
	border-top: 1px solid #111;
	padding:30px 0px ;
}

#search_area .col-sm-9{
	border-top: 1px solid #CCC;
	padding:30px 0px ;
}

    .smp_map,.smp_loop{
    display: none;
  }
  .pc_map{
    display: block;
  }
  
}

@media only screen and (max-width: 767px){
  
  .smp_map.smp_loop{
    display: block;
  }
  
  .smp_arrow a:after{
  content:"\f054";
  font-family: "FontAwesome";
  float: right;
}

.secondloop_list li{
  width: 50%;
  }
  
.smp_map ul{
      margin: 0;
      padding: 0;
  letter-spacing: -.4em; 
  }
.smp_map li{
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
   letter-spacing: normal; 
  width: 50%;
  border-bottom: 1px dotted #ddd;
  }
  
  .smp_map li a{
    display: block;
    padding: 8px 10px ;
    width: 100%;
    text-decoration: none;
  }
  .smp_map li a:hover{
    background: #eee;
    text-decoration: none;
  }
      
  .pc_map{
    display: none;
  }
	
	#search_area ul {
	margin:0px 0px  ;
	padding:0px ;
}

#search_area li {
	list-style:none;
	color:#111;
border-bottom: 1px dotted #111;
}

#search_area li a {
	display:block;
color:#111;
padding:5px 10px ;
}

#search_area li a:hover {
color:#1F9ABD;
background:#F7F8F9;
}
 
 #search_area .col-sm-3{
	border-top: none;
	padding:8px 15px ;
	background:#D3CFCE;
}

#search_area .col-sm-9{
	border-top: none;
	padding:0px ;
}

/*#search_area li a:before {
padding-right:5px ;
    font-family: 'Glyphicons Halflings';
    content:"\e080";
}*/