@charset "UTF-8";
.section_nav_main{
	margin : 0 0 2.5em;
	max-width : 900px;
}
.section_nav{
	display : none;
}
.section_demo1 .target{
	background-color : #f50057;
}
.section_nav .target .active a{
	background-color : #161b1d;
}
.section_nav .target .active a:hover{
	background-color : #2c363a !important;
}
.section_nav .target .active a:before{
	background-color : #f50057 !important;
}
.section_nav .active a{
	background-color : #f50057;
}
.section_nav .active a:hover{
	background-color : #ff2975 !important;
}
.section_nav_list .target{
	background-color : #161b1d;
}
.section_nav .trigger{
	z-index : 0;
	line-height : 1em;
	background-color : #fff;
}
.section_nav .trigger a{
	position : relative;
	display : block;
	padding : .5em .6em;
	color : #425157;
	text-decoration : none;
	-webkit-transition : .35s all ease;
	transition : .35s all ease;
}
.section_nav .trigger a:hover{
	background-color : #e8e8e8;
}
.section_nav .trigger a:before, .section_nav .trigger a:after{
	position : absolute;
	display : block;
	content : '';
	width : 3px;
	background-color : #425157;
	-webkit-transition : .25s all ease;
	transition : .25s all ease;
	border-radius : 10px;
}
.section_nav .trigger a:before{
	top : .75em;
	right : 20px;
	height : 12px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform : rotate(-45deg);
}
.section_nav .trigger a:after{
	top : .75em;
	right : 13px;
	height : 12px;
	-ms-transform: rotate(45deg);
	-webkit-transform : rotate(45deg);
	transform : rotate(45deg);
}
.section_nav .target{
	z-index : 1;
	display : none;
	margin : 0 auto;
	padding : 0;
	color : #fff;
}
.section_nav .target .target a{
	background-color : #2c363a;
}
.section_nav .target .target a:hover{
	background-color : #374449;
}
.section_nav .target .trigger a{
	background-color : #161b1d;
}
.section_nav .target .trigger a:before, .section_nav .target .trigger a:after {
	background-color : #fff;
}
.section_nav .target .trigger a:before{
	top : .5em;
	right : 16px;
}
.section_nav .target .trigger a:after{
	top : .85em;
	right : 16px;
}
.section_nav .target .active a{
/* 子階層のアクティブ箇所 */
	padding-left : 1.5em;
	padding-right : 1.5em;
	color : #fff;
}
.section_nav .target .active a:hover{
	background-color : #2c363a;
}
.section_nav .target .active a:before, .section_nav .target .active a:after {
	-ms-transform : rotate(0);
	-webkit-transform : rotate(0);
	transform : rotate(0);
}
.section_nav .target .active a:before{
	top : .65em;
	left : 1em;
	width : 3px;
	height : 12px;
}
.section_nav .target .active a:after{
	display : none;
}
.section_nav .target .active a:hover{
	background-color : #21292c !important;
}
.section_nav .target ul li a{
	padding : .5em 1em .6em;
}
.section_nav .target a{
	display : block;
	color : #fff;
	-webkit-transition : .35s all ease;
	transition : .35s all ease;
}
.section_nav .active a{
	color : #fff;
}
.section_nav .active a:hover{
	background-color : #2c363a;
}
.section_nav .active a:before, .section_demo .active a:after{
	background-color : #fff;
}
.section_nav .active a:before{
	top : .65em;
	right : 16px;
	height : 16px;
}
.section_nav .active a:after{
	top : .65em;
	right : 16px;
	height : 16px;
}
.section_nav > ul > li{
	border-bottom : 1px #f5f5f5 solid;
}
.section_nav > ul > li:last-of-type{
	border-bottom : 0;
}

/* BUTTON
================================================== */
.btn_hamburger{
	margin : 0 auto 2em !important;
	width : 40px;
}
.btn_hamburger a{
	position : relative;
	display : block;
	height : 30px;
	-webkit-transition : all .4s;
	transition : all .4s;
	box-sizing : border-box;
}
.btn_hamburger span{
	position : absolute;
	display : inline-block;
	left : 0;
	width : 100%;
	height : 2px;
	background-color : #161b1d;
	border-radius : 2px;
	-webkit-transition : all .4s;
	transition : all .4s;
	box-sizing : border-box;
}
.btn_hamburger span:nth-of-type(1){
	top : 0;
}
.btn_hamburger span:nth-of-type(2){
	top : 14px;
}
.btn_hamburger span:nth-of-type(3){
	bottom : 0;
}
.btn_hamburger span:nth-of-type(2)::after{
	position: absolute;
	top : 0;
	left : 0;
	content : '';
	width : 100%;
	height : 2px;
	background-color : #161b1d;
	border-radius : 2px;
	-webkit-transition: all .4s;
	transition : all .4s;
}
.btn_hamburger .active span:nth-of-type(2){
	-webkit-transform : rotate(-45deg);
	-ms-transform : rotate(-45deg);
	transform : rotate(-45deg);
}
.btn_hamburger .active span:nth-of-type(2)::after{
	-webkit-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	transform : rotate(90deg);
}
.btn_hamburger .active span:nth-of-type(1){
	-webkit-transform : translateY(20px) scale(0);
	-ms-transform : translateY(20px) scale(0);
	transform : translateY(20px) scale(0);
}
.btn_hamburger .active span:nth-of-type(3){
	-webkit-transform : translateY(-20px) scale(0);
	-ms-transform : translateY(-20px) scale(0);
	transform : translateY(-20px) scale(0);
}

/* 追記 */
.btn_hamburger{
	float : right;
	position : relative;
	top : 9px;
	right : 7px;
	margin : 0;
	padding : 5px;
	background : #ff6699;
	height : 45px;
	margin : 0 auto 0 !important
}
.btn_hamburger a{
	width : 30px;
	height : 20px;
	margin : 5px auto 0;
}
.btn_hamburger span{
	height : 3px;
}
.btn_hamburger span,
.btn_hamburger span:nth-of-type(2)::after{
	background : #fff;
	height : 3px;
}
.btn_hamburger span:nth-of-type(2){
	top : 9px;
}
.btn_hamburger span:nth-of-type(3){
	bottom : -1px;
}
.btn_hamburger span:nth-of-type(4){
	display : block;
	color : #fff;
	top : 28px;
	left : -1px;
	background : none;
	font-size : 12.4px;
}
.section_nav_main{
	margin : 0;
	max-width : 100%;
}
.section_nav > ul > li{
	padding : 10px 0;
	background : #808080;
}