@charset "utf-8";

/*----------------------------------------
	hiraya_sodan
----------------------------------------*/


.bg_dark{
	background: #898989;
}
.bg_sea{
	background: #7b9db6;
}
.bg_grass{
	background: #94a974;
}

.btn_reserve01{
    display: block;
    position: absolute;
    width: 75%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 8.5%;
}
.btn_reserve02{
    display: block;
    position: absolute;
    width: 75%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 12%;
}
.btn_reserve03{
    display: block;
    position: absolute;
    width: 75%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 6%;
}
.btn_reserve04{
    display: block;
    position: absolute;
    width: 75%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 8%;
}

.btn_reserve05{
    display: block;
    position: absolute;
    width: 85%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 19.5%;
}
.btn_reserve06{
    display: block;
    position: absolute;
    width: 75%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 9%;
}


.brand_sec{
	padding-bottom: 6.5%;
	background: #faf3e9;
}
.brand_sec img{
	display: block;
	height: auto;
}
.brand_item{
	padding-bottom: 10.7%;
}
.brand_item[open]{
	padding-bottom: 0;
}
.brand_btn{
	display: block;
	padding: 0 4.5% 0 6.2%;
	list-style: none;
	cursor: pointer;
}
.brand_btn::-webkit-details-marker{
	display: none;
}
.brand_close{
	position: absolute;
	top: 93.5%;
	left: 37.4%;
	width: 23.4%;
	height: 2.3%;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}


#nav06 .map{
	position: absolute;
	top: 72.1%;
	left: 9%;
	z-index: 1;
	display: block;
	width: 82%;
	height: auto;
	min-height: 0;
	max-height: none;
	aspect-ratio: 658 / 433;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 1;
	visibility: visible;
	transform: none;
}

.sp_menu ul{
    display: flex;
}
.sp_menu ul li{
    width: auto;
}