@charset "utf-8";

/******************* 統一設定 *******************/
.pure-drawer {
	background: #000;
}

.pure-drawer ul {
	margin-top: 90px;
	/* padding-left:15px; */
	color: #fff;
	list-style: none;
}

.pure-drawer ul li:nth-child(7) {
	margin: 20px auto;
}

.pure-drawer ul li:nth-child(8) a span {
	padding: 5px 12px !important;
}

div.button {
	width: 285px;
	height: 60px;
	margin: 0 auto 5px;
	display: block;
}

.pure-drawer ul li a, .pure-drawer ul li button, .pure-drawer ul li div.inquiry {
	width: 100vw;
	height: 60px;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	vertical-align: middle;
	display: table-cell;
	transition: .3s;
}

.pure-drawer ul li button.logout {
	color: #fff;
	background: none;
	text-align: center;
	border: none;
	transition: .3s;
}

.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
	border-radius: 999px;
}

.pure-toggle-label {
	width: 55px;
	height: 55px;
	border: none;
	border-radius: 5px;
}

.pure-toggle-label[data-toggle-label='top'] {
	top: 12px;
	left: unset;
	right: 0;
}

.pure-toggle-label .pure-toggle-label .pure-toggle-label {
	height: 2px;
	top: 56%;
}

@media only screen and (min-width: 64.063em) {
	.pure-drawer[data-position='top'] {
		height: 100%;
	}
}

@media (max-width:999px) {
	.pure-toggle-label[data-toggle-label='top'] {
		left: unset;
		right: 0;
	}

	.pure-toggle-label {
		width: 42px;
		height: 42px;
		border: none;
		border-radius: 5px;
		top: 10.75px;
	}

	.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
		width: 25px;
		height: 2px;
		background: #fff;
		top: 60%;
	}

	.pure-drawer ul {
		margin-top: clamp(60px, 17.5vw, 85px);
	}

	.pure-drawer ul li div.button {
		margin-bottom: 7.5px;
	}

	div.bnrpc img {
		display: none;
	}
}

@media (max-width:429px) {
	.pure-drawer ul li div.button {
		width: clamp(140px, 60vw, 240px);
		height: clamp(40px, 13.5vw, 50px);
		margin-bottom: clamp(5px, 4.5vw, 15px);
	}

	.pure-drawer ul li a, .pure-drawer ul li button {
		height: clamp(40px, 13.5vw, 50px);
	}
}

@media only screen and (min-width: 64.063em) {
	.pure-drawer[data-position='top'] {
		top: 0;
	}
}