@charset "UTF-8";
.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 {
  --designwidth:1920;
  --zoom:2;
  --color_dark:#282851;
  --color_lignt:#42B6F4;
  --font_rubik: "Rubik Dirt", system-ui;
  --font_arimo: "Arimo", sans-serif;
  position: relative;
  background: #fff url(/storage/brandsite/feature/img/178/com_bg01.jpg) 0% 0% repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  color: var(--color_dark);
}
@media screen and (max-width:767px) {
  .lp-wrapper {
    --designwidth:375;
    --zoom:1;
  }
}
@media print, screen and (min-width: 768px) {
  .lp-wrapper {
    display: flex;
    background-size: 375px auto;
  }
}
@media screen and (max-width:767px) {
  .lp-wrapper {
    overflow: hidden;
  }
}
.lp-wrapper img {
  width: 100%;
  height: auto;
}
.lp-wrapper button {
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

@media print, screen and (min-width: 768px) {
  .lp-contents {
    width: calc(750 / 1920 * 100%);
    border-left: 1px solid var(--color_lignt);
    border-right: 1px solid var(--color_lignt);
    background: #fff url(/storage/brandsite/feature/img/178/com_bg01.jpg) 0% 0% repeat;
    overflow: hidden;
  }
}

@media print, screen and (min-width: 768px) {
  .lp-sidecol {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    height: calc(100vh - 80px);
    background: #fff url(/storage/brandsite/feature/img/178/com_bg01.jpg) 0% 0% repeat;
    background-size: cover;
  }
  .lp-sidecol:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: calc(40 / var(--designwidth) * 100vw);
    height: 100%;
    background: #fff;
  }
}

@media print, screen and (min-width: 768px) {
  .lp-sidecol--left {
    width: calc(940 / 1920 * 100%);
    overflow: hidden;
    padding: 38px 0;
  }
}

.lp-sidecol--right {
  right: 0;
  background: #000;
}

.lp-sidecol__inner {
  margin: 0 auto;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .lp-sidecol__inner {
    width: calc(540 / 940 * 100%);
  }
}

@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-mt0 {
  margin-top: 0 !important;
}

@media print, screen and (min-width: 768px) {
  .lp-u-hover {
    transition: ease opacity 0.3s;
  }
  .lp-u-hover:hover {
    opacity: 0.7 !important;
  }
}

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

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

.lp-intro__lead {
  line-height: 200%;
  font-size: calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width:767px) {
  .lp-intro__lead {
    margin: calc(38 * var(--zoom) / var(--designwidth) * 100vw) 0 0;
    padding: 0 calc(10 * var(--zoom) / var(--designwidth) * 100vw);
  }
}

.lp-look {
  padding-top: calc(38 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look > :first-child {
  margin-top: 0 !important;
}

.lp-look-header {
  margin-top: calc(38 * var(--zoom) / var(--designwidth) * 100vw);
  margin-bottom: calc(28 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
}

.lp-look-header__number {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  position: relative;
  margin: 0 auto;
  width: calc(51 * var(--zoom) / var(--designwidth) * 100vw);
  font-size: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: var(--font_rubik);
  color: #fff;
  line-height: 1;
  z-index: 2;
}
.lp-look-header__number::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/storage/brandsite/feature/img/178/look_bg01.svg) 50% 50% no-repeat;
  background-size: contain;
  animation: scaleAnime 4s infinite;
  z-index: -1;
}

.lp-look-header__catch {
  margin: calc(8 * var(--zoom) / var(--designwidth) * 100vw) 0;
  font-family: var(--font_rubik);
  font-size: calc(40 * var(--zoom) / var(--designwidth) * 100vw);
  text-transform: uppercase;
  line-height: 1;
  color: var(--color_lignt);
}
.lp-look-header__catch .lp-catch__letter {
  display: inline-block;
  transform: rotateX(0) translateY(0) rotate(0);
  opacity: 0;
}
.lp-look-header__catch .lp-catch__letter:nth-child(1) {
  animation-delay: 0.1s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(2) {
  animation-delay: 0.2s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(3) {
  animation-delay: 0.3s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(4) {
  animation-delay: 0.4s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(5) {
  animation-delay: 0.5s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(6) {
  animation-delay: 0.6s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(7) {
  animation-delay: 0.7s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(8) {
  animation-delay: 0.8s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(9) {
  animation-delay: 0.9s;
}
.lp-look-header__catch .lp-catch__letter:nth-child(10) {
  animation-delay: 1s;
}
.lp-look-header__catch.is-show .lp-catch__letter {
  animation-name: letterAnime;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

@keyframes letterAnime {
  5% {
    opacity: 0;
    transform: rotateX(30deg) translateY(5px) rotate(-13deg);
  }
  30% {
    opacity: 1;
    transform: translateY(-11px) rotate(3deg) scale(1.1);
  }
  100% {
    opacity: 1;
  }
}
.lp-look-header__title {
  font-size: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  color: var(--color_lignt);
  line-height: 1;
}

.lp-look-section + .lp-look-section {
  margin-top: calc(60 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__movie {
  position: absolute;
  z-index: 10;
  width: calc(56 * var(--zoom) / var(--designwidth) * 100vw);
  display: block;
}
@media print, screen and (min-width: 768px) {
  .lp-look-section__movie img {
    transition: ease opacity 0.3s;
  }
  .lp-look-section__movie:hover img {
    opacity: 0.7;
  }
}
.lp-look-section__movie.is-look01-01, .lp-look-section__movie.is-look01-03, .lp-look-section__movie.is-look02-01, .lp-look-section__movie.is-look03-01 {
  top: calc(0 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__movie.is-look01-02, .lp-look-section__movie.is-look04-01 {
  top: calc(0 * var(--zoom) / var(--designwidth) * 100vw);
  right: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__movie.is-look02-01-01, .lp-look-section__movie.is-look04-01-01 {
  position: static;
  margin: 0 auto calc(7 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__intro__detail {
  position: relative;
  width: 100%;
}

.lp-look-section__intro__img {
  display: block;
  position: absolute;
}
.lp-look-section__intro__img.is-left {
  left: 0;
}
.lp-look-section__intro__img.is-right {
  right: 0;
}
.lp-look-section__intro__img.is-look01-01-01 {
  top: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 196px;
  width: calc(98 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-01-02 {
  top: calc(126 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 144px;
  width: calc(72 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-01-03 {
  top: calc(208 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 176px;
  width: calc(88 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-01-04 {
  bottom: calc(88 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 168px;
  width: calc(84 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-01-05 {
  bottom: calc(-27 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 248px;
  width: calc(124 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-02-01 {
  top: calc(-8 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 164px;
  width: calc(87 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-02-02 {
  bottom: calc(-20 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 204px;
  width: calc(102 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-03-01 {
  top: calc(18 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 186px;
  width: calc(93 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look01-03-02 {
  bottom: calc(-35 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 218px;
  width: calc(109 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look02-01 {
  top: calc(-22 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 190px;
  width: calc(95 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look02-02 {
  top: calc(71 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 156px;
  width: calc(78 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look02-03 {
  bottom: calc(-58 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 238px;
  width: calc(119 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look03-01 {
  top: calc(23 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 224px;
  width: calc(112 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look03-02 {
  top: calc(90 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 211px;
  width: calc(106 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look03-03 {
  bottom: calc(-42 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 302px;
  width: calc(151 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look04-01 {
  top: calc(-20 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 218px;
  width: calc(109 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look04-02 {
  top: calc(68 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 274px;
  width: calc(137 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__img.is-look04-03 {
  bottom: calc(-13 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 166px;
  width: calc(83 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__intro__popup {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(13 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__intro__popup__img {
  position: relative;
  margin-right: calc(-10 * var(--zoom) / var(--designwidth) * 100vw);
  z-index: 2;
  opacity: 0;
  transform: scale(0);
}
.is-show .lp-look-section__intro__popup__img {
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.5s 0.3s;
  opacity: 1;
  transform: scale(1);
}
.lp-look-section__intro__popup__img.is-look01-01 {
  width: calc(99 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__popup__img.is-look01-02 {
  width: calc(68 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__popup__img.is-look01-03 {
  width: calc(68 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__popup__img.is-look02 {
  width: calc(68 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__popup__img.is-look03 {
  width: calc(82 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__intro__popup__img.is-look04 {
  width: calc(68 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__intro__popup__detail {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 370px;
  width: calc(185 * var(--zoom) / var(--designwidth) * 100vw);
  min-height: calc(79 * var(--zoom) / var(--designwidth) * 100vw);
  padding: calc(14 * var(--zoom) / var(--designwidth) * 100vw) calc(18 * var(--zoom) / var(--designwidth) * 100vw);
  border-radius: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  background: var(--color_lignt);
  color: #fff;
  font-size: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 500;
  line-height: 1.7;
  z-index: 1;
}
.lp-look-section__intro__popup__detail::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(114 * var(--zoom) / var(--designwidth) * 100vw);
  bottom: calc(-16 * var(--zoom) / var(--designwidth) * 100vw);
  max-width: 32px;
  width: calc(22 * var(--zoom) / var(--designwidth) * 100vw);
  height: calc(23 * var(--zoom) / var(--designwidth) * 100vw);
  background: url(/storage/brandsite/feature/img/178/com_icon01.svg) no-repeat 0 0/contain;
  z-index: -1;
}

.lp-look-section__intro__headline {
  position: relative;
  margin-top: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
  font-size: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 900;
  text-align: center;
  z-index: 2;
}
.lp-look-section__intro__headline > span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  letter-spacing: -0.05em;
}
.lp-look-section__intro__headline > span:before, .lp-look-section__intro__headline > span:after {
  position: absolute;
  z-index: 2;
  content: "";
  display: block;
  width: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  aspect-ratio: 1/1;
  background: url(/storage/brandsite/feature/img/178/look_bg02.svg) 50% 50% repeat;
  background-size: contain;
}
.lp-look-section__intro__headline > span:before {
  top: 0;
  left: 0;
  transform: translate(-90%, -10%);
}
.lp-look-section__intro__headline > span:after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg) translate(-100%, 0%);
}

.lp-look-section__intro__lead {
  margin: calc(10 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  width: calc(190 * var(--zoom) / var(--designwidth) * 100vw);
  line-height: 2.2;
  font-size: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.lp-look-section__items {
  margin-top: calc(48 * var(--zoom) / var(--designwidth) * 100vw);
  padding: 0 calc(20 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items.is-look01-01 {
  margin-top: calc(46 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items.is-look02 {
  margin-top: calc(71 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items.is-look03 {
  margin-top: calc(71 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items.is-look04 {
  margin-top: calc(44 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__items02 {
  margin-top: calc(32 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items02.is-look01 {
  margin-top: calc(-33 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items02.is-look02 {
  margin-top: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items02.is-look03 {
  margin-top: calc(25 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items02.is-look04 {
  margin-top: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-section__items__headline,
.lp-look-section__items02__headline {
  display: flex;
  align-items: center;
  margin: 0 0 calc(19 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items__headline:before, .lp-look-section__items__headline:after,
.lp-look-section__items02__headline:before,
.lp-look-section__items02__headline:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color_dark);
  flex-grow: 1;
}
.lp-look-section__items__headline > span,
.lp-look-section__items02__headline > span {
  flex-shrink: 0;
  text-align: center;
  padding: calc(5 * var(--zoom) / var(--designwidth) * 100vw) 0;
  line-height: 1;
  border-radius: 5px;
  width: calc(143 * var(--zoom) / var(--designwidth) * 100vw);
  border: 1px solid var(--color_dark);
  background-color: #fff;
  color: var(--color_dark);
  font-family: var(--font_arimo);
  font-size: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 600;
  letter-spacing: -0.48px;
}

.lp-look-section__items02__headline {
  margin: 0 0 calc(25 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-look-section__items02__headline:before, .lp-look-section__items02__headline:after {
  background-color: #fff;
}
.lp-look-section__items02__headline > span {
  border: 1px solid #fff;
  background-color: var(--color_lignt);
  color: #fff;
}

.lp-look-ticker {
  display: flex;
  border-top: 1px solid var(--color_lignt);
  margin: calc(30 * var(--zoom) / var(--designwidth) * 100vw) 0 0;
  border-bottom: 1px solid var(--color_lignt);
  background-color: #fff;
  color: var(--color_lignt);
  overflow: hidden;
}
.lp-look-ticker > span {
  flex-shrink: 0;
  display: block;
  padding: 0 0.4em;
  white-space: nowrap;
  animation: ticker 5s linear infinite;
  font-family: var(--font_rubik);
  font-size: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
}

@keyframes ticker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scaleAnime {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleAnime2 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.lp-pruductlist,
.lp-pruductlist02 {
  display: grid;
  gap: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
}

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

.lp-pruductlist__item,
.lp-pruductlist02__item {
  display: grid;
  align-items: center;
  grid-template-columns: calc(96 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
  gap: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  text-decoration: none !important;
  color: inherit;
}
.lp-pruductlist.is-look01-01 .lp-pruductlist__item,
.lp-pruductlist.is-look01-01 .lp-pruductlist02__item {
  grid-template-columns: calc(84 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
}
.lp-pruductlist.is-look01-03 .lp-pruductlist__item,
.lp-pruductlist.is-look01-03 .lp-pruductlist02__item {
  grid-template-columns: calc(84 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
}
.lp-pruductlist.is-look02 .lp-pruductlist__item,
.lp-pruductlist.is-look02 .lp-pruductlist02__item {
  grid-template-columns: calc(69 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
  gap: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-pruductlist.is-look03 .lp-pruductlist__item,
.lp-pruductlist.is-look03 .lp-pruductlist02__item {
  grid-template-columns: calc(68 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
  gap: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
}
.lp-pruductlist.is-look04 .lp-pruductlist__item,
.lp-pruductlist.is-look04 .lp-pruductlist02__item {
  grid-template-columns: calc(69 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
  gap: calc(30 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-pruductlist__item:hover .lp-pruductlist__button,
  .lp-pruductlist__item:hover .lp-pruductlist02__button,
  .lp-pruductlist02__item:hover .lp-pruductlist__button,
  .lp-pruductlist02__item:hover .lp-pruductlist02__button {
    opacity: 0.7;
  }
  .lp-pruductlist__item:hover .lp-pruductlist__button:before,
  .lp-pruductlist__item:hover .lp-pruductlist02__button:before,
  .lp-pruductlist02__item:hover .lp-pruductlist__button:before,
  .lp-pruductlist02__item:hover .lp-pruductlist02__button:before {
    margin-left: 5px;
  }
}

.lp-pruductlist02__item {
  grid-template-columns: calc(72 * var(--zoom) / var(--designwidth) * 100vw) 1fr;
  gap: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  color: #fff;
}

.lp-pruductlist__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.lp-pruductlist.is-look01-01 .lp-pruductlist__image img {
  max-height: calc(84 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-pruductlist__name,
.lp-pruductlist02__name {
  font-size: calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 700;
  line-height: 1.4;
}

.lp-pruductlist__price,
.lp-pruductlist02__price {
  margin-top: calc(4 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: var(--font_arimo);
  font-size: calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 600;
  line-height: 1.8;
}
.lp-pruductlist__price:before,
.lp-pruductlist02__price:before {
  content: "¥";
}

.lp-pruductlist__button,
.lp-pruductlist02__button {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--color_dark);
  margin-top: calc(4 * var(--zoom) / var(--designwidth) * 100vw);
  background-color: var(--color_lignt);
  line-height: 1.2;
  font-family: var(--font_arimo);
  font-size: calc(14 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 500;
  padding: 2px calc(10 * var(--zoom) / var(--designwidth) * 100vw) 2px calc(32 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(112 * var(--zoom) / var(--designwidth) * 100vw);
  min-height: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  text-align: center;
  transition: all 0.3s ease;
}
.lp-pruductlist__button:before,
.lp-pruductlist02__button:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
  content: "";
  display: block;
  width: calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  height: calc(12 * var(--zoom) / var(--designwidth) * 100vw);
  background: url(/storage/brandsite/feature/img/178/com_arw01.svg) 50% 50% no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.lp-pruductlist02__button {
  color: var(--color_lignt);
  border: 1px solid #fff;
  background-color: #fff;
}
.lp-pruductlist02__button::before {
  background: url(/storage/brandsite/feature/img/178/com_arw03.svg) 50% 50% no-repeat;
  background-size: contain;
}

.lp-last {
  display: flex;
  justify-content: center;
  margin-top: calc(42 * var(--zoom) / var(--designwidth) * 100vw);
  padding-bottom: calc(210 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-last__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(197 * var(--zoom) / var(--designwidth) * 100vw);
  height: calc(53 * var(--zoom) / var(--designwidth) * 100vw);
  font-size: calc(24 * var(--zoom) / var(--designwidth) * 100vw);
  font-family: var(--font_rubik);
  color: #fff;
  text-decoration: none !important;
}
.lp-last__link > span {
  position: relative;
  z-index: 5;
  display: inline-block;
}
.lp-last__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/storage/brandsite/feature/img/178/last_bg01.svg) 50% 50% repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
  animation: scaleAnime2 4s infinite alternate;
}

.lp-mv {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .lp-mv {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    aspect-ratio: 540/452;
    width: calc(540 * var(--zoom) / var(--designwidth) * 100vw);
  }
}
@media screen and (max-width:767px) {
  .lp-mv {
    aspect-ratio: 375/377;
    overflow: hidden;
  }
}

.lp-logo {
  margin: 0 auto;
  width: calc(275 * var(--zoom) / var(--designwidth) * 100vw);
  opacity: 0;
  transform: scale(0.5);
}
@media print, screen and (min-width: 768px) {
  .lp-logo {
    position: absolute;
    top: calc(80 / 452 * 100%);
    left: calc(100 / 540 * 100%);
    max-width: 357px;
    width: calc(357 / 540 * 100%);
  }
}
@media screen and (max-width:767px) {
  .lp-logo {
    padding-top: calc(92 * var(--zoom) / var(--designwidth) * 100vw);
  }
}

.lp-mv__img {
  position: absolute;
  z-index: 3;
  opacity: 0;
  transform: scale(1.5);
}
.lp-mv__img.is-img01 {
  top: calc(38 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(46 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(65 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img01 {
    top: calc(10 / 452 * 100%);
    left: calc(90 / 540 * 100%);
    width: calc(85 / 540 * 100%);
  }
}
.lp-mv__img.is-img02 {
  top: calc(96 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(-28 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(93 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img02 {
    top: calc(118 / 452 * 100%);
    left: calc(0 / 540 * 100%);
    width: calc(121 / 540 * 100%);
  }
}
.lp-mv__img.is-img03 {
  top: calc(29 * var(--zoom) / var(--designwidth) * 100vw);
  right: calc(21 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(97 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img03 {
    top: calc(0 / 452 * 100%);
    right: calc(52 / 540 * 100%);
    width: calc(127 / 540 * 100%);
  }
}
.lp-mv__img.is-img04 {
  top: calc(121 * var(--zoom) / var(--designwidth) * 100vw);
  right: calc(-12 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(72 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img04 {
    top: calc(119 / 452 * 100%);
    right: 0;
    width: calc(95 / 540 * 100%);
  }
}
.lp-mv__img.is-img05 {
  bottom: 0;
  left: calc(-17 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(86 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img05 {
    bottom: calc(0 / 452 * 100%);
    left: calc(10 / 540 * 100%);
    width: calc(113 / 540 * 100%);
  }
}
.lp-mv__img.is-img06 {
  bottom: calc(37 * var(--zoom) / var(--designwidth) * 100vw);
  left: calc(56 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(83 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img06 {
    bottom: calc(48 / 452 * 100%);
    left: calc(89 / 540 * 100%);
    width: calc(109 / 540 * 100%);
  }
}
.lp-mv__img.is-img07 {
  bottom: 0;
  left: calc(149 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(74 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img07 {
    bottom: calc(0 / 452 * 100%);
    left: calc(230 / 540 * 100%);
    width: calc(97 / 540 * 100%);
  }
}
.lp-mv__img.is-img08 {
  bottom: calc(13 * var(--zoom) / var(--designwidth) * 100vw);
  right: calc(75 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(80 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img08 {
    z-index: 4;
    bottom: calc(13 / 452 * 100%);
    right: calc(75 / 540 * 100%);
    width: calc(106 / 540 * 100%);
  }
}
.lp-mv__img.is-img09 {
  bottom: calc(60 * var(--zoom) / var(--designwidth) * 100vw);
  right: calc(-12 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(101 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-mv__img.is-img09 {
    bottom: calc(78 / 452 * 100%);
    right: 0;
    max-width: calc(132 / 540 * 100%);
  }
}

.lp-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: calc(54 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .lp-nav {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(7 / var(--designwidth) * 100vw);
    margin-top: calc(21 / var(--designwidth) * 100vw);
    max-width: 485px;
    opacity: 0;
    transform: translateY(50px);
    transition: ease all 1s;
    transition-property: transform, opacity;
  }
  .has-mv-inited .lp-nav {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width:767px) {
  .lp-nav {
    gap: calc(13 * var(--zoom) / var(--designwidth) * 100vw);
    padding: 0 calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  }
}

.lp-nav .lp-nav__type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  line-height: 1.33;
  border: 1px solid var(--color_lignt);
  border-radius: 9px;
  background: #fff url(/storage/brandsite/feature/img/178/com_arw02.svg) no-repeat right calc(13 / var(--designwidth) * 100vw) center;
  color: #282851;
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  .lp-nav .lp-nav__type {
    background-size: calc(10 / var(--designwidth) * 100vw) auto;
    padding: calc(5 / var(--designwidth) * 100vw) calc(32 / var(--designwidth) * 100vw) calc(5 / var(--designwidth) * 100vw) calc(19 / var(--designwidth) * 100vw);
    min-height: calc(68 / var(--designwidth) * 100vw);
  }
  .lp-nav .lp-nav__type:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  .lp-nav .lp-nav__type {
    gap: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
    padding: calc(15 * var(--zoom) / var(--designwidth) * 100vw) calc(10 * var(--zoom) / var(--designwidth) * 100vw) calc(35 * var(--zoom) / var(--designwidth) * 100vw) calc(10 * var(--zoom) / var(--designwidth) * 100vw);
    min-height: calc(263 * var(--zoom) / var(--designwidth) * 100vw);
    line-height: 1.3;
    writing-mode: vertical-rl;
    background-image: url(/storage/brandsite/feature/img/178/com_arw02-sp.svg);
    background-position: bottom calc(14 * var(--zoom) / var(--designwidth) * 100vw) center;
  }
}

.lp-nav__main-label {
  flex-shrink: 0;
  font-size: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 700;
  font-size: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-nav__main-label {
    width: 7em;
    font-size: calc(15 / var(--designwidth) * 100vw);
  }
}

.lp-nav__sub-label {
  text-transform: uppercase;
  color: var(--color_lignt);
  font-family: var(--font_rubik);
  font-size: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
}
@media print, screen and (min-width: 768px) {
  .lp-nav__sub-label {
    font-size: calc(14 / var(--designwidth) * 100vw);
  }
}

.lp-look-box {
  margin: calc(40 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
  padding: calc(30 * var(--zoom) / var(--designwidth) * 100vw) 0;
  width: calc(335 * var(--zoom) / var(--designwidth) * 100vw);
  color: #fff;
  background-color: var(--color_lignt);
  border: 1px solid var(--color_dark);
  border-radius: 20px;
}

.lp-look-box__title {
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: calc(20 * var(--zoom) / var(--designwidth) * 100vw);
  font-weight: 900;
}

.lp-look-box-media {
  position: relative;
  display: flex;
  margin-top: calc(16 * var(--zoom) / var(--designwidth) * 100vw);
  padding-inline: calc(26 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-box-media__text {
  line-height: 2.2;
  font-size: calc(10 * var(--zoom) / var(--designwidth) * 100vw);
}

.lp-look-box-media__img {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-right: calc(-26 * var(--zoom) / var(--designwidth) * 100vw);
  width: calc(89 * var(--zoom) / var(--designwidth) * 100vw);
}

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

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

.animation-fadescale {
  opacity: 0;
  transform: scale(0.5);
  transition: ease all 0.5s;
  transition-property: transform, opacity;
}
.animation-fadescale.is-show {
  opacity: 1;
  transform: scale(1);
}

.animation-slide-to-right {
  transform: translateX(-50px);
  opacity: 0;
  transition: ease all 0.5s;
  transition-property: transform, opacity;
}
.animation-slide-to-right.is-show {
  opacity: 1;
  transform: translateX(0px);
}

.animation-slide-to-left {
  transform: translateX(50px);
  opacity: 0;
  transition: ease all 0.5s;
  transition-property: transform, opacity;
}
.animation-slide-to-left.is-show {
  opacity: 1;
  transform: translateX(0px);
}

body.is-modal-open {
  overflow: hidden;
  height: 100vh;
}

[data-modal-id] {
  cursor: pointer;
}

.lp-modal-list {
  display: none;
}

.lp-modal-wrapper {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100%;
  background-color: rgba(66, 182, 244, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lp-modal-wrapper.is-active {
  opacity: 1;
  visibility: visible;
}

.lp-modal-view {
  width: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
}

.lp-modal-view__contents {
  display: flex;
  margin: 0 auto;
  max-height: 90dvh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.lp-modal-view__contents > :first-child {
  margin-top: 0;
}
.is-active .lp-modal-view__contents {
  opacity: 1;
}
@media screen and (max-width:767px) {
  .lp-modal-view__contents {
    position: relative;
    max-width: 100%;
  }
}

.lp-modal-view__block {
  width: 100%;
  max-width: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.lp-modal-view__block::-webkit-scrollbar {
  display: none;
}

.lp-modal__close {
  width: 120px;
  height: 24px;
  background: url(/storage/brandsite/feature/img/178/com_close.svg) no-repeat center center/contain;
  cursor: pointer;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .lp-modal__close {
    position: absolute;
    z-index: 5;
    top: 46px;
    right: 35px;
  }
}
@media screen and (max-width:767px) {
  .lp-modal__close {
    position: relative;
    z-index: 10;
    margin: calc(30 * var(--zoom) / var(--designwidth) * 100vw) auto 0;
    width: calc(75 * var(--zoom) / var(--designwidth) * 100vw);
    height: calc(14 * var(--zoom) / var(--designwidth) * 100vw);
  }
}

.lp-modal-movie {
  height: 90vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .lp-modal-movie {
    height: 80dvh;
  }
}
.lp-modal-movie iframe {
  display: block;
  aspect-ratio: 9/16;
  width: auto;
  height: 100%;
}
.lp-modal-movie.is-landscape {
  height: auto;
  width: 1040px;
  max-width: 100%;
}
.lp-modal-movie.is-landscape iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}