@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 : #0c4361;
  font-size : 13px;
  left : 2px;
  width:100%;
  text-align:center;
  padding:0;
  display:block;
  position : absolute;
  top : 31px;
  letter-spacing : 1.5px;
  font-weight:bold;
}

.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 : 40px;
}

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

.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(-34deg);
}

.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 : 3px;
  margin : 6px auto;
  transform-origin : 0 0;
  transition : all .2s;
  width : 35px;
}

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
    margin: 8px auto;
}

.zdo_drawer_menu .zdo_drawer_bar.zdo_drawer_bar3 {
  width : 35px;
  margin-bottom:22px;
}

.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 : #0e4362;
  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_nav_wrapper h2{
    padding: 70px 5px 5px;
    font-size: 20px;
    font-weight: bold;
}

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

.zdo_drawer_menu .zdo_drawer_nav > li {
    margin: 0 auto 20px;
    position: relative;
    width: 95%;
    padding:0;
  font-size : 18px;
}

.zdo_drawer_menu .zdo_drawer_nav > li > span {
  padding : 10px 2px 0;
  position : relative;
  border-bottom: solid 1px #fff;
  display:block;
}

ul.sub_menu {
    margin-top: 10px;
    font-size:16px;
}


.zdo_drawer_nav li > a {
  display : block;
  padding : 10px 2px 0;
  color:#fff;
  border-bottom: solid 1px #fff;
}

.zdo_drawer_menu .zdo_drawer_nav > li > span:before {
  color : #7eb4b3;
    content: "\f184";
    font-family: "WebHostingHub-Glyphs";
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 12px;
    transform: rotate(90deg);
}

.zdo_drawer_menu .zdo_drawer_nav ul.sub_menu li a:before {
	background: #7eb4b3;
    color: #fff;
    content: "PDF";
    font-size: 13px;
    position: absolute;
    right: 7px;
    top: 12px;
    padding: 2px 5px 0;
}

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

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

.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) {
}