@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
[data-animate*=crossFade] {
  -webkit-animation-name: crossFade;
          animation-name: crossFade;
  -webkit-animation-duration: 4000ms;
          animation-duration: 4000ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes crossFade {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes crossFade {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
[data-animate=rotate] {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 30000ms;
          animation-duration: 30000ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: forwards;
          animation-direction: forwards;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[class*=anima] {
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: ease-in, opacity 1000ms, -webkit-transform 1000ms;
  transition: ease-in, opacity 1000ms, -webkit-transform 1000ms;
  -o-transition: ease-in, opacity 1000ms, transform 1000ms;
  transition: ease-in, opacity 1000ms, transform 1000ms;
  transition: ease-in, opacity 1000ms, transform 1000ms, -webkit-transform 1000ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=slideUp] {
  -webkit-transform: translateY(10rem);
      -ms-transform: translateY(10rem);
          transform: translateY(10rem);
}
[class*=anima].onView {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
[class*=anima].onView[data-animate=slideUp] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

[data-src]::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 1.33334vw;
  }
  html .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  html .spOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media screen and (min-width: 768px) {
  .bredlist.lp {
    width: 95%;
    min-width: auto;
    max-width: 120rem;
  }
}

.main-area {
  min-width: unset;
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .main-area {
    max-width: none;
  }
}

#catalog_221108 *,
#catalog_221108 *::after,
#catalog_221108 *::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
#catalog_221108 figure,
#catalog_221108 figcaption,
#catalog_221108 [class*=content],
#catalog_221108 [class*=__wrap],
#catalog_221108 [class*=-inner],
#catalog_221108 [class*=__image],
#catalog_221108 [class*=__item],
#catalog_221108 [class*=__video],
#catalog_221108 [class*=__caption] {
  position: relative;
  width: 100%;
}
#catalog_221108 picture, #catalog_221108 img, #catalog_221108 video {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}
#catalog_221108 a {
  display: block;
}
#catalog_221108 a:hover {
  cursor: pointer;
  opacity: 0.7;
}
#catalog_221108 a.no_link {
  opacity: 1;
  pointer-events: none;
  border: none;
  text-decoration: none;
}
#catalog_221108 a.no_link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 a.no_link span {
    font-size: 1.6rem;
  }
}

#catalog_221108 .look__number {
  font-family: bodoni-urw, serif;
  font-weight: 500;
  font-style: normal;
}

#catalog_221108 .staff_credits dt, #catalog_221108 .staff_credits dd, #catalog_221108 .look .btn--wrap, #catalog_221108 .look .tag-list, #catalog_221108 .look-08 figcaption {
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

#catalog_221108 {
  /* ---------- Text Area ---------- */
  text-align: justify;
  text-justify: inter-cluster;
  text-justify: inter-character;
}
#catalog_221108 .mainVisual-text {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック Medium", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .mainVisual-text {
    font-size: 2.4rem;
  }
}
#catalog_221108 .look__number {
  font-size: 6.1rem;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: var(--align-number, left);
}
#catalog_221108 .look__number span {
  font-size: calc(1em + 10%);
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look__number {
    font-size: 9rem;
  }
}
#catalog_221108 .look-08 figcaption {
  font-size: 2rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look-08 figcaption {
    font-size: 2.5rem;
  }
}
#catalog_221108 .look .tag-list {
  color: var(--active-color);
  font-size: min(12px, 1.2rem);
  letter-spacing: 0.06em;
  line-height: 1.73;
  text-align: justify;
  text-justify: inter-cluster;
  text-justify: inter-character;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look .tag-list {
    font-size: min(9px, 1.8rem);
    line-height: 1.4;
  }
}
#catalog_221108 .look .tag-list li span {
  font-size: 0.9em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
#catalog_221108 .look .btn--wrap {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  text-align: center;
}
#catalog_221108 .nav {
  font-family: neue-haas-unica, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
#catalog_221108 .nav dt {
  font-size: 2.7rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav dt {
    font-size: 4.1rem;
  }
}
#catalog_221108 .nav dd {
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav dd {
    font-size: 2.5rem;
  }
}
#catalog_221108 .staff_credits dt, #catalog_221108 .staff_credits dd {
  font-size: 1.2rem;
  line-height: 1.9;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .staff_credits dt, #catalog_221108 .staff_credits dd {
    font-size: 1.8rem;
    line-height: 2.3;
  }
}
#catalog_221108 .staff_credits dt, #catalog_221108 .staff_credits .remarks {
  font-size: 1.4rem;
  line-height: 1.86;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .staff_credits dt, #catalog_221108 .staff_credits .remarks {
    font-size: 2.5rem;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .staff_credits .remarks {
    text-transform: lowercase;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .staff_credits .remarks {
    line-height: 2;
  }
}
#catalog_221108 .viewall {
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .viewall {
    font-size: 2.8rem;
  }
}

.c-text {
  text-align: center;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flexbox > * {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

#catalog_221108 .look .btn--wrap {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid var(--border-color, #000);
}

#catalog_221108 .look__image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--background--color, #fff);
  top: 0;
}
#catalog_221108 .tag-list {
  display: inline;
}
#catalog_221108 .tag-list li a {
  --transitions-timing: cubic-bezier(0.385, 0.145, 0.28, 0.925);
}
#catalog_221108 .btn-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 38rem;
  margin: 8.5rem auto 0;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .btn-wrap {
    max-width: 67.5rem;
    -webkit-margin-before: 10.5rem;
            margin-block-start: 10.5rem;
  }
}
#catalog_221108 .nav {
  margin-top: 15.6rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav {
    -webkit-margin-before: 19.5rem;
            margin-block-start: 19.5rem;
  }
}
#catalog_221108 .nav dd {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav dd {
    margin-top: 5.2rem;
  }
}
#catalog_221108 .nav__list {
  display: block;
}
#catalog_221108 .nav__list:not(:first-child) {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav__list:not(:first-child) {
    margin-top: 5.2rem;
  }
}
#catalog_221108 .nav__list > * {
  display: inline-block;
}
#catalog_221108 .nav__list > * a {
  display: inherit;
}
#catalog_221108 .nav__list > *:not(:last-of-type)::after {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 1px;
  height: 0.8em;
  background: currentColor;
  margin: 0 2.5em;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .nav__list > *:not(:last-of-type)::after {
    margin-inline: 3.5rem;
  }
}
#catalog_221108 .look .btn--wrap {
  display: inline-block;
  width: auto;
  position: absolute;
  bottom: 1.2rem;
  right: 1.4rem;
  width: 9.2rem;
  height: 3.2rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look .btn--wrap {
    bottom: 2.8rem;
    right: 2.6rem;
    width: 9.6rem;
  }
}
#catalog_221108 .look .btn--wrap > * {
  padding: 0.6em;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look .btn--wrap > * {
    padding: 0.5em 0;
  }
}
#catalog_221108 .look .btn--wrap > *::after {
  content: "on";
}
#catalog_221108 .look .btn--wrap > *.active::after {
  content: "off";
}
#catalog_221108 .viewall {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック Medium", sans-serif;
  font-weight: 500;
  padding: 1.25em 0;
  border: 1px solid var(--border-color, #000);
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1;
  -webkit-transition: cubic-bezier(0.385, 0.145, 0.28, 0.925), all 750ms;
  -o-transition: cubic-bezier(0.385, 0.145, 0.28, 0.925), all 750ms;
  transition: cubic-bezier(0.385, 0.145, 0.28, 0.925), all 750ms;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .viewall {
    padding: 4.5rem 0;
    font-size: 2.8rem;
  }
}
#catalog_221108 .viewall:not(:first-of-type) {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .viewall:not(:first-of-type) {
    -webkit-margin-before: 3rem;
            margin-block-start: 3rem;
  }
}
#catalog_221108 .viewall::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #444;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  -o-transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}

@-webkit-keyframes sliderPagination {
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes sliderPagination {
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .main-contents .swiper-container {
    overflow: visible;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .main-contents .swiper-wrapper {
    background-color: #fff;
  }
}
#catalog_221108 .main-contents .swiper-pagination {
  text-align: var(--align-navi, left);
  margin-left: var(--mleft-navi);
  margin-right: var(--mright-navi);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .main-contents .swiper-pagination {
    position: relative;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .main-contents .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 3rem;
  }
}
#catalog_221108 .main-contents .swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  border-radius: 4em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 0.8rem;
  height: 0.8rem;
  pointer-events: all;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .main-contents .swiper-pagination-bullet {
    border-radius: 50vh;
  }
}
#catalog_221108 .main-contents .swiper-pagination-bullet:not(:last-of-type) {
  margin-right: 1.4rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .main-contents .swiper-pagination-bullet:not(:last-of-type) {
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .main-contents .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: auto;
  }
}
#catalog_221108 .main-contents .swiper-pagination-bullet::before {
  content: "";
  background-color: #000;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
#catalog_221108 .main-contents .swiper-pagination-bullet-active {
  background-color: #000;
}
#catalog_221108 .main-contents .swiper-pagination-bullet:hover {
  opacity: 0.7;
}

:root {
  --background-look06: #f1eed0;
  --background-look14: #d3e1e9;
}

@media screen and (max-width: 767px) {
  .main-area {
    overflow: unset;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .wrap {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .wrap {
    -webkit-padding-after: 20rem;
            padding-block-end: 20rem;
  }
}
#catalog_221108 .pageTitle-main {
  position: relative;
  width: 100%;
  max-width: 45rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .pageTitle-main {
    max-width: 57.4rem;
    margin-inline: auto;
  }
}
#catalog_221108 .mainVisual {
  position: relative;
  margin-inline: auto;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .mainVisual {
    max-width: 120rem;
  }
}
#catalog_221108 .mainVisual-text {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .mainVisual-text {
    -webkit-margin-before: 10.4rem;
            margin-block-start: 10.4rem;
  }
}
#catalog_221108 .content-list {
  position: relative;
}
#catalog_221108 .content-01 {
  position: sticky;
  height: var(--lenght-content);
  top: calc(100vh - var(--lenght-content));
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content-01 {
    --lenght-content: 1090rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content-01 {
    --lenght-content: 1480rem;
  }
}
#catalog_221108 .content-02 {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content-02 .content-inner {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .flexbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#catalog_221108 .look {
  display: grid;
  margin-inline: auto;
  margin: 0 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-template-columns: var(--grid-columnLayout);
  -webkit-column-gap: var(--cgap-look);
     -moz-column-gap: var(--cgap-look);
          column-gap: var(--cgap-look);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .look {
    grid-template-columns: var(--grid-columnLayout, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look-inner {
    max-width: 75rem;
    margin-inline: auto;
  }
}
#catalog_221108 .look__number {
  position: relative;
  z-index: 3;
  pointer-events: none;
  grid-row: var(--row-number);
  grid-column: var(--column-number);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .look__number {
    grid-row: var(--row-number, 1/2);
    grid-column: var(--column-number, 1/2);
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .look__tag-more {
    display: none;
  }
}
#catalog_221108 .look__image {
  position: relative;
  pointer-events: none;
  max-width: var(--image-width);
}
#catalog_221108 .look__image a {
  pointer-events: all;
}
#catalog_221108 .look__image::before {
  left: 0;
}
#catalog_221108 .look__image-wrap {
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look__image-wrap {
    margin-inline: auto;
  }
  #catalog_221108 .look__image-wrap:not(:first-of-type) {
    -webkit-margin-before: var(--mtop-image, 4rem);
            margin-block-start: var(--mtop-image, 4rem);
  }
}
#catalog_221108 .look__image-wrap > * {
  display: var(--layout-image, block);
  grid-row: var(--row-image);
  grid-column: var(--column-image);
  -webkit-box-align: var(--align-image, flex-start);
      -ms-flex-align: var(--align-image, flex-start);
          align-items: var(--align-image, flex-start);
  -webkit-box-pack: var(--justify-image, flex-start);
      -ms-flex-pack: var(--justify-image, flex-start);
          justify-content: var(--justify-image, flex-start);
  grid-template-columns: var(--grid-columnLayout);
  -webkit-column-gap: var(--cgap-image);
     -moz-column-gap: var(--cgap-image);
          column-gap: var(--cgap-image);
}
#catalog_221108 .look__image-wrap .vCaption {
  max-width: 100%;
  margin-top: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  --layout-image: grid;
  --justify-tag: flex-start;
  --transform-caption: rotate(-90deg);
  --grid-columnLayout: var(--image-width) var(--caption-height);
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look__image-wrap .vCaption figcaption {
    position: relative;
    opacity: 1;
  }
}
#catalog_221108 .look__image-wrap .vCaption .tag-list {
  width: var(--tag-width);
  margin-top: var(--mtop-caption);
  pointer-events: all;
}
#catalog_221108 .look__image-wrap .vCaption .tag-list > * {
  display: inline-block;
}
#catalog_221108 .look__image-wrap .vCaption .tag-list li {
  -webkit-font-smoothing: antialiased;
}
#catalog_221108 .look__image-wrap .vCaption .tag-list li a {
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-perspective: 1000;
}
#catalog_221108 .look__image [data-animate*=crossFade] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#catalog_221108 .look__caption {
  position: relative;
  grid-row: var(--row-caption);
  grid-column: var(--column-caption);
  max-width: var(--tag-width);
  height: var(--caption-height);
  margin-top: var(--mtop-caption, 2.6rem);
  margin-right: var(--mright-caption);
  margin-left: var(--mleft-caption);
  -webkit-transform: var(--transform-caption);
      -ms-transform: var(--transform-caption);
          transform: var(--transform-caption);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look__caption {
    --tag-width: 67rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}
#catalog_221108 .look__tag-more {
  pointer-events: all;
  position: absolute;
  bottom: 2rem;
  right: 2.5rem;
  width: 6.8rem;
  height: 6.8rem;
  z-index: 3;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .look__tag-more {
    display: none;
  }
}
#catalog_221108 .look__tag-more::after, #catalog_221108 .look__tag-more::before {
  content: "";
  background: var(--icon-color, #fff);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
#catalog_221108 .look__tag-more::after {
  width: 100%;
  height: 1px;
  top: 50%;
}
#catalog_221108 .look__tag-more::before {
  width: 1px;
  height: 100%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look figure.active .tag-list {
    --active-color: #fff;
  }
  #catalog_221108 .look figure.active .look__caption {
    opacity: 1;
    pointer-events: all;
    bottom: 2rem;
  }
  #catalog_221108 .look figure.active .look__tag-more {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #catalog_221108 .look figure.active .look__tag-more::after {
    opacity: 0;
  }
}
#catalog_221108 .look .tag-list {
  display: var(--layout-tag, flex);
  -webkit-column-gap: var(--c-gap, 0.75rem);
     -moz-column-gap: var(--c-gap, 0.75rem);
          column-gap: var(--c-gap, 0.75rem);
  -ms-flex-wrap: var(--wrap-tag, wrap);
      flex-wrap: var(--wrap-tag, wrap);
  -webkit-box-pack: var(--justify-tag);
      -ms-flex-pack: var(--justify-tag);
          justify-content: var(--justify-tag);
}
@media screen and (max-width: 767px) {
  #catalog_221108 .look .tag-list {
    --c-gap: 1.2rem;
  }
}
#catalog_221108 .look .tag-list li:has(.no_link):hover {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 1;
}
#catalog_221108 .look .tag-list .no_link {
  opacity: 1;
  pointer-events: none;
  cursor: initial;
  border: none;
  text-decoration: none;
}
#catalog_221108 .look .tag-list .no_link span {
  padding: 0 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .staff_credits {
    max-width: 105rem;
    margin: 0 auto;
    margin-top: 7.8rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .staff_credits {
    max-width: 60rem;
    margin-inline: auto;
    -webkit-margin-before: 15rem;
            margin-block-start: 15rem;
  }
}
#catalog_221108 .staff_credits dd {
  margin-top: 1.2em;
}
#catalog_221108 .staff_credits .remarks {
  position: relative;
  margin-top: 10.5rem;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .staff_credits .remarks {
    -webkit-margin-before: 20.8rem;
            margin-block-start: 20.8rem;
  }
}
#catalog_221108 .staff_credits .remarks::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-left: 2rem;
  width: 100vw;
  height: 1px;
  background-color: #000;
}
#catalog_221108 .content-item {
  position: relative;
  margin: 0 auto;
  max-width: var(--width-content, 140rem);
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content-item {
    max-width: 75rem;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content-02 .content-inner {
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look {
    max-width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-02, #catalog_221108 .content .look-04, #catalog_221108 .content .look-10, #catalog_221108 .content .look-12 {
    --caption-height: 10rem;
    --image-width: 59.4rem;
    --tag-width: 80rem;
    --mtop-caption: 2rem;
  }
  #catalog_221108 .content .look-02 > *, #catalog_221108 .content .look-04 > *, #catalog_221108 .content .look-10 > *, #catalog_221108 .content .look-12 > * {
    max-width: 68rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #catalog_221108 .content .look-02 figure:nth-child(2), #catalog_221108 .content .look-04 figure:nth-child(2), #catalog_221108 .content .look-10 figure:nth-child(2), #catalog_221108 .content .look-12 figure:nth-child(2) {
    -webkit-margin-before: 3rem;
            margin-block-start: 3rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look:not(:first-of-type) {
    margin-top: var(--mtop-content, 12rem);
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look:not(:first-of-type) {
    margin-top: var(--mtop-content, 3rem);
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-01 {
    --justify-tag: center;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-01 picture:not(:first-of-type) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
}
#catalog_221108 .content .look-02 {
  display: block;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-02 > * {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-02 > * {
    max-width: 68rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-02 {
    --mtop-content: 7.4rem;
    --image-width: 49.4rem;
    --caption-height: calc(60rem - 49.4rem);
    --tag-width: 54rem;
    --mtop-caption: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-02 {
    --caption-height: 10rem;
    --image-width: 59.4rem;
    --tag-width: 80rem;
    --mtop-caption: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-02 figure {
    grid-column: 2/3;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-02 figure:nth-child(2) {
    --tag-width: 45rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-02 figure:nth-child(2) {
    --tag-width: 60rem;
    -webkit-margin-before: 3rem;
            margin-block-start: 3rem;
  }
}
#catalog_221108 .content .look-03 {
  display: block;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-03 {
    --mtop-content: 3.7rem;
  }
}
#catalog_221108 .content .look-03 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-03 > * {
    grid-template-columns: repeat(2, 1fr);
    max-width: 111.5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-03 figure:nth-child(1) {
    width: 60rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-03 figure:nth-child(2) {
    --row-image: 2/3;
    --column-image: 2/3;
    width: 60rem;
    margin-left: -8.4rem;
    margin-top: -8.5rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-03 figure:nth-child(2) {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-03 figure:nth-child(2) .look__caption {
    --mleft-caption: -50rem;
    --tag-width: 45rem;
    position: absolute;
    bottom: -0.4rem;
  }
}
#catalog_221108 .content .look-04 {
  display: block;
}
#catalog_221108 .content .look-04 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-04 > * {
    grid-template-columns: repeat(2, 1fr);
    max-width: 111.5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-04 {
    --image-width: 49.4rem;
    --caption-height: calc(60rem - 49.4rem);
    --tag-width: 45rem;
    --mtop-caption: 2.8rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-04 figure {
    grid-column: 1/2;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-04 figure:nth-child(2) {
    grid-row: 2/3;
  }
}
#catalog_221108 .content .look-05 {
  --layout-image: block;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-05 {
    --mtop-content: 15rem;
    --tag-width: 45rem;
    --mtop-caption: 1.6rem;
  }
  #catalog_221108 .content .look-05 > * {
    max-width: 60rem;
    left: 4.2rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-05 {
    --mtop-content: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-05 figure:nth-child(2) {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-05 figure:nth-child(2) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
}
#catalog_221108 .content .look-06 {
  max-width: 100%;
  display: block;
  background-color: var(--background-look06);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-06 {
    --mtop-content: 14.5rem;
    --cgap-look: 3.7rem;
    --mtop-caption: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 {
    --mtop-content: 0;
  }
}
#catalog_221108 .content .look-06 > * {
  display: grid;
  max-width: 74.5rem;
  -webkit-column-gap: var(--cgap-look);
     -moz-column-gap: var(--cgap-look);
          column-gap: var(--cgap-look);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-06 > * {
    grid-template-columns: 22.8rem 48rem;
    padding-top: 15.5rem;
    padding-bottom: 14.2rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 > * {
    max-width: 60rem;
    -webkit-padding-before: 8rem;
            padding-block-start: 8rem;
    -webkit-padding-after: 10rem;
            padding-block-end: 10rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-06 .look__item {
    --tag-width: 20rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 .look__item {
    --cgap-image: 3rem;
    --mtop-caption: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-06 .look__item-image02 {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 .look__item > *:nth-child(3) {
    grid-column: 1/3;
  }
  #catalog_221108 .content .look-06 .look__item > *:nth-child(3) .tag-list {
    --c-gap: 15.5rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 .look__caption {
    opacity: 1;
    position: relative;
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-06 figure:nth-child(2) {
    --tag-width: 40rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-06 figure:nth-child(2) {
    --mtop-caption: 1.5rem;
    -webkit-margin-before: 7rem;
            margin-block-start: 7rem;
  }
}
#catalog_221108 .content .look-07 {
  display: block;
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-07 {
    --mtop-content: 0;
  }
}
#catalog_221108 .content .look-07 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-07 > * {
    grid-template-columns: repeat(2, 1fr);
    max-width: 111.5rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-07 figure .look__caption {
    --tag-width: 60rem;
    margin-left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-07 figure:nth-child(1) {
    --column-image: 2/3;
    width: 60rem;
    z-index: 3;
    margin-left: -8.4rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-07 figure:nth-child(2) {
    --row-image: 2/3;
    --column-image: 1/2;
    width: 60rem;
    margin-top: -6.8rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-07 figure:nth-child(2) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-07 figure:nth-child(2) .look__caption {
    --mright-caption: -50rem;
    --tag-width: 40rem;
    position: absolute;
    left: auto;
    right: -1.8rem;
    bottom: -0.4rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-08 {
    --mtop-content: 15rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-08 {
    --mtop-content: 2rem;
    max-width: 71rem;
  }
}
#catalog_221108 .content .look-08 figure {
  display: block;
}
#catalog_221108 .content .look-08 figure figcaption {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-08 figure figcaption {
    bottom: 5.6rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-08 figure figcaption {
    top: 11.2rem;
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-09 {
    --mtop-content: 0;
    --mtop-caption: 1.5rem;
    padding-top: 15rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-09 {
    -webkit-padding-before: 2.5rem;
            padding-block-start: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-09 > * {
    max-width: 60rem;
    left: 1.8rem;
  }
}
#catalog_221108 .content .look-10 {
  display: block;
}
#catalog_221108 .content .look-10 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-10 > * {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-10 {
    --mtop-content: 14.6rem;
    --image-width: 49.4rem;
    --caption-height: calc(60rem - 49.4rem);
    --tag-width: 44rem;
    --mtop-caption: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-10 {
    --tag-width: 66rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-10 figure {
    grid-column: 2/3;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-10 figure:nth-child(2) {
    --tag-width: 60rem;
    -webkit-margin-before: 4.2rem;
            margin-block-start: 4.2rem;
  }
}
#catalog_221108 .content .look-11 {
  display: block;
}
#catalog_221108 .content .look-11 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-11 > * {
    grid-template-columns: repeat(2, 1fr);
    max-width: 105rem;
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-11 {
    --mtop-content: 7.5rem;
    --mtop-caption: 1.6rem;
    --tag-width: 40rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-11 figure {
    max-width: 50rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-11 figure:nth-child(2) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
}
#catalog_221108 .content .look-12 {
  display: block;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-12 {
    --mtop-content: 11.8rem;
    --image-width: 49.4rem;
    --caption-height: calc(60rem - 49.4rem);
    --tag-width: 48rem;
    --mtop-caption: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-12 {
    --tag-width: 70rem;
  }
}
#catalog_221108 .content .look-12 > * {
  display: grid;
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-12 > * {
    grid-template-columns: repeat(2, 1fr);
    max-width: 111.5rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-12 figure {
    grid-column: 1/2;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-12 figure:nth-child(2) {
    --tag-width: 40rem;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-12 figure:nth-child(2) {
    --tag-width: 50rem;
    -webkit-margin-before: 4rem;
            margin-block-start: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-13 {
    --mtop-content: 15rem;
    --mtop-caption: 1.5rem;
    --tag-width: 30rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-13 {
    --mtop-content: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-13 > * {
    max-width: 60rem;
  }
}
#catalog_221108 .content .look-14 {
  max-width: 100%;
  display: block;
  background-color: var(--background-look14);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 {
    --mtop-content: 14.5rem;
    --cgap-look: 3.7rem;
    --mtop-caption: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 {
    --mtop-content: 0;
  }
}
#catalog_221108 .content .look-14 > * {
  display: grid;
  -webkit-column-gap: var(--cgap-look);
     -moz-column-gap: var(--cgap-look);
          column-gap: var(--cgap-look);
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 > * {
    grid-template-columns: 22.8rem 48rem;
    max-width: 74.5rem;
    padding-top: 15.5rem;
    padding-bottom: 16.2rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 > * {
    max-width: 60rem;
    -webkit-padding-before: 8rem;
            padding-block-start: 8rem;
    -webkit-padding-after: 9rem;
            padding-block-end: 9rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 .look__item {
    --tag-width: 15rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 .look__item {
    --cgap-image: 3rem;
    --mtop-caption: 1.8rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
  #catalog_221108 .content .look-14 .look__item > *:nth-child(1) {
    grid-column: 2/3;
  }
  #catalog_221108 .content .look-14 .look__item > *:nth-child(2) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #catalog_221108 .content .look-14 .look__item > *:nth-child(3) {
    grid-column: 1/3;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 .look__item-image02 {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 .look__caption {
    opacity: 1;
    position: relative;
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 figure:nth-child(1) {
    --column-image: 2/3;
    --tag-width: 40rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 figure:nth-child(1) {
    --mtop-caption: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-14 figure:nth-child(2) {
    --row-image: 1/2;
    --column-image: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-14 figure:nth-child(2) .tag-list {
    --c-gap: 17.5rem;
    --justify-tag: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-15 {
    --mtop-content: 7.5rem;
    max-width: 105rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-15 {
    --mtop-content: 0;
  }
}
@media screen and (min-width: 768px) {
  #catalog_221108 .content .look-15 .look__video {
    height: 66.6rem;
  }
}
@media screen and (max-width: 767px) {
  #catalog_221108 .content .look-15 .look__video {
    height: 130rem;
  }
}
#catalog_221108 .content .look-15 .look__video video {
  -o-object-fit: cover;
     object-fit: cover;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /*
  * Prefixed by https://autoprefixer.github.io
  * PostCSS: v8.4.12,
  * Autoprefixer: v10.4.4
  * Browsers: last 4 version
  */
  /*
  * Prefixed by https://autoprefixer.github.io
  * PostCSS: v8.4.14,
  * Autoprefixer: v10.4.7
  * Browsers: last 4 version
  */
}