/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 3px/* 0.625em 0.75em 0.625em*/; line-height: 1.125em; cursor: pointer; margin-left: 7.5%; z-index: 5000;}
.slicknav_menu  .slicknav_menutxt { /*display: block;*/ line-height: 3em; /*float: left;*/ }
.slicknav_menu .slicknav_icon { float: left;}
.slicknav_menu .slicknav_no-text { margin: 0;}
.slicknav_menu .slicknav_icon-bar { display: block; width: 30px; height: 3px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.4em }
.slicknav_nav { clear: both;}
.slicknav_nav ul{ display: block; border-bottom: 0; }
.slicknav_nav li { display: block; border-bottom: 1px solid white; }
.slicknav_nav li:last-child { display: block; border-bottom: 0; }
.slicknav_nav .slicknav_arrow { /*font-size: 0.8em; margin: 0 0 0 0.4em; *//*border: 1px solid white;margin: 0; position: absolute; top: 10px right: 5px;  z-index: 50;*/}
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
font-size:16px;
width: 100%;
height: 0px;
margin: 0 auto;
top: -77px;
position: relative;
z-index: 5000;
background-color:#009844;
}

/* Button */
.slicknav_btn {
margin: 10px 5px 10px; /*ヘッダの高さを3つめの数値で調整*/
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
z-index: 5100;
position: relative;
top: 81px;
right: 0;
width: 30px;
margin-right: 3%;
 text-align: center;
}

/*.slicknav_btn:after {
content: "MENU";
color: #009844;
font-size: 11px;
font-family: 'Roboto', sans-serif;
}*/

/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #029693;
    font-size: 10px;
    margin-top: 15px;
    font-weight: bold;
    font-family: sans-serif;
}
/* logo*/
.slicknav_menu img {
/*margin-left: -50px;
margin-top: -50px;
width: 210px;*/
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: white; /*ボタンの横線*/
  
}

.slicknav_menu {
/*background-color: #fff; *//*ヘッダの色*/
position: absolute;
z-index: 5000;
}

.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
position: absolute;
z-index: 5000;
width: 101%;
margin: 0 auto;
top: 132px;

}
.slicknav_nav, .slicknav_nav ul {
/*padding: 45px 0 45px 0;*//*リンク周りのスペース*/
list-style: none;
overflow:hidden;
/*background-color:#E6E6E6;*/
}

.slicknav_nav ul {
padding: 10px 0 15px 0;
background-color:#007ac1;
/*text-align: center;*/
}

.slicknav_nav ul {
padding-bottom: :0;
margin:0 0 0 0;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
/*background:#514b48;*/ /*リンク背景の色*/
padding:7px 13px; /*リンクの大きさ*/
text-decoration:none;
color:#ffffff;
z-index: 5000;
}

.slicknav_nav a p{
font-family: 'Roboto Slab', sans-serif;
font-weight: bold;
font-size: 18px;
color:#000;
margin: 0;
padding: 0;
}

.slicknav_nav img{
/*background:#009844;*/ /*リンク背景の色*/
padding:10px 0; /*リンクの大きさ*/
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}

.slicknav_nav .slicknav_row {
    color:#fff;
    /*background:#514b48; *//*リンク背景の色*/
    padding:7px 8px; /*リンクの大きさ*/
    text-decoration:none;
    color:#fff;
    /*text-align: center;*/
}

.slicknav_nav .slicknav_row img {
    /*padding:5px 0px;*/ /*リンクの大きさ*/
    /*float: right;*/
    /*border: 1px solid white;*/
    margin-left: 15px;
    
}

.slicknav_row {
}


.slicknav_nav a:hover{
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

ul.slicknav_nav li.slicknav_parent ul.child li {
padding: 0;
margin: 0;
}

.slicknav_menu {
 display:none;
}

/*@media screen and (max-width: 479px) {*/
@media screen and (max-width: 1249px) {

.js #menu {
 display:none;
}
.js .slicknav_menu {
 display:block;
}

#menu {
 display:none;
}
.slicknav_menu {
 display:block;
}

}

/*@media screen and (min-width: 480px) {*/
@media screen and (min-width: 1250px) {

.js #menu {
 display:block;
}
.js .slicknav_menu {
 display:none;
}

#menu {
 display:block;
}
.slicknav_menu {
 display:none;
}

}