@charset "UTF-8";
/*ハンバーガー アイコンの設定*/
.trigger, .trigger span {
	display: inline-block;
	transition: all .4s;
}
.trigger {
	position: relative;
	width: 28px;
	height: 19px;
}
.trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #FFA15D;
	border-radius: 4px;
}
.trigger span:nth-of-type(1) {
	top: 0;
}
.trigger span:nth-of-type(2) {
	top: 8px;
}
.trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background-color: #f66;
	border-radius: 4px;
	transition: all .4s;
}
.trigger span:nth-of-type(3) {
	bottom: 0;
}
.trigger.active span:nth-of-type(1) {
	transform: translateY(8px) scale(0);
}
.trigger.active span:nth-of-type(2) {
	transform: rotate(-45deg);
}
.trigger.active span:nth-of-type(2)::after {
	transform: rotate(90deg);
}
.trigger.active span:nth-of-type(3) {
	transform: translateY(-8px) scale(0);
}