@charset "UTF-8";
/* CSS Document */
/*トグルボタン*/
.humburger {
  width: 50px;
  height: 50px;
  margin: 0 2px 0 0;
  background: url(../images/humburger-open.png) no-repeat right top;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 106;
  opacity: 0.5;
}
.humburger:hover {
  opacity: 1;
}
.humburger.selected {
  background: url(../images/humburger-close.png) no-repeat right top;
  z-index: 107;
}
.humburger.unselected {
  background: url(../images/humburger-open.png) no-repeat right top;
  z-index: 107;
}
.humburger_btn {
  width: 54px;
  height: 50px;
  background: #0A3956;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0.8;
  z-index: 102;
}
/*ハンバーガーメニュー*/
#humburger_panel {
  display: block;
  width: 320px;
  height: 100%;
  padding-top: 55px;
  min-height: calc(100%-90px);
  background: rgba(0, 0, 0, 0.4);
  transition: transform 0.9s;
  position: fixed;
  right: -320px;
  top: 0;
  z-index: 105;
}
#humburger-menu {
  max-height: 800px;
  overflow-y: scroll;
}
#humburger-menu li {
  background: #FFF7E8;
}
#humburger-menu img{
    display:block;
   width:100%;
    min-width:250px;
    height:auto;
}
.tool {
  border-left: 10px solid #22558A;
}
.memo {
  border-left: 10px solid #A5D4AD;
}
.product {
  border-left: 10px solid #470000;
}
#humburger-menu li a {
  display: block;
  color: #00005B;
  padding: 0.5em;
  border-bottom: 1px dotted #562222;
}
#humburger-menu li a:hover {
  color: #00005B;
  background: #E5DECA;
  opacity: 1;
}
.show {
  transform: translate3d(-320px, 0, 0);
}
.hide {
  transform: translate3d(320px, 0, 0);
}