@media (min-width: 798px){


}



@media (max-width: 798px){

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

.DSmenu {
    width: 250px;
	height:100%;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 9;
}
.action .DSmenu {
	right:0;
}

/*
枠 end
btn*/

.DSbtn > p{
    top: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-color:#f9f9f9;
	border:solid 2px #f9f9f9;
	box-shadow:2px 2px 1px rgba(0,0,0,.2);
	border-radius:3px;
    position: fixed;
    z-index: 10;
	padding-left:5px;
	overflow:hidden;
}
.DSbtn > p:before{
	content:"menu";
	color:#898989;
	position:absolute;
	font-weight:bold;
	font-size:10px;
	letter-spacing:0;
	bottom:-5px;
	opacity:1;
}
.action .DSbtn > p:before{
	opacity:0;
	bottom:-15px;
}

.DSbtn > p > span,
.DSbtn > p > span:before,
.DSbtn > p > span:after{
	content:"";
	position:absolute;
    display: block;
    width: 30px;
	top:10px;
    height: 2px;
	margin:5px auto 0;
    background: #898989;
	box-sizing:border-box;
}
.DSbtn > p > span:before{
	top:-13px;
}
.DSbtn > p > span:after{
	top:3px;
}

.action .DSbtn > p {
	border:solid 2px #ccc;
}
.action .DSbtn > p > span {
	width:0;
	height:0;
}
.action .DSbtn > p > span:before {
	width:35px;
	top:-1px;
	left:-2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.action .DSbtn > p > span:after {
	width:35px;
	top:-1px;
	left:-2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.DSbtn > span {
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	display:block;
	z-index:-1;
}
.action .DSbtn > span {
	background-color:rgba(0,0,0,.5);
	z-index:9;
}

/*
btn end
リセットstart */
#mainNavi ul.menu > li.sp {
	display:block;
}
#mainNavi {
	height:100vh;
	position:relative;
    overflow-x: hidden;
    overflow-y: scroll;
}
#mainNavi ul.menu {
	width:75%;
	margin:75px auto 20px;
}
#mainNavi ul.menu > li:last-child:after {
	content:"";
	display:block;
	height:20px;
}
/*リセットend*/


/*再セット*/

#mainNavi ul.menu > li > span {
	display:none;
}
#mainNavi ul.menu > li > a{
	display:block;
	background-color:#59b144;
	padding:10px 0;
	color:#fff;
	border-radius:3px;
	margin-top:10px;
}

#mainNavi ul.menu > li span + div{
	margin:10px 0 0;
	padding:5px 10px 10px;
	background-color:#caddff;
	border-radius:3px;
}
#mainNavi ul.menu > li span + div > ul > li > h3{
	color:#1c4388;
	border-bottom:solid 1px #1c4388;
	line-height:3em;
}
#mainNavi ul.menu > li span + div > ul > li > a{
	background-color:#59b144;
	padding:7px 0;
	color:#fff;
	border-radius:3px;
	margin-top:10px;
}

}