@charset "UTF-8";

/*====================
TOP エリア検索フロート
====================*/

#searchFloat{
	background: rgba(51,51,51,0.7);
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	opacity: 0;
	position: fixed;
	bottom:0;
	left: 0;
	z-index: 1000;
	transition: opacity .3s ease, bottom .3s ease;
}

#searchFloat ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:4%;
}
#searchFloat ul li{
	width: 48%;
}
#searchFloat ul li button{
	border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 8px;
}
.searchFloat_bt01 button{
	background: #fccc66;
}
.searchFloat_bt01:hover button{
	background: #ddaf5e;	
}
.searchFloat_bt02 button{
	background: #7da9ef;
}
.searchFloat_bt02:hover button{
	background: #6a90c6;	
}

.lower .searchFloat_bt01{
	display: none;
}