.header{z-index:20;background:rgba(var(--white),0);width:100%;height:60px;color:var(--font-color-light);border-bottom:1px solid rgba(var(--white-rgb),.12);justify-content:space-between;align-items:center;padding:0 16px;transition:all .3s;display:flex;position:fixed;top:0}.header .border-bottom{border-bottom:1px solid rgba(var(--white-rgb),.12);width:100%;height:1px;position:absolute;bottom:-1px;left:0}.header .header__logo{z-index:30;width:85px;height:30px;margin-top:-2px;margin-left:4px;position:relative;overflow:hidden}.header .header__logo:before,.header .header__logo:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.header .header__logo:before{opacity:1;pointer-events:none;background-image:url(/assets/img/common/ci_ludiusgames-w.png)}.show-overlay-navi .header .header__logo:before{opacity:1}.header .header__logo:after{opacity:0;pointer-events:none;background-image:url(/assets/img/common/ci_ludiusgames-b.png)}.show-overlay-navi .header .header__logo:after{opacity:0}.header .header__logo a{position:absolute;inset:0}.header.white-bg-type .header__logo:before{opacity:0}.show-overlay-navi .header.white-bg-type .header__logo:before,.header.white-bg-type .header__logo:after{opacity:1}.show-overlay-navi .header.white-bg-type .header__logo:after{opacity:0}.header .header-nav{display:flex}.header .header-nav__hamburger{z-index:1;padding:6px 3px;position:relative}.header .header-nav__hamburger .header-nav__hamburger-line{background-color:var(--white);width:18px;height:2px;margin-bottom:3px;transition:all .2s;display:block;position:relative}.header .header-nav__hamburger .header-nav__hamburger-line:last-child{margin:0}.header .header-nav__hamburger.is-show .line-top{transform:translateY(5px)rotate(45deg)}.header .header-nav__hamburger.is-show .line-center{width:0}.header .header-nav__hamburger.is-show .line-bottom{transform:translateY(-5px)rotate(-45deg)}.header .header-nav__overlay{z-index:0;text-align:center;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100dvh;font-size:1.125rem;display:none;position:absolute;top:0;left:0}.header .header-nav__overlay.is-show{display:flex}.header .header-nav__items{flex-direction:column;gap:49px;margin-top:42px;padding:40px 14px;display:none}.header .header-nav__items.is-show{display:flex}.header .header-nav__item{color:var(--font-color-light)}.header .header-locale__items{gap:20px;font-size:.875rem;font-weight:500;display:none}.header .header-locale__items.is-show{display:flex}.header .header-locale__item{color:#eeebe673}.header .header-locale__item.is-active{color:var(--white)}body:not(.show-overlay-navi) .header.white-bg-type{background:var(--white);color:var(--black);border-bottom:none}body:not(.show-overlay-navi) .header.white-bg-type .header-nav__hamburger-line{background-color:var(--black)}body:not(.show-overlay-navi) .header.white-bg-type .header-nav__item{color:var(--black)}body:not(.show-overlay-navi) .header.white-bg-type .header-locale__item{color:rgba(var(--black-rgb),.45)}body:not(.show-overlay-navi) .header.white-bg-type .header-locale__item.is-active{color:var(--black)}@media (min-width:960px){.header{height:65px;padding:0 36px}.header .header__logo{width:92px}.header .header-nav{display:flex}.header .header-nav__hamburger{display:none}.header .header-nav__overlay{z-index:1;background:0 0;flex-direction:row;gap:96px;height:65px;display:flex;position:relative}.header .header-nav__items{flex-direction:row;gap:54px;margin-top:0;padding:0;font-size:1rem;font-weight:500;display:flex}.header .header-locale__items{gap:24px;font-size:.6875rem;display:flex}}
