/**
* Masthead
* -------------------------------------------------------------------------- */

/*----------------------------------------------------
スマホ用メニュー
----------------------------------------------------*/

@media only screen and (max-width: 700px) {
#nav {
padding: 70px 0 0 0;
width:100%;
background:#fff;
}

.nav_inner li{
-ms-flex-preferred-size:100%;
-webkit-flex-basis:100%;
-moz-flex-basis:100%;
flex-basis:100%;
border-top:1px solid #fff;
}

.nav_inner li a {
padding:15px 0;
line-height:1.0em;
height: 1.0em;
display:block;
}

.nav_inner li a span.nav_sub{
padding:0 0 0 3px;
}

.nav_inner li span.nav_main:before{
font-family: 'FontAwesome';
content: '\f054';
position:absolute;
top:5px;
left:0;
font-size:7px;
}

.nav_inner li a span.nav_main:after{
content: " " ;
white-space: nowrap ;
}

.sub_menu{
  width:100%;
  top:0;
  position:relative;
  display:none;
}

.active{
  display: block;
}

.sub-menu-item {
  width: 100%;
  position:relative;
}
.menu_enter{
  display:none;
}
}