@media (min-width: 960px){
	#mainNavi{
		width:98%;
		max-width:1600px;
		height:1px;
		position:fixed;
		top:0;
		left:0;
		right:0;
		margin:0 auto;
		z-index:2;
	}
	#nav {
		max-width:1100px;
		display:flex;
		margin-left:auto;
		position:relative;
		justify-content: flex-end;
		top:67px;
		transition:0.3s;
	}
	#nav > li.sp{
		display:none;
	}
	#nav > li > a{
		display:block;
		padding:0.5rem 0.5rem 0.5rem 1.25rem;
		color:#4e5255;
		font-size:92%;
		font-weight:600;
		text-decoration:none;
		position:relative;
		transition:0.3s;
		white-space:nowrap;
		line-height:1.5;
	}
	#nav > li > a:before{
		content:"";
		display:block;
		position:absolute;
		left:0.5rem;
		top:0;
		bottom:0;
		margin:auto 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 0 3px 4px;
		border-color: transparent transparent transparent #fca110;
	}
	#nav > li > a:hover{
		color:#fca110;
	}
	#nav > li > a:after{
		content:"";
		display:block;
		position:absolute;
		bottom:0;
		left:15%;
		width:0;
		height:2px;
		background-color:#fca110;
		transition:0.3s;
	}
	#nav > li > a:hover:after{
		width:78%;
	}
	.active01 #nav{
		top:15px;
	}
}
@media (max-width: 1500px){
	#nav{
		margin-right:auto;
		justify-content: space-between;
		top:72px;
	}
	#nav > li > a{
		font-size:90%;
		padding:0.5rem 0.25rem 0.5rem 1rem;
	}

}



@media (max-width: 961px){

/*
枠*/
.DSmenu,
.action .DSmenu,
.DSbtn *,
.DSbtn *:before,
.DSbtn *:after {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.DSmenu {
    width:calc(90% + 17px);
	height:100%;
    position: fixed;
    top: 0;
    right: calc(-100% - 17px);
    z-index: 9;
	background-color:#fff
}
.action .DSmenu {
	right:-17px;
}
#mainNavi {
	height:100vh;
	position:relative;
    overflow-x: hidden;
    overflow-y: scroll;
}
#mainNavi ul.menu {
	width:80%;
	margin:0 auto 20px;
	position:relative;
	left:-9px;
	padding-bottom:100px;
}

/*
枠 end
btn*/

.DSbtn > p{
    top: 0;
    right: 0;
    width: 16%;
	max-width:90px;
    height: 58px;
    cursor: pointer;
	border-radius:0;
    position: fixed;
    z-index: 12;
	margin:0;
	overflow:hidden;
}

.DSbtn > p > span,
.DSbtn > p > span:before,
.DSbtn > p > span:after{
	content:"";
	position:absolute;
    display: block;
	width:45%;
    max-width: 55px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
    height: 7px;
	border-radius:5px;
    background: #003c82;
	box-sizing:border-box;
}
.DSbtn > p > span:before{
	width:100%;
	top:-26px;
}
.DSbtn > p > span:after{
	width:100%;
	bottom:-26px;
}

.action .DSbtn > p > span {
	background-color:transparent;
}
.action .DSbtn > p > span:before {
	width:90%;
	top:-5px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.action .DSbtn > p > span:after {
	width:90%;
	bottom:5px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.DSbtn > span {
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	display:block;
	pointer-events: none;
	z-index:9;
}
.action .DSbtn > span {
	background-color:rgba(255,255,255,.50);
	pointer-events:inherit;
}

/*
btn end */

#nav {
	border-top:solid 1px #ddd;
}
#nav > li > a{
	display:block;
	text-decoration:none;
	color:#676767;
	font-size:95%;
	padding:0.9rem 0.5rem 0.75rem 1.5rem;
	border-bottom:solid 1px #ddd;
	position:relative;
	font-weight:600;
	letter-spacing:2px;
	transition:0.3s;
	line-height:1.5;
}
#nav > li > a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #fca110;
}
#nav > li > a:hover{
	opacity:0.8;
	background-color:rgba(0,0,0,.05);
}

}