@charset "UTF-8";
@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap';

#un_apparel {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family:
        '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'メイリオ',
        'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
    font-weight: 500;
    color: #414141;
}

#un_apparel img {
    height: auto;
}

#un_apparel .garam {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

#un_apparel .roboto {
    font-family: 'Roboto', sans-serif;
}

#un_apparel .fw-400 {
    font-weight: 400;
}

#un_apparel .fw-500 {
    font-weight: 500;
}

#un_apparel .fw-700 {
    font-weight: 700;
}

#un_apparel section + section {
    margin: 0;
}

#un_apparel .container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#un_apparel .fCont {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
}

#un_apparel .row_mv {
    position: relative;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
}

#un_apparel .row {
    position: relative;
    max-width: 100%;
    height: 100%;
    margin: 0 8%;
}
@media (width <=575.98px) {
    #un_apparel .row {
        margin: 0 20px;
    }
}

#un_apparel .row_w80 {
    position: relative;
    max-width: 100%;
    height: 100%;
    margin: 0 80px;
}
@media (width <=1199.98px) {
    #un_apparel .row_w80 {
        margin: 0 40px;
    }
}
@media (width <=575.98px) {
    #un_apparel .row_w80 {
        margin: 0 20px;
    }
}

#un_apparel .subtitle {
    margin-bottom: 7rem;
    font-size: 2.8rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    letter-spacing: 0.24rem;
}
@media (width <=575.98px) {
    #un_apparel .subtitle {
        margin-bottom: 5rem;
        font-size: 2rem;
    }
}

#un_apparel .title_ja {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
@media (width <=575.98px) {
    #un_apparel .title_ja {
        font-size: 2.3rem;
    }
}

#un_apparel .item h4 {
    margin-bottom: 1.4rem;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.056em;
}
@media (width <=575.98px) {
    #un_apparel .item h4 {
        font-size: 2.8rem;
    }
}

#un_apparel .item .jaProdName {
    margin-top: -1em;
    margin-bottom: 0.6em;
    font-size: 1.2rem;
    font-weight: 700;
}

#un_apparel .item .price {
    margin-bottom: 1.7rem;
    font-size: 1.8rem;
    font-weight: 700;
}
@media (width <=575.98px) {
    #un_apparel .item .price {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }
}

#un_apparel .item .price small {
    font-size: 1.3rem;
}
@media (width <=575.98px) {
    #un_apparel .item .price small {
        font-size: 1.2rem;
    }
}

#un_apparel .item .detail {
    font-size: 1.3rem;
}
@media (width <=575.98px) {
    #un_apparel .item .detail {
        font-size: 1.1rem;
    }
}

#un_apparel .label {
    display: inline-block;
    padding: 0 0.9rem;
    margin: 0 1.2rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7rem;
    color: #fff;
    text-align: center;
    background: #414141;
    border-radius: 0.4rem;
}
@media (width <=575.98px) {
    #un_apparel .label {
        margin: 0 0.8rem 0 0;
    }
}

#un_apparel hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 2rem 0;
    border: none;
    border-bottom: 1px solid #414141;
}

#un_apparel br.brSp {
    display: none;
}
@media (width <=575.98px) {
    #un_apparel br.brSp {
        display: block;
    }
}

#un_apparel .swiper-container {
    overflow: visible;
}

#un_apparel .s_controls {
    display: flex;
    justify-content: space-between;
    max-width: 90px;
    margin-top: 50px;
}
@media (width <=575.98px) {
    #un_apparel .s_controls {
        max-width: 53px;
    }
}

#un_apparel .s_controls .swiper-button-next,
#un_apparel .s_controls .swiper-button-prev {
    position: static;
    width: 15px;
    height: 30px;
}
@media (width <=575.98px) {
    #un_apparel .s_controls .swiper-button-next,
    #un_apparel .s_controls .swiper-button-prev {
        width: 12px;
        height: 22px;
    }
}

#un_apparel #offcanvas {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 1049;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 130px 0;
    overflow: scroll;
    background: #414141;
    transition: 0.4s;
}
@media (width <=575.98px) {
    #un_apparel #offcanvas {
        padding: 200px 0;
    }
}

#un_apparel #offcanvas.on {
    left: 0;
}

#un_apparel #offcanvas ul {
    padding: 0;
    margin: 0;
}

#un_apparel #offcanvas ul li a {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
}
@media (width <=575.98px) {
    #un_apparel #offcanvas ul li a {
        line-height: 2;
        letter-spacing: 0.1rem;
    }
}

#un_apparel #offcanvas ul li a.stay {
    padding-bottom: 0.32rem;
    border-bottom: solid 1px;
}

#un_apparel #offcanvas .logo {
    position: absolute;
    inset: 0;
    display: block;
    width: 141px;
    height: 33px;
    padding: 0;
    margin: 0;
    margin: auto auto 45px;
    background: url('/event-page/2026/lookBook/img/logo_wh.svg') center
        center/contain no-repeat;
}

#un_apparel #offcanvas .logo:hover {
    opacity: 1;
}

#un_apparel #header {
    position: fixed;
    top: 0;
    z-index: 1050;
    width: 100%;
    height: 130px;
    color: #414141;
}

#un_apparel #header nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 130px;
    padding: 0 5rem;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
@media (width <=575.98px) {
    #un_apparel #header nav {
        height: 85px;
        padding: 0 2.5rem;
    }
}

#un_apparel #header nav a {
    color: #414141;
}

#un_apparel #header nav ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: auto;
    list-style: none;
}

#un_apparel #header nav ul li {
    display: inline-block;
    padding: 0 16px;
    margin: auto;
}

#un_apparel #header nav ul li a {
    padding: 10px 0;
    font-size: 1.5rem;
    font-weight: 700;
}

#un_apparel #header nav ul li a.stay {
    padding-bottom: 0.32rem;
    border-bottom: solid 1px;
}
@media (width <=1199.98px) {
    #un_apparel #header nav ul li {
        display: none;
    }
}

#un_apparel #header nav .btn_buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 106px;
    line-height: 4.2rem;
    color: #fff;
    background: rgb(170 166 166 / 0.7);
    border-radius: 25px;
}
@media (width <=575.98px) {
    #un_apparel #header nav .btn_buy {
        width: 91px;
    }
}

#un_apparel #header nav .btn_buy i {
    display: block;
    width: 16px;
    height: 17px;
    margin: -3px 6px 0 0;
    background: url('/event-page/2026/lookBook/img/icon_cart.svg') center
        center/contain no-repeat;
}

#un_apparel #header .sp_apparel {
    font-size: 1.47rem;
    font-weight: 500;
    line-height: 1.2;
    transition: 0.3s;
}

#un_apparel #header .sp_apparel.on {
    color: #fff;
}
@media (width <=575.98px) {
    #un_apparel #header .sp_apparel {
        font-size: 1.2rem;
    }
}

#un_apparel #header .logo {
    width: 141px;
    height: 33px;
    padding: 0;
    margin: 0;
    background: url('/event-page/2026/lookBook/img/logo.svg') center
        center/contain no-repeat;
}

#un_apparel #header .logo:hover {
    opacity: 1;
}
@media (width <=1199.98px) {
    #un_apparel #header .logo {
        display: none;
    }
}

#un_apparel #header .btns {
    display: flex;
    align-items: center;
}

#un_apparel #header .btns .sp_menu {
    display: none;
    width: 38px;
    height: 38px;
}
@media (width <=1199.98px) {
    #un_apparel #header .btns .sp_menu {
        display: block;
    }
}

#un_apparel #header .btns .sp_menu span {
    display: block;
    width: 100%;
    height: 1px;
    background: #414141;
    transition: 0.3s;
}

#un_apparel #header .btns .sp_menu span:first-child {
    margin: 0 0 8px;
}

#un_apparel #header .btns .sp_menu span:last-child {
    margin: 0;
}

#un_apparel #header .btns .sp_menu.on span:first-child {
    margin: 1px 0 0;
    background: #fff;
    transform: rotate(-45deg);
}

#un_apparel #header .btns .sp_menu.on span:last-child {
    margin: -1px 0 0;
    background: #fff;
    transform: rotate(45deg);
}

#un_apparel #header .btns .btn_buy {
    display: none;
    margin-right: 20px;
}
@media (width <=1199.98px) {
    #un_apparel #header .btns .btn_buy {
        display: flex;
    }
}

#un_apparel #header.on {
    color: #fff;
}

#un_apparel #header.on nav a {
    color: #fff;
}

#un_apparel #header.on nav .logo {
    background: url('/event-page/2026/lookBook/img/logo_wh.svg') center
        center/contain no-repeat;
}

#un_apparel #header.on nav .btns .sp_menu span {
    background: #fff;
}

#un_apparel #header.on nav .btns .sp_menu.on span {
    background: #fff;
}

#un_apparel #header.on nav .btn_buy {
    color: #fff;
    transition: background-color 0.1s linear;
}

#un_apparel #header.on nav .btn_buy:hover {
    background: #000;
}

#un_apparel #header_area {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    padding: 0;
    margin: 0;
    color: #fff;
    background: 0 0;
}
@media (width <=1199.98px) {
    #un_apparel #header_area {
        aspect-ratio: 16/9;
    }
}
@media (width <=575.98px) {
    #un_apparel #header_area {
        aspect-ratio: 4/5.4;
        background: url('/event-page/2026/lookBook/img/mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #header_area.bg25aw02 {
    background: url('/event-page/2026/lookBook/img/mv_l_02.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #header_area.bg25aw02 {
        background: url('/event-page/2026/lookBook/img/mv_s_02.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #header_area.bg25aw03 {
    background: url('/event-page/2026/lookBook/img/mv_l_03.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #header_area.bg25aw03 {
        background: url('/event-page/2026/lookBook/img/mv_s_03.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #header_area.bg25aw04 {
    background: url('/event-page/2026/lookBook/img/mv_l_04.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #header_area.bg25aw04 {
        background: url('/event-page/2026/lookBook/img/mv_s_04.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #header_area.bg26ss01 {
    background: url('/event-page/2026/lookBook/img/mv_l_01.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #header_area.bg26ss01 {
        background: url('/event-page/2026/lookBook/img/mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #header_area .igLink {
    position: absolute;
    top: calc(50% - 61px);
    right: 4.2rem;
    z-index: 10;
    transform: rotate(90deg) translateX(100%);
    transform-origin: right top;
    transition: 0.3s ease-in-out;
}
@media (width <=1199.98px) {
    #un_apparel #header_area .igLink {
        top: calc(50% - 59px);
    }
}
@media (width <=767.98px) {
    #un_apparel #header_area .igLink {
        top: calc(50% - 49px);
    }
}
@media (width <=575.98px) {
    #un_apparel #header_area .igLink {
        top: calc(50% - 44px);
        right: 2rem;
    }
}

#un_apparel #header_area .igLink img {
    max-width: 125px;
}
@media (width <=1199.98px) {
    #un_apparel #header_area .igLink img {
        max-width: 120px;
    }
}
@media (width <=767.98px) {
    #un_apparel #header_area .igLink img {
        max-width: 100px;
    }
}
@media (width <=575.98px) {
    #un_apparel #header_area .igLink img {
        max-width: 90px;
    }
}

#un_apparel #header_area .main_contents {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 130px 0 0;
    margin: 0;
    overflow: visible;
}

#un_apparel #header_area .main_contents .catch {
    position: absolute;
    bottom: 6.4rem;
    z-index: 3;
    display: block;
}
@media (width <=767.98px) {
    #un_apparel #header_area .main_contents .catch {
        bottom: 3.2rem;
    }
}

#un_apparel #header_area .main_contents .catch h2 {
    padding-top: 64px;
    margin: 0 0 1.6rem;
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
}
@media (width <=575.98px) {
    #un_apparel #header_area .main_contents .catch h2 {
        padding-top: 0;
        margin: 0 0 1.2rem;
        font-size: 2vw;
    }
}

#un_apparel #header_area .main_contents h1 {
    z-index: 3;
    display: block;
    width: 100%;
    font-size: 3.3rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 1.4rem;
}
@media (width <=991.98px) {
    #un_apparel #header_area .main_contents h1 {
        font-size: 2rem;
        letter-spacing: 0.2rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #header_area .main_contents h1 {
        font-size: 1.7rem;
        letter-spacing: 0.56rem;
    }
}

#un_apparel #header_area .main_contents h1 span {
    display: block;
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.18rem;
}
@media (width <=991.98px) {
    #un_apparel #header_area .main_contents h1 span {
        margin-bottom: 0.8rem;
        font-size: 1.3rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #header_area .main_contents h1 span {
        margin-bottom: 0.7rem;
        font-size: 1.3rem;
        letter-spacing: 0.18rem;
    }
}

#un_apparel #header_area .main_contents h1.new {
    letter-spacing: 0.2rem;
}
@media (width <=575.98px) {
    #un_apparel #header_area .main_contents h1.new {
        letter-spacing: 0.2rem;
    }
}

#un_apparel #look,
#un_apparel #visual {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    padding: 0;
    margin: 0;
    color: #000;
}
@media (width <=1199.98px) {
    #un_apparel #look,
    #un_apparel #visual {
        aspect-ratio: 16/9;
    }
}
@media (width <=575.98px) {
    #un_apparel #look,
    #un_apparel #visual {
        aspect-ratio: 4/5.4;
        color: #fff;
        background: url('/assets/images/apparel/24ss_look_mv_s_03.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.bgWh,
#un_apparel #visual.bgWh {
    color: #000;
}

#un_apparel #look.bgimage,
#un_apparel #visual.bgimage {
    background: url('/assets/images/apparel/24ss_look_mv_l.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.bgimage,
    #un_apparel #visual.bgimage {
        background: url('/assets/images/apparel/24ss_look_mv_s_03.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.bgimage24aw,
#un_apparel #visual.bgimage24aw {
    background: url('/assets/images/apparel/24aw/look_mv_l_02.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.bgimage24aw,
    #un_apparel #visual.bgimage24aw {
        background: url('/assets/images/apparel/24aw/look_mv_s_02.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.bgimage25ss,
#un_apparel #visual.bgimage25ss {
    background: url('/assets/images/apparel/25ss/look_mv_l_01.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.bgimage25ss,
    #un_apparel #visual.bgimage25ss {
        background: url('/assets/images/apparel/25ss/look_mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.bgimage25aw,
#un_apparel #visual.bgimage25aw {
    background: url('/assets/images/apparel/25aw/look_mv_l_01.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.bgimage25aw,
    #un_apparel #visual.bgimage25aw {
        background: url('/assets/images/apparel/25aw/look_mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.vsimage25aw,
#un_apparel #visual.vsimage25aw {
    background: url('/assets/images/apparel/25aw/visual_mv_l_01.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.vsimage25aw,
    #un_apparel #visual.vsimage25aw {
        background: url('/assets/images/apparel/25aw/visual_mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look.bgimage26ss,
#un_apparel #visual.bgimage26ss {
    background: url('/assets/images/apparel/26ss/look_mv_l_01.jpg') center
        center/cover no-repeat;
}
@media (width <=575.98px) {
    #un_apparel #look.bgimage26ss,
    #un_apparel #visual.bgimage26ss {
        background: url('/assets/images/apparel/26ss/look_mv_s_01.jpg') center
            center/cover no-repeat;
    }
}

#un_apparel #look .main_contents,
#un_apparel #visual .main_contents {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
}

#un_apparel #look .main_contents .catch,
#un_apparel #visual .main_contents .catch {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    display: block;
    transform: translateY(-50%);
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch,
    #un_apparel #visual .main_contents .catch {
        position: absolute;
        top: unset;
        bottom: 2.4rem;
        left: unset;
        display: block;
        text-align: center;
    }
}

#un_apparel #look .main_contents .catch h3,
#un_apparel #visual .main_contents .catch h3 {
    margin: 0 0 0.8rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.3rem;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents .catch h3,
    #un_apparel #visual .main_contents .catch h3 {
        margin-bottom: 0.5rem;
        font-size: 1.9rem;
        letter-spacing: 0.18rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch h3,
    #un_apparel #visual .main_contents .catch h3 {
        margin: 0 0 0.2rem;
        font-size: 2rem;
        letter-spacing: 0.16rem;
    }
}

#un_apparel #look .main_contents .catch h3.bgWh,
#un_apparel #visual .main_contents .catch h3.bgWh {
    color: #000;
}

#un_apparel #look .main_contents .catch a.link,
#un_apparel #visual .main_contents .catch a.link {
    padding-bottom: 0.32rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    letter-spacing: 0.1rem;
    border-bottom: solid 1px;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents .catch a.link,
    #un_apparel #visual .main_contents .catch a.link {
        font-size: 1.2rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch a.link,
    #un_apparel #visual .main_contents .catch a.link {
        font-size: 1.2rem;
        color: #fff;
    }
}

#un_apparel #look .main_contents .catch a.link.bgWh,
#un_apparel #visual .main_contents .catch a.link.bgWh {
    color: #000;
}

#un_apparel #look .main_contents .catch a:hover,
#un_apparel #visual .main_contents .catch a:hover {
    opacity: 0.6;
}

#un_apparel #look .main_contents .catch_top,
#un_apparel #visual .main_contents .catch_top {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    display: block;
    transform: translateY(-50%);
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch_top,
    #un_apparel #visual .main_contents .catch_top {
        position: absolute;
        top: unset;
        top: 7.4rem;
        left: unset;
        display: block;
        text-align: center;
    }
}

#un_apparel #look .main_contents .catch_top h3,
#un_apparel #visual .main_contents .catch_top h3 {
    margin: 0 0 0.8rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.3rem;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents .catch_top h3,
    #un_apparel #visual .main_contents .catch_top h3 {
        margin-bottom: 0.5rem;
        font-size: 1.9rem;
        letter-spacing: 0.18rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch_top h3,
    #un_apparel #visual .main_contents .catch_top h3 {
        margin: 0 0 0.2rem;
        font-size: 2rem;
        letter-spacing: 0.16rem;
    }
}

#un_apparel #look .main_contents .catch_top h3.bgWh,
#un_apparel #visual .main_contents .catch_top h3.bgWh {
    color: #000;
}

#un_apparel #look .main_contents .catch_top a.link,
#un_apparel #look .main_contents .catch_top span.roboto,
#un_apparel #visual .main_contents .catch_top a.link,
#un_apparel #visual .main_contents .catch_top span.roboto {
    padding-bottom: 0.32rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    letter-spacing: 0.1rem;
    border-bottom: solid 1px;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents .catch_top a.link,
    #un_apparel #look .main_contents .catch_top span.roboto,
    #un_apparel #visual .main_contents .catch_top a.link,
    #un_apparel #visual .main_contents .catch_top span.roboto {
        font-size: 1.2rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents .catch_top a.link,
    #un_apparel #look .main_contents .catch_top span.roboto,
    #un_apparel #visual .main_contents .catch_top a.link,
    #un_apparel #visual .main_contents .catch_top span.roboto {
        font-size: 1.2rem;
        color: #fff;
    }
}

#un_apparel #look .main_contents .catch_top a.link.bgWh,
#un_apparel #look .main_contents .catch_top span.roboto.bgWh,
#un_apparel #visual .main_contents .catch_top a.link.bgWh,
#un_apparel #visual .main_contents .catch_top span.roboto.bgWh {
    color: #000;
}

#un_apparel #look .main_contents .catch_top a:hover,
#un_apparel #visual .main_contents .catch_top a:hover {
    opacity: 0.6;
}

#un_apparel #look a.row,
#un_apparel #visual a.row {
    display: block;
    color: inherit;
    text-decoration: none;
}

#un_apparel #look .main_contents_pc,
#un_apparel #visual .main_contents_pc {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

#un_apparel #look .main_contents_pc:hover,
#un_apparel #visual .main_contents_pc:hover {
    opacity: 1;
}

#un_apparel #look .main_contents_pc .arri_row,
#un_apparel #visual .main_contents_pc .arri_row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    aspect-ratio: 8/9;
    text-align: center;
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents_pc .arri_row,
    #un_apparel #visual .main_contents_pc .arri_row {
        width: 100%;
    }
}

#un_apparel #look .main_contents_pc .catch,
#un_apparel #visual .main_contents_pc .catch {
    position: absolute;
    width: auto;
    height: auto;
}

#un_apparel #look .main_contents_pc .catch h3,
#un_apparel #visual .main_contents_pc .catch h3 {
    margin: 0 0 0.8rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.3rem;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents_pc .catch h3,
    #un_apparel #visual .main_contents_pc .catch h3 {
        margin-bottom: 0.5rem;
        font-size: 1.9rem;
        letter-spacing: 0.18rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents_pc .catch h3,
    #un_apparel #visual .main_contents_pc .catch h3 {
        margin: 0 0 0.2rem;
        font-size: 2rem;
        letter-spacing: 0.16rem;
    }
}

#un_apparel #look .main_contents_pc .catch a.link,
#un_apparel #look .main_contents_pc .catch span.roboto,
#un_apparel #visual .main_contents_pc .catch a.link,
#un_apparel #visual .main_contents_pc .catch span.roboto {
    padding-bottom: 0.32rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    letter-spacing: 0.1rem;
    border-bottom: solid 1px;
}
@media (width <=991.98px) {
    #un_apparel #look .main_contents_pc .catch a.link,
    #un_apparel #look .main_contents_pc .catch span.roboto,
    #un_apparel #visual .main_contents_pc .catch a.link,
    #un_apparel #visual .main_contents_pc .catch span.roboto {
        font-size: 1.2rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look .main_contents_pc .catch a.link,
    #un_apparel #look .main_contents_pc .catch span.roboto,
    #un_apparel #visual .main_contents_pc .catch a.link,
    #un_apparel #visual .main_contents_pc .catch span.roboto {
        font-size: 1.2rem;
        color: #fff;
    }
}

#un_apparel #look .main_contents_pc .catch a:hover,
#un_apparel #visual .main_contents_pc .catch a:hover {
    opacity: 0.6;
}

#un_apparel #new {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
@media (width <=575.98px) {
    #un_apparel #new {
        aspect-ratio: none;
    }
}

#un_apparel #new .main_contents {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#un_apparel #new .main_contents .arri_row {
    width: 50%;
    aspect-ratio: 8/9;
}
@media (width <=575.98px) {
    #un_apparel #new .main_contents .arri_row {
        width: 100%;
    }
}

#un_apparel #movie .movieThumb {
    position: relative;
    z-index: 2;
}

#un_apparel #movie .movieThumb a {
    display: block;
}

#un_apparel #movie .movieThumb a:hover {
    opacity: 1;
}

#un_apparel #credit {
    padding: 220px 0 130px;
    color: #000;
}
@media (width <=575.98px) {
    #un_apparel #credit {
        padding: 164px 0 60px;
    }
}

#un_apparel #credit.credit_bg {
    background-color: #f5f5f5;
}

#un_apparel #credit .credit_wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-end;
}
@media (width <=575.98px) {
    #un_apparel #credit .credit_wrapper {
        align-items: flex-start;
    }
}

#un_apparel #credit .credit_wrapper .credit_details {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
@media (width <=575.98px) {
    #un_apparel #credit .credit_wrapper .credit_details {
        gap: 0.4rem;
        align-items: flex-start;
    }
}

#un_apparel #credit .credit_wrapper .credit_details .credit_title {
    margin: 0 0 3.2rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media (width <=991.98px) {
    #un_apparel #credit .credit_wrapper .credit_details .credit_title {
        margin-bottom: 2.4rem;
        font-size: 1.6rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #credit .credit_wrapper .credit_details .credit_title {
        margin-bottom: 2rem;
        font-size: 1.5rem;
    }
}

#un_apparel
    #credit
    .credit_wrapper
    .credit_details
    .credit_title
    .credit_season {
    display: block;
    font-weight: 700;
}

#un_apparel #credit .credit_wrapper .credit_details .credit_item {
    display: flex;
    gap: 1.6rem;
    align-items: baseline;
}
@media (width <=575.98px) {
    #un_apparel #credit .credit_wrapper .credit_details .credit_item {
        gap: 1.2rem;
    }
}

#un_apparel #credit .credit_wrapper .credit_details .credit_item .credit_label {
    flex: 0 0 auto;
    min-width: 120px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left;
}
@media (width <=991.98px) {
    #un_apparel
        #credit
        .credit_wrapper
        .credit_details
        .credit_item
        .credit_label {
        min-width: 120px;
    }
}
@media (width <=575.98px) {
    #un_apparel
        #credit
        .credit_wrapper
        .credit_details
        .credit_item
        .credit_label {
        min-width: 100px;
        font-size: 1.1rem;
    }
}

#un_apparel #credit .credit_wrapper .credit_details .credit_item .credit_list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
@media (width <=575.98px) {
    #un_apparel
        #credit
        .credit_wrapper
        .credit_details
        .credit_item
        .credit_list {
        gap: 0.3rem;
        line-height: 1.3;
    }
}

#un_apparel
    #credit
    .credit_wrapper
    .credit_details
    .credit_item
    .credit_list
    div
    a {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    transition: opacity 0.3s;
}
@media (width <=575.98px) {
    #un_apparel
        #credit
        .credit_wrapper
        .credit_details
        .credit_item
        .credit_list
        div
        a {
        font-size: 1.1rem;
    }
}

#un_apparel
    #credit
    .credit_wrapper
    .credit_details
    .credit_item
    .credit_list
    div
    a:hover {
    opacity: 0.6;
}

#un_apparel
    #credit
    .credit_wrapper
    .credit_details
    .credit_item
    .credit_list
    div
    span {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000;
}
@media (width <=575.98px) {
    #un_apparel
        #credit
        .credit_wrapper
        .credit_details
        .credit_item
        .credit_list
        div
        span {
        font-size: 1.1rem;
    }
}

#un_apparel #credit .credit_wrapper .credit_details .credit_item a {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    transition: opacity 0.3s;
}
@media (width <=575.98px) {
    #un_apparel #credit .credit_wrapper .credit_details .credit_item a {
        font-size: 1.1rem;
    }
}

#un_apparel #credit .credit_wrapper .credit_details .credit_item a:hover {
    opacity: 0.6;
}

#un_apparel .slider-title {
    margin: 0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
}
@media (width <=767.98px) {
    #un_apparel .slider-title {
        font-size: 1.9rem;
    }
}
@media (width <=575.98px) {
    #un_apparel .slider-title {
        font-size: 1.9rem;
    }
}

#un_apparel section.banner-carousel-section {
    padding: 8vw 0 0;
    overflow: visible !important;
}
@media (width <=767.98px) {
    #un_apparel section.banner-carousel-section {
        padding: 8vw 0;
    }
}
@media (width <=575.98px) {
    #un_apparel section.banner-carousel-section {
        box-sizing: border-box;
        width: 100%;
        max-width: 100vw;
        padding: 14vw 0 0;
        overflow-x: hidden !important;
        overflow-y: visible;
    }
}

#un_apparel section.banner-carousel-section .banner-carousel-section__slider {
    opacity: 0;
    transition: opacity 0.15s ease-out;
}

#un_apparel
    section.banner-carousel-section.is-ready
    .banner-carousel-section__slider {
    opacity: 1;
}

#un_apparel section.banner-carousel-section .slider-title {
    margin: 0 0 0.8vw;
    text-align: center;
}
@media (width <=767.98px) {
    #un_apparel section.banner-carousel-section .slider-title {
        margin-bottom: 4vw;
    }
}
@media (width <=575.98px) {
    #un_apparel section.banner-carousel-section .slider-title {
        margin-bottom: 5vw;
    }
}

#un_apparel section.banner-carousel-section .banner-carousel-section__slider {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 4vw;
    overflow: visible !important;
}
@media (width <=575.98px) {
    #un_apparel
        section.banner-carousel-section
        .banner-carousel-section__slider {
        box-sizing: border-box;
        width: 100%;
        max-width: 100vw;
        padding: 0;
        overflow: visible;
    }
}

#un_apparel .swiper-container-banner {
    width: 100%;
    padding: 0.5vw 0;
    container-name: banner-carousel;
    container-type: inline-size;
    overflow: visible !important;
    touch-action: pan-y;
}
@media (width <=575.98px) {
    #un_apparel .swiper-container-banner {
        box-sizing: border-box;
        width: 100%;
        max-width: 100vw;
        overflow: visible;
    }
}

#un_apparel .swiper-container-banner .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.9, 0, 0.5, 1);
}

#un_apparel .swiper-container-banner .swiper-slide {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    width: min(960px, calc((100cqw - 10px) / 1.11));
    height: auto;
    opacity: 0.4;
    transition: opacity 0.8s ease;
}

#un_apparel .swiper-container-banner .swiper-slide.is-active {
    opacity: 1 !important;
}
@media (width <=575.98px) {
    #un_apparel .swiper-container-banner .swiper-slide {
        width: min(960px, calc((100cqw - var(--banner-spacing, 10px)) / 1.11));
        min-width: 0;
        max-width: 100%;
    }
}

#un_apparel .banner-carousel-slide {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background: #fff;
}

#un_apparel .banner-carousel-slide .banner-carousel-slide__image {
    width: 100%;
    max-width: 960px;
    max-height: 540px;
    aspect-ratio: 16/9;
    margin: 0 auto;
    overflow: hidden;
    background: #f5f5f5;
}

#un_apparel .banner-carousel-slide .banner-carousel-slide__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#un_apparel #attention {
    padding: 5.2vw 0 4.8vw;
    text-align: center;
}
@media (width <=767.98px) {
    #un_apparel #attention {
        padding: 0 0 8vw;
    }
}
@media (width <=575.98px) {
    #un_apparel #attention {
        padding: 10vw 4vw 8vw;
    }
}

#un_apparel #attention p {
    margin-bottom: 1.2vw;
    font-size: 0.9vw;
    line-height: 1.6;
}
@media (width <=767.98px) {
    #un_apparel #attention p {
        font-size: 1.8vw;
    }
}
@media (width <=575.98px) {
    #un_apparel #attention p {
        font-size: 3vw;
    }
}

#un_apparel #attention a.btn {
    display: block;
    max-width: 400px;
    padding: 1.2em 0;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #e6e6e6;
}

#un_apparel #attention a.btn i {
    width: auto;
    color: gray;
}

#un_apparel #pickup {
    padding: 120px 0;
    overflow: hidden;
}
@media (width <=1199.98px) {
    #un_apparel #pickup {
        display: block;
        padding: 80px 0;
    }
}
@media (width <=575.98px) {
    #un_apparel #pickup {
        padding: 60px 0;
    }
}

#un_apparel #pickup .series {
    display: block;
    padding: 0 0 32px;
}
@media (width <=575.98px) {
    #un_apparel #pickup .series {
        padding: 0 0 18px;
    }
}

#un_apparel #pickup .series h4 {
    display: inline-block;
    font-size: 2rem;
}
@media (width <=1199.98px) {
    #un_apparel #pickup .series h4 {
        display: block;
    }
}
@media (width <=575.98px) {
    #un_apparel #pickup .series h4 {
        display: block;
        font-size: 1.8rem;
    }
}

#un_apparel #pickup .series p {
    display: inline-block;
    padding: 0 0 0 32px;
    font-size: 1.5rem;
    line-height: 1.6;
}
@media (width <=1199.98px) {
    #un_apparel #pickup .series p {
        display: block;
        padding: 8px 0 0;
    }
}
@media (width <=575.98px) {
    #un_apparel #pickup .series p {
        display: block;
        padding: 8px 0 0;
        font-size: 1.2rem;
    }
}

#un_apparel #pickup .pickup_item {
    display: block;
    text-align: center;
}
@media (width <=575.98px) {
    #un_apparel #pickup .pickup_item {
        text-align: left;
    }
}

#un_apparel #pickup .pickup_item h3 {
    margin: 1.8rem 0 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
@media (width <=575.98px) {
    #un_apparel #pickup .pickup_item h3 {
        margin: 1.6rem 0 0;
    }
}

#un_apparel #pickup .pickup_item p {
    font-size: 1.3rem;
    line-height: 1.86;
}

#un_apparel #igLink {
    display: flex;
    flex-flow: wrap;
    flex-flow: row nowrap;
    place-content: center center;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: #e6e6e6;
}
@media (width <=575.98px) {
    #un_apparel #igLink {
        height: 60px;
    }
}

#un_apparel #igLink .linkBox {
    align-items: center;
    justify-content: center;
}

#un_apparel #igLink .linkBox img {
    width: 117px;
    height: 20px;
}

#un_apparel #look_header,
#un_apparel #visual_header {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #000;
}

#un_apparel #look_header .main_contents,
#un_apparel #visual_header .main_contents {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 200px 0 80px;
    margin: 0;
    overflow: visible;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents,
    #un_apparel #visual_header .main_contents {
        padding: 96px 0 32px;
    }
}

#un_apparel #look_header .main_contents .catch,
#un_apparel #visual_header .main_contents .catch {
    z-index: 3;
    display: block;
}
@media (width <=767.98px) {
    #un_apparel #look_header .main_contents .catch,
    #un_apparel #visual_header .main_contents .catch {
        bottom: 3.2rem;
    }
}

#un_apparel #look_header .main_contents .catch h2,
#un_apparel #visual_header .main_contents .catch h2 {
    padding-top: 64px;
    margin: 0 0 1.6rem;
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents .catch h2,
    #un_apparel #visual_header .main_contents .catch h2 {
        padding-top: 0;
        margin: 0 0 1.2rem;
        font-size: 2vw;
    }
}

#un_apparel #look_header .main_contents h1,
#un_apparel #visual_header .main_contents h1 {
    display: block;
    width: 100%;
    font-size: 3.3rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 1.4rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents h1,
    #un_apparel #visual_header .main_contents h1 {
        font-size: 2rem;
        letter-spacing: 0.9rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents h1,
    #un_apparel #visual_header .main_contents h1 {
        font-size: 1.7rem;
        letter-spacing: 0.56rem;
    }
}

#un_apparel #look_header .main_contents h1.new,
#un_apparel #visual_header .main_contents h1.new {
    letter-spacing: 0.6rem;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents h1.new,
    #un_apparel #visual_header .main_contents h1.new {
        letter-spacing: 0.5rem;
    }
}

#un_apparel #look_header .main_contents h1 span,
#un_apparel #visual_header .main_contents h1 span {
    display: block;
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.32rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents h1 span,
    #un_apparel #visual_header .main_contents h1 span {
        margin-bottom: 0.8rem;
        font-size: 0.9rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents h1 span,
    #un_apparel #visual_header .main_contents h1 span {
        margin-bottom: 0.7rem;
        font-size: 1rem;
        letter-spacing: 0.24rem;
    }
}

#un_apparel #look_header .main_contents h1 span.pagettl,
#un_apparel #visual_header .main_contents h1 span.pagettl {
    padding-top: 2.4rem;
    margin-bottom: 0;
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.4rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents h1 span.pagettl,
    #un_apparel #visual_header .main_contents h1 span.pagettl {
        padding-top: 1.2rem;
        font-size: 1.7rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents h1 span.pagettl,
    #un_apparel #visual_header .main_contents h1 span.pagettl {
        padding-top: 1rem;
        font-size: 1.5rem;
    }
}

#un_apparel #look_header .main_contents_26ss,
#un_apparel #visual_header .main_contents_26ss {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: clamp(200px, 36vw, 360px) 0 clamp(100px, 20vw, 200px);
    margin: 0;
    overflow: visible;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss,
    #un_apparel #visual_header .main_contents_26ss {
        padding: 96px 0;
    }
}

#un_apparel #look_header .main_contents_26ss .catch,
#un_apparel #visual_header .main_contents_26ss .catch {
    z-index: 3;
    display: block;
}
@media (width <=767.98px) {
    #un_apparel #look_header .main_contents_26ss .catch,
    #un_apparel #visual_header .main_contents_26ss .catch {
        bottom: 3.2rem;
    }
}

#un_apparel #look_header .main_contents_26ss .catch h2,
#un_apparel #visual_header .main_contents_26ss .catch h2 {
    padding-top: 64px;
    margin: 0 0 1.6rem;
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss .catch h2,
    #un_apparel #visual_header .main_contents_26ss .catch h2 {
        padding-top: 0;
        margin: 0 0 1.2rem;
        font-size: 2vw;
    }
}

#un_apparel #look_header .main_contents_26ss h1,
#un_apparel #visual_header .main_contents_26ss h1 {
    display: block;
    width: 100%;
    font-size: 3.3rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 1.4rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents_26ss h1,
    #un_apparel #visual_header .main_contents_26ss h1 {
        letter-spacing: 0.9rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss h1,
    #un_apparel #visual_header .main_contents_26ss h1 {
        font-size: 2.2rem;
        letter-spacing: 0.56rem;
    }
}

#un_apparel #look_header .main_contents_26ss h1.new,
#un_apparel #visual_header .main_contents_26ss h1.new {
    letter-spacing: 0.18rem;
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss h1.new,
    #un_apparel #visual_header .main_contents_26ss h1.new {
        letter-spacing: 0.18rem;
    }
}

#un_apparel #look_header .main_contents_26ss h1 span,
#un_apparel #visual_header .main_contents_26ss h1 span {
    display: block;
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.18rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents_26ss h1 span,
    #un_apparel #visual_header .main_contents_26ss h1 span {
        margin-bottom: 0.8rem;
        font-size: 0.9rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss h1 span,
    #un_apparel #visual_header .main_contents_26ss h1 span {
        margin-bottom: 0.7rem;
        font-size: 1rem;
        letter-spacing: 0.18rem;
    }
}

#un_apparel #look_header .main_contents_26ss h1 span.pagettl,
#un_apparel #visual_header .main_contents_26ss h1 span.pagettl {
    padding-top: 2.4rem;
    margin-bottom: 0;
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.4rem;
}
@media (width <=991.98px) {
    #un_apparel #look_header .main_contents_26ss h1 span.pagettl,
    #un_apparel #visual_header .main_contents_26ss h1 span.pagettl {
        padding-top: 1.2rem;
        font-size: 1.7rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_header .main_contents_26ss h1 span.pagettl,
    #un_apparel #visual_header .main_contents_26ss h1 span.pagettl {
        padding-top: 1rem;
        font-size: 1.5rem;
    }
}

#un_apparel #gallery {
    width: 100%;
    padding: 80px 0 40px;
    margin: 0;
}
@media (width <=575.98px) {
    #un_apparel #gallery {
        padding: 40px 0;
    }
}

#un_apparel #gallery .look_gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}

#un_apparel #gallery .look_gallery.cover {
    justify-content: center;
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery.cover a.col4 {
        width: 100%;
    }
}

#un_apparel #gallery .look_gallery .space,
#un_apparel #gallery .look_gallery a {
    padding-bottom: 88px;
}
@media (width <=1399.98px) {
    #un_apparel #gallery .look_gallery .space,
    #un_apparel #gallery .look_gallery a {
        padding-bottom: 58px;
    }
}
@media (width <=991.98px) {
    #un_apparel #gallery .look_gallery .space,
    #un_apparel #gallery .look_gallery a {
        padding-bottom: 30px;
    }
}
@media (width <=767.98px) {
    #un_apparel #gallery .look_gallery .space,
    #un_apparel #gallery .look_gallery a {
        padding-bottom: 18px;
    }
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery .space,
    #un_apparel #gallery .look_gallery a {
        padding-bottom: 18px;
    }
}

#un_apparel #gallery .look_gallery .space.col1,
#un_apparel #gallery .look_gallery a.col1 {
    width: calc(25% - 58px);
}
@media (width <=1399.98px) {
    #un_apparel #gallery .look_gallery .space.col1,
    #un_apparel #gallery .look_gallery a.col1 {
        width: calc(25% - 40px);
    }
}
@media (width <=1199.98px) {
    #un_apparel #gallery .look_gallery .space.col1,
    #un_apparel #gallery .look_gallery a.col1 {
        width: calc(25% - 32px);
    }
}
@media (width <=991.98px) {
    #un_apparel #gallery .look_gallery .space.col1,
    #un_apparel #gallery .look_gallery a.col1 {
        width: calc(25% - 20px);
    }
}
@media (width <=767.98px) {
    #un_apparel #gallery .look_gallery .space.col1,
    #un_apparel #gallery .look_gallery a.col1 {
        width: calc(25% - 10px);
    }
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery .space.col1,
    #un_apparel #gallery .look_gallery a.col1 {
        width: calc(50% - 10px);
    }
}

#un_apparel #gallery .look_gallery .space.col2,
#un_apparel #gallery .look_gallery a.col2 {
    width: calc(50% - 29px);
}
@media (width <=1399.98px) {
    #un_apparel #gallery .look_gallery .space.col2,
    #un_apparel #gallery .look_gallery a.col2 {
        width: calc(50% - 20px);
    }
}
@media (width <=1199.98px) {
    #un_apparel #gallery .look_gallery .space.col2,
    #un_apparel #gallery .look_gallery a.col2 {
        width: calc(50% - 20px);
    }
}
@media (width <=991.98px) {
    #un_apparel #gallery .look_gallery .space.col2,
    #un_apparel #gallery .look_gallery a.col2 {
        width: calc(50% - 20px);
    }
}
@media (width <=767.98px) {
    #un_apparel #gallery .look_gallery .space.col2,
    #un_apparel #gallery .look_gallery a.col2 {
        width: calc(50% - 10px);
    }
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery .space.col2,
    #un_apparel #gallery .look_gallery a.col2 {
        width: calc(50% - 10px);
    }
}

#un_apparel #gallery .look_gallery .space.col3,
#un_apparel #gallery .look_gallery a.col3 {
    width: calc(33.3333333333% - 58px);
}
@media (width <=1399.98px) {
    #un_apparel #gallery .look_gallery .space.col3,
    #un_apparel #gallery .look_gallery a.col3 {
        width: calc(33.3333333333% - 40px);
    }
}
@media (width <=1199.98px) {
    #un_apparel #gallery .look_gallery .space.col3,
    #un_apparel #gallery .look_gallery a.col3 {
        width: calc(33.3333333333% - 32px);
    }
}
@media (width <=991.98px) {
    #un_apparel #gallery .look_gallery .space.col3,
    #un_apparel #gallery .look_gallery a.col3 {
        width: calc(33.3333333333% - 20px);
    }
}
@media (width <=767.98px) {
    #un_apparel #gallery .look_gallery .space.col3,
    #un_apparel #gallery .look_gallery a.col3 {
        width: calc(33.3333333333% - 10px);
    }
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery .space.col3,
    #un_apparel #gallery .look_gallery a.col3 {
        width: calc(50% - 10px);
    }
}

#un_apparel #gallery .look_gallery .space.col4,
#un_apparel #gallery .look_gallery a.col4 {
    width: calc(25% - 58px);
}
@media (width <=1399.98px) {
    #un_apparel #gallery .look_gallery .space.col4,
    #un_apparel #gallery .look_gallery a.col4 {
        width: calc(25% - 40px);
    }
}
@media (width <=1199.98px) {
    #un_apparel #gallery .look_gallery .space.col4,
    #un_apparel #gallery .look_gallery a.col4 {
        width: calc(25% - 32px);
    }
}
@media (width <=991.98px) {
    #un_apparel #gallery .look_gallery .space.col4,
    #un_apparel #gallery .look_gallery a.col4 {
        width: calc(25% - 20px);
    }
}
@media (width <=767.98px) {
    #un_apparel #gallery .look_gallery .space.col4,
    #un_apparel #gallery .look_gallery a.col4 {
        width: calc(25% - 10px);
    }
}
@media (width <=575.98px) {
    #un_apparel #gallery .look_gallery .space.col4,
    #un_apparel #gallery .look_gallery a.col4 {
        width: calc(50% - 10px);
    }
}

#un_apparel #baguetteBox-overlay .full-image img {
    max-width: 100%;
    max-height: 100%;
    padding: 8%;
    box-shadow: none;
}
@media (width <=575.98px) {
    #un_apparel #baguetteBox-overlay .full-image img {
        padding: 0;
    }
}

#un_apparel #look_credit,
#un_apparel #visual_credit {
    padding: 0 0 120px;
    text-align: center;
}
@media (width <=575.98px) {
    #un_apparel #look_credit,
    #un_apparel #visual_credit {
        padding: 0 0 70px;
    }
}

#un_apparel #look_credit p,
#un_apparel #visual_credit p {
    padding-bottom: 1rem;
}

#un_apparel #look_credit p.snsLink,
#un_apparel #visual_credit p.snsLink {
    display: block;
    font-size: 1.4rem;
    color: #000;
}
@media (width <=991.98px) {
    #un_apparel #look_credit p.snsLink,
    #un_apparel #visual_credit p.snsLink {
        font-size: 1.2rem;
    }
}
@media (width <=575.98px) {
    #un_apparel #look_credit p.snsLink,
    #un_apparel #visual_credit p.snsLink {
        font-size: 1.2rem;
    }
}

#un_apparel #look_credit p a.link,
#un_apparel #visual_credit p a.link {
    padding-bottom: 0.32rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    letter-spacing: 0.1rem;
    border-bottom: solid 1px;
}

#un_apparel #look_credit p a:hover,
#un_apparel #visual_credit p a:hover {
    opacity: 0.6;
}

#un_apparel .mb-50 {
    margin-bottom: 50px;
}

#un_apparel .mb-70 {
    margin-bottom: 70px;
}

#un_apparel a.noTransition img {
    transition: none;
}

#un_apparel a.noTransition img:hover {
    filter: none;
}

#un_apparel a.cursorZoomin {
    cursor: zoom-in;
}

#un_apparel .zoom {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
}
@media (width <=1199.98px) {
    #un_apparel .zoom {
        top: 12px;
        right: 12px;
        width: 18px;
        height: 18px;
    }
}

#un_apparel .slThunb {
    right: 20px;
}
@media (width <=1199.98px) {
    #un_apparel .slThunb {
        top: 20px;
        right: -6px;
    }
}

#un_apparel #header .sp_apparel {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

#un_apparel.isMenuOpen #header .sp_apparel,
#un_apparel.is_down #header .sp_apparel {
    opacity: 1;
}

#un_apparel #header .sp_apparel {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

#un_apparel.isMenuOpen #header .sp_apparel,
#un_apparel.is_down #header .sp_apparel {
    opacity: 1;
}

#un_apparel .hidSp {
    display: none;
}
@media (width <=1199.98px) {
    #un_apparel .hidSp {
        display: none;
    }
}
@media (width <=575.98px) {
    #un_apparel .hidSp {
        display: block;
    }
}

#un_apparel .hidPc {
    display: block;
}
@media (width <=1199.98px) {
    #un_apparel .hidPc {
        display: block;
    }
}
@media (width <=575.98px) {
    #un_apparel .hidPc {
        display: none;
    }
}

.dropdown__lists {
    position: absolute;
    top: 90px;
    display: block;
    visibility: hidden;
    width: 110px;
    height: auto;
    background-color: #fff;
    opacity: 0;
    transition: all 0.3s;
}

.gnavi__list:hover .dropdown__lists {
    visibility: visible;
    opacity: 1;
}

.dropdown__list {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    color: #000;
    list-style-type: none;
    transition: all 0.3s;
}

.dropdown__list a {
    padding: 10px 0;
    color: #000;
}

.dropdown__list:hover {
    background-color: #000;
}

.dropdown__list a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
}

.pswp__img--placeholder {
    display: none !important;
}

.lity-close {
    top: 24px !important;
    right: 24px !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
    background: 0 0 !important;
    border: none !important;
    transition: opacity 0.3s ease !important;
}
@media (width <=1199.98px) {
    .lity-close {
        top: 16px !important;
        right: 16px !important;
    }
}
@media (width <=575.98px) {
    .lity-close {
        top: 16px !important;
        right: 16px !important;
    }
}

.lity-close:hover {
    opacity: 0.7 !important;
}

.lity-close::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    content: '';
    background-image: url('/event-page/2026/lookBook/img/bt_close.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-scroll='in'].fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
}