#topicsList {
  overflow-x: clip;
  background: #EFE9DF;
  color: #251E1C;
  font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", serif;
}

:where(#topicsList) img {
  display: block;
  width: 100%;
  height: auto;
}
:where(#topicsList) ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(#topicsList) p,
:where(#topicsList) h1,
:where(#topicsList) h2 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
:where(#topicsList) a {
  color: inherit;
  text-decoration: none;
}

.mk {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}

.anim {
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out;
  will-change: opacity, transform;
}
.anim.fadeInUp {
  transform: translateY(30px);
}
.anim.is-box {
  transition-delay: 0.4s;
}
.anim.is-text {
  transition-delay: 0.7s;
}
.anim.active {
  opacity: 1;
  transform: translateY(0);
}

.mk-kv {
  container-type: inline-size;
  position: relative;
  width: 100%;
  height: 100vh;
}
.mk-kv.is-reveal {
  height: 200vh;
}
@media (width < 960px) {
  .mk-kv {
    height: 100svh;
  }
  .mk-kv.is-reveal {
    height: 200svh;
  }
}
.mk-kv.is-app {
  height: 153.6cqw;
}
.mk-kv__stage {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: clip;
  background: #EFE9DF;
}
@media (width < 960px) {
  .mk-kv__stage {
    position: relative;
    height: 100svh;
  }
  .mk-kv.is-reveal .mk-kv__stage {
    position: sticky;
  }
}
.mk-kv.is-app .mk-kv__stage {
  height: 153.6cqw;
}
.mk-kv__photo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100cqw, 100vh * 1.8);
  aspect-ratio: 1440/800;
  transform: translate(-50%, -50%);
}
@media (width < 960px) {
  .mk-kv__photo {
    width: max(100cqw, 100svh * 0.6510416667);
    aspect-ratio: 375/576;
  }
}
.mk-kv.is-app .mk-kv__photo {
  width: 100cqw;
}
.mk-kv__photo img {
  height: 100%;
}
.mk-kv__logo, .mk-kv__title, .mk-kv__sub {
  z-index: 2;
}
.mk-kv__sub {
  color: #FFF;
  font-size: 2.0833333333cqw;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
@media (width < 960px) {
  .mk-kv__sub {
    font-size: 4cqw;
    font-weight: 600;
    letter-spacing: -0.02em;
  }
}

.mk-kv__tl {
  display: block;
}

.mk-kv:not(.is-app) .mk-kv__tl,
.mk-kv:not(.is-app) .mk-kv__sub,
.mk-kv:not(.is-app) .mk-kv__logo {
  --e: 0px;
  clip-path: inset(0 0 100% 0);
  transform: translateY(calc(100% + var(--e)));
  transition: clip-path var(--d, 0.8s) cubic-bezier(0.2, 0.7, 0.2, 1), transform var(--d, 0.8s) cubic-bezier(0.2, 0.7, 0.2, 1);
}
.is-kv-ready .mk-kv:not(.is-app) .mk-kv__tl,
.is-kv-ready .mk-kv:not(.is-app) .mk-kv__sub,
.is-kv-ready .mk-kv:not(.is-app) .mk-kv__logo {
  clip-path: inset(0 0 calc(var(--e) * -1) 0);
  transform: translateY(0);
}

@media (width < 960px) {
  .mk-kv:not(.is-app) .mk-kv__tl {
    --e: 6.9333333333cqw;
  }
}

.mk-kv:not(.is-app) .mk-kv__sub {
  --e: 3.125cqw;
  --d: 0.9s;
}
@media (width < 960px) {
  .mk-kv:not(.is-app) .mk-kv__sub {
    --e: 8cqw;
  }
}

.mk-kv:not(.is-app) .mk-kv__logo {
  --e: 3.1944444444cqw;
  --d: 0.9s;
}
@media (width < 960px) {
  .mk-kv:not(.is-app) .mk-kv__logo {
    --e: 8cqw;
  }
}

.mk-kv:not(.is-app) .mk-kv__tl:nth-child(2) {
  transition-delay: 0.25s;
}

.mk-kv:not(.is-app) .mk-kv__sub {
  transition-delay: 0.5s;
}

.mk-kv:not(.is-app) .mk-kv__logo {
  transition-delay: 0.75s;
}

.mk-nav__list > li {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.is-kv-ready .mk-nav__list > li {
  opacity: 1;
  transform: translateY(0);
}

.mk-nav__list > li:nth-child(1) {
  transition-delay: 1s;
}

.mk-nav__list > li:nth-child(2) {
  transition-delay: 1.125s;
}

.mk-nav__list > li:nth-child(3) {
  transition-delay: 1.25s;
}

.mk-kv:not(.is-app) .mk-kv__photo {
  clip-path: inset(50%);
}

.mk-kv:not(.is-app) .mk-kv__photo img {
  clip-path: inset(0 0 100% 0);
}
.is-kv-in .mk-kv:not(.is-app) .mk-kv__photo img {
  animation: mk-kv-img 1.6s cubic-bezier(0.65, 0, 0.2, 1) 1s both;
}

@keyframes mk-kv-img {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mk-kv:not(.is-app) .mk-kv__photo img {
    clip-path: none;
    animation: none;
  }
}
.is-kv-skip .mk-kv:not(.is-app) .mk-kv__photo img {
  clip-path: none;
  animation: none;
}
.is-kv-skip .mk-kv:not(.is-app) .mk-kv__tl,
.is-kv-skip .mk-kv:not(.is-app) .mk-kv__sub,
.is-kv-skip .mk-kv:not(.is-app) .mk-kv__logo,
.is-kv-skip .mk-nav__list > li {
  transition: none;
}

.mk-sec__ttl.anim-group {
  --e: 3.3333333333cqw;
}
@media (width < 960px) {
  .mk-sec__ttl.anim-group {
    --e: 7.4666666667cqw;
  }
}
.mk-sec__ttl.anim-group picture {
  display: block;
  clip-path: inset(0 0 100% 0);
  transform: translateY(calc(100% + var(--e)));
  transition: clip-path 1s cubic-bezier(0.2, 0.7, 0.2, 1), transform 1s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.mk-sec__ttl.anim-group ~ .mk-sec__line {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.6, 0, 0.2, 1) 0.8s;
}
.mk-sec__ttl.anim-group.active picture {
  clip-path: inset(0 0 calc(var(--e) * -1) 0);
  transform: translateY(0);
}
.mk-sec__ttl.anim-group.active ~ .mk-sec__line {
  transform: scaleX(1);
}

.mk-kv__scroll {
  position: absolute;
  z-index: 2;
  right: 2.5cqw;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8333333333cqw;
  opacity: 0;
  transition: opacity 1s ease-out 1.5s;
}
@media (width < 960px) {
  .mk-kv__scroll {
    right: 3.7333333333cqw;
    gap: 2.1333333333cqw;
  }
}
.is-kv-ready .mk-kv__scroll {
  opacity: 1;
}
.is-kv-skip .mk-kv__scroll {
  transition: none;
}
.mk-kv__scroll-txt {
  width: 0.7361111111cqw;
}
@media (width < 960px) {
  .mk-kv__scroll-txt {
    width: 2.2666666667cqw;
  }
}
.mk-kv__scroll-bar {
  width: 1px;
  height: 4.8611111111cqw;
  background: #FFF;
  animation: mk-kv-scrollbar 2s cubic-bezier(0.65, 0, 0.2, 1) infinite;
}
@media (width < 960px) {
  .mk-kv__scroll-bar {
    height: 12.2666666667cqw;
  }
}

@keyframes mk-kv-scrollbar {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  50.01% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
.mk-blk.anim-group {
  transition: clip-path 0.9s cubic-bezier(0.65, 0, 0.2, 1);
}
.mk-blk.anim-group.mk-blk--l {
  clip-path: inset(0 100% 0 0);
}
.mk-blk.anim-group.mk-blk--t {
  clip-path: inset(0 0 100% 0);
}
.mk-blk.anim-group.mk-blk--r {
  clip-path: inset(0 0 0 100%);
}
.mk-blk.anim-group.mk-blk--b {
  clip-path: inset(100% 0 0 0);
}
.mk-blk.anim-group.active {
  clip-path: inset(0);
}

.mk-sec__desc.anim-group {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.9s cubic-bezier(0.65, 0, 0.2, 1);
}
.mk-sec__desc.anim-group.active {
  clip-path: inset(0);
}

.mk-fixed {
  container-type: inline-size;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  pointer-events: none;
}

.mk-nav {
  position: absolute;
  top: 10.5416666667cqw;
  left: 4.8055555556cqw;
  pointer-events: auto;
}
@media (width < 960px) {
  .mk-nav {
    top: 15.2cqw;
    left: 5.3866666667cqw;
    transition: top 0.4s;
  }
  .is-past-kv .mk-nav {
    top: 3.2cqw;
  }
}
.mk-nav__list {
  display: flex;
  flex-direction: column;
  gap: 1.7986111111cqw;
}
@media (width < 960px) {
  .mk-nav__list {
    flex-direction: row;
    gap: 4.1333333333cqw;
  }
}
.mk-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 9.5416666667cqw;
  height: 3.5972222222cqw;
  border: 0.1388888889cqw solid;
  border-radius: calc(3.5972222222cqw / 2);
  background: #EFE9DF;
  position: relative;
  overflow: hidden;
}
.mk-nav__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
}
.mk-nav__btn picture {
  position: relative;
}
.mk-nav__btn img {
  transition: filter 0.4s;
}
@media (hover: hover) {
  .mk-nav__btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  .mk-nav__btn:hover img {
    filter: brightness(0) invert(1);
  }
}
.mk-nav__btn.is-active::before {
  transform: scaleX(1);
  transform-origin: left;
}
.mk-nav__btn.is-active img {
  filter: brightness(0) invert(1);
}
@media (width < 960px) {
  .mk-nav__btn {
    width: 27.2cqw;
    height: 10.9333333333cqw;
    border-width: 0.5333333333cqw;
    border-radius: calc(10.9333333333cqw / 2);
  }
}
.mk-nav__btn--logo {
  color: #0B496C;
}
.mk-nav__btn--cami {
  color: #BD9F66;
}
.mk-nav__btn--cardi {
  color: #7F2A29;
}
.mk-nav__btn picture {
  display: block;
}
.mk-nav__btn--logo picture {
  width: 5.2465277778cqw;
}
.mk-nav__btn--cami picture {
  width: 4.9326388889cqw;
}
.mk-nav__btn--cardi picture {
  width: 4.99375cqw;
}
@media (width < 960px) {
  .mk-nav__btn--logo picture {
    width: 16.3706666667cqw;
  }
  .mk-nav__btn--cami picture {
    width: 15.3893333333cqw;
  }
  .mk-nav__btn--cardi picture {
    width: 15.5786666667cqw;
  }
}

.mk-lead {
  position: relative;
  height: 27.875cqw;
}
@media (width < 960px) {
  .mk-lead {
    height: 70.4cqw;
  }
}
.mk-lead__text {
  font-size: 1.1111111111cqw;
  font-weight: 700;
  line-height: 1.875;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
}
@media (width < 960px) {
  .mk-lead__text {
    max-width: 89.3066666667cqw;
    font-size: 4cqw;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0;
    white-space: normal;
  }
}

@media (width < 960px) {
  .mk-br-pc {
    display: none;
  }
}

.mk-sec {
  position: relative;
}
.mk-sec--logo {
  --c: #0B496C;
  --ac: #E9BF28;
  height: 149.3055555556cqw;
}
@media (width < 960px) {
  .mk-sec--logo {
    height: 320cqw;
  }
}
.mk-sec--cami {
  --c: #BD9F66;
  --ac: #0B496C;
  height: 138.8888888889cqw;
}
@media (width < 960px) {
  .mk-sec--cami {
    height: 336cqw;
  }
}
.mk-sec--cardi {
  --c: #7F2A29;
  --ac: #D6C6A4;
  height: 136.0416666667cqw;
}
@media (width < 960px) {
  .mk-sec--cardi {
    height: 350.9333333333cqw;
  }
}
.mk-sec__line {
  display: block;
  background: var(--c);
}
.mk-sec__b1, .mk-sec__b2, .mk-sec__b3 {
  background: var(--c);
}
@media (width >= 960px) {
  .mk-sec--cami .mk-sec__b3 {
    display: none;
  }
}
.mk-sec__desc {
  background: var(--c);
  color: #FFF;
}
.mk-sec__desc p {
  position: absolute;
  font-size: 0.9027777778cqw;
  font-weight: 600;
  line-height: 1.6153846154;
  letter-spacing: 0.03em;
  text-align: justify;
}
@media (width < 960px) {
  .mk-sec__desc p {
    font-size: 3.4666666667cqw;
    line-height: 1.3846153846;
  }
}
@media (width >= 960px) {
  .mk-sec .mk-desc__l {
    display: block;
    white-space: nowrap;
    text-align-last: justify;
  }
  .mk-sec .mk-desc__l:last-child {
    text-align-last: auto;
  }
  .mk-sec .mk-desc__h {
    margin-right: -0.5em;
  }
  .mk-sec .mk-desc__h--mid {
    margin-inline: -0.25em;
  }
}
@media (width >= 960px) {
  .mk-sec--logo .mk-sec__desc p {
    letter-spacing: 0;
  }
}
@media (width >= 960px) {
  .mk-sec--cardi .mk-sec__desc p {
    line-height: 1.7538461538;
  }
}
.mk-sec__price {
  color: #FFF;
  font-family: "Figtree", sans-serif;
}
.mk-sec__price::before, .mk-sec__price::after {
  content: "";
  position: absolute;
  left: 0;
}
.mk-sec__price::before {
  inset: 0.6944444444cqw 0 0;
}
@media (width < 960px) {
  .mk-sec__price::before {
    inset: 2.1333333333cqw 0 0;
  }
}
.mk-sec__price::after {
  top: 0;
  width: 0.7152777778cqw;
  height: 0.6944444444cqw;
  background: radial-gradient(circle at 100% 0, transparent 0.6944444444cqw, var(--c) 0.6944444444cqw);
}
@media (width < 960px) {
  .mk-sec__price::after {
    width: 2.2133333333cqw;
    height: 2.1333333333cqw;
    background: radial-gradient(circle at 100% 0, transparent 2.1333333333cqw, var(--c) 2.1333333333cqw);
  }
}
.mk-sec__price::before {
  background: var(--c);
}
@media (width < 960px) {
  .mk-sec--cardi .mk-sec__price::after {
    left: auto;
    right: 0;
    background: radial-gradient(circle at 0 0, transparent 2.1333333333cqw, var(--c) 2.1333333333cqw);
  }
}
.mk-sec__p1 img, .mk-sec__p2 img, .mk-sec__p3 img, .mk-sec__p4 img, .mk-sec__p5 img {
  height: 100%;
}

.mk-price__txt {
  position: absolute;
  z-index: 1;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.mk-price__txt span {
  display: block;
}
.mk-price__by {
  color: var(--ac);
  font-size: 1.1111111111cqw;
  line-height: 1.25;
}
@media (width < 960px) {
  .mk-price__by {
    font-size: 3.4666666667cqw;
    line-height: 1.2307692308;
  }
}
.mk-price__name {
  font-size: 1.3888888889cqw;
  line-height: 1.1;
}
@media (width < 960px) {
  .mk-price__name {
    font-size: 4.2666666667cqw;
    line-height: 1.125;
  }
}
.mk-price__yen {
  font-size: 1.0416666667cqw;
  line-height: 1.3333333333;
}
@media (width < 960px) {
  .mk-price__yen {
    font-size: 3.2cqw;
    line-height: 1.3333333333;
  }
}
.mk-price__buy {
  position: absolute;
  z-index: 1;
  display: block;
  width: 2.1069444444cqw;
  height: 0.7444444444cqw;
  color: var(--ac);
}
@media (width < 960px) {
  .mk-price__buy {
    width: 6.472cqw;
    height: 2.288cqw;
  }
}

.mk-buy {
  display: block;
  width: 100%;
  height: 100%;
}

.mk-look__buy,
.mk-pop__buy,
.mk-price__buy {
  padding-bottom: calc(0.1458333333cqw + 1px);
  margin-bottom: calc((0.1458333333cqw + 1px) * -1);
  background: linear-gradient(currentColor, currentColor) no-repeat left bottom/0 1px;
  transition: background-size 0.4s;
}
@media (width < 960px) {
  .mk-look__buy,
  .mk-pop__buy,
  .mk-price__buy {
    padding-bottom: calc(0.56cqw + 1px);
    margin-bottom: calc((0.56cqw + 1px) * -1);
  }
}

.mk-price__buy.anim {
  transition: opacity 1s ease-out 0.7s, transform 1s ease-out 0.7s, background-size 0.4s 0s;
}

@media (hover: hover) {
  .mk-look__buy:hover,
  .mk-pop__buy:hover,
  .mk-sec__price:hover .mk-price__buy {
    background-size: 100% 1px;
  }
}
.mk-look__li,
.mk-pop__li {
  position: relative;
}

.mk-look__buy::after,
.mk-pop__buy::after {
  content: "";
  position: absolute;
  inset: 0;
}

.mk-sec__price.active,
.is-app .mk-sec__price {
  animation: mk-bob 2.4s ease-in-out 1.6s infinite;
}

@keyframes mk-bob {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mk-sec__price {
    animation: none !important;
  }
}
.mk-look {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.mk-looks.active .mk-look {
  opacity: 1;
  transform: translateY(0);
}
.mk-looks.active .mk-look:nth-child(2) {
  transition-delay: 0.2s;
}
.mk-looks.active .mk-look:nth-child(3) {
  transition-delay: 0.4s;
}
.mk-look__photo {
  height: 100%;
}
.mk-look__photo img {
  height: 100%;
}
.mk-look__open {
  position: absolute;
  z-index: 2;
  bottom: 1.0069444444cqw;
  left: 1.0069444444cqw;
  width: 2.1180555556cqw;
  height: 2.1180555556cqw;
  cursor: pointer;
}
@media (width < 960px) {
  .mk-look__open {
    bottom: 1.8666666667cqw;
    left: 1.8666666667cqw;
    width: 6.96cqw;
    height: 6.96cqw;
  }
}
.mk-look__icon {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-radius: 50%;
}
.mk-look__icon::before, .mk-look__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: #FFF;
  transition: opacity 0.4s;
}
.mk-look__icon::before {
  width: 0.6736111111cqw;
  height: 1px;
}
@media (width < 960px) {
  .mk-look__icon::before {
    width: 2.2133333333cqw;
  }
}
.mk-look__icon::after {
  width: 1px;
  height: 0.6736111111cqw;
}
@media (width < 960px) {
  .mk-look__icon::after {
    height: 2.2133333333cqw;
  }
}
.mk-look__toggle:checked ~ .mk-look__open .mk-look__icon::after {
  opacity: 0;
}
.mk-look__credit {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s;
  color: #FFF;
  font-family: "Figtree", sans-serif;
}
.mk-look__toggle:checked ~ .mk-look__credit {
  visibility: visible;
  opacity: 1;
}
.mk-look__li {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.mk-look__rule {
  display: inline-block;
  height: 0;
  border-bottom: 1px solid #FFF;
}
.mk-look__buy {
  display: block;
  align-self: center;
  color: #FFF;
}
@media (width >= 960px) {
  .mk-look__credit {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .mk-look__list {
    position: absolute;
    bottom: 3.6180555556cqw;
    left: 1.0416666667cqw;
  }
  .mk-look__li {
    font-size: 0.9027777778cqw;
    line-height: 1.6923076923;
  }
  .mk-look__name {
    display: flex;
    align-items: baseline;
    flex: 0 0 auto;
  }
  .mk-look__rule {
    flex: 1 1 auto;
    min-width: 0;
  }
  .mk-look__yen {
    flex: 0 0 auto;
    width: 3.5826388889cqw;
  }
  .mk-look__buy {
    width: 1.78125cqw;
    height: 0.6291666667cqw;
  }
}
@media (width < 960px) {
  .mk-look__credit {
    display: none;
  }
}

@media (width >= 960px) {
  .mk-sec--cami .mk-look__open {
    left: auto;
    right: 1.0069444444cqw;
  }
}
@media (width < 960px) {
  .mk-sec--cami .mk-look__open {
    left: auto;
    right: 1.8666666667cqw;
  }
}
@media (width >= 960px) {
  .mk-sec--cami .mk-look__list {
    left: auto;
    right: 1.0208333333cqw;
  }
  .mk-sec--cami .mk-look__li {
    justify-content: flex-end;
  }
  .mk-sec--cami .mk-look__rule {
    flex: 0 0 auto;
    width: 1.0902777778cqw;
  }
}

@media (width >= 960px) {
  .mk-sec--logo .mk-look__li,
  .mk-sec--cardi .mk-look__li {
    display: grid;
    grid-template-columns: 5.93125cqw 3.5826388889cqw auto;
    align-items: baseline;
  }
  .mk-sec--logo .mk-look__name,
  .mk-sec--cardi .mk-look__name {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  .mk-sec--logo .mk-look__rule,
  .mk-sec--cardi .mk-look__rule {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
  }
  .mk-sec--logo .mk-look__yen,
  .mk-sec--cardi .mk-look__yen {
    grid-column: 2;
    grid-row: 1;
  }
  .mk-sec--logo .mk-look__buy,
  .mk-sec--cardi .mk-look__buy {
    grid-column: 3;
    grid-row: 1;
  }
}

.mk-pop {
  position: absolute;
  z-index: 60;
  top: 50vh;
  left: 0;
  right: 0;
  width: 85.3333333333cqw;
  margin-inline: auto;
  padding-bottom: 7.1733333333cqw;
  background: linear-gradient(rgba(0, 0, 0, 0.6) 8cqw, var(--c) 8cqw);
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.6);
  color: #FFF;
  font-family: "Figtree", sans-serif;
  visibility: hidden;
  opacity: 0;
  translate: 0 -50%;
  transition: opacity 0.4s, visibility 0.4s;
}
@media (width >= 960px) {
  .mk-pop {
    display: none;
  }
}
.mk-pop--logo {
  --c: #0B496C;
}
.mk-pop--cami {
  --c: #BD9F66;
}
.mk-pop--cardi {
  --c: #7F2A29;
}
.mk-pop__bg {
  position: absolute;
  inset: -100vmax;
  touch-action: none;
  cursor: pointer;
}
.mk-pop__photo {
  position: relative;
  width: 77.3333333333cqw;
}
.mk-pop__close {
  position: absolute;
  top: 5.2533333333cqw;
  left: 5.2533333333cqw;
  width: 6.5066666667cqw;
  height: 6.5066666667cqw;
  cursor: pointer;
}
.mk-pop__close::before, .mk-pop__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9.2cqw;
  height: 1px;
  background: #FFF;
  translate: -50% -50%;
}
.mk-pop__close::before {
  rotate: 45deg;
}
.mk-pop__close::after {
  rotate: -45deg;
}
.mk-pop__list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 7.9733333333cqw 7.7333333333cqw 0 0;
}
.mk-pop__li {
  display: flex;
  align-items: baseline;
  font-size: 4cqw;
  line-height: 1.6;
  letter-spacing: 0.025em;
  white-space: nowrap;
}
.mk-pop__rule {
  display: inline-block;
  width: 5.5466666667cqw;
  height: 0;
  border-bottom: 1px solid #FFF;
}
.mk-pop__yen {
  width: 16.5066666667cqw;
}
.mk-pop__buy {
  display: block;
  align-self: center;
  width: 8.0906666667cqw;
  height: 2.8586666667cqw;
  color: #FFF;
}

@media (width < 960px) {
  html:has(#topicsList .mk-look__toggle:checked),
  html:has(#topicsList .mk-look__toggle:checked) body {
    overflow: hidden;
  }
}
#topicsList:has(#mk-logo1:checked) .mk-pop[data-for=mk-logo1] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-logo2:checked) .mk-pop[data-for=mk-logo2] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-logo3:checked) .mk-pop[data-for=mk-logo3] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cami1:checked) .mk-pop[data-for=mk-cami1] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cami2:checked) .mk-pop[data-for=mk-cami2] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cami3:checked) .mk-pop[data-for=mk-cami3] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cardi1:checked) .mk-pop[data-for=mk-cardi1] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cardi2:checked) .mk-pop[data-for=mk-cardi2] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#topicsList:has(#mk-cardi3:checked) .mk-pop[data-for=mk-cardi3] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.mk-totop {
  position: fixed;
  z-index: 40;
  right: 32px;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  border: 2px solid;
  border-radius: 50%;
  background: #EFE9DF;
  color: #251E1C;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  translate: 0 10px;
  transition: opacity 0.4s, translate 0.4s, visibility 0.4s;
}
@media (width < 960px) {
  .mk-totop {
    right: 14px;
    bottom: 14px;
    gap: 4px;
    width: 46px;
    height: 46px;
  }
}
.mk-totop.is-show {
  visibility: visible;
  opacity: 1;
  translate: 0 0;
}
.mk-totop::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
}
.mk-totop__arrow {
  position: relative;
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-top: 1.5px solid;
  border-left: 1.5px solid;
  rotate: 45deg;
  transition: color 0.4s;
}
@media (width < 960px) {
  .mk-totop__arrow {
    width: 7px;
    height: 7px;
  }
}
.mk-totop__txt {
  position: relative;
  width: 25px;
  transition: filter 0.4s;
}
@media (width < 960px) {
  .mk-totop__txt {
    width: 21px;
  }
}
@media (hover: hover) {
  .mk-totop:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  .mk-totop:hover .mk-totop__arrow {
    color: #EFE9DF;
  }
  .mk-totop:hover .mk-totop__txt {
    filter: brightness(0) invert(1);
  }
}

.mk-lineup {
  position: relative;
  height: 70.96cqw;
}
.mk-lineup__line {
  display: block;
  background: #251E1C;
}

.mk-foot {
  position: relative;
  height: 33.5902777778cqw;
  background: #F7F4EF;
  box-shadow: 0 0 0 100vmax #F7F4EF;
  clip-path: inset(0 -100vmax);
}
@media (width < 960px) {
  .mk-foot {
    height: 110.2666666667cqw;
  }
}
.mk-foot__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.1388888889cqw solid;
  border-radius: calc(3.2222222222cqw / 2);
  background: #EFE9DF;
  color: #000;
  position: relative;
  overflow: hidden;
}
.mk-foot__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
}
.mk-foot__btn picture {
  position: relative;
}
.mk-foot__btn img {
  transition: filter 0.4s;
}
@media (hover: hover) {
  .mk-foot__btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  .mk-foot__btn:hover img {
    filter: brightness(0) invert(1);
  }
}
.mk-foot__btn.is-active::before {
  transform: scaleX(1);
  transform-origin: left;
}
.mk-foot__btn.is-active img {
  filter: brightness(0) invert(1);
}
@media (width < 960px) {
  .mk-foot__btn {
    border-width: 0.5333333333cqw;
    border-radius: calc(10.88cqw / 2);
  }
}
.mk-foot__btn picture {
  display: block;
  width: 6.1458333333cqw;
}
@media (width < 960px) {
  .mk-foot__btn picture {
    width: 18.5973333333cqw;
  }
}
.mk-foot__logo a {
  display: block;
}
.mk-foot__links {
  display: flex;
  align-items: flex-start;
  gap: 2.5138888889cqw;
}
@media (width < 960px) {
  .mk-foot__links {
    display: grid;
    grid-template-columns: 30.88cqw auto;
    row-gap: 4.7733333333cqw;
  }
}
.mk-foot__link {
  position: relative;
  display: block;
}
.mk-foot__link::after {
  content: "";
  position: absolute;
  top: calc(100% + 0.1458333333cqw);
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
@media (width < 960px) {
  .mk-foot__link::after {
    top: calc(100% + 0.56cqw);
  }
}
.mk-foot__link:hover::after {
  transform: scaleX(1);
}
.mk-foot__li--online {
  width: 5.5256944444cqw;
}
.mk-foot__li--shop {
  width: 4.1430555556cqw;
}
.mk-foot__li--staff {
  width: 5.0652777778cqw;
}
.mk-foot__li--insta {
  width: 4.5340277778cqw;
}
@media (width < 960px) {
  .mk-foot__li--online {
    width: 21.2186666667cqw;
  }
  .mk-foot__li--shop {
    width: 15.9093333333cqw;
  }
  .mk-foot__li--staff {
    width: 19.4506666667cqw;
  }
  .mk-foot__li--insta {
    width: 17.4106666667cqw;
  }
}
.mk-foot__credit {
  font-size: 0.6944444444cqw;
  font-weight: 600;
  line-height: 1.79;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
@media (width < 960px) {
  .mk-foot__credit {
    font-size: 2.6666666667cqw;
  }
}

@media (width >= 960px) {
  .mk-kv__logo {
    position: absolute;
    top: 2.7083333333cqw;
    right: 5.1111111111cqw;
    width: 13.0833333333cqw;
    height: 1.6527777778cqw;
  }
  .mk-kv__title {
    position: absolute;
    left: 4.8055555556cqw;
    bottom: 9.0902777778cqw;
    width: 40.2083333333cqw;
    height: 14.6736111111cqw;
  }
  .mk-kv__sub {
    position: absolute;
    left: 4.8611111111cqw;
    bottom: 4.4236111111cqw;
  }
  .mk-lead__title {
    position: absolute;
    top: 6.8680555556cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 27.6527777778cqw;
    height: 1.9652777778cqw;
  }
  .mk-lead__text {
    position: absolute;
    top: 10.5625cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
  }
  .mk-sec--logo .mk-sec__ttl {
    position: absolute;
    top: 2.8055555556cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 8.3888888889cqw;
    height: 1.6180555556cqw;
  }
  .mk-sec--logo .mk-sec__line {
    position: absolute;
    top: 4.7916666667cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 8.4027777778cqw;
    height: 0.1388888889cqw;
  }
  .mk-sec--logo .mk-sec__b1 {
    position: absolute;
    left: 20.8333333333cqw;
    top: 7.6388888889cqw;
    width: 48.6805555556cqw;
    height: 38.9583333333cqw;
  }
  .mk-sec--logo .mk-sec__p1 {
    position: absolute;
    left: 20.8333333333cqw;
    top: 7.6388888889cqw;
    width: 56.25cqw;
    height: 36.8055555556cqw;
  }
  .mk-sec--logo .mk-sec__desc {
    position: absolute;
    left: 59.8611111111cqw;
    top: 15.8333333333cqw;
    width: 19.3055555556cqw;
    height: 8.0555555556cqw;
  }
  .mk-sec--logo .mk-sec__p2 {
    position: absolute;
    left: 30.5208333333cqw;
    top: 49.9305555556cqw;
    width: 38.9583333333cqw;
    height: 23.4027777778cqw;
  }
  .mk-sec--logo .mk-sec__p3 {
    position: absolute;
    left: 27.8958333333cqw;
    top: 75.625cqw;
    width: 11.7569444444cqw;
    height: 17.9861111111cqw;
  }
  .mk-sec--logo .mk-sec__b2 {
    position: absolute;
    left: 42.0833333333cqw;
    top: 77.5cqw;
    width: 28.3333333333cqw;
    height: 23.4722222222cqw;
  }
  .mk-sec--logo .mk-sec__p4 {
    position: absolute;
    left: 43.0555555556cqw;
    top: 79.1666666667cqw;
    width: 32.5694444444cqw;
    height: 20.6944444444cqw;
  }
  .mk-sec--logo .mk-sec__price {
    position: absolute;
    left: 66.5277777778cqw;
    top: 102.3819444444cqw;
    width: 9.5138888889cqw;
    height: 8.8194444444cqw;
  }
  .mk-sec--logo .mk-look:nth-child(1) {
    position: absolute;
    left: 20.9027777778cqw;
    top: 102.5cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--logo .mk-look:nth-child(2) {
    position: absolute;
    left: 37.6388888889cqw;
    top: 108.75cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--logo .mk-look:nth-child(3) {
    position: absolute;
    left: 54.3055555556cqw;
    top: 115cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cami .mk-sec__ttl {
    position: absolute;
    top: 4.0833333333cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 14.8888888889cqw;
    height: 1.2847222222cqw;
  }
  .mk-sec--cami .mk-sec__line {
    position: absolute;
    top: 6.1111111111cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 14.8611111111cqw;
    height: 0.1388888889cqw;
  }
  .mk-sec--cami .mk-sec__b1 {
    position: absolute;
    left: 38.8958333333cqw;
    top: 22.8194444444cqw;
    width: 39.4652777778cqw;
    height: 31.0347222222cqw;
  }
  .mk-sec--cami .mk-sec__p1 {
    position: absolute;
    left: 32.2916666667cqw;
    top: 8.9791666667cqw;
    width: 45.0694444444cqw;
    height: 42.3611111111cqw;
  }
  .mk-sec--cami .mk-sec__desc {
    position: absolute;
    left: 20.8333333333cqw;
    top: 13.4027777778cqw;
    width: 19.3055555556cqw;
    height: 9.4444444444cqw;
  }
  .mk-sec--cami .mk-sec__b2 {
    position: absolute;
    left: 30.4861111111cqw;
    top: 67.6180555556cqw;
    width: 16.25cqw;
    height: 25.7152777778cqw;
  }
  .mk-sec--cami .mk-sec__p2 {
    position: absolute;
    left: 22.5cqw;
    top: 48.8194444444cqw;
    width: 19.0972222222cqw;
    height: 28.6111111111cqw;
  }
  .mk-sec--cami .mk-sec__p3 {
    position: absolute;
    left: 45.6111111111cqw;
    top: 56.3680555556cqw;
    width: 29.3055555556cqw;
    height: 19.0972222222cqw;
  }
  .mk-sec--cami .mk-sec__p4 {
    position: absolute;
    left: 33.2638888889cqw;
    top: 80.7777777778cqw;
    width: 20.3472222222cqw;
    height: 12.5694444444cqw;
  }
  .mk-sec--cami .mk-sec__price {
    position: absolute;
    left: 67.4861111111cqw;
    top: 76.8125cqw;
    width: 9.5138888889cqw;
    height: 10.3472222222cqw;
  }
  .mk-sec--cami .mk-look:nth-child(1) {
    position: absolute;
    left: 60.4166666667cqw;
    top: 91.7361111111cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cami .mk-look:nth-child(2) {
    position: absolute;
    left: 43.6805555556cqw;
    top: 97.9861111111cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cami .mk-look:nth-child(3) {
    position: absolute;
    left: 27.0138888889cqw;
    top: 104.2361111111cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cardi .mk-sec__ttl {
    position: absolute;
    top: 3.8055555556cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 7.6875cqw;
    height: 1.5833333333cqw;
  }
  .mk-sec--cardi .mk-sec__line {
    position: absolute;
    top: 5.8333333333cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 7.7083333333cqw;
    height: 0.1388888889cqw;
  }
  .mk-sec--cardi .mk-sec__b1 {
    position: absolute;
    left: 30.6944444444cqw;
    top: 8.6805555556cqw;
    width: 48.4722222222cqw;
    height: 31.25cqw;
  }
  .mk-sec--cardi .mk-sec__p1 {
    position: absolute;
    left: 29.5833333333cqw;
    top: 8.6805555556cqw;
    width: 47.9166666667cqw;
    height: 34.7222222222cqw;
  }
  .mk-sec--cardi .mk-sec__desc {
    position: absolute;
    left: 20.8333333333cqw;
    top: 11.875cqw;
    width: 19.3055555556cqw;
    height: 11.5972222222cqw;
  }
  .mk-sec--cardi .mk-sec__b2 {
    position: absolute;
    left: 35cqw;
    top: 53.6805555556cqw;
    width: 27.3611111111cqw;
    height: 17.9861111111cqw;
  }
  .mk-sec--cardi .mk-sec__p2 {
    position: absolute;
    left: 26.5277777778cqw;
    top: 47.0138888889cqw;
    width: 31.3888888889cqw;
    height: 22.5416666667cqw;
  }
  .mk-sec--cardi .mk-sec__p3 {
    position: absolute;
    left: 60.7569444444cqw;
    top: 62.0277777778cqw;
    width: 16.6041666667cqw;
    height: 22.6180555556cqw;
  }
  .mk-sec--cardi .mk-sec__price {
    position: absolute;
    left: 67.9444444444cqw;
    top: 44.7986111111cqw;
    width: 9.5486111111cqw;
    height: 7.6388888889cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(1) {
    position: absolute;
    left: 20.8333333333cqw;
    top: 76.6666666667cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(2) {
    position: absolute;
    left: 37.5069444444cqw;
    top: 82.8958333333cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(3) {
    position: absolute;
    left: 54.0555555556cqw;
    top: 89.1388888889cqw;
    width: 18.75cqw;
    height: 27.7777777778cqw;
  }
  .mk-sec--cardi .mk-sec__b3 {
    position: absolute;
    left: 31.25cqw;
    top: 113.8194444444cqw;
    width: 17.9166666667cqw;
    height: 15.2777777778cqw;
  }
  .mk-sec--cardi .mk-sec__p5 {
    position: absolute;
    left: 26.3194444444cqw;
    top: 114.5138888889cqw;
    width: 21.875cqw;
    height: 14.5833333333cqw;
  }
  .mk-sec--logo .mk-sec__desc p {
    position: absolute;
    left: 0.6875cqw;
    top: 0.3611111111cqw;
    width: 16.5277777778cqw;
  }
  .mk-sec--cami .mk-sec__desc p {
    position: absolute;
    left: 2.0763888889cqw;
    top: 0.3611111111cqw;
    width: 16.5277777778cqw;
  }
  .mk-sec--cardi .mk-sec__desc p {
    position: absolute;
    left: 2.0833333333cqw;
    top: 0.3055555556cqw;
    width: 16.5277777778cqw;
  }
  .mk-sec--logo .mk-price__txt {
    position: absolute;
    left: 0.7569444444cqw;
    top: 1.2708333333cqw;
  }
  .mk-sec--logo .mk-price__buy {
    position: absolute;
    left: 0.8194444444cqw;
    top: 5.9930555556cqw;
  }
  .mk-sec--cami .mk-price__txt {
    position: absolute;
    left: 0.6875cqw;
    top: 1.0625cqw;
  }
  .mk-sec--cami .mk-price__buy {
    position: absolute;
    left: 0.75cqw;
    top: 7.5208333333cqw;
  }
  .mk-sec--cardi .mk-price__txt {
    position: absolute;
    left: 0.9166666667cqw;
    top: 1.2847222222cqw;
  }
  .mk-sec--cardi .mk-price__buy {
    position: absolute;
    left: 0.9791666667cqw;
    top: 6.0069444444cqw;
  }
  .mk-foot__btn {
    position: absolute;
    left: 20.4027777778cqw;
    top: 6.875cqw;
    width: 10.9027777778cqw;
    height: 3.2222222222cqw;
  }
  .mk-foot__links {
    position: absolute;
    left: 20.8680555556cqw;
    top: 12.7430555556cqw;
  }
  .mk-foot__credit {
    position: absolute;
    left: 20.8333333333cqw;
    top: 15.8611111111cqw;
  }
  .mk-foot__logo {
    position: absolute;
    left: 20.8333333333cqw;
    top: 25.3541666667cqw;
    width: 10.7638888889cqw;
    height: 1.3611111111cqw;
  }
}
@media (width < 960px) {
  .mk-kv__logo {
    position: absolute;
    top: 6.1333333333cqw;
    right: 5.3333333333cqw;
    width: 24.8cqw;
    height: 3.1466666667cqw;
  }
  .mk-kv__title {
    position: absolute;
    left: 5.3866666667cqw;
    bottom: 15.36cqw;
    width: 65.8933333333cqw;
    height: 23.4666666667cqw;
  }
  .mk-kv__sub {
    position: absolute;
    left: 4.64cqw;
    bottom: 6.0266666667cqw;
  }
  .mk-lead__title {
    position: absolute;
    top: 15.84cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 61.2266666667cqw;
    height: 4.3466666667cqw;
  }
  .mk-lead__text {
    position: absolute;
    top: 25.6533333333cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
  }
  .mk-sec--logo .mk-sec__ttl {
    position: absolute;
    top: 6cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 26.0266666667cqw;
    height: 5.0133333333cqw;
  }
  .mk-sec--logo .mk-sec__line {
    position: absolute;
    top: 11.8666666667cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 26.4cqw;
    height: 0.2666666667cqw;
  }
  .mk-sec--logo .mk-sec__b1 {
    position: absolute;
    left: 0cqw;
    top: 21.0666666667cqw;
    width: 100cqw;
    height: 69.5733333333cqw;
  }
  .mk-sec--logo .mk-sec__p1 {
    position: absolute;
    left: 0cqw;
    top: 18.4cqw;
    width: 97.3333333333cqw;
    height: 69.3333333333cqw;
  }
  .mk-sec--logo .mk-sec__desc {
    position: absolute;
    left: 33.6cqw;
    top: 84cqw;
    width: 66.4cqw;
    height: 28.5333333333cqw;
  }
  .mk-sec--logo .mk-sec__p2 {
    position: absolute;
    left: 8cqw;
    top: 120.5333333333cqw;
    width: 78.6666666667cqw;
    height: 48.5333333333cqw;
  }
  .mk-sec--logo .mk-sec__p3 {
    position: absolute;
    left: 15.2cqw;
    top: 175.7333333333cqw;
    width: 24.3733333333cqw;
    height: 33.5466666667cqw;
  }
  .mk-sec--logo .mk-sec__b2 {
    position: absolute;
    left: 34.6666666667cqw;
    top: 186.3733333333cqw;
    width: 28.0266666667cqw;
    height: 41.6cqw;
  }
  .mk-sec--logo .mk-sec__p4 {
    position: absolute;
    left: 36.2666666667cqw;
    top: 184.8cqw;
    width: 58.4cqw;
    height: 40.2666666667cqw;
  }
  .mk-sec--logo .mk-sec__price {
    position: absolute;
    left: 70.6666666667cqw;
    top: 227.7333333333cqw;
    width: 29.3333333333cqw;
    height: 23.4666666667cqw;
  }
  .mk-sec--logo .mk-look:nth-child(1) {
    position: absolute;
    left: 0cqw;
    top: 241.0666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--logo .mk-look:nth-child(2) {
    position: absolute;
    left: 30cqw;
    top: 249.0666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--logo .mk-look:nth-child(3) {
    position: absolute;
    left: 60cqw;
    top: 257.0666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cami .mk-sec__ttl {
    position: absolute;
    top: 7.3866666667cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 48.0266666667cqw;
    height: 4.16cqw;
  }
  .mk-sec--cami .mk-sec__line {
    position: absolute;
    top: 13.0666666667cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 48.08cqw;
    height: 0.2666666667cqw;
  }
  .mk-sec--cami .mk-sec__b1 {
    position: absolute;
    left: 46.6666666667cqw;
    top: 37.8666666667cqw;
    width: 53.3333333333cqw;
    height: 71.2cqw;
  }
  .mk-sec--cami .mk-sec__p1 {
    position: absolute;
    left: 0cqw;
    top: 19.7333333333cqw;
    width: 92cqw;
    height: 85.3333333333cqw;
  }
  .mk-sec--cami .mk-sec__desc {
    position: absolute;
    left: 0cqw;
    top: 100.8cqw;
    width: 65.8666666667cqw;
    height: 35.2cqw;
  }
  .mk-sec--cami .mk-sec__b2 {
    position: absolute;
    left: 18.2666666667cqw;
    top: 175.76cqw;
    width: 32.5333333333cqw;
    height: 40cqw;
  }
  .mk-sec--cami .mk-sec__p2 {
    position: absolute;
    left: 40cqw;
    top: 144cqw;
    width: 60cqw;
    height: 43.4666666667cqw;
  }
  .mk-sec--cami .mk-sec__p3 {
    position: absolute;
    left: 8.1333333333cqw;
    top: 158.24cqw;
    width: 37.3333333333cqw;
    height: 54.8533333333cqw;
  }
  .mk-sec--cami .mk-sec__b3 {
    position: absolute;
    left: 25.8666666667cqw;
    top: 230cqw;
    width: 49.9733333333cqw;
    height: 20.9333333333cqw;
  }
  .mk-sec--cami .mk-sec__p4 {
    position: absolute;
    left: 18.2666666667cqw;
    top: 224.24cqw;
    width: 47.0666666667cqw;
    height: 26.6666666667cqw;
  }
  .mk-sec--cami .mk-sec__price {
    position: absolute;
    left: 70.6666666667cqw;
    top: 190.1333333333cqw;
    width: 29.3333333333cqw;
    height: 28.8cqw;
  }
  .mk-sec--cami .mk-look:nth-child(1) {
    position: absolute;
    left: 60cqw;
    top: 256.2666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cami .mk-look:nth-child(2) {
    position: absolute;
    left: 30cqw;
    top: 264.2666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cami .mk-look:nth-child(3) {
    position: absolute;
    left: 0cqw;
    top: 272.2666666667cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cardi .mk-sec__ttl {
    position: absolute;
    top: 6.5866666667cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 24.8cqw;
    height: 5.0933333333cqw;
  }
  .mk-sec--cardi .mk-sec__line {
    position: absolute;
    top: 12.4533333333cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 24.8cqw;
    height: 0.2666666667cqw;
  }
  .mk-sec--cardi .mk-sec__b1 {
    position: absolute;
    left: 0cqw;
    top: 18.9333333333cqw;
    width: 83.2cqw;
    height: 57.3333333333cqw;
  }
  .mk-sec--cardi .mk-sec__p1 {
    position: absolute;
    left: 0cqw;
    top: 21.6cqw;
    width: 100cqw;
    height: 72cqw;
  }
  .mk-sec--cardi .mk-sec__desc {
    position: absolute;
    left: 31.4666666667cqw;
    top: 88.2666666667cqw;
    width: 68.5333333333cqw;
    height: 40.2666666667cqw;
  }
  .mk-sec--cardi .mk-sec__p2 {
    position: absolute;
    left: 0cqw;
    top: 136.5333333333cqw;
    width: 66.6666666667cqw;
    height: 49.0666666667cqw;
  }
  .mk-sec--cardi .mk-sec__b2 {
    position: absolute;
    left: 46.4cqw;
    top: 179.7333333333cqw;
    width: 32.5333333333cqw;
    height: 40cqw;
  }
  .mk-sec--cardi .mk-sec__p3 {
    position: absolute;
    left: 52cqw;
    top: 170.4cqw;
    width: 42.6666666667cqw;
    height: 60.2666666667cqw;
  }
  .mk-sec--cardi .mk-sec__price {
    position: absolute;
    left: 0cqw;
    top: 188.2666666667cqw;
    width: 29.3333333333cqw;
    height: 23.4666666667cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(1) {
    position: absolute;
    left: 5.3333333333cqw;
    top: 230.9333333333cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(2) {
    position: absolute;
    left: 35.3333333333cqw;
    top: 238.9333333333cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cardi .mk-look:nth-child(3) {
    position: absolute;
    left: 65.3333333333cqw;
    top: 246.9333333333cqw;
    width: 34.6666666667cqw;
    height: 54.1333333333cqw;
  }
  .mk-sec--cardi .mk-sec__b3 {
    position: absolute;
    left: 25.8133333333cqw;
    top: 303.8666666667cqw;
    width: 34.72cqw;
    height: 31.0666666667cqw;
  }
  .mk-sec--cardi .mk-sec__p5 {
    position: absolute;
    left: 12.2666666667cqw;
    top: 300.5333333333cqw;
    width: 46.9333333333cqw;
    height: 31.7333333333cqw;
  }
  .mk-sec--logo .mk-sec__desc p {
    position: absolute;
    left: 2.56cqw;
    top: 1.76cqw;
    width: 56cqw;
  }
  .mk-sec--cami .mk-sec__desc p {
    position: absolute;
    left: 7.2cqw;
    top: 1.6533333333cqw;
    width: 56cqw;
  }
  .mk-sec--cardi .mk-sec__desc p {
    position: absolute;
    left: 7.2cqw;
    top: 1.8933333333cqw;
    width: 56cqw;
  }
  .mk-sec--logo .mk-price__txt {
    position: absolute;
    left: 2.96cqw;
    top: 3.8666666667cqw;
  }
  .mk-sec--logo .mk-price__buy {
    position: absolute;
    left: 3.1466666667cqw;
    top: 18.3733333333cqw;
  }
  .mk-sec--cami .mk-price__txt {
    position: absolute;
    left: 2.96cqw;
    top: 3.8666666667cqw;
  }
  .mk-sec--cami .mk-price__buy {
    position: absolute;
    left: 3.1466666667cqw;
    top: 23.7066666667cqw;
  }
  .mk-sec--cardi .mk-price__txt {
    position: absolute;
    left: 8.9866666667cqw;
    top: 3.8933333333cqw;
  }
  .mk-sec--cardi .mk-price__buy {
    position: absolute;
    left: 9.2cqw;
    top: 18.4cqw;
  }
  .mk-foot__btn {
    position: absolute;
    left: 12.4cqw;
    top: 15.76cqw;
    width: 31.44cqw;
    height: 10.88cqw;
  }
  .mk-foot__links {
    position: absolute;
    left: 12.24cqw;
    top: 33.8133333333cqw;
  }
  .mk-foot__credit {
    position: absolute;
    left: 12.1066666667cqw;
    top: 50.2666666667cqw;
  }
  .mk-foot__logo {
    position: absolute;
    left: 12.7733333333cqw;
    top: 89.04cqw;
    width: 41.3333333333cqw;
    height: 5.2266666667cqw;
  }
}
@media (width < 960px) {
  .mk-lineup__ttl {
    position: absolute;
    top: 6.24cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 20.5066666667cqw;
    height: 4.9333333333cqw;
  }
  .mk-lineup__line {
    position: absolute;
    top: 12.08cqw;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 20.8266666667cqw;
    height: 0.2666666667cqw;
  }
  .mk-lineup__item:nth-child(1) {
    position: absolute;
    left: 8cqw;
    top: 19.2cqw;
    width: 24.8cqw;
    height: 41.6cqw;
  }
  .mk-lineup__item:nth-child(2) {
    position: absolute;
    left: 37.6cqw;
    top: 19.2cqw;
    width: 24.8cqw;
    height: 41.6cqw;
  }
  .mk-lineup__item:nth-child(3) {
    position: absolute;
    left: 67.2cqw;
    top: 19.2cqw;
    width: 24.8cqw;
    height: 41.6cqw;
  }
}
@media (width >= 960px) {
  .mk-lead__title {
    top: 10.6111111111cqw;
  }
  .mk-lead__text {
    top: 14.3055555556cqw;
  }
}
@media (width < 960px) {
  .mk-sec--logo .mk-sec__p3 {
    z-index: 1;
  }
}