@charset "UTF-8";

/* Toggle Button */
.nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 23px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
.nav-toggle div {
    position: relative;
}
.nav-toggle span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #333;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.nav-toggle span:nth-child(1) {
    top: 0;
}
.nav-toggle span:nth-child(2) {
    top: 11px;
}
.nav-toggle span:nth-child(3) {
    top: 22px;
}

ul.menu{
	padding:0px;
	}

li{
	list-style:none;
}

.menu li{
	display:inline-block;

}


.menu li a{
	width:100%;
	text-decoration:none;
	color:#000;
	font-size:90%;
	letter-spacing:0.1em;
	padding-right:15px;
	margin-left:10px;
	background-image: url(../img/arrow_down.png);
	background-repeat:no-repeat;
	background-size:auto 5px;
	background-position: right 0px center
}

.menu li a:hover{
	color:#8095b3 !important;
}

@media screen and (max-width: 480px)  {

    .nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open .nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open .nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open .nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

nav{
    position: absolute;
    z-index: 9999999;
    overflow: hidden;
    top: -732px;
    left: 0px;
    width: 100%;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    border-color: rgba(0, 0, 0);
    background-color:rgba(255, 255, 255, 1);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    border-top: 1px solid #ccc;
}

nav.open {
        -moz-transform: translateY(800px);
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
    }
    
ul.menu{
	display:block;
	justify-content: space-between;
	padding:0px;
	}
	
.menu li ul{
  position: relative;
  top: 100%;
  left: 0;
  margin-top: 8px;
  padding: 0;
}

.nav_inner ul li{
    width: 100%;
    background-size: 2px auto;
    margin-bottom:1px;
}


.nav_inner ul li a{
	display:block;
	background-color: #fff;
	width: auto;
	heignt:auto;
}

.nav_inner ul li a:hover{


}


.menu li a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#000;
	font-size:100%;
	font-weight:bold;
	padding-top:10px;
	background-position: right 15px top 12px;
	
}

.menu li{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	padding-top:5px;
}

.menu li br{
	display:none;
}


}