@charset "UTF-8";
/* CSS Document */

.fixmenu{display: none;}
.accordion ul{ display:none; width: fit-content; background-color:#000;
margin:50px 0px 0 0; padding:10px;z-index:99; list-style:none;  }
.accordion ul:hover{ background-color: rgba(57,57,57,1.00);}

.acvfixmenu .accordion ul{margin-top: 80px;}

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

@media screen and (max-width:1100px) {
#chara-page ul.navi2025{display: none;}
.fixmenu{  display: inline-block;position: absolute; right: 0; margin-top: 0px;z-index: 99;}
.fixmenu img{width: 100px;}
}
@media screen and (max-width:900px) {
.fixmenu{ }
}
@media screen and (max-width:600px) {
.fixmenu{}
}


.accordion{ color: #896822;}
.accordion a{ text-decoration:none; color:#fff;}
.accordion a:hover{ text-decoration:none; color:rgba(255,229,0,1.0);}
.accordion ul li{ line-height:350%; font-weight:bold; border-bottom:1px dotted #c99526; padding-left:20px; padding-right: 20px;}
.accordion ul li:last-of-type{ border:none; padding-bottom: 10px;}

.acvfixmenu .accordion a{font-size: 24px;}
.acvfixmenu .accordion ul li{padding: 15px 20px;}
.acvfixmenu .fixmenu img{width: 150px;}
.acvfixmenu .accordion ul li:last-child{padding:20px 20px 0px;}

.hamburger {
  width: 40px;
  height: 40px;
  background-color:#000;
  /*background: rgba(255,243,243,1.00);*/
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.acvfixmenu .hamburger{ width: 70px; height: 70px;  top: 15px;right: 15px;}

.hamburger.active span {
  visibility: hidden;
}
.hamburger.active span::before, .hamburger.active span::after {
  top: 0;
  visibility: visible;
}
.hamburger.active span::before {
  transform: rotate(45deg);
}
.hamburger.active span::after {
  transform: rotate(135deg);
}
.hamburger span {
  width: 20px;
  height: 2px;
  background: #fff;
  position: relative;
}

.acvfixmenu .hamburger span{ width: 33px; height: 3px;}


.hamburger span::before, .hamburger span::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #fff;
  left: 0;
  transition: 0.3s;
}
.hamburger span::before {
  top: -8px;
}
.hamburger span::after {
  top: 8px;
}

.acvfixmenu .hamburger span::before, .acvfixmenu .hamburger span::after {
 width: 33px;
  height: 3px;}

.acvfixmenu .hamburger span::before {
  top: -13px;
}
.acvfixmenu .hamburger span::after {
  top: 13px;
}