@charset "UTF-8";
:root {
  --designwidth:1440;
  --zoom:0.4893;
  --font-en: "interstate-condensed", sans-serif;
  --font-en2: "neue-kabel", sans-serif;
}
@media screen and (max-width:767px) {
  :root {
    --designwidth:750;
    --zoom:1;
  }
}

.u-no-cursol {
  pointer-events: none;
}

@media screen and (max-width:767px) {
  body.is-modal-open {
    position: absolute;
    overflow: hidden;
  }
}

.breadcrumb {
  position: relative;
  z-index: 5;
  background-color: #fff;
}

@media print, screen and (min-width: 768px) {
  .feature_details01 {
    padding-bottom: 0 !important;
  }
}

.feature_details01 > .box {
  margin-top: 0 !important;
}

#special-content.s_container {
  width: auto;
  padding: 0 !important;
  max-width: 100%;
}

.lp-wrapper {
  position: relative;
  font-family: "interstate-condensed", dnp-shuei-gothic-kin-std, sans-serif;
  font-weight: 400;
}
@media print, screen and (min-width: 768px) {
  .lp-wrapper {
    display: grid;
    grid-template-columns: 1fr calc(367 / 1440 * 100%) 1fr;
    background-size: 375px auto;
  }
}
@media screen and (max-width:767px) {
  .lp-wrapper {
    overflow: clip;
  }
}
.lp-wrapper img {
  width: 100%;
  height: auto;
}
.lp-wrapper button {
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: inherit;
}

@media print, screen and (min-width: 768px) {
  .lp-contents {
    position: relative;
    background-color: #fff;
  }
  .lp-contents:before, .lp-contents:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000000;
    transition: ease background-color 0.5s;
  }
  .lp-contents:before {
    left: -1px;
  }
  .lp-contents:after {
    right: -1px;
  }
}

.lp-sidecol {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  height: calc(100vh - 80px);
  display: grid;
  align-items: center;
}

.lp-sidecol--left {
  left: 0;
}

.lp-sidecol--right {
  right: 0;
}

.lp-sidecol-title {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(112 / var(--designwidth) * 100vw);
  max-width: 112px;
}
@media print, screen and (min-width: 768px) {
  .lp-sidecol-title {
    width: calc(82 / var(--designwidth) * 100vw);
  }
}

.lp-sidecol__right-inner {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: calc(309 / var(--designwidth) * 100vw);
  transform: translate(-50%, -50%);
}

.lp-sidecol-title02 {
  grid-column: 2 span;
  margin: 0 auto;
  width: calc(274 / var(--designwidth) * 100vw);
}

.lp-sidecol__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(185 / var(--designwidth) * 100vw);
  z-index: -1;
}

.lp-sidecol__anc {
  margin-top: calc(32 / var(--designwidth) * 100vw);
  font-family: var(--font-en);
  font-size: calc(25 / var(--designwidth) * 100vw);
  font-weight: 500;
  letter-spacing: 0.1em;
  letter-spacing: 1.56;
}
.lp-sidecol__anc > li > a {
  position: relative;
  cursor: pointer;
  padding-left: calc(30 / var(--designwidth) * 100vw);
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .lp-sidecol__anc > li > a:hover:before {
    scale: 1;
  }
}
.lp-sidecol__anc > li > a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(9 / var(--designwidth) * 100vw);
  transform: translateY(-50%);
  width: calc(12 / var(--designwidth) * 100vw);
  aspect-ratio: 22/25;
  background: url(/storage/brandsite/feature/img/190/nav_ic01.svg) no-repeat 0 0/contain;
  scale: 0;
  transition: ease scale 0.4s;
}
.lp-wrapper[data-current-id="0"] .lp-sidecol__anc > li:nth-child(1) > a::before, .lp-wrapper[data-current-id="1"] .lp-sidecol__anc > li:nth-child(2) > a::before, .lp-wrapper[data-current-id="2"] .lp-sidecol__anc > li:nth-child(3) > a::before, .lp-wrapper[data-current-id="3"] .lp-sidecol__anc > li:nth-child(4) > a::before {
  scale: 1;
}

@media screen and (max-width:767px) {
  .lp-u-show-pc {
    display: none !important;
  }
}

@media print, screen and (min-width: 768px) {
  .lp-u-show-sp {
    display: none !important;
  }
}

.lp-u-block {
  padding-inline: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-u-mt-0 {
  margin-top: 0 !important;
}

.lp-c-paragraph {
  font-size: calc(28 * var(--zoom) / var(--designwidth) * 100vw);
  line-height: 2.0714;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-feature-settings: "palt";
  text-align: center;
}

a.lp-c-inlinelink {
  display: inline;
  text-decoration: underline;
}
a.lp-c-inlinelink:hover {
  text-decoration: none;
}

.lp-mv {
  position: relative;
  overflow: hidden;
}

.lp-mv__title {
  position: absolute;
  z-index: 5;
  top: calc(32 / 750 * 100%);
  left: 50%;
  width: calc(550 / 750 * 100%);
  line-height: 1;
  transform: translateX(-50%);
  transition: ease-out 1s 0.8s;
  transition-property: opacity, margin-top;
  opacity: 0;
  margin-top: 15px;
}
.is-init .lp-mv__title {
  margin-top: 0px;
  opacity: 1;
}

.lp-mv__bg {
  opacity: 0;
  transition: ease-out 1.5s;
  transition-property: opacity, scale;
  scale: 1.1;
}
.is-init .lp-mv__bg {
  scale: 1;
  opacity: 1;
}

.lp-intro {
  padding: calc(110 * var(--zoom) / var(--designwidth) * 100vw) 0 calc(110 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-intro__title {
  margin-bottom: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
  font-family: var(--font-en);
  font-weight: 400;
  font-size: calc(53 * var(--zoom) / var(--designwidth) * 100vw);
  font-style: normal;
  line-height: 1.65;
  color: #000;
}

.lp-intro__anc {
  margin: calc(100 * var(--zoom) / var(--designwidth) * 100vw) calc(-25 * var(--zoom) / var(--designwidth) * 100vw) 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: calc(34 * var(--zoom) / var(--designwidth) * 100vw);
  line-height: 1;
}
.lp-intro__anc > li {
  border-right: 1px solid #000;
}
.lp-intro__anc > li:last-child {
  border-right: none;
}
.lp-intro__anc > li > a {
  display: block;
  padding-inline: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
  text-decoration: none;
  font-family: var(--font-en);
  font-weight: 400;
}
@media print, screen and (min-width: 768px) {
  .lp-intro__anc > li > a {
    cursor: pointer;
    transition: ease opacity 0.3s;
  }
  .lp-intro__anc > li > a:hover {
    opacity: 0.7;
  }
}

.lp-look-wrap {
  overflow: hidden;
}

.lp-look {
  margin-top: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look#mens {
  margin-top: calc(507 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look#ladies {
  margin-top: calc(178 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look#bag {
  margin-top: calc(292 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look__headline {
  display: flex;
  justify-content: flex-start;
  margin: 0 calc(25 * var(--zoom) / var(--designwidth) * 100vw) calc(44 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look__headline--reverse {
  justify-content: flex-end;
  margin-right: calc(48 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look__headline img {
  width: calc(177 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look__headline.is-mens img {
  width: calc(226 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look__headline.is-ladies img {
  width: calc(180 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look__headline.is-bag img {
  width: calc(187 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look__headline-v2 {
  margin: calc(30 * var(--zoom) / var(--designwidth) * 100vw) 0 calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
  line-height: 1.1;
}
.lp-look__headline-v2 span {
  display: inline-block;
  font-family: var(--font-en);
  font-size: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 2.1px;
  border-bottom: 1px solid #000;
  color: #000;
}

.lp-look__headline-v3 {
  margin: calc(30 * var(--zoom) / var(--designwidth) * 100vw) 0 calc(8 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
  line-height: 1.2;
}
.lp-look__headline-v3 span {
  display: inline-block;
  font-family: var(--font-en2);
  font-size: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 2.1px;
  border-bottom: 1px solid #000;
  color: #000;
}

.lp-look___section {
  position: relative;
}

.lp-look__figure {
  opacity: 0;
  transform: translateY(15px);
  transition: ease all 1s;
  transition-property: transform, opacity;
}
.lp-look__figure img {
  display: block;
  position: relative;
  border: 1px solid #000;
  border-radius: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
  overflow: hidden;
}
.lp-look__figure.is-look01-01 img {
  margin: calc(44 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  width: calc(654 / 750 * 100%);
}
.lp-look__figure.is-look01-02 img {
  margin: calc(898 * var(--zoom) / var(--designwidth) * 100vw) auto 0 0;
  width: calc(398 / 750 * 100%);
}
.lp-look__figure.is-look01-03 img {
  margin: calc(-114 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(433 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(297 / 750 * 100%);
}
.lp-look__figure.is-look01-04 img {
  margin: calc(49 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(226 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(437 / 750 * 100%);
}
.lp-look__figure.is-look01-05 img {
  margin: calc(76 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(63 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(308 / 750 * 100%);
}
.lp-look__figure.is-look01-06 img {
  margin: calc(140 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  width: calc(670 / 750 * 100%);
}
.lp-look__figure.is-look01-07 img {
  margin: calc(907 * var(--zoom) / var(--designwidth) * 100vw) 0 0;
  width: 100%;
}
.lp-look__figure.is-look02-01 img {
  margin: calc(43 * var(--zoom) / var(--designwidth) * 100vw) calc(-35 * var(--zoom) / var(--designwidth) * 100vw) 0 auto;
  width: calc(479 / 750 * 100%);
}
.lp-look__figure.is-look02-02 img {
  margin: calc(35 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(63 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(404 / 750 * 100%);
}
.lp-look__figure.is-look02-03 img {
  margin: calc(58 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(365 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(286 / 750 * 100%);
}
.lp-look__figure.is-look02-04 img {
  margin: calc(93 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(63 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(451 / 750 * 100%);
}
.lp-look__figure.is-look02-05 img {
  margin: calc(102 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(1 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(513 / 750 * 100%);
}
.lp-look__figure.is-look02-06 img {
  margin: calc(-24 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(343 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(338 / 750 * 100%);
}
.lp-look__figure.is-look02-07 img {
  margin: calc(83 * var(--zoom) / var(--designwidth) * 100vw) auto 0 0;
  width: calc(398 / 750 * 100%);
}
.lp-look__figure.is-look02-08 img {
  margin: calc(84 * var(--zoom) / var(--designwidth) * 100vw) auto 0 calc(-42 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(684 / 750 * 100%);
}
.lp-look__figure.is-look03-01 img {
  margin: calc(80 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(293 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(377 / 750 * 100%);
}
.lp-look__figure.is-look03-02 img {
  margin: calc(84 * var(--zoom) / var(--designwidth) * 100vw) auto 0 0;
  width: calc(615 / 750 * 100%);
}
.lp-look__figure.is-look03-03 img {
  margin: calc(-54 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(320 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(390 / 750 * 100%);
}
.lp-look__figure.is-look03-04 img {
  margin: calc(94 * var(--zoom) / var(--designwidth) * 100vw) calc(-44 * var(--zoom) / var(--designwidth) * 100vw) 0 auto;
  width: calc(564 / 750 * 100%);
}
.lp-look__figure.is-look03-05 img {
  margin: calc(243 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(416 / 750 * 100%);
}
.lp-look__figure.is-look03-06 img {
  margin: calc(-35 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(224 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(446 / 750 * 100%);
}
.lp-look__figure.is-look03-07 img {
  margin: calc(88 * var(--zoom) / var(--designwidth) * 100vw) 0 0 auto;
  width: calc(670 / 750 * 100%);
}
.lp-look__figure.is-look04-01 img {
  width: 100%;
}
.lp-look__figure.is-look04-02 img {
  margin: calc(414 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(51 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(367 / 750 * 100%);
}
.lp-look__figure.is-look04-03 img {
  margin: calc(-70 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(399 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(287 / 750 * 100%);
}
.lp-look__figure.is-look04-04 img {
  margin: calc(389 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  width: calc(667 / 750 * 100%);
}
.lp-look__figure.is-look04-05 img {
  margin: calc(94 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(85 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(586 / 750 * 100%);
}
.lp-look__figure.is-look04-06 img {
  margin: calc(374 * var(--zoom) / var(--designwidth) * 100vw) 0 0 calc(403 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(299 / 750 * 100%);
  z-index: 2;
}
.lp-look__figure.is-look04-07 img {
  margin: calc(-189 * var(--zoom) / var(--designwidth) * 100vw) auto 0 0;
  width: calc(514 / 750 * 100%);
}
.lp-look__figure.is-show {
  opacity: 1;
  transform: translateY(0px);
}
.lp-look__figure.is-show .animation-rotate-left,
.lp-look__figure.is-show .animation-rotate-right {
  transition: ease all 1s;
  transform: rotate(0deg);
}
.lp-look__figure .animation-rotate-left {
  transform: rotate(-6deg);
}
.lp-look__figure .animation-rotate-right {
  transform: rotate(6deg);
}

.lp-look___stage__column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20 * var(--zoom) / var(--designwidth) * 100vw) calc(68 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look___stage__column02 {
  display: flex;
  align-items: baseline;
  gap: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  margin: calc(30 * var(--zoom) / var(--designwidth) * 100vw) 0 0;
}

.lp-look___stage__column__item > :first-child,
.lp-look___stage__column02__item > :first-child {
  margin-top: 0;
}
.lp-look___stage__column__item > :last-child,
.lp-look___stage__column02__item > :last-child {
  margin-bottom: 0;
}

.lp-look___stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.lp-look___stage.is-bg-circle02, .lp-look___stage.is-bg-triangle01, .lp-look___stage.is-bg-triangle02, .lp-look___stage.is-bg-triangle03, .lp-look___stage.is-bg-polygon01, .lp-look___stage.is-bg-polygon02, .lp-look___stage.is-bg-polygon03 {
  background-size: contain;
  background-repeat: no-repeat;
}
.lp-look___stage.is-bg-circle01 {
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: calc(750 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-bg-circle02 {
  aspect-ratio: 750/828;
}
.lp-look___stage.is-bg-circle02::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(-36 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 1/1;
  width: calc(828 * var(--zoom) / var(--designwidth) * 100vw);
  background-color: #fff;
  border: 1px solid #000;
  border-radius: calc(828 * var(--zoom) / var(--designwidth) * 100vw);
  z-index: -1;
}
.lp-look___stage.is-bg-triangle01 {
  background-image: url(/storage/brandsite/feature/img/190/look_bg01.svg);
}
.lp-look___stage.is-bg-triangle02::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.lp-look___stage.is-bg-rectangle01 {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-bg-rectangle02::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
  transform: rotate(-8.82deg);
  z-index: -1;
}
.lp-look___stage.is-bg-polygon01 {
  background-image: url(/storage/brandsite/feature/img/190/look_bg02.svg);
}
.lp-look___stage.is-bg-polygon02 {
  background-image: url(/storage/brandsite/feature/img/190/look_bg03.svg);
}
.lp-look___stage.is-bg-polygon03 {
  background-image: url(/storage/brandsite/feature/img/190/look_bg04.svg);
}
.lp-look___stage.is-look01-01 {
  top: calc(709 * var(--zoom) / var(--designwidth) * 100vw);
  left: 0;
  padding-bottom: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look01-02 {
  top: calc(97 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(352 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(354 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 345/215;
}
.lp-look___stage.is-look01-03 {
  top: calc(220 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(173 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(283 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look01-04 {
  top: calc(180 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(22 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(98 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(309 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 309/282;
}
.lp-look___stage.is-look01-05 {
  top: calc(65 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(357 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(283 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look01-06 {
  top: calc(851 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(0 * var(--zoom) / var(--designwidth) * 100vw);
  padding-bottom: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  width: 100%;
}
.lp-look___stage.is-look01-07 {
  top: calc(487 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(613 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 613/414;
}
.lp-look___stage.is-look02-01 {
  top: calc(85 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(37 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
  padding-right: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(347 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 347/385;
  background-image: url(/storage/brandsite/feature/img/190/look_bg05.svg);
}
.lp-look___stage.is-look02-02 {
  top: calc(229 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(390 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(278 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look02-03 {
  top: calc(107 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(78 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(300 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 1/1;
}
.lp-look___stage.is-look02-04 {
  top: calc(221 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(440 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(286 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 286/222;
}
.lp-look___stage.is-look02-05 {
  top: calc(41 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(425 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(278 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look02-06 {
  top: calc(136 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(117 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(262 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 262/296;
}
.lp-look___stage.is-look02-06::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: calc(50 * var(--zoom) / var(--designwidth) * 100vw);
  transform: rotate(-22.62deg);
  z-index: -1;
}
.lp-look___stage.is-look02-07 {
  top: calc(138 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(348 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(102 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(355 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 355/320;
}
.lp-look___stage.is-look02-08 {
  top: calc(638 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(278 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(306 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 306/188;
}
.lp-look___stage.is-look03-01 {
  top: calc(-50 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(38 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(332 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 1/1;
}
.lp-look___stage.is-look03-02 {
  top: calc(347 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(448 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(278 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look03-03 {
  top: calc(237 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  padding-bottom: calc(42 * var(--zoom) / var(--designwidth) * 100vw);
  padding-right: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(330 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 330/333;
}
.lp-look___stage.is-look03-03::before {
  background-image: url(/storage/brandsite/feature/img/190/look_bg06.svg);
}
.lp-look___stage.is-look03-04 {
  top: calc(685 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(142 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(312 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 312/191;
}
.lp-look___stage.is-look03-05 {
  top: calc(111 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(380 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(48 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(346 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 346/335;
}
.lp-look___stage.is-look03-06 {
  top: calc(-20 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(446 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(278 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look03-07 {
  top: calc(1072 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(27 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(90 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(343 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 343/286;
  background-image: url(/storage/brandsite/feature/img/190/look_bg07.svg);
}
.lp-look___stage.is-look04-01 {
  top: calc(647 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(254 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(454 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 1/1;
}
.lp-look___stage.is-look04-02 {
  top: calc(189 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(360 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(368 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 368/189;
}
.lp-look___stage.is-look04-03 {
  top: calc(149 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(123 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  padding-right: calc(42 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(286 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 284/342;
}
.lp-look___stage.is-look04-03::before {
  background-image: url(/storage/brandsite/feature/img/190/look_bg08.svg);
}
.lp-look___stage.is-look04-04 {
  top: calc(-255 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(35 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(430 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look04-05 {
  top: calc(899 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(332 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(394 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 394/189;
}
.lp-look___stage.is-look04-06 {
  top: calc(-169 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(87 * var(--zoom) / var(--designwidth) * 100vw);
  padding-top: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(353 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look___stage.is-look04-07 {
  position: relative;
  margin-top: calc(-24 * var(--zoom) / var(--designwidth) * 100vw);
  margin-bottom: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(130 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(601 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 601/360;
}

.lp-itemcredit-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
  line-height: 1.1;
}
.lp-itemcredit-wrap--row {
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
}

.lp-itemcredit {
  display: flex;
  gap: 0.5em;
  font-family: var(--font-en);
}
.lp-itemcredit dt {
  padding-top: 0.1em;
  font-weight: 600;
  font-size: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-itemcredit dd {
  font-weight: 200;
  font-size: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: var(--font-en2);
}
.lp-itemcredit dd:before {
  content: "¥";
}

.lp-checkbtn {
  display: flex;
  justify-content: center;
  margin-top: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-checkbtn.is-type02 {
  margin-top: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-checkbtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid #000;
  width: calc(190 * var(--zoom) / var(--designwidth) * 100vw);
  height: calc(45 * var(--zoom) / var(--designwidth) * 100vw);
  background: #FFF;
  color: #000;
  text-align: center;
  font-family: var(--font-en);
  font-size: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .lp-checkbtn a {
    transition: ease all 0.3s;
  }
  .lp-checkbtn a:hover {
    background-color: #FFCE2D;
  }
}

.lp-allitems {
  margin-top: calc(234 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-allitems__button {
  display: grid;
  gap: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  grid-template-columns: 100%;
}

a.lp-allitems__button__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--categoryColor, #252A43);
  font-size: calc(36 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: var(--font-en);
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  border: 1px solid var(--categoryColor, #252A43);
  padding: calc(20 * var(--zoom) / var(--designwidth) * 100vw) calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  border-radius: 50px;
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  a.lp-allitems__button__link:hover {
    color: var(--categoryColor, #252A43);
    background-color: #fff;
  }
}
a.lp-allitems__button__link:after {
  position: absolute;
  z-index: 2;
  top: calc(50% - 0.3em);
  right: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  height: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  transform: rotate(45deg);
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  content: "";
  display: inline-block;
  transition: none;
}

.lp-smartlogos {
  margin-top: calc(130 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: dnp-shuei-gothic-kin-std, sans-serif;
}
.lp-smartlogos .lp-c-paragraph {
  margin-top: calc(75 * var(--zoom) / var(--designwidth) * 100vw);
  font-size: calc(26 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
}

.lp-smartlogos-headline {
  width: calc(517 * var(--zoom) / var(--designwidth) * 100vw);
  margin: 0 auto;
}

.lp-smartlogos-note {
  margin-top: calc(60 * var(--zoom) / var(--designwidth) * 100vw);
  font-size: 0.9rem;
  text-align: center;
}

.lp-smartlogos-img {
  width: calc(582 * var(--zoom) / var(--designwidth) * 100vw);
  margin: calc(114 * var(--zoom) / var(--designwidth) * 100vw) auto;
  padding-right: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  padding-left: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
}

.animation-fadein {
  opacity: 0;
  transition: ease all 1s;
  transition-property: opacity;
}
.animation-fadein.is-show {
  opacity: 1;
}

.animation-fadeup {
  opacity: 0;
  transform: translateY(15px);
  transition: ease all 1s;
  transition-property: transform, opacity;
}
.animation-fadeup.is-show {
  opacity: 1;
  transform: translateY(0px);
}