#lp2026ss {
  font-family: "Noto Sans JP", sans-serif;
}
#lp2026ss a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#lp2026ss a:hover {
  opacity: 0.6;
}
#lp2026ss video {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.l-wrapper {
  background-color: #f0e5db;
}

.l-content {
  max-width: 425px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #f4f4ea;
}

.l-inner {
  padding-inline: 20px;
}

.fadein {
  opacity: 0;
}
.fadein.is-animated {
  -webkit-animation: fadein 0.7s ease-in-out forwards;
          animation: fadein 0.7s ease-in-out forwards;
}

.fadeup {
  opacity: 0;
}
.fadeup.is-animated {
  -webkit-animation: fadeup 0.5s ease-in-out forwards;
          animation: fadeup 0.5s ease-in-out forwards;
}

.slide-right {
  -webkit-transform: translateX(-130%);
          transform: translateX(-130%);
}
.slide-right.is-animated {
  -webkit-animation: slide-right 0.8s ease-in-out forwards;
          animation: slide-right 0.8s ease-in-out forwards;
}

.slide-left {
  -webkit-transform: translateX(130%);
          transform: translateX(130%);
}
.slide-left.is-animated {
  -webkit-animation: slide-left 0.8s ease-in-out forwards;
          animation: slide-left 0.8s ease-in-out forwards;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slide-right {
  from {
    -webkit-transform: translateX(-130%);
            transform: translateX(-130%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  from {
    -webkit-transform: translateX(-130%);
            transform: translateX(-130%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slide-left {
  from {
    -webkit-transform: translateX(130%);
            transform: translateX(130%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-left {
  from {
    -webkit-transform: translateX(130%);
            transform: translateX(130%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes text-animate {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes text-animate {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes jiggle {
  0% {
    rotate: -2deg;
  }
  100% {
    rotate: 2deg;
  }
}
@keyframes jiggle {
  0% {
    rotate: -2deg;
  }
  100% {
    rotate: 2deg;
  }
}
@-webkit-keyframes star-flashing-before {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes star-flashing-before {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes star-flashing-after {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  85% {
    opacity: 0.3;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes star-flashing-after {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  85% {
    opacity: 0.3;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.section {
  position: relative;
}
.section__title {
  font-size: 44px;
  font-weight: normal;
  color: #656565;
  line-height: 1;
  font-family: "Old Standard TT", serif;
  margin-bottom: 26px;
}
.section__title--right {
  text-align: right;
}

.hero {
  position: relative;
  padding: 20px 20px 80px;
  background: url("../img/bg_1.png") center center/cover;
}
.hero:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 215px;
  left: 0px;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 234, 0)), to(#f4f4ea));
  background: linear-gradient(180deg, rgba(244, 244, 234, 0) 0%, #f4f4ea 100%);
}
.hero__img {
  margin-bottom: 30px;
}
.hero__title {
  margin-bottom: 8px;
  font-family: "Old Standard TT", serif;
  z-index: 2;
  color: #2a689a;
  font-size: 34px;
  text-align: center;
  font-weight: normal;
  letter-spacing: -0.01em;
  position: relative;
}
.hero__title:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: #f8fbf7;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0.7;
}
.hero__title small {
  font-size: 32px;
}
.hero__text {
  text-align: center;
  color: #656565;
  line-height: 2;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}
.hero__text:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: #f8fbf7;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  opacity: 0.7;
}

.caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 3;
  position: relative;
  gap: 4px;
}
.caption__item {
  font-weight: 200;
  padding: 2px 8px;
  font-size: 14px;
  display: inline-block;
  color: #815f40;
  background-color: #fff;
}

.video {
  max-width: 233px;
  margin: 0 auto;
  display: block;
}

/* LOOK01 */
.look01 {
  margin-top: 70px;
  position: relative;
}
.look01 .lace {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  -webkit-animation: rotate 70s linear infinite;
          animation: rotate 70s linear infinite;
  max-width: 670px;
}
.look01__logo {
  position: absolute;
  rotate: -90deg;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  right: 10px;
  max-width: 521px;
  width: 521px;
  top: -70px;
  z-index: 2;
}
.look01__1 {
  position: relative;
}
.look01__1 .lace {
  position: absolute;
  width: 460px;
  height: 460px;
  top: -6px;
  left: -117px;
  display: block;
}
.look01__1-img {
  max-width: 284px;
  position: relative;
}
.look01__1-caption {
  margin-top: -38px;
}
.look01__2 {
  margin-top: 60px;
  z-index: 1;
  position: relative;
}
.look01__2 .lace {
  position: absolute;
  width: 670px;
  height: 670px;
  z-index: -1;
  right: -317px;
  top: 0;
}
.look01__2-img {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.look01__2-img img:nth-child(1) {
  margin-top: 60px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.look01__2-caption {
  margin-top: -100px;
  margin-right: 10px;
  margin-left: auto;
}
.look01__video {
  z-index: 2;
  position: relative;
  margin-top: 40px;
}

/* LOOK02 */
.look02 {
  position: relative;
  margin-top: 172px;
}
.look02:before {
  width: 100%;
  height: 1050px;
  background: url("../img/dot.png") repeat center center/30px auto;
  content: "";
  position: absolute;
  top: 140px;
  left: 0;
}
.look02__caption {
  margin-top: -38px;
  margin-right: 0;
  margin-left: auto;
}
.look02__2 {
  max-width: 193px;
  margin-top: 16px;
}
.look02__video {
  margin-top: 40px;
}

/* LOOK03 */
.look03 {
  margin-top: 174px;
}
.look03__catch {
  font-family: "Old Standard TT", serif;
  color: transparent;
  line-height: 1;
  font-size: 54px;
  white-space: nowrap;
  rotate: -90deg;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  position: absolute;
  top: 0;
  right: calc(100% - 20px);
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, transparent));
  background: linear-gradient(90deg, #fff 0%, #fff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
}
.look03__catch.is-animated {
  -webkit-animation: text-animate 3s forwards linear;
          animation: text-animate 3s forwards linear;
}
.look03__1 {
  width: calc(100% - 92px);
  margin-left: auto;
  margin-right: 0;
}
.look03__caption {
  padding-left: 20px;
  margin-top: 13px;
}
.look03__2 {
  margin-top: 20px;
}
.look03__slide-img {
  -webkit-animation: jiggle 1.8s ease-in-out infinite alternate;
          animation: jiggle 1.8s ease-in-out infinite alternate;
  -webkit-transition: -webkit-animation-duration 0.3s ease;
  transition: -webkit-animation-duration 0.3s ease;
  transition: animation-duration 0.3s ease;
  transition: animation-duration 0.3s ease, -webkit-animation-duration 0.3s ease;
}
.look03__slide-img--2 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  margin-top: 20px;
}
.look03__slide-img--3 {
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  margin-top: 10px;
}

/* LOOK04 */
.look04 {
  margin-top: 192px;
}
.look04__lace {
  position: absolute;
  -webkit-filter: blur(0) drop-shadow(0 0 10px rgba(0, 0, 0, 0.05));
          filter: blur(0) drop-shadow(0 0 10px rgba(0, 0, 0, 0.05));
  width: 0;
  content: "";
  display: block;
  height: 233px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  z-index: -1;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  background: url("../img/lace_2.svg") repeat-x center center/auto 233px;
}
.look04__lace.is-animated {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  width: 800px;
}
.look04__1 {
  position: relative;
  z-index: 2;
}
.look04__1-container {
  max-width: 233px;
  margin: 0 auto;
  position: relative;
}
.look04__1 .look04__lace {
  right: -100px;
  top: -70px;
  rotate: -30deg;
}
.look04__catch {
  position: absolute;
  left: 100%;
  bottom: 0;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Old Standard TT", serif;
  font-size: 22px;
  line-height: 1.8;
  color: #333;
}
.look04__2 {
  margin-top: 27px;
  position: relative;
  z-index: 2;
}
.look04__2-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.look04__caption {
  margin-top: -40px;
}
.look04__video {
  position: relative;
  z-index: 2;
  margin-top: 40px;
}
.look04__video .video {
  position: relative;
}
.look04__video-caption {
  margin-right: 0;
  margin-left: auto;
  margin-top: 16px;
}
.look04__video .look04__lace {
  right: auto;
  left: -100px;
  bottom: auto;
  top: -100px;
  rotate: 30deg;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

/* LOOK05 */
.look05 {
  margin-top: 120px;
}
.look05__wrapper {
  position: relative;
  padding-block: 43px;
  z-index: 2;
}
.look05__wrapper:before, .look05__wrapper:after {
  background: url("../img/lace_3.png") repeat-x center center/auto 43px;
  -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  z-index: -1;
  height: 43px;
}
.look05__wrapper:before {
  top: 0;
  left: 0;
}
.look05__wrapper:after {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.look05__content {
  background-color: #fff;
}
.look05__1 img {
  width: 100%;
}
.look05__2 {
  margin-top: 27px;
}
.look05__2-wrapper {
  position: relative;
}
.look05__2-img {
  width: 55%;
}
.look05__2-img:nth-child(1) {
  margin-right: -7%;
}
.look05__2-img:nth-child(2) {
  position: absolute;
  top: 85px;
  right: 0;
  margin-left: -7%;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.look05__caption {
  margin-top: 22px;
  margin-left: 50px;
}

/* LOOK06 */
.look06 {
  margin-top: 140px;
}
.look06__caption {
  margin-top: -80px;
  padding-left: 13px;
}

/* LOOK07 */
.look07 {
  margin-top: 140px;
}
.look07:before {
  content: "";
  display: block;
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
  height: 870px;
  background: url("../img/dot.png") repeat center center/30px auto;
}
.look07__1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.look07__1-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
}
.look07__1-img:nth-child(1) {
  margin-left: -7%;
}
.look07__1-img:nth-child(2) {
  margin-top: 224px;
  margin-right: -7%;
}
.look07__caption {
  padding-left: 20px;
  margin-top: -40px;
}
.look07__video {
  margin-top: 44px;
}

/* SHOPPER */
.shopper {
  padding-top: 40px;
  margin-top: 70px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fce6e9), color-stop(50.96%, #fce6e9), to(#f5d4d9));
  background: linear-gradient(180deg, #fce6e9 0%, #fce6e9 50.96%, #f5d4d9 100%);
  position: relative;
  z-index: 2;
}
.shopper:before, .shopper:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.shopper:before {
  background: url("../img/stars_1.png") repeat-x center top/390px auto;
  animation: star-flashing-before 10s infinite reverse;
}
.shopper:after {
  background: url("../img/stars_2.png") repeat-x center top/390px auto;
  animation: star-flashing-after 10s infinite reverse;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.shopper__title {
  font-family: "Old Standard TT", serif;
  text-align: center;
  color: #d93e44;
  font-size: 42px;
  line-height: 1;
  font-weight: normal;
  position: relative;
  z-index: 2;
}
.shopper__img {
  display: block;
  margin: -60px auto 0;
}
.shopper__text {
  font-family: "Shippori Mincho", serif;
  color: #333;
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
  font-weight: 500;
  line-height: 1.4;
}
.shopper__note {
  font-family: "Shippori Mincho", serif;
  text-align: center;
  color: #6f6f6f;
  font-size: 12px;
  margin-top: 10px;
}
.shopper__btn {
  background-color: #fff;
  font-family: "Old Standard TT", serif;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin: 30px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.credit {
  color: #a92c49;
  font-size: 14px;
  margin-top: 80px;
}
.credit__item {
  display: grid;
  font-size: 14px;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.credit dt {
  text-align: right;
}
.credit dd {
  text-align: left;
  font-weight: 300;
}

.foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  overflow: hidden;
  margin-top: 50px;
}
.foot__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sticky-logo {
  position: fixed;
  top: 50%;
  translate: 0 -50%;
  left: 60px;
  width: calc((100vw - 605px) / 2);
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media (max-width: 900px) {
  .sticky-logo {
    display: none;
  }
}

.sticky-anchor {
  position: fixed;
  bottom: 50px;
  right: 60px;
  margin-right: 0;
  margin-left: auto;
  height: 160px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  font-family: "Old Standard TT", serif;
  font-size: 16px;
  text-align: center;
}
.sticky-anchor:before {
  -webkit-filter: drop-shadow(0 0 10px rgba(51, 51, 51, 0.1));
          filter: drop-shadow(0 0 10px rgba(51, 51, 51, 0.1));
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url("../img/anchor.png") center center/contain;
}
@media (max-width: 900px) {
  .sticky-anchor {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */