#toggleBtns {
	overflow: hidden;
	width: 15em;
	border: 0.15em solid #a6c7de;
	border-radius: 0.2em;
	margin: 0 auto;
	background: #a6c7de;
	font-size: 110%;
}

#toggleBtns button {
	display: inline-block;
	width: 50%;
	border: none;
	border-radius: 0.1em;
	margin: 0;
	padding: 0.75em 0;
	background: none;
	color: white;
	font-family: 'Shin Go Regular';
	font-size: inherit;
	line-height: 1;
	text-align: center;
}
#toggleBtns:not(.open) .close,
#toggleBtns.open .open {
	background: white;
	color: #5b8db0;
	cursor: default;
}

@media all and (max-width: 640px) {
	#toggleBtns {
		margin: 2rem auto;
	}
}
@media all and (min-width: 641px) {
	#toggleBtns {
		margin: 1rem auto 0;
	}
}

/*==================== qaList ====================*/

#qaList h3 small {
	display: inline-block;
	margin-left: 0.25em;
}
#qaList > div {
	border-top: 1px solid #ccc;
}

#qaList > div:last-child {
	border-bottom: 1px solid #ccc;
}

#qaList dt,
#qaList dd {
	padding-left: 2.8em;
}
#qaList dt {
	position: relative;
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-weight: bold;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#qaList dt::before {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	margin-right: 0.5em;
	width: 2.2em;
	height: 2.2em;
	transform: translate(0, -20%);
	background: url(../images/shop/qanda_q.svg) no-repeat center center;
	background-size: contain;
}
#qaList dd {
	margin: 0;
	overflow: hidden;
	color: #666;
	transition: opacity 0.4s ease;

	visibility: hidden;
	height: 0;
	opacity: 0;
}
#qaList dt.open + dd {
	visibility: visible;
	height: auto;
	opacity: 1;
}
#qaList dd .link {
	margin-top: 0.5em;
}

@media all and (max-width: 640px) {
	#qaList {
		padding: 1em;
	}
	#qaList dl {
		text-align: left;
	}
	#qaList > div {
		margin-top: 2rem;
	}
}
@media all and (min-width: 641px) {
	#qaList {
		width: 49rem;
		margin: 0 auto;
		text-align: left;
	}
	#qaList > div {
		margin-top: 3rem;
		padding: 0 1rem;
	}
	#qaList > div:last-child {
		padding-bottom: 2rem;
	}
	#qaList h3 small {
		font-size: 66%;
	}
	#qaList dt {
		font-size: 110%;
	}
}

/*==================== formbtn ====================*/

@media all and (max-width: 640px) {
	#formbtn {
		margin-top: 1rem;
	}
}

@media all and (min-width: 641px) {
	#formbtn {
		font-size: 120%;
		margin-top: 3rem;
	}
}