/* drawer */

.drawer-open{
  overflow:hidden;
  width:100vw;
  height:100vh!important;
  overscroll-behavior: none;
}

.drawer-nav{
  -webkit-overflow-scrolling: touch;
  overflow-y:scroll;
  position:fixed;
  top:0;
  left:-100%;
  z-index:2999;
  box-sizing:border-box;
  width:300px;
  height:100%;
  border-right:1px solid #333333;
  background-color:#ffffff;
  overscroll-behavior: none;
}

.drawer-open .drawer-nav{
  left:0;
}

.drawer-menu{
  background-color:#ffffff;
  color:#333333;
}

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

}

.drawer-menu-brand{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:24px 24px 24px 8px;
  color:#333333;
}

.drawer-menu-brand > h1{
  line-height:1;
  font-size:32px;
  font-family:'Noto Sans JP', sans-serif;
}

.drawer-menu-brand > a{
  font-size:32px;
}

.drawer-menu-eve{
  background-color:#8C89B4;
}

.drawer-menu-day1{
  background-color:#80B88C;
}

.drawer-menu-day2{
  background-color:#C6C44F;
}

.drawer-menu-day3{
  background-color:#E6AE6B;
}

.drawer-menu-exh{
  background-color:#ACC3D4;
}

.drawer-menu > div > dl{
  padding:24px 0;
}

.drawer-menu > div > dl > dt{
  padding-bottom:16px;
  line-height:1;
  font-size:24px;
  font-family:'Noto Sans JP', sans-serif;
  text-align:center;
}

.drawer-menu > div > dl > dd{
  word-break:break-all;
}

.drawer-menu > div > dl > dd > a{
  margin-bottom:8px;
}

.drawer-menu > div > dl > dd > a:last-child{
  margin-bottom:0;
}

@media screen and (min-width: 1025px){
  .drawer-menu > div > dl > dd > a:hover{
    background-color:rgba(0,0,0,0.05);
  }
}

.drawer-menu-item{
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:8px;
  background-color:rgba(255,255,255,0.15);
}

.drawer-menu-item:hover{
  text-decoration:none;
  background-color:rgba(255,255,255,0.15);
  color:#333333;
}

.drawer-menu-item > p > img{
  object-fit:cover;
  width:100px;
  height:100px;
}

.drawer-menu-item > h2{
  flex:1 0 0%;
  margin-left:8px;
  margin-right:8px;
  line-height:1.5;
  font-weight:bold;
}

/* overlay */

.drawer-overlay{
  position:fixed;
  z-index:3999;
  top:0;
  left:301px;
  width:calc(100% - 301px);
  height:100%;
  background-color:rgba(0,0,0,0.2);
}