/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
 
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; 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; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; }
.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 { 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; 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 10px; margin: 2px 5px; text-decoration: none; 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; }


/*----------------------*/
/*カスタマイズ*/
/*----------------------*/

.slicknav_nav ul { margin: 0; }
.slicknav_nav a { margin: 0; }

/*----------------------*/
/*ハンバーガー部分*/
/*----------------------*/

/*ボタンの文字*/
.slicknav_menu .slicknav_menutxt {
  color: #ffffff;
  text-shadow: none;
}

/*三本ラインの色*/
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
  box-shadow: none;
}

/*ボタンの背景*/
.slicknav_btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #7ac0d9;
}


/*----------------------*/
/*ドロップダウン全体*/
/*----------------------*/

/*全体のの背景*/
.slicknav_menu {
  background: #7ac0d9;
  margin:0;
  padding:0;
}

/*メインメニュー*/
.slicknav_nav a {
  background:#d7ecf4; /*背景（全体の背景色以外を使うとき）*/
  border-bottom:#7ac0d9 1px solid; /*ライン*/
  color: #000000; /*文字*/
  text-align:center;
  padding: 12px;
}

/*下層リンクがあるメインメニュー*/
.slicknav_nav .slicknav_row {
  padding: 12px;
  margin: 0;
}

/*下層リンクがあるメインメニューのダブり*/
.slicknav_nav a a {
  border-bottom:none; /*ラインを消す*/
  color: #000000; /*文字は上と同じ色に*/
}

/*下層リンクがあるメインメニューをクリック時*/
.slicknav_nav .slicknav_row:hover {
  background: #7ac0d9; /*背景*/
  color: #ffffff; /*文字*/
  -webkit-border-radius: 0px; /*角丸*/
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin:0;
  padding:12px;
}

/*メインメニューのhover（上書きするので上と同じ情報を）*/
.slicknav_nav a:hover {
  background: #7ac0d9; /*背景*/
  color: #ffffff; /*文字*/
  -webkit-border-radius: 0px; /*角丸*/
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding:12px  15px;
}

/*サブメニュー*/
.slicknav_nav ul li a {
  background: #ffffff; /*背景*/
  border-bottom:#000000 1px dotted; /*ライン*/
  color:#000000; /*文字*/
  text-align:left;
  margin:0;
  padding:8px 20px;
}

/*サブメニューのクリック時*/
.slicknav_nav ul li a:hover {
  background: #7ac0d9; /*背景*/
  color: #ffffff; /*文字*/
  display:block;
  margin:0;
  padding:8px 20px;
}