@charset "UTF-8";
.zdo_drawer_menu * {
  -webkit-appearance : none;
     -moz-appearance : none;
          appearance : none;
  border : none;
  font-family : Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Noto Sans CJK JP, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size : 100%;
  font-style : normal;
  font-weight : normal;
  list-style : none;
  margin : 0;
  outline : none;
  padding : 0 0 0 5px;
  position : relative;
  text-align : left;
  text-decoration : none;
}

button .txt_menu {
  font-family : Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Noto Sans CJK JP, Roboto, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color : #fff;
  font-size : 10px;
  left : 0px;
  width:100%;
  text-align:center;
  padding:0;
  display:block;
  position : absolute;
  top : 31px;
  letter-spacing : 1.5px;
}

.zdo_drawer_menu2 li:last-child {
  padding-bottom : 12px;
}

.zdo_drawer_menu a {
  color : #fff;
  text-decoration : none;
}

.zdo_drawer_menu a:visited {
  color : #fff;
}

.zdo_drawer_menu .zdo_drawer_bg {
  background-color : rgba(51, 51, 51, .5);
  display : none;
  height : 100%;
  left : 0;
  position : fixed;
  top : 0;
  width : 100%;
  z-index : 999;
}

.zdo_drawer_menu .zdo_drawer_button {
  background : none;
  border : none;
  cursor : pointer;
  display : block;
  height : 50px;
  left : 0px;
  letter-spacing : .1em;
  outline : none;
  padding : 0;
  position : fixed;
  text-align : center;
  top : 0px;
  width : 50px;
  z-index : 1001;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
  width : 24px;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
  transform : rotate(39deg);
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity : 0;
}

.zdo_drawer_menu .zdo_drawer_button.active .txt_menu {
  opacity : 0;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
  transform : rotate(-46deg);
  transform : rotate(-43deg);
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
  display : none;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
  display : block;
}

.zdo_drawer_menu .zdo_drawer_bar {
  display : block;
  height : 2px;
  margin : 6px auto;
  transform-origin : 0 0;
  transition : all .2s;
  width : 26px;
}

.zdo_drawer_menu .zdo_drawer_bar.zdo_drawer_bar3 {
  width : 26px;
  margin-bottom:18px;
}

.zdo_drawer_menu .zdo_drawer_text {
  font-size : 12px;
  text-align : center;
}

.zdo_drawer_menu .zdo_drawer_close {
  display : none;
  letter-spacing : .08em;
}

.zdo_drawer_menu .zdo_drawer_menu_text {
  display : block;
  font-weight : bold;
}

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  background-color : #005bac;
  color : #fff;
  height : 100%;
  position : fixed;
  right : 0;
  top : 0;
  transform : translate(340px);
  transition : all .2s;
  width : 320px;
  z-index : 1000;
}

.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform : translate(0);
}

.zdo_drawer_menu.left .zdo_drawer_button {
  left : 32px;
  right : auto;
}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  left : 0;
  right : auto;
  transform : translate(-312px);
}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform : translate(0);
}

/*+++ Default Navigation CSS +++*/

.zdo_drawer_menu .zdo_drawer_nav {
  box-sizing : border-box;
  height : 100%;
  overflow-y : auto;
  padding : 47px 5px 40px 0;
}

.zdo_drawer_menu .zdo_drawer_nav > li {
  font-size : 16px;
  margin-bottom : 5px;
  position : relative;
  width : 95%;
}

.zdo_drawer_menu .zdo_drawer_nav > li > span {
  font-size : 16px;
  font-weight : bold;
  padding : 18px 5px 0;
  position : relative;
}


.zdo_drawer_nav li > a {
  display : block;
  padding : 2px 5px;
  color:#fff;
}

.zdo_drawer_menu .zdo_drawer_nav > li > a:before, .zdo_drawer_menu .zdo_drawer_nav ul.sub_menu li a:before {
  color : #1da1f2;
  content : "\f184";
  font-family : "WebHostingHub-Glyphs";
  font-size : 10px;
  position : absolute;
  right : 7px;
  top : 8px;
}

/*+++ Default Button Color +++*/

.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
  background-color : #f3f9fb;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
  background-color : #fff;
}

.zdo_drawer_menu .zdo_drawer_nav > li > span:after, .zdo_drawer_menu .zdo_drawer_nav > li > a:first-child:after, .zdo_drawer_menu .zdo_drawer_nav li.menu_bno:after {
  content : none;
}

.zdo_drawer_nav li .mds {
    font-weight: bold;
	margin-left: -5px
}


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