/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */

#mobile-menu {
display: block;
position: fixed;
top: -1px;
right: 0px;
z-index: 10000;
}

.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
/** 初期 padding: 0.438em 0.625em 0.438em 0.625em; **/
/** 二期 padding: 0.68em 0.625em 0.68em 0.625em; **/
padding: 0.38em 0.625em 0.98em 0.625em;
background-image: url(/img/menutxt.jpg) !important;
background-repeat: no-repeat;
background-position: center 21px;
background-size: 28px auto;
line-height: 1.125em;
cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em;}

.slicknav_menu {*zoom: 1;}

.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}

.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {margin:0;}

.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

slicknav_menu:before {
content: " ";
display: table;
}

.slicknav_menu:after {
content: " ";
display: table;
clear: both;
}

.slicknav_nav {clear:both;}
.slicknav_nav ul {display:block;}
.slicknav_nav li {}
.slicknav_nav li a {display:block;}

.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {cursor:pointer;}
.slicknav_nav .slicknav_item a {display:inline;}
.slicknav_nav .slicknav_row {display:block;}
.slicknav_nav a {display:block;}
.slicknav_nav .slicknav_parent-link a {display:inline;}
.slicknav_brand {float:left;}

.slicknav_menu {
font-size: 16px;
box-sizing: border-box;
/** background: #4c4c4c; 02で追記 **/
padding: 5px;
}

.slicknav_menu * {box-sizing:border-box;}

.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {background-color:#fff;}

.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222;
}

.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
list-style: none;
overflow: hidden;
}

.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #fff;
}

.slicknav_nav a {
padding: 5px 60px;
margin: 2px 5px;
text-decoration: none;
background: #aaa; /** 02で追記 **/
color: #fff;
}

.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #222;
}

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

.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}

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

.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
}
