:root {
  --pc: 1440 * 100vw;
  --sp: 375 * 100vw;
}

#main {
  overflow: visible;
}

.lp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #000;
  scroll-behavior: smooth;
}
.lp * {
  box-sizing: border-box;
}
.lp .fade, .lp .slideup, .lp .slideright, .lp .slideleft, .lp .slidedown, .lp .zoom {
  opacity: 0;
}
.lp .fade.active {
  animation: fade 1s ease-in-out forwards;
}
.lp .slideup.active {
  animation: slideup 1s ease-in-out forwards;
}
.lp .slideright.active {
  animation: slideright 1s ease-in-out forwards;
}
.lp .slideleft.active {
  animation: slideleft 1s ease-in-out forwards;
}
.lp .slidedown.active {
  animation: slidedown 1s ease-in-out forwards;
}
.lp .zoom.active {
  animation: zoom 1s ease-in-out forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideright {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slidedown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes checkbg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
@keyframes checkMark {
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lp img {
  image-rendering: auto;
  max-width: none;
  display: block;
}
.lp .swiper-wrapper {
  height: auto;
}
.lp .kv {
  display: flex;
}
.lp .kv .kv-txt {
  width: calc(615 / var(--pc));
  background: #866E6A;
  padding: calc(245 / var(--pc)) calc(83 / var(--pc)) calc(235 / var(--pc)) calc(84 / var(--pc));
  position: relative;
}
.lp .kv .kv-txt .oggi {
  width: calc(123 / var(--pc));
  position: absolute;
  top: calc(192 / var(--pc));
  right: calc(83 / var(--pc));
}
.lp .kv .kv-txt picture {
  display: block;
}
.lp .kv .kv-txt picture:nth-of-type(1) {
  width: calc(270 / var(--pc));
}
.lp .kv .kv-txt picture:nth-of-type(2) {
  width: calc(449 / var(--pc));
  margin-top: calc(21 / var(--pc));
}
.lp .kv .kv-txt picture:nth-of-type(3) {
  width: calc(344 / var(--pc));
  margin-top: calc(26 / var(--pc));
}
.lp .kv .kv-img {
  width: calc(825 / var(--pc));
}
.lp .kv .kv-img .swiper-slide {
  overflow: hidden;
  position: relative;
}
.lp .kv .kv-img .swiper-slide picture img {
  animation: fade 1s ease-in-out forwards;
}
.lp .kv .kv-img .swiper-slide:nth-of-type(1) p {
  display: none;
}
.lp .kv .kv-img .swiper-slide:nth-of-type(2) p {
  display: none;
}
.lp .kv .kv-img .swiper-slide p {
  position: absolute;
  bottom: calc(15 / var(--pc));
  right: calc(15 / var(--pc));
  font-size: calc(9 / var(--pc));
  line-height: calc(15 / var(--pc));
  letter-spacing: 0.08em;
  text-align: right;
  animation: fade 1s ease-in-out forwards;
  opacity: 0;
}
.lp .read {
  margin-top: calc(105 / var(--pc));
  font-size: calc(13 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.06em;
  text-align: center;
}
.lp .pieceset {
  width: calc(1021 / var(--pc));
  height: calc(671 / var(--pc));
  margin: calc(180 / var(--pc)) auto 0;
  position: relative;
}
.lp .pieceset .title, .lp .pieceset .txt, .lp .pieceset .price, .lp .pieceset .item-img {
  position: absolute;
}
.lp .pieceset .title {
  display: flex;
  align-items: center;
  gap: 0 calc(19 / var(--pc));
  top: calc(155 / var(--pc));
  right: calc(81 / var(--pc));
}
.lp .pieceset .title .num {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.lp .pieceset .title .num img {
  width: calc(95 / var(--pc));
}
.lp .pieceset .title picture {
  width: calc(251 / var(--pc));
}
.lp .pieceset .txt {
  width: calc(314 / var(--pc));
  font-size: calc(12 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.05em;
  top: calc(302 / var(--pc));
  right: calc(22 / var(--pc));
}
.lp .pieceset .price {
  top: calc(423 / var(--pc));
  right: calc(204 / var(--pc));
}
.lp .pieceset .item-img {
  width: calc(450 / var(--pc));
  top: 0;
  left: calc(53 / var(--pc));
}
.lp .pieceset .item-img .check:has(.bustier) {
  top: calc(-50 / var(--pc));
  left: calc(-37 / var(--pc));
}
.lp .pieceset .item-img .check:has(.shirt) {
  top: calc(83 / var(--pc));
  right: calc(-65 / var(--pc));
}
.lp .pieceset .item-img .check:has(.pants) {
  bottom: calc(134 / var(--pc));
  right: calc(87 / var(--pc));
}
.lp .price {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: calc(13 / var(--pc));
  line-height: calc(22 / var(--pc));
  letter-spacing: 0.04em;
  text-decoration: underline;
}
.lp .price ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(5 / var(--pc)) calc(13 / var(--pc));
}
.lp .check {
  position: absolute;
  padding: calc(7 / var(--pc)) calc(11 / var(--pc)) calc(9 / var(--pc)) calc(11 / var(--pc));
  display: flex;
  gap: 0 calc(10 / var(--pc));
}
.lp .check.active::before {
  animation: checkbg 4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #7D6161;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: left center;
}
.lp .check.noanime {
  background: #7D6161;
}
.lp .check.noanime.active::before {
  display: none;
}
.lp .check .mark {
  width: calc(18 / var(--pc));
  clip-path: inset(0 100% 0 0);
}
.lp .check .mark.active {
  animation: checkMark 1.2s ease forwards 0.5s;
}
.lp .check .mark.none {
  opacity: 0;
}
.lp .check .itemcat.bustier {
  width: calc(71 / var(--pc));
}
.lp .check .itemcat.shirt {
  width: calc(48 / var(--pc));
}
.lp .check .itemcat.pants {
  width: calc(52 / var(--pc));
}
.lp .setitem {
  width: calc(1021 / var(--pc));
  margin: 0 auto;
  position: relative;
}
.lp .setitem .title, .lp .setitem .setitem-img, .lp .setitem .txt {
  position: absolute;
}
.lp .setitem .title {
  z-index: 2;
}
.lp .setitem .setitem-img .checks {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(24 / var(--pc)) 0;
}
.lp .setitem .setitem-img .checks .check {
  position: relative;
}
.lp .setitem .txt p {
  font-size: calc(13 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.05em;
}
.lp .setitem .txt .price {
  margin-top: calc(25 / var(--pc));
}
.lp .setitem.setitem01 {
  height: calc(751 / var(--pc));
  margin-top: calc(76 / var(--pc));
}
.lp .setitem.setitem01 .title {
  width: calc(255 / var(--pc));
  top: calc(48 / var(--pc));
  left: 0;
}
.lp .setitem.setitem01 .setitem-img {
  width: calc(500 / var(--pc));
  top: 0;
  left: calc(92 / var(--pc));
}
.lp .setitem.setitem01 .setitem-img .checks {
  top: calc(92 / var(--pc));
  right: calc(-33 / var(--pc));
}
.lp .setitem.setitem01 .txt {
  width: calc(341 / var(--pc));
  top: calc(300 / var(--pc));
  right: 0;
}
.lp .setitem.setitem01 .txt .price ul li:nth-of-type(1) {
  width: 100%;
}
.lp .setitem.setitem02 {
  height: calc(631 / var(--pc));
  margin-top: calc(200 / var(--pc));
}
.lp .setitem.setitem02 .title {
  width: calc(244 / var(--pc));
  top: 0;
  right: calc(23 / var(--pc));
}
.lp .setitem.setitem02 .setitem-img {
  width: calc(420 / var(--pc));
  top: 0;
  left: calc(278 / var(--pc));
}
.lp .setitem.setitem02 .setitem-img .checks {
  top: calc(165 / var(--pc));
  right: calc(-300 / var(--pc));
}
.lp .setitem.setitem02 .txt {
  width: calc(328 / var(--pc));
  top: calc(88 / var(--pc));
  left: calc(23 / var(--pc));
}
.lp .setitem.setitem02 .txt .price {
  width: calc(203 / var(--pc));
}
.lp .setitem.setitem03 {
  height: calc(571 / var(--pc));
  margin-top: calc(200 / var(--pc));
}
.lp .setitem.setitem03 .title {
  width: calc(288 / var(--pc));
  top: calc(94 / var(--pc));
  right: calc(139 / var(--pc));
}
.lp .setitem.setitem03 .setitem-img {
  width: calc(380 / var(--pc));
  top: 0;
  left: calc(102 / var(--pc));
}
.lp .setitem.setitem03 .setitem-img .checks {
  top: calc(56 / var(--pc));
  right: calc(-51 / var(--pc));
}
.lp .setitem.setitem03 .txt {
  width: calc(327 / var(--pc));
  top: calc(247 / var(--pc));
  right: calc(100 / var(--pc));
}
.lp .setitem.setitem03 .txt .price ul li:nth-of-type(1) {
  width: 100%;
}
.lp .setitem.setitem04 {
  height: calc(631 / var(--pc));
  margin-top: calc(200 / var(--pc));
}
.lp .setitem.setitem04 .title {
  width: calc(242 / var(--pc));
  top: 0;
  right: calc(23 / var(--pc));
}
.lp .setitem.setitem04 .setitem-img {
  width: calc(420 / var(--pc));
  top: 0;
  left: calc(278 / var(--pc));
}
.lp .setitem.setitem04 .setitem-img .checks {
  top: calc(166 / var(--pc));
  right: calc(-300 / var(--pc));
}
.lp .setitem.setitem04 .txt {
  width: calc(327 / var(--pc));
  top: calc(88 / var(--pc));
  left: calc(23 / var(--pc));
}
.lp .setitem.setitem04 .txt .price ul li:nth-of-type(1) {
  width: 100%;
}
.lp .setitem.setitem05 {
  height: calc(751 / var(--pc));
  margin-top: calc(200 / var(--pc));
}
.lp .setitem.setitem05 .title {
  width: calc(290 / var(--pc));
  top: calc(48 / var(--pc));
  left: 0;
}
.lp .setitem.setitem05 .setitem-img {
  width: calc(500 / var(--pc));
  top: 0;
  left: calc(123 / var(--pc));
}
.lp .setitem.setitem05 .setitem-img .checks {
  top: calc(72 / var(--pc));
  right: calc(-67 / var(--pc));
}
.lp .setitem.setitem05 .txt {
  width: calc(310 / var(--pc));
  top: calc(274 / var(--pc));
  right: 0;
}
.lp .setitem.setitem05 .txt .price ul li:nth-of-type(1) {
  width: 100%;
}
.lp .other-styling {
  margin-top: calc(136 / var(--pc));
  background: #CCC8B9;
  padding: calc(96 / var(--pc)) 0;
}
.lp .other-styling > img {
  width: calc(374 / var(--pc));
  margin: 0 auto;
}
.lp .other-styling .other-stylings {
  width: calc(952 / var(--pc));
  margin: calc(56 / var(--pc)) auto 0;
  position: relative;
}
.lp .other-styling .other-stylings .swiper-button-prev,
.lp .other-styling .other-stylings .swiper-button-next {
  background: #9E8B7B;
  border-radius: 100%;
  width: calc(44 / var(--pc));
  height: calc(44 / var(--pc));
}
.lp .other-styling .other-stylings .swiper-button-prev::after,
.lp .other-styling .other-stylings .swiper-button-next::after {
  font-size: calc(15 / var(--pc));
  color: #fff;
}
.lp .other-styling .other-stylings .swiper-button-prev {
  left: calc(-22 / var(--pc));
}
.lp .other-styling .other-stylings .swiper-button-next {
  right: calc(-22 / var(--pc));
}
.lp .other-styling .other-stylings .swiper-slide {
  background: #fff;
  padding: calc(52 / var(--pc)) calc(64 / var(--pc));
  display: flex;
  gap: 0 calc(56 / var(--pc));
  position: relative;
}
.lp .other-styling .other-stylings .swiper-slide img {
  width: calc(340 / var(--pc));
}
.lp .other-styling .other-stylings .swiper-slide .fukidashi {
  position: absolute;
  top: calc(193 / var(--pc));
  left: calc(460 / var(--pc));
  background: #7D6161;
  border-radius: calc(7 / var(--pc));
  padding: calc(12 / var(--pc)) calc(20 / var(--pc));
  font-family: "Inter", sans-serif;
  font-size: calc(18 / var(--pc));
  line-height: calc(22 / var(--pc));
  letter-spacing: 0;
  color: #fff;
}
.lp .other-styling .other-stylings .swiper-slide .fukidashi::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-right: calc(5 / var(--pc)) solid transparent;
  border-left: calc(5 / var(--pc)) solid transparent;
  border-top: calc(11 / var(--pc)) solid #7d6161;
  position: absolute;
  bottom: calc(-8 / var(--pc));
  left: 50%;
  transform: translateX(-50%);
}
.lp .other-styling .other-stylings .swiper-slide .txt {
  width: calc(428 / var(--pc));
  margin-top: calc(227 / var(--pc));
}
.lp .other-styling .other-stylings .swiper-slide .txt p {
  font-size: calc(13 / var(--pc));
  line-height: 200%;
  letter-spacing: 0.05em;
}
.lp .other-styling .other-stylings .swiper-slide .txt .price {
  margin-top: calc(16 / var(--pc));
  font-size: calc(12 / var(--pc));
}
.lp .view-more {
  width: calc(612 / var(--pc));
  height: calc(725 / var(--pc));
  margin: calc(132 / var(--pc)) auto 0;
  position: relative;
}
.lp .view-more .view-more-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: calc(271 / var(--pc)) 0 calc(270 / var(--pc));
  text-align: center;
  font-family: "Inter", sans-serif;
  animation-delay: 0.6s;
}
.lp .view-more .view-more-inner img {
  width: calc(125 / var(--pc));
  margin: 0 auto;
  animation-delay: 0.6s;
}
.lp .view-more .view-more-inner p {
  font-size: calc(24 / var(--pc));
  line-height: calc(29 / var(--pc));
  letter-spacing: 0;
  margin-top: calc(28 / var(--pc));
  color: #fff;
  animation-delay: 0.6s;
}
.lp .view-more .view-more-inner a {
  display: block;
  border: 1px solid #fff;
  border-radius: calc(64 / var(--pc));
  width: calc(162 / var(--pc));
  font-size: calc(20 / var(--pc));
  line-height: calc(44 / var(--pc));
  letter-spacing: 0;
  color: #fff;
  margin: calc(32 / var(--pc)) auto 0;
  animation-delay: 0.6s;
}
@media screen and (max-width: 769px) {
  .lp .kv {
    display: block;
  }
  .lp .kv .kv-txt {
    width: calc(281 / var(--sp));
    background: none;
    padding: 0;
    position: absolute;
    top: calc(332 / var(--sp));
    left: calc(47 / var(--sp));
    z-index: 3;
  }
  .lp .kv .kv-txt .oggi {
    width: calc(71 / var(--sp));
    top: calc(-21 / var(--sp));
    right: unset;
    left: calc(-36 / var(--sp));
    transform: rotate(-24deg);
    z-index: 2;
  }
  .lp .kv .kv-txt picture {
    opacity: 0;
    animation: slideup 1s ease-in-out forwards;
  }
  .lp .kv .kv-txt picture:nth-of-type(1) {
    width: calc(165 / var(--sp));
    margin-left: calc(58 / var(--sp));
  }
  .lp .kv .kv-txt picture:nth-of-type(2) {
    width: calc(282 / var(--sp));
    margin-top: calc(-7 / var(--sp));
  }
  .lp .kv .kv-txt picture:nth-of-type(3) {
    width: calc(197 / var(--sp));
    margin: calc(-8 / var(--sp)) 0 0 calc(41 / var(--sp));
  }
  .lp .kv .kv-img {
    width: 100%;
  }
  .lp .kv .kv-img .swiper-slide picture img {
    opacity: 1;
    animation: none;
  }
  .lp .kv .kv-img .swiper-slide:nth-of-type(1) p, .lp .kv .kv-img .swiper-slide:nth-of-type(2) p {
    display: block;
  }
  .lp .kv .kv-img .swiper-slide:nth-of-type(2) p {
    color: #fff;
  }
  .lp .kv .kv-img .swiper-slide p {
    bottom: calc(9 / var(--sp));
    right: calc(10 / var(--sp));
    font-size: calc(9 / var(--sp));
    line-height: calc(15 / var(--sp));
    animation: none;
    opacity: 1;
  }
  .lp .read {
    margin-top: calc(48 / var(--sp));
    font-size: calc(13 / var(--sp));
  }
  .lp .pieceset {
    width: calc(333 / var(--sp));
    height: calc(699 / var(--sp));
    margin: calc(64 / var(--sp)) auto 0;
  }
  .lp .pieceset .title {
    display: flex;
    gap: 0 calc(7 / var(--sp));
    top: calc(4 / var(--sp));
    right: calc(35 / var(--sp));
  }
  .lp .pieceset .title .num img {
    width: calc(63 / var(--sp));
  }
  .lp .pieceset .title picture {
    width: calc(104 / var(--sp));
  }
  .lp .pieceset .txt {
    width: calc(314 / var(--sp));
    font-size: calc(12 / var(--sp));
    top: calc(603 / var(--sp));
    right: calc(9 / var(--sp));
  }
  .lp .pieceset .price {
    top: calc(477 / var(--sp));
    right: calc(6 / var(--sp));
  }
  .lp .pieceset .item-img {
    width: calc(321 / var(--sp));
    top: calc(139 / var(--sp));
    left: calc(9 / var(--sp));
  }
  .lp .pieceset .item-img .check:has(.bustier) {
    top: calc(-112 / var(--pc));
    left: calc(-45 / var(--pc));
  }
  .lp .pieceset .item-img .check:has(.shirt) {
    top: calc(56 / var(--sp));
    right: calc(4 / var(--sp));
  }
  .lp .pieceset .item-img .check:has(.pants) {
    bottom: calc(135 / var(--sp));
    right: calc(107 / var(--sp));
  }
  .lp .price {
    font-size: calc(12 / var(--sp));
    line-height: calc(22 / var(--sp));
  }
  .lp .price ul {
    gap: calc(5 / var(--sp)) calc(12 / var(--sp));
  }
  .lp .check {
    padding: calc(6 / var(--sp)) calc(9 / var(--sp)) calc(6 / var(--sp)) calc(7 / var(--sp));
    gap: 0 calc(6 / var(--sp));
    z-index: 2;
  }
  .lp .check .mark {
    width: calc(14 / var(--sp));
  }
  .lp .check .itemcat.bustier {
    width: calc(58 / var(--sp));
  }
  .lp .check .itemcat.shirt {
    width: calc(39 / var(--sp));
  }
  .lp .check .itemcat.pants {
    width: calc(43 / var(--sp));
  }
  .lp .setitem {
    width: 100%;
  }
  .lp .setitem .setitem-img .checks {
    gap: calc(12 / var(--sp)) 0;
  }
  .lp .setitem .txt p {
    font-size: calc(12 / var(--sp));
  }
  .lp .setitem .txt .price {
    margin-top: calc(16 / var(--sp));
  }
  .lp .setitem.setitem01 {
    height: calc(972 / var(--sp));
    margin-top: calc(52 / var(--sp));
  }
  .lp .setitem.setitem01 .title {
    width: calc(175 / var(--sp));
    top: calc(48 / var(--sp));
    left: calc(100 / var(--sp));
  }
  .lp .setitem.setitem01 .title.active {
    animation: slidedown 1s ease-in-out forwards;
  }
  .lp .setitem.setitem01 .setitem-img {
    width: 100%;
    top: calc(168 / var(--sp));
    left: calc(0 / var(--pc));
  }
  .lp .setitem.setitem01 .setitem-img .checks {
    top: calc(48 / var(--sp));
    left: calc(28 / var(--sp));
    right: unset;
  }
  .lp .setitem.setitem01 .txt {
    width: calc(295 / var(--sp));
    top: unset;
    bottom: calc(48 / var(--sp));
    right: calc(40 / var(--sp));
  }
  .lp .setitem.setitem02 {
    height: calc(903 / var(--sp));
    margin-top: calc(0 / var(--sp));
  }
  .lp .setitem.setitem02 .title {
    width: calc(203 / var(--sp));
    top: calc(48 / var(--sp));
    right: calc(24 / var(--sp));
  }
  .lp .setitem.setitem02 .setitem-img {
    width: calc(325 / var(--sp));
    top: calc(147 / var(--sp));
    left: calc(0 / var(--sp));
  }
  .lp .setitem.setitem02 .setitem-img .checks {
    top: calc(24 / var(--sp));
    right: calc(19 / var(--sp));
    align-items: flex-end;
  }
  .lp .setitem.setitem02 .txt {
    width: calc(295 / var(--sp));
    top: unset;
    bottom: calc(48 / var(--sp));
    left: calc(40 / var(--sp));
  }
  .lp .setitem.setitem02 .txt p {
    letter-spacing: 0.02em;
  }
  .lp .setitem.setitem02 .txt .price {
    width: 100%;
  }
  .lp .setitem.setitem02 .txt .price ul li:nth-of-type(1) {
    width: 100%;
  }
  .lp .setitem.setitem03 {
    height: calc(892 / var(--sp));
    margin-top: calc(0 / var(--sp));
  }
  .lp .setitem.setitem03 .title {
    width: calc(202 / var(--sp));
    top: calc(48 / var(--sp));
    right: calc(149 / var(--sp));
  }
  .lp .setitem.setitem03 .title.active {
    animation: slidedown 1s ease-in-out forwards;
  }
  .lp .setitem.setitem03 .setitem-img {
    width: calc(300 / var(--sp));
    top: calc(147 / var(--sp));
    left: calc(38 / var(--sp));
  }
  .lp .setitem.setitem03 .setitem-img .checks {
    top: calc(-25 / var(--sp));
    right: calc(-20 / var(--sp));
  }
  .lp .setitem.setitem03 .txt {
    width: calc(295 / var(--sp));
    top: unset;
    bottom: calc(48 / var(--sp));
    right: calc(40 / var(--sp));
  }
  .lp .setitem.setitem03 .txt .price ul li:nth-of-type(1) {
    width: 100%;
  }
  .lp .setitem.setitem04 {
    height: calc(903 / var(--sp));
    margin-top: calc(0 / var(--sp));
  }
  .lp .setitem.setitem04 .title {
    width: calc(202 / var(--sp));
    top: calc(48 / var(--sp));
    right: calc(24 / var(--sp));
  }
  .lp .setitem.setitem04 .setitem-img {
    width: calc(325 / var(--sp));
    top: calc(147 / var(--sp));
    left: calc(0 / var(--sp));
  }
  .lp .setitem.setitem04 .setitem-img .checks {
    top: calc(24 / var(--sp));
    right: calc(19 / var(--sp));
    align-items: flex-end;
  }
  .lp .setitem.setitem04 .txt {
    width: calc(295 / var(--sp));
    top: unset;
    bottom: calc(48 / var(--sp));
    left: calc(40 / var(--sp));
  }
  .lp .setitem.setitem04 .txt .price {
    letter-spacing: 0.01em;
  }
  .lp .setitem.setitem05 {
    height: calc(1015 / var(--sp));
    margin-top: calc(0 / var(--pc));
  }
  .lp .setitem.setitem05 .title {
    width: calc(202 / var(--sp));
    top: calc(48 / var(--sp));
    left: calc(86 / var(--sp));
  }
  .lp .setitem.setitem05 .title.active {
    animation: slidedown 1s ease-in-out forwards;
  }
  .lp .setitem.setitem05 .setitem-img {
    width: 100%;
    top: calc(168 / var(--sp));
    left: calc(0 / var(--sp));
  }
  .lp .setitem.setitem05 .setitem-img .checks {
    top: calc(40 / var(--sp));
    right: calc(246 / var(--sp));
  }
  .lp .setitem.setitem05 .txt {
    width: calc(295 / var(--sp));
    top: unset;
    bottom: calc(64 / var(--sp));
    right: calc(40 / var(--sp));
  }
  .lp .setitem.setitem05 .txt .price {
    letter-spacing: 0.01em;
  }
  .lp .setitem.setitem05 .txt .price ul li:nth-of-type(3) {
    width: calc(110 / var(--sp));
  }
  .lp .other-styling {
    margin-top: calc(0 / var(--sp));
    padding: calc(67 / var(--sp)) 0 calc(64 / var(--sp));
  }
  .lp .other-styling > img {
    width: calc(249 / var(--sp));
  }
  .lp .other-styling .other-stylings {
    width: 100%;
    margin-top: calc(42 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-button-prev,
  .lp .other-styling .other-stylings .swiper-button-next {
    width: calc(36 / var(--sp));
    height: calc(36 / var(--sp));
    top: 38%;
  }
  .lp .other-styling .other-stylings .swiper-button-prev::after,
  .lp .other-styling .other-stylings .swiper-button-next::after {
    font-size: calc(15 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-button-prev {
    left: calc(28 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-button-next {
    right: calc(28 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-slide {
    background: none;
    padding: 0;
    flex-direction: column;
    width: calc(283 / var(--sp));
    padding-top: calc(15 / var(--sp));
    gap: calc(24 / var(--sp)) 0;
  }
  .lp .other-styling .other-stylings .swiper-slide img {
    width: 100%;
  }
  .lp .other-styling .other-stylings .swiper-slide .fukidashi {
    top: calc(0 / var(--sp));
    left: 50%;
    transform: translateX(-50%);
    border-radius: calc(7 / var(--sp));
    padding: calc(8 / var(--sp)) calc(16 / var(--sp));
    font-size: calc(16 / var(--sp));
    line-height: calc(19 / var(--sp));
    white-space: nowrap;
  }
  .lp .other-styling .other-stylings .swiper-slide .fukidashi::after {
    border-right: calc(5 / var(--sp)) solid transparent;
    border-left: calc(5 / var(--sp)) solid transparent;
    border-top: calc(11 / var(--sp)) solid #7d6161;
    bottom: calc(-8 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-slide .txt {
    width: calc(283 / var(--sp));
    margin-top: calc(0 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-slide .txt p {
    font-size: calc(12 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-slide .txt .price {
    margin-top: calc(16 / var(--sp));
    font-size: calc(12 / var(--sp));
  }
  .lp .other-styling .other-stylings .swiper-slide .txt .price.narrow {
    letter-spacing: 0.03em;
  }
  .lp .view-more {
    width: 100%;
    height: calc(444 / var(--sp));
    margin-top: calc(80 / var(--sp));
  }
  .lp .view-more .view-more-inner {
    padding: calc(152 / var(--sp)) 0 calc(151 / var(--sp));
  }
  .lp .view-more .view-more-inner img {
    width: calc(83 / var(--sp));
  }
  .lp .view-more .view-more-inner p {
    font-size: calc(20 / var(--sp));
    line-height: calc(24 / var(--sp));
    margin-top: calc(24 / var(--sp));
  }
  .lp .view-more .view-more-inner a {
    border-radius: calc(64 / var(--sp));
    width: calc(139 / var(--sp));
    font-size: calc(16 / var(--sp));
    line-height: calc(39 / var(--sp));
    margin-top: calc(20 / var(--sp));
  }
}/*# sourceMappingURL=oggi-tieup-251006.css.map */ margin-top: calc(20 / var(--sp));
  }
}