@charset "UTF-8";
#sidebar {
	width: 275px;
}

#sidebar .container_top {
	border-bottom: 1px #888 solid;
	margin-bottom: 40px;
}

#sidebar .container_top .ttl {
	font-size: 20px;
	color: #1a1a1a;
	line-height: 1.2;
	font-weight: 700px;
	margin-bottom: 15px;
}

#sidebar .container_top .sub {
	font-size: 10px;
	color: #969696;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin-bottom: 35px;
}

#sidebar .container_bottom {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
}

#sidebar .container_bottom nav {
	display: none;
	padding: 0px 0 20px;
}

#sidebar .container_bottom nav ul {
	padding-left: 30px;
}

#sidebar .container_bottom nav ul li {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 2;
	color: #656565;
	position: relative;
}

#sidebar .container_bottom nav ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sidebar .container_bottom nav ul li::after {
	margin-left: 5px;
	content: "\e5cc";
	font-family: "Material Symbols Outlined";
}

#sidebar .container_bottom .nav-open {
	padding: 20px 10px;
	font-size: 13px;
	position: relative;
	border-top: 1px solid #ebebeb;
}

#sidebar .container_bottom .nav-open::before {
	/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 20px;
	color: #1a1a1a;
	font-weight: 700;
}

#sidebar .container_bottom .nav-open.active::before {
	/* 開いている時 */
	content: "－";
	color: #1a1a1a;
	font-weight: 700;
}

#sidebar .reserve_container {
	box-shadow: 16px 16px 40px #6070ac38;
	border-radius: 8px;
	opacity: 1;
}

#sidebar .reserve_container .reserve_box_top {
	width: 100%;
	border-radius: 44px;
}

#sidebar .reserve_container .reserve_box_top .reserve_box_top_lead {
	font-size: 12px;
}

#sidebar .reserve_container .reserve_box_bottom {
	width: 100%;
	border-radius: 44px;
}

#sidebar .reserve_container .reserve_box_bottom .reserve_box_bottom_lead {
	font-size: 12px;
}

/*# sourceMappingURL=sidebar.css.map */