@charset "utf-8";

/**
 *
 *  駐輪場検索
 *
 */



/*--------------------------------------------------------------------------
   Overwrite
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* ContSearch
-----------------------------------------------------------------*/
#ContSearch{
	
}
#ContSearch .inner01{
	padding: 200px 15px 45px;	
}
#ContSearch .search-header{
	position: relative;
	padding: 15px 0;
	background:#000;	
}
#ContSearch .search-header:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	bottom:-28px;
	left:50%;
	margin-left: -19px;
	border-top:14px solid #000;
	border-right:19px solid transparent;
	border-bottom:14px solid transparent;
	border-left:19px solid transparent;	
	z-index:100;
}
#ContSearch .search-form{
	width: 655px;
	margin: 0 auto;	
}
#Address{
	box-sizing:border-box;
	width: 600px;
	height: 45px;
	padding: 10px 17px;
	border:none;
	background:#F0F0F0;
	font-size:1.4rem;
	margin-right: 7px;
	
}
#SearchBtn{
	width: 44px;
	height: 45px;	
}

#Map{
	vertical-align: bottom;	
}

#ContSearch .inner02{
	padding: 42px 15px 65px;	
}
#ContSearch .caution{
	padding: 25px 50px;
	background:url(../images/cycling/search/bg_caution.png) no-repeat 777px 19px #E8E8E8;
	font-size:1.6rem;
	line-height:1.6;		
}
#ContSearch .caution h3{
	margin-bottom: 15px;
}
#ContSearch .caution .notes li{
	text-indent:-1em;
	padding-left: 1em;
	margin-bottom: 5px;
} 


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/* ContSearch
-----------------------------------------------------------------*/
#ContSearch .inner01{
	padding: 35px 10px 0;	
}
#ContSearch .search-header{
	padding: 10px;	
}
#ContSearch .search-header:after{
	content:"";
	width: 0;
	height: 0;
	bottom:-24px;
	margin-left: -15px;
	border-top:12px solid #000;
	border-right:15px solid transparent;
	border-bottom:12px solid transparent;
	border-left:15px solid transparent;	
	z-index:100;
}
#ContSearch .search-form{
	width: 460px;
	margin: 0 auto;	
}
#Address{
	float: left;
	width: 405px;
	height: 50px;
	padding: 10px 15px;
	margin-right: 0;
	font-size:1.1rem;
	
}
#SearchBtn{
	float: right;
	width: 50px;
	height: 50px;	
}

#Map{
	height:380px;
}

#ContSearch .inner02{
	padding: 20px 10px 30px;
	background:#E8E8E8;
}
#ContSearch .caution{
	padding: 0;
	background:url(../images/cycling/search/bg_caution_sp.png) no-repeat right bottom;
	background-size:320px auto;
	font-size:1.3rem;		
}
#ContSearch .caution h3{
	margin-bottom: 15px;
	font-size:1.4rem;
}
#ContSearch .caution .notes li{
	text-indent:-1em;
	padding-left: 1em;
	margin-bottom: 5px;
} 



}


@media screen and (max-width: 480px) {
#ContSearch .search-form{
	width: 300px;	
}
#Address{
	width: 245px;
	
}	
	
}