.header-body{display:flex;height:100%;justify-content:space-between;align-items:center;padding:0 20px}.header-body .logo{height:44px;margin-right:auto}.header-body .hamburger-menu{position:relative;width:50px;height:50px;cursor:pointer;z-index:999}.header-body .hamburger-menu>span{position:absolute;left:50%;transform:translateX(-50%);width:35px;height:4px;background:linear-gradient(135deg,rgb(92,139,255),rgb(255,163,240)) 0 0/100% 100%;background:-webkit-linear-gradient(135deg,rgb(92,139,255),rgb(255,163,240)) 0 0/100% 100%}.header-body .hamburger-menu,.header-body .hamburger-menu>span{transition:all .4s}.header-body .hamburger-menu>span:first-child{top:20%}.header-body .hamburger-menu>span:nth-child(2){top:50%;transform:translateX(-50%) translateY(-50%)}.header-body .hamburger-menu>span:nth-child(3){bottom:20%}.header-body #menu01.active span{left:0}.header-body #menu01.active span:first-of-type{transform:translateY(13px) rotate(-45deg)}.header-body #menu01.active span:nth-of-type(2){left:200%;opacity:0;transform:translateY(10px);animation:active-menu01-bar01 .8s forwards}@keyframes active-menu01-bar01{to{height:0}}.header-body #menu01.active span:nth-of-type(3){transform:translateY(-13px) rotate(45deg)}.header-body .h-login-btn{background-color:rgba(0,0,0,0);font-weight:600;margin-right:10px}@media(min-width:992px){.header-body .hamburger-menu,.header-body .menu-nav-sp{display:none}}@media(max-width:992px){.header-body .menu-nav-pc{display:none}.header-body .menu-nav-sp{height:100%}}@media(min-width:992px){.menu-view .nav-ul{display:flex;list-style:none;margin:0;padding:0 10px 0 0}.menu-view .nav-ul .nav-li{text-align:center;position:relative;z-index:1;background-color:#e14040;margin-left:5px}.menu-view .nav-ul .nav-li .nav-link{display:block;padding:0 1rem;font-weight:600;font-size:larger;text-decoration:none;text-align:center;color:#fff;font-style:italic}.menu-view .nav-ul .nav-li .nav-link div{font-size:.7rem;font-weight:400}.menu-view .nav-ul .nav-li .dropdown-menu{display:none;position:absolute;top:40px;left:50%;transform:translateX(-50%);list-style:none;margin:0;padding:0;background-color:#e14040}.menu-view .nav-ul .nav-li:hover .dropdown-menu{display:block}.menu-view .nav-ul .dropdown__li{background-color:#004d80;height:60px;transition:all .3s;position:relative}.menu-view .nav-ul li:hover{transform:scale(1.1);transition:.6s}.menu-view .nav-ul li:before{position:absolute;left:-50px;top:0;width:0;height:100%;background-color:#2c9caf;transform:skewX(45deg);z-index:-1;transition:width 1s}}@media(max-width:992px){.menu-view{position:absolute;right:0;width:100%;height:100vh;background-color:#737373}.menu-view ul{list-style:none;padding:20px}.menu-view ul li{text-align:center}.menu-view ul li .nav-link{display:block;padding:0 1rem;font-weight:600;font-size:larger;text-decoration:none;text-align:center}.menu-view ul li .nav-link div{font-size:.7rem;font-weight:400}}.menu-sp-view{position:absolute;left:0;width:100%;height:100vh;background:url(https://sekigahara-idolwars.net/images/2024/icon.png),linear-gradient(135deg,#ff0404,#ffffff) 0 0/100% 100%;text-decoration:none;background-repeat:no-repeat;background-size:contain;animation-name:menuShow;animation-duration:.5s;overflow-y:scroll}.menu-sp-view .nav-ul{list-style:none;padding-inline-end:40px}.menu-sp-view .nav-ul .nav-li{font-size:1.4em;font-weight:700;padding:8px 3px;border-bottom:1px solid #fff}.menu-sp-view .nav-ul .nav-li .nav-link{text-decoration:none;color:#fff;text-shadow:2px 2px 1px red}.menu-sp-view .nav-ul .nav-li .nav-link span{font-size:small;font-weight:100;padding-left:5px}.menu-sp-view .nav-ul .nav-li .dropdown-ul{list-style:none}.menu-sp-view .nav-ul .nav-li .dropdown-ul .dropdown-li{padding:8px 0}.menu-sp-view .nav-ul .nav-li .dropdown-ul .dropdown-li .nav-link{text-decoration:none}.menu-sp-view .nav-ul .nav-li .dropdown-ul .dropdown-li .nav-link span{font-size:small;padding-left:5px}@keyframes menuShow{0%{transform:translateX(100vw)}to{transform:translateX(0)}}