@charset "UTF-8";

/*  Common
========================================= */
.page--home img {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.footer {
    display: none;
}

/*  TOP 
========================================= */
/* headerを常時固定 */
.page--home #header-nav.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    margin: 0 !important;
}
@media screen and (min-width: 961px) {
    .page--home .window-scroll .header {
        background: none!important;
        box-shadow: none!important;
    }
    .page--home .window-scroll #header-nav:not(:has(> .inner .block--login.pc)) {
        padding: 65px 3vw 4.2em 0!important;
    }
}

/* headerにスクロール時のクラスが付いても見た目を変えない */
.page--home #header-nav.header,
.page--home #header-nav.header.is-scroll,
.page--home #header-nav.header.scrolled,
.page--home #header-nav.header.fixed,
.page--home #header-nav.header.active {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* HOMEを非表示 */
.g-nav .g-nav--item:first-child {
    display: none !important;
}

/* JSで追加するメニュー */
.g-nav .custom-nav-item {
    display: list-item;
}

@media screen and (min-width: 961px) {
    .page--home .wrap h1.logo {
        height: 35vw;
    }
    .page--home .wrap h1.logo a {
        padding: 2.5em;
    }
    .page--home .drawer {
        display: flex;
        justify-content: flex-end;
    }
    .page--home .header .g-nav .nav {
        width: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
    }
    .page--home .header .g-nav .g-nav--item {
        font-size: 15px;
        text-align: center;
        border: 1px solid;
        padding: 0 .5rem;
        transition: .3s all;
    }
    .page--home .header .g-nav .g-nav--item a {
        display: inline-block;
    }
    .page--home .header .g-nav .g-nav--item:hover {
        background: #fff;
    }
    .page--home .header .g-nav .g-nav--item:hover a {
        color: #000;
    }
    .page--home .header .g-nav .nav li a:hover::after {
        transform-origin: unset;
        transform: scaleX(0);
    }
}


@media screen and (min-width: 1px) and (max-width: 960px) {
    .page--home.top-contents-none.no-banner-area .section--hero-img {
        height: 100svh !important;
    }
    .page--home .wrap.pattern-Official .section--hero-img .block--hero-img {
        top: 0;
        height: 100%;
        max-height: unset;
    }
    .page--home .section--hero-img .block--hero-img img {
        max-height: unset;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .page--home .wrap.pattern-Official h1.logo {
        height: 55vw;
        width: auto;
        top: auto;
        bottom: 5%;
        left: 5%;
    }
    .page--home .wrap h1.logo a {
        height: 100%;
    }
    .page--home h1.logo a img {
        height: 100%;
        max-height: 100%;
    }
    /* ハンバーガーメニュー */
    .drawer__btn {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 12vw;
        right: 4%;
    }
    .drawer__btn .drawer__btn--item {
        display: none;
    }
    .drawer__btn::before {
        content: "";
        position: absolute;
        width: 70px;
        height: 70px;
        border: 1px solid #fff;
        transform: rotate(45deg) skew(15deg, 15deg);
        transition: .3s all;
    }
    .drawer__btn::after {
        content: "MENU";
        font-family: 'FUTURA', sans-serif;
        font-size: 12px;
        letter-spacing: .25em;
        position: relative;
        z-index: 1;
        color: #fff;
        transition: .3s all;
    }
    .nav.nav__list--contents {
        flex-direction: column;
    }
    .header .drawer .nav li {
        width: 100%;
    }
    /* メニュークリック時 */
    .drawer-visible .drawer__btn::before {
        background: #fff;
    }
    .drawer-visible .drawer__btn::after {
        color: #000;
    }
}

.page--home .wrap {
    padding-bottom: 0!important;
}


/*  DISCOGRAPHY
========================================= */
.page--discography {
    background: #000;
}
.page--discography .header,
.page--discography .wrap {
    background: none!important;
}
/* nav非表示 */
.page--discography .inner {
    display: none;
}
/* 個別ページ：nav非表示 */
@media screen and (min-width: 1px) and (max-width: 960px) {
    .page--discography .drawer__btn {
        display: none;
    }
}

/* 個別ページ：ジャケ写の背景非表示 */
@media screen and (min-width: 961px) {
    .page--discography .header--disco {
        background: none;
    }
    .page--discography .header--disco .header--disco_inner {
        opacity: 0;
    }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
    .page--discography .header--disco {
        display: none;
    }
}