@charset "UTF-8";
/* CSS Document */

#check {
display: none;
}

#s_navi_2{
	display: none
}


/* Sp */
@media screen and (max-width : 599px ){
	
.burger_icon {
	display:flex;
	justify-content: center;
	align-items: center;
	z-index: 90;
	height: 25px; width: 25px;
	margin-top: 25px;
	position: fixed;
	top:0px;
	right:5px
}

.burger_icon span,.burger_icon span:before,.burger_icon span:after {
  display: block;
  height: 3px;
  width: 25px;
  background-color: #FF7701;
  content: "";
  position: absolute;
}
	
.burger_icon span:before {
	bottom: 8px;
}

.burger_icon span:after {
	top: 8px;
}

/*clicked*/

#check:checked ~ .burger_icon span {
background-color: transparent;
}	
	
#check:checked ~ .burger_icon span:before {
	transform: rotate(45deg);
    bottom: 0;
}

#check:checked ~ .burger_icon span:after {
	transform: rotate(-45deg);
	top: 0;
}	
	
#s_navi_2 {
	display: flex;
	position: fixed;
	top: 60px;
	left: 100%;
	z-index: 99;
	width: 100%;
	height:210px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px 0 10px 0;
}

	#s_navi_2 table{
	border-radius:10px;
	margin: 0 auto;
	}
	
#check:checked ~ #s_navi_2 {
left: 0;
}
	
.mnavi_01 ul {	
	flex-wrap: wrap;
	align-items: center;
	height:auto; width:auto;
}
	
.mnavi_01 ul li {
	margin: 2px;
	padding: 0px;
	width: 23%; height: 40px;
	border-radius: 8px;
	background-color:#113961;
	}

.mnavi_01 li a{
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
	
.mnavi_01 ul li:not(:last-child) {
	background-image:none;
}
	
.burger_icon span, .burger_icon  span:before, .burger_icon span:after {
    transition: all .4s;
	}
	
}