@font-face {
  font-family: "DrukMedium";
  src: url(./font/DrukMedium.otf);
}
@font-face {
  font-family: "TimesNewRomanMTCondensedItalic";
  src: url(./font/TimesNewRomanMTCondensedItalic.otf);
}
@font-face {
  font-family: "TimesNewRomanMTStdCondIt";
  src: url(./font/TimesNewRomanMTStdCondIt.otf);
}
/*
===========================================================

  - Custom
  - Set
  - Common
  - Contents

===========================================================
*/
/*
=====================================================================================
====================================== Custom =======================================
=====================================================================================
*/
:root {
  --color-font: #000;
  --font-main: "pragmatica", sans-serif;
  --bg-color-main: #f3f0e7;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
  _:lang(x) + _:-webkit-full-screen-document #LB230423SS2catalog .tag-list li,
  _:lang(x) + _:-webkit-full-screen-document #LB230423SS2catalog .staffCredit li, body #LB230423SS2catalog .tag-list li,
  body #LB230423SS2catalog .staffCredit li {
    letter-spacing: -0.1em;
  }
}
/*
=====================================================================================
======================================== Set ========================================
=====================================================================================
*/
#LB230423SS2catalog {
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph;
}
#LB230423SS2catalog *,
#LB230423SS2catalog *::before,
#LB230423SS2catalog *::after {
  font: inherit;
  box-sizing: border-box;
}
#LB230423SS2catalog ul li {
  list-style: none;
}
#LB230423SS2catalog picture {
  line-height: 0;
}
#LB230423SS2catalog img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  html {
    font-size: calc(10*(100vw/750));
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog a {
    transition: all 0.3s;
  }
  #LB230423SS2catalog a:hover {
    opacity: 0.7;
  }
}
/*
=====================================================================================
====================================== Common =======================================
=====================================================================================
*/
.header .megaMenu__ttl {
  white-space: nowrap;
}

.page-top {
  display: none !important;
}

@media (max-width: 767px) {
  #LB230423SS2catalog .pcOnly {
    display: none;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .spOnly {
    display: none;
  }
}
.flexbox {
  display: flex;
  align-items: flex-start;
}

@keyframes scrollTextVertical {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes scrollTextHorizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-300vw);
  }
}
@media screen and (min-width: 768px) {
  [data-animate=text-scrolling] {
    animation: scrollTextVertical 33s infinite linear;
  }
}
@media screen and (max-width: 767px) {
  [data-animate=text-scrolling] {
    animation: scrollTextHorizontal 33s infinite linear;
  }
}

/*
=====================================================================================
===================================== Contents ======================================
=====================================================================================
*/
.fixedBox_head ul li {
  color: var(--color-font);
  font-family: var(--font-main);
  font-size: 2.1rem;
}
.fixedBox_head .sideText {
  transition: all 0.6s;
}
.fixedBox_head .sideText.hide {
  opacity: 0;
  display: block;
}
.fixedBox_title {
  transition: all 0.6s;
}
.fixedBox_title.hide {
  opacity: 0;
  display: block;
}

.contentsBox {
  background-color: var(--bg-color-main);
}
.contentsBox_inner .contents .item {
  margin: auto;
}
.contentsBox_inner .contents .item .tag-list {
  text-align: var(--tag-align, center);
  color: var(--color-font);
  font-family: var(--font-main);
}
.contentsBox_inner .contents .item .tag-list ul > li {
  display: inline-block;
}

.subTitle {
  color: var(--color-font);
  font-family: var(--font-main);
  text-align: center;
}

.moreBtn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-font);
  font-family: var(--font-main);
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--color-font);
}
@media screen and (max-width: 767px) {
  .moreBtn > a {
    letter-spacing: -0.025em;
  }
}

.staffCredit > ul > li {
  color: var(--color-font);
  font-family: var(--font-main);
  text-align: center;
}

#LB230423SS2catalog .contents .item {
  position: relative;
}
#LB230423SS2catalog .contents .item .tag-list {
  color: var(--color-font);
  font-family: var(--font-main);
  font-weight: 600;
  font-style: normal;
  width: auto;
  pointer-events: none;
  position: var(--tag-position);
  margin-inline: var(--tag-mInline);
  margin-block: var(--tag-mBlock);
  top: var(--tag-top);
  bottom: var(--tag-bottom);
  left: var(--tag-left);
  right: var(--tag-right);
}
#LB230423SS2catalog .contents .item .tag-list li span {
  margin-inline: 0.15em;
}
#LB230423SS2catalog .contents .item .tag-list a {
  pointer-events: all;
}
#LB230423SS2catalog .contents .item .tag-list .spOnly > *:nth-child(2) ul {
  margin-top: 0;
}
#LB230423SS2catalog .contents .item._11 {
  --tag-align: left;
  --tag-position: absolute;
  --tag-bottom: 0;
  --tag-mInline: 10.8rem 0;
  --tag-mBlock: 0 0.2rem;
}
@media screen and (min-width: 768px) {
  #LB230423SS2catalog .contents .item._11 {
    -webkit-padding-after: 2rem;
            padding-block-end: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._11 {
    --tag-mInline: 9.4rem 0;
    --tag-mBlock: 0 -1.8rem;
  }
}
#LB230423SS2catalog .contents .item._11 ._image {
  position: relative;
  max-width: max(78.75%, 68rem);
  margin-inline: max(13%, 11rem) max(8.2%, 7.2rem);
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._11 ._image {
    width: 58.8rem;
    max-width: unset;
    margin-inline: 10rem auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230423SS2catalog .contents .item._12 {
    --mtop-item: 10.4rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._12 {
    --mtop-item: 10.5rem;
  }
}
#LB230423SS2catalog .contents .item._21 {
  --tag-align: left;
  --tag-position: absolute;
  --tag-bottom: 0;
  --tag-top: auto;
  --tag-mInline: min(24%,20.6rem) 0;
  --tag-mBlock: min(78.8%, 69rem) min(21.7%,18.8rem);
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._21 {
    --tag-mInline: 18rem 0;
    --tag-mBlock: 0 16.5rem;
  }
}
#LB230423SS2catalog .contents .item._21 ._image {
  position: relative;
  max-width: max(69%, 59.5rem);
  margin-inline: max(23%, 19.8rem) max(8.2%, 7rem);
  margin-block: max(11.9%, 10.4rem) 0;
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._21 ._image {
    width: 51.8rem;
    margin-inline: 17rem auto;
    margin-block: 8.4rem 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230423SS2catalog .contents .item._22 {
    --mtop-item: 11.2rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._22 {
    --mtop-item: 9rem;
  }
  #LB230423SS2catalog .contents .item._22 .flexbox > * {
    width: 50%;
  }
  #LB230423SS2catalog .contents .item._22 .flexbox ._image:nth-of-type(1) {
    overflow: hidden;
  }
  #LB230423SS2catalog .contents .item._22 .flexbox ._image:nth-of-type(1) img {
    transform: scale(1.001);
    object-fit: cover;
  }
}
#LB230423SS2catalog .contents .item._32 {
  --tag-align: left;
  --tag-position: absolute;
  --tag-bottom: 0;
  --tag-mInline: 7.8rem 0;
  --tag-mBlock: 0 -2.4rem;
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._32 {
    --tag-mInline: 6.8rem 0;
    --tag-mBlock: 0 -2rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230423SS2catalog .contents .item._33 {
    --mtop-item: 24.5rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230423SS2catalog .contents .item._33 {
    --mtop-item: 21rem;
  }
}

@media (max-width: 767px) {
  .main-area .main-inner {
    width: 100% !important;
  }
  #LB230423SS2catalog {
    background-size: 100%;
  }
  #LB230423SS2catalog .fixedBox {
    display: grid;
  }
  #LB230423SS2catalog .fixedBox_head {
    overflow: hidden;
    grid-row: 1/2;
    margin-top: -6rem;
  }
  #LB230423SS2catalog .fixedBox_head .sideText {
    white-space: nowrap;
  }
  #LB230423SS2catalog .fixedBox_head .sideText > * {
    /* height: 3.6rem; */
    display: inline-block;
    width: 99.3rem;
    margin-inline: 0.5em;
  }
  #LB230423SS2catalog .fixedBox_title {
    grid-row: 2/3;
  }
  #LB230423SS2catalog .fixedBox_title ._brand {
    width: 65rem;
    margin: 13rem auto 0;
  }
  #LB230423SS2catalog .contentsBox {
    margin: 6rem auto 0;
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item:not(:first-child) {
    -webkit-margin-before: var(--mtop-item, 5rem);
            margin-block-start: var(--mtop-item, 5rem);
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul {
    margin-top: 1.8rem;
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul:not(:first-of-type) {
    margin-top: var(--tag-space);
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul > li {
    font-size: 1.5rem;
    line-height: 1.33;
  }
  #LB230423SS2catalog .moreBtn > a {
    font-family: var(--font-main);
    font-size: 2.3rem;
    letter-spacing: normal;
    width: 58rem;
    height: 11rem;
    margin: 15.8rem auto 0;
  }
  #LB230423SS2catalog .staffCredit > ul {
    margin-block: 12rem 17.5rem;
    -webkit-padding-after: 15rem;
            padding-block-end: 15rem;
  }
  #LB230423SS2catalog .staffCredit > ul > li {
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 1.5rem;
  }
  #LB230423SS2catalog .staffCredit > ul > li:nth-of-type(n+2) {
    margin-top: 1.2rem;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog {
    background-size: 100%;
    padding: 2rem 0 0 0;
  }
  #LB230423SS2catalog .stickyBox {
    display: grid;
    grid-template-columns: 1fr min(80vh, 864*(100vh/1080)) 1fr;
    align-items: flex-start;
    -webkit-margin-after: 17.5rem;
            margin-block-end: 17.5rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  #LB230423SS2catalog .stickyBox {
    grid-template-columns: 1fr min(86.4rem, 580*(100vh/1080)) 1fr;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .fixedBox {
    position: sticky;
    top: 0;
    z-index: 3;
    pointer-events: none;
  }
  #LB230423SS2catalog .fixedBox.hidden-sml {
    top: 50%;
    transform: translateY(-50%);
  }
  #LB230423SS2catalog .fixedBox.hidden-sml.ended {
    display: block;
    top: 4rem;
    transform: none;
  }
  #LB230423SS2catalog .fixedBox:not(.hidden-sml) {
    justify-self: flex-end;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  #LB230423SS2catalog .fixedBox:not(.hidden-sml) {
    justify-self: center;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .fixedBox_head {
    overflow: hidden;
    height: 100dvh;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  #LB230423SS2catalog .fixedBox_head {
    height: 100vh;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .fixedBox_head .sideText {
    width: 100%;
    max-width: min(1.81rem, 18.1*(100vh/1080));
    margin-inline: 2rem 5rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  #LB230423SS2catalog .fixedBox_head .sideText {
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .fixedBox_head .sideText > * {
    margin-block: 1.6rem;
    display: block;
  }
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
  #LB230423SS2catalog .fixedBox_head {
    height: 100dvh;
  }
  #LB230423SS2catalog .fixedBox_head .sideText {
    max-width: calc(18.1*(100vw/1920));
    margin-inline: calc(50*(100vw/1920));
  }
  #LB230423SS2catalog .fixedBox_head .sideText > * {
    margin-block: calc(16*(100vw/1920));
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .fixedBox_title ._brand {
    margin-inline: 5rem;
    width: auto;
    display: inline-block;
    min-width: 12.4rem;
    height: 95vh;
    height: 95dvh;
  }
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
  #LB230423SS2catalog .fixedBox_title ._brand {
    margin-inline: calc(50*(100vw/1920));
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  #LB230423SS2catalog .fixedBox_title ._brand {
    margin-inline: auto 5rem;
    height: auto;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .contentsBox {
    position: relative;
    width: 100%;
    margin-inline: auto;
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item:not(:first-child) {
    -webkit-margin-before: var(--mtop-item, 5.5rem);
            margin-block-start: var(--mtop-item, 5.5rem);
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul {
    margin-top: 1.8rem;
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul:not(:first-of-type) {
    margin-top: var(--tag-space);
  }
  #LB230423SS2catalog .contentsBox_inner .contents .item .tag-list ul > li {
    font-size: min(17*(100vh/1080), 1.7rem);
    line-height: 1.35;
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .moreBtn > a {
    min-width: min(740*(100vh/1080), 74rem);
    height: 6.7rem;
    max-height: min(67*(100vh/1080), 6.7rem);
    margin-block: 12.8rem 0;
    margin-inline: max(7.2%, 6.2rem);
    font-size: min(21*(100vh/1080), 2.1rem);
    font-family: var(--font-main);
  }
}
@media (min-width: 768px) {
  #LB230423SS2catalog .staffCredit > ul {
    margin-block: 10rem 15rem;
  }
  #LB230423SS2catalog .staffCredit > ul > li {
    font-size: min(16*(100vh/1080), 1.6rem);
    font-family: var(--font-main);
    font-weight: 600;
  }
  #LB230423SS2catalog .staffCredit > ul > li:nth-of-type(n+2) {
    margin-top: 1.2rem;
  }
}