.cmn-header .hd-title{
  display: none;
}
.cmn-header .hd-title-wrap{
  position: inherit;
  left: inherit;
  right: inherit;
}

div#esdMonthLabel-id{
    transition: 0.2s;
    background: #fff;
    border-radius: 0 10px 10px 0;
    box-shadow: 27px 0px 20px -2px #fff;
    width: 70px;
    z-index: 10;
    opacity: 1;
    color: #000;
    position: relative;
    z-index: 1000;
    margin-bottom: -80px;
  }
  div#esdMonthLabel-id.active{
    opacity: 0;
  }
  #EventScheduleBody{
    height: 100%;
  }
  div#esdMonthLabel-id #number-years{
    font-family: "EB Garamond", serif;
    font-size: 20px;
    letter-spacing: 0.12em;
    font-weight: 500;
  }
  div#esdMonthLabel-id #number-months{
    font-family: "EB Garamond", serif;
    font-size: 32px;
    letter-spacing: 0.12em;
    line-height: 32px;
    font-weight: 500;
  }
    #EventScheduleViewZone #EventScheduleViewZoneBox{
      width: 100%;
      display: block;
      transition: 0.7s;
      position: relative;
      margin-top: 49px;
      text-align: left;
    }
    #EventScheduleViewZoneBox,
    #EventScheduleDates .esdDay.day0,
    #EventScheduleViewZone{
      transition: 0.7s;
    }
    #EventScheduleDates .esdDay.day0{
      min-height: 700px;
    }
    
    #EventScheduleZone{
      transition: 0.4s;
      min-height: 500px;
      max-height: inherit;
      overflow-y: hidden;
    }
    #EventScheduleViewZone{
      overflow-y: hidden;
      /* height: 500px; */
      max-height: inherit;
      transition: 0.7s;
    }
    #EventScheduleDates.fixed-var{
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      margin: auto;
      width: auto;
      overflow-y: hidden;
      overflow-x: scroll;
      height: 2040px;
      padding-top: 1900px;
      z-index: 100000;
      background: #3b3b3b;
      -ms-overflow-style: none;    /* IE, Edge 対応 */
      scrollbar-width: none;       /* Firefox 対応 */
      opacity: 0!important;
      /* transition: 0.6s; */
      pointer-events: none;
      transition-duration: 0.3s;
    }
    #EventScheduleDates.fixed-var.active-var{
      opacity: 1!important;
    }
    #EventScheduleDates.fixed-var::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
    #EventSchedule.limits #EventScheduleDates .schedule-months:nth-of-type(1) .esdMonthLabel .months{
      opacity: 0;
    }



  @media screen and (max-width: 1000px) {
    #EventScheduleDates.fixed-var{
      transition-duration: 0.5s;
    }
  }

  @media screen and (max-width: 768px) {
    .mv-contents .mv-slider li a .slider-img{
      padding: 0 10px;
    }
    #EventScheduleZone{
      overflow-y: hidden;
    }
    #EventScheduleZone.active{
      overflow-y: inherit;
    }
    #EventScheduleViewZoneBox{
      padding-bottom: 100px;
    }
    #EventScheduleZone{
      max-height: 360px;
    }
    .topics-contents .topics-list .topics-box .topics-info .topics-date{
      font-size: 14px;
      letter-spacing: 0;
      font-weight: 400;
      line-height: 20px;
    }
    .topics-contents .topics-list .topics-box .topics-info .topics-title{
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
    }
  }
  .mv-contents .mv-slider li.slick-current a{
    max-width: 1000px;
    margin: 0 auto;
  }
  @media screen and (min-width: 769px) {
    .topics-contents .topics-list .topics-box:nth-child(2n + 1),
    .topics-contents .topics-list .topics-box{
      width: calc(100% / 3 - 20px);
      margin: 40px 0 0 30px!important;
      border: 1px solid #666;
    }
    .topics-contents .topics-list .topics-box a{
      padding-bottom: 20px;
      height: 100%;
    }
    .topics-contents .topics-list .topics-box:nth-child(3n + 1){
      margin-left: 0!important;
    }
    .topics-contents .topics-list .topics-box a .topics-img{
      /* border: 1px solid #EEEEEE!important; */
    }
    .topics-contents .topics-list .topics-box .topics-info .topics-title{
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .mv-contents .mv-slider li a .slider-img img{
      width: 80%;
      margin: 0 auto;
    }
  }