.sidebar > ul{
  margin-left: 1rem;
  margin-top: 3rem;
}

.sideLink::marker {
  font-size: 3.3rem;
  line-height: 4rem;
}

.sideLink{
  position: relative;
}

.sideLink a {
  position: absolute;
  top: 1.6rem;
  left: -0.7rem;
}

.sideLinkTop{
  color: #fbc4ae;
}

.sideLinkMovie{
  color: #66df4b;
}

.sideLinkDrama{
  color: #79e5e8;
}

.sideLinkStage{
  color: #3389d4;
}

.sideLinkPhotobook{
  color: #333ced;
}

.sideLinkBook{
  color: #1c217a;
}

.sideLinkManager{
  color: #d420b3;
}

/* ハンバーガーメニューのスタイル */
.hamburger-menu {
  display: none; 
  flex-direction: column;
  cursor: pointer;
  z-index: 9999; 
}

.bar {
  height: 3px;
  width: 25px;
  background-color: #333;
  margin: 3px 0;
  transition: 0.4s;
}

@media (max-width: 768px) {
  .hamburger-menu {
    display: flex;
    position: fixed;
    top: 20px;
    right: 20px;
  }

  .sidebar {
    background-color: rgba(222, 222, 236, 0.8);
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: -100%;
    width: 70%;
    height: 100%;
    box-shadow: 2px 0 5px rgba(0,0,0,0.5);
    transition: left 0.3s; 
    z-index: 1000;
  }

  .sidebar.active {
    left: 0;
  }

  .sidebar ul {
    display: block; 
    margin-top: 60px; 
  }

  .sideLink a {
    position: relative; 
    left: auto;
    top: auto;
  }
}