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

#main {
  overflow: visible;
}

.lp {
  font-family: "Shippori Mincho", serif;
  color: #3D3D3D;
  scroll-behavior: smooth;
  text-align: center;
}
.lp * {
  box-sizing: border-box;
}
.lp .fade, .lp .zoom {
  opacity: 0;
}
.lp .fade.active {
  animation: fade 0.8s ease-in-out forwards;
}
.lp .fadeIn {
  opacity: 0;
}
.lp .fadeIn.active {
  animation: fadeIn 1s ease-in-out forwards;
}
.lp .zoom.active {
  animation: zoom 1s ease-in-out forwards;
}
.lp .wipeIn.active {
  animation: wipeIn 1s ease-in-out forwards;
}
.lp .wipeInVert {
  clip-path: inset(0 0 100% 0);
}
.lp .wipeInVert.active {
  animation: wipeInVert 1s ease-in-out forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes fadeLoopSlide {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: translateX(10px);
  }
  50% {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    filter: blur(4px);
    transform: translateX(-10px);
  }
}
@keyframes fadeLoop {
  0% {
    opacity: 0;
    filter: blur(4px);
  }
  50% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(4px);
  }
}
@keyframes loopImg {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes wipeIn {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0% 0 0);
  }
}
@keyframes wipeInVert {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.lp img {
  image-rendering: auto;
  max-width: none;
  display: block;
}
.lp .kv {
  gap: 0 calc(59 / var(--pc));
  margin: auto;
}
.lp .kv .kv-img {
  margin: auto !important;
  overflow: hidden;
}
.lp .kv .kv-img .kv-img-inner {
  display: flex;
  justify-content: center;
  animation: fadeIn 1.3s forwards;
}
.lp .kv .kv-img .kv-img-inner img {
  width: calc(550 / var(--pc));
  height: calc(548 / var(--pc));
}
.lp .kv .kv-txt {
  margin: calc(38 / var(--pc)) auto 0 auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 / var(--pc));
  line-height: 190%;
  width: calc(482 / var(--pc));
  height: calc(154.09 / var(--pc));
}
.lp .kv .kv-txt p {
  padding-top: calc(16.4 / var(--pc));
  padding-bottom: calc(13.12 / var(--pc));
  font-family: "Zen Old Mincho", serif;
  font-size: calc(36 / var(--pc));
  line-height: calc(36 / var(--pc));
  letter-spacing: 0.04em;
}
.lp .kv .kv-txt .kv-txt-title {
  height: calc(82 / var(--pc));
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: calc(82 / var(--pc));
}
.lp .kv .kv-txt .kv-txt-title span:nth-child(1) {
  height: calc(82 / var(--pc));
  font-family: "Playfair Display", serif;
  font-size: calc(82.02 / var(--pc));
  margin-right: calc(32 / var(--pc));
  color: #E98281;
}
.lp .kv .kv-txt .kv-txt-title span:nth-child(2) {
  width: calc(42.37 / var(--pc));
  height: calc(26.92 / var(--pc));
}
.lp .kv .kv-txt .kv-txt-title span:nth-child(3) {
  width: calc(203 / var(--pc));
  height: calc(82 / var(--pc));
  font-family: "Playfair Display", serif;
  font-size: calc(82.02 / var(--pc));
  margin-left: calc(24 / var(--pc));
  line-height: 1;
  color: #789AC6;
}
.lp .kv .kv-txt .box-underline {
  display: block;
  width: 100%;
  height: calc(6.56 / var(--pc));
  background: linear-gradient(90deg, #E98281 0%, #E98281 50%, #789AC6 50%, #789AC6 100%);
}
.lp .kv .read {
  margin-top: calc(50 / var(--pc));
}
.lp .kv .read p {
  height: calc(75 / var(--pc));
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(13 / var(--pc));
  line-height: 190%;
}
.lp .style {
  width: calc(1200 / var(--pc));
  padding-top: calc(156 / var(--pc));
  margin: 0 auto;
}
.lp .style picture {
  text-align: left;
  display: block;
}
.lp .style .style-title {
  font-size: 10px;
}
.lp .style .style-title .border {
  display: block;
  border-top: #3D3D3D solid 1px;
  border-bottom: #3D3D3D solid 1px;
  width: calc(1200 / var(--pc));
  height: calc(3 / var(--pc));
  box-sizing: border-box;
}
.lp .style .style-title .title {
  width: -moz-fit-content;
  width: fit-content;
  height: calc(109 / var(--pc));
  margin: calc(40 / var(--pc)) auto;
  display: flex;
}
.lp .style .style-title .title span {
  display: inline-block;
  line-height: 100%;
}
.lp .style .style-title .title div:nth-child(1) {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: end;
}
.lp .style .style-title .title div:nth-child(1) span:nth-child(1) {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: calc(66 / var(--pc));
  letter-spacing: -0.02em;
  color: #d0d0d0;
  width: calc(48 / var(--pc));
  height: calc(41 / var(--pc));
}
.lp .style .style-title .title div:nth-child(1) span:nth-child(1) img {
  margin-top: calc(12 / var(--pc));
}
.lp .style .style-title .title div:nth-child(1) span:nth-child(2) {
  width: calc(14 / var(--pc));
  height: calc(14 / var(--pc));
  margin-left: calc(4 / var(--pc));
}
.lp .style .style-title .title div:nth-child(2) {
  text-align: left;
  text-wrap: nowrap;
  margin-left: calc(9 / var(--pc));
}
.lp .style .style-title .title div:nth-child(2) span {
  font-family: "Playfair Display", serif;
  letter-spacing: 0.01em;
  font-size: calc(60 / var(--pc));
  color: #313131;
}
.lp .style .style-title .title div:nth-child(2) .hash-tag {
  padding-top: calc(20 / var(--pc));
  margin-left: calc(14 / var(--pc));
  display: flex;
  gap: 0 calc(8 / var(--pc));
}
.lp .style .style-title .title div:nth-child(2) .hash-tag span {
  display: block;
  background-color: #f2f2f2;
  color: #777777;
  padding: calc(8 / var(--pc));
  border-radius: calc(50 / var(--pc));
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(14 / var(--pc));
}
.lp .style .content-box {
  position: relative;
}
.lp .style .content-box:nth-child(1 of .content-box) {
  padding-top: calc(120 / var(--pc));
  padding-bottom: calc(120 / var(--pc));
}
.lp .style .content-box:nth-child(2 of .content-box) {
  padding-top: calc(112 / var(--pc));
}
.lp .style .or-img {
  position: relative;
}
.lp .style .or-img picture {
  width: 100%;
  position: absolute;
  top: calc(-32 / var(--pc));
  left: 0;
  display: flex;
  justify-content: center;
}
.lp .style .or-img picture img {
  width: calc(139.76 / var(--pc));
  height: calc(58.14 / var(--pc));
}
.lp .style .display-tag {
  position: sticky;
  z-index: 1;
  display: flex;
  width: calc(48 / var(--pc));
  height: calc(180 / var(--pc));
}
.lp .style .display-tag p {
  width: calc(30 / var(--pc));
  height: calc(150 / var(--pc));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto calc(10 / var(--pc));
  gap: calc(7 / var(--pc));
}
.lp .style .display-tag span {
  display: inline-block;
  color: #fff;
  line-height: 1;
}
.lp .style .display-tag span:nth-child(1) {
  display: none;
}
.lp .style .display-tag span:nth-child(2) {
  font-family: "Zen Old Mincho", serif;
  font-size: calc(24 / var(--pc));
  letter-spacing: -0.05em;
  writing-mode: vertical-rl;
}
.lp .style .display-tag span:nth-child(3) {
  font-family: "Playfair Display", serif;
  opacity: 0.3;
  font-size: calc(14 / var(--pc));
}
.lp .style .display-tag.skirt {
  background-color: #E98281;
}
.lp .style .display-tag.pants {
  background-color: #789AC6;
}
.lp .style .img-box {
  margin: auto;
  margin-top: calc(-180 / var(--pc));
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(920 / var(--pc));
}
.lp .style .img-box.clothes {
  width: calc(975 / var(--pc));
}
.lp .style .img-box p {
  text-align: left;
}
.lp .style .read {
  margin-top: calc(82 / var(--pc));
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(12 / var(--pc));
  line-height: 170%;
  letter-spacing: 0.04em;
  text-align: left;
}
.lp .style .comment {
  position: absolute;
  writing-mode: vertical-rl;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: calc(18 / var(--pc));
  line-height: 100%;
}
.lp .style .comment span {
  background: #F5F5F5;
  padding: calc(2 / var(--pc)) calc(3 / var(--pc)) calc(4 / var(--pc)) calc(2 / var(--pc));
  display: inline-block;
  line-height: 1;
}
.lp .style .comment .write-line {
  display: block;
  background: none;
  width: calc(18 / var(--pc));
  padding: 0;
}
.lp .style .item-wrapper {
  padding: calc(48 / var(--pc)) 0 0 0;
}
.lp .style .item-wrapper .item-container {
  display: flex;
  gap: 0 calc(10 / var(--pc));
}
.lp .style .item-wrapper .item-container .item {
  width: calc(72 / var(--pc));
  text-decoration: underline;
  font-family: "Libre Caslon Display", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(12 / var(--pc));
  line-height: 160%;
  letter-spacing: 0.08em;
  text-align: left;
}
.lp .style .item-wrapper .item-container .item img {
  margin-bottom: calc(7 / var(--pc));
}
.lp #dairy-style .title div:nth-child(1) {
  width: calc(66 / var(--pc));
}
.lp #dairy-style .display-tag {
  top: var(--header-height, calc(50 / var(--sp)));
  left: 0;
}
.lp #dairy-style .img-box.skirt .left {
  width: calc(300 / var(--pc));
}
.lp #dairy-style .img-box.skirt .left picture {
  position: relative;
}
.lp #dairy-style .img-box.skirt .left .img-skirt-1 {
  width: calc(300 / var(--pc));
  height: calc(451 / var(--pc));
}
.lp #dairy-style .img-box.skirt .left .skirt-img {
  position: absolute;
  width: calc(218 / var(--pc));
  height: calc(100 / var(--pc));
  top: calc(373.91 / var(--pc));
  left: calc(188 / var(--pc));
}
.lp #dairy-style .img-box.skirt .left .read {
  margin-top: calc(24 / var(--pc));
}
.lp #dairy-style .img-box.skirt .right {
  width: calc(480 / var(--pc));
}
.lp #dairy-style .img-box.skirt .right picture {
  position: relative;
}
.lp #dairy-style .img-box.skirt .right .img-1 {
  width: calc(480 / var(--pc));
  height: calc(722 / var(--pc));
}
.lp #dairy-style .img-box.skirt .right .comment {
  top: calc(56 / var(--pc));
  left: calc(40 / var(--pc));
}
.lp #dairy-style .img-box.skirt .right .item-wrapper {
  padding-bottom: calc(10 / var(--pc));
}
.lp #dairy-style .img-box.pants {
  position: relative;
  align-items: center;
  width: calc(975 / var(--pc));
  height: calc(610 / var(--pc));
}
.lp #dairy-style .img-box.pants .left {
  width: calc(381 / var(--pc));
  display: flex;
  gap: 0 calc(7.5 / var(--pc));
}
.lp #dairy-style .img-box.pants .left .img-pants-1 {
  width: calc(381 / var(--pc));
  height: calc(610 / var(--pc));
}
.lp #dairy-style .img-box.pants .right {
  width: calc(400 / var(--pc));
  margin-right: calc(90 / var(--pc));
}
.lp #dairy-style .img-box.pants .right .read {
  margin-top: 0;
}
.lp #dairy-style .img-box.pants .comment {
  top: calc(0.09 / var(--pc));
  left: calc(365.5 / var(--pc));
}
.lp #active-style .title div:nth-child(1) {
  width: calc(70 / var(--pc));
}
.lp #active-style .display-tag {
  top: var(--header-height, calc(50 / var(--sp)));
  left: 0;
}
.lp #active-style .read {
  margin-top: 0;
}
.lp #active-style .content-box:nth-child(2 of .content-box) {
  padding-top: calc(200 / var(--pc));
}
.lp #active-style .img-box {
  display: flex;
}
.lp #active-style .img-box.skirt {
  align-items: center;
  gap: 0 calc(90 / var(--pc));
  position: relative;
  justify-content: space-between;
  width: calc(920 / var(--pc));
}
.lp #active-style .img-box.skirt .left {
  width: calc(430 / var(--pc));
}
.lp #active-style .img-box.skirt .left picture {
  position: relative;
}
.lp #active-style .img-box.skirt .left .img-skirt-1, .lp #active-style .img-box.skirt .left .img-skirt-2 {
  width: calc(430 / var(--pc));
  height: calc(647 / var(--pc));
  opacity: 1;
  animation: loopImg 4s ease infinite;
}
.lp #active-style .img-box.skirt .left .img-skirt-2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation-delay: -2s;
}
.lp #active-style .img-box.skirt .left .comment {
  top: calc(56 / var(--pc));
  right: calc(40 / var(--pc));
}
.lp #active-style .img-box.skirt .right {
  width: calc(400 / var(--pc));
}
.lp #active-style .img-box.skirt .right picture {
  position: relative;
}
.lp #active-style .img-box.skirt .right .img-1 {
  width: calc(480 / var(--pc));
  height: calc(722 / var(--pc));
}
.lp #active-style .img-box.pants {
  width: calc(920 / var(--pc));
  align-items: start;
}
.lp #active-style .img-box.pants .left {
  width: calc(300 / var(--pc));
  margin-left: calc(78 / var(--pc));
}
.lp #active-style .img-box.pants .left picture {
  position: relative;
}
.lp #active-style .img-box.pants .left .img-pants-1 {
  width: calc(300 / var(--pc));
  height: calc(451 / var(--pc));
}
.lp #active-style .img-box.pants .left .pants-img {
  width: calc(187 / var(--pc));
  height: calc(96 / var(--pc));
  position: absolute;
  top: calc(173.91 / var(--pc));
  left: calc(-92 / var(--pc));
}
.lp #active-style .img-box.pants .left .read {
  width: calc(300.5 / var(--pc));
  margin-top: calc(24 / var(--pc));
}
.lp #active-style .img-box.pants .right {
  width: calc(360 / var(--pc));
  margin-right: calc(78 / var(--pc));
}
.lp #active-style .img-box.pants .right picture {
  position: relative;
}
.lp #active-style .img-box.pants .right .img-pants-2 {
  width: calc(360 / var(--pc));
  height: calc(541 / var(--pc));
}
.lp #active-style .img-box.pants .right .comment {
  top: calc(30 / var(--pc));
  left: calc(30 / var(--pc));
}
.lp #active-style .img-box.pants .right .item-wrapper {
  width: calc(400 / var(--pc));
  padding-bottom: calc(10 / var(--pc));
}
.lp #meeting-style {
  padding-top: calc(180 / var(--pc));
}
.lp #meeting-style .title div:nth-child(1) {
  width: calc(69 / var(--pc));
}
.lp #meeting-style .display-tag {
  top: var(--header-height, calc(50 / var(--sp)));
  left: 0;
}
.lp #meeting-style .content-box:nth-child(2 of .content-box) {
  padding-top: calc(200 / var(--pc));
}
.lp #meeting-style .img-box {
  display: flex;
}
.lp #meeting-style .img-box.skirt {
  position: relative;
}
.lp #meeting-style .img-box.skirt .left {
  width: calc(419 / var(--pc));
}
.lp #meeting-style .img-box.skirt .left .img-pants-1 {
  width: calc(419 / var(--pc));
  height: calc(609 / var(--pc));
}
.lp #meeting-style .img-box.skirt .left picture {
  position: relative;
}
.lp #meeting-style .img-box.skirt .left .comment {
  top: 0;
  right: calc(-32.5 / var(--pc));
}
.lp #meeting-style .img-box.skirt .right {
  width: calc(400 / var(--pc));
  margin-right: calc(52 / var(--pc));
}
.lp #meeting-style .img-box.skirt .right .read {
  margin-top: 0;
}
.lp #meeting-style .img-box.pants .left {
  width: calc(300 / var(--pc));
}
.lp #meeting-style .img-box.pants .left picture {
  position: relative;
}
.lp #meeting-style .img-box.pants .left .pants-img {
  position: absolute;
  width: calc(187 / var(--pc));
  height: calc(96 / var(--pc));
  top: calc(18.41 / var(--pc));
  left: calc(-62 / var(--pc));
}
.lp #meeting-style .img-box.pants .left .img-pants-1 {
  width: calc(300 / var(--pc));
  height: calc(451 / var(--pc));
}
.lp #meeting-style .img-box.pants .left .read {
  margin-top: calc(24 / var(--pc));
}
.lp #meeting-style .img-box.pants .right {
  width: calc(480 / var(--pc));
}
.lp #meeting-style .img-box.pants .right picture {
  position: relative;
}
.lp #meeting-style .img-box.pants .right .pants-img {
  position: absolute;
  top: calc(154.91 / var(--pc));
  left: calc(-92 / var(--pc));
}
.lp #meeting-style .img-box.pants .right p {
  font-size: calc(18 / var(--pc));
}
.lp #meeting-style .img-box.pants .right .comment {
  top: calc(56.2 / var(--pc));
  left: calc(40 / var(--pc));
}
.lp #meeting-style .img-box.pants .right .item-wrapper {
  padding-bottom: calc(10 / var(--pc));
}
.lp #power-style {
  padding-top: calc(180 / var(--pc));
}
.lp #power-style .title div:nth-child(1) {
  width: calc(74 / var(--pc));
}
.lp #power-style .display-tag {
  top: var(--header-height, calc(50 / var(--sp)));
  left: 0;
}
.lp #power-style .img-box {
  display: flex;
  position: relative;
}
.lp #power-style .img-box.skirt .left {
  width: calc(480 / var(--pc));
}
.lp #power-style .img-box.skirt .left picture {
  position: relative;
}
.lp #power-style .img-box.skirt .left .img-skirt-1 {
  width: calc(480 / var(--pc));
  height: calc(722 / var(--pc));
}
.lp #power-style .img-box.skirt .left p {
  font-size: calc(18 / var(--pc));
}
.lp #power-style .img-box.skirt .left .comment {
  top: calc(56 / var(--pc));
  left: calc(40 / var(--pc));
}
.lp #power-style .img-box.skirt .left .item-wrapper {
  padding-bottom: calc(10 / var(--pc));
}
.lp #power-style .img-box.skirt .right {
  width: calc(300 / var(--pc));
  height: calc(517 / var(--pc));
}
.lp #power-style .img-box.skirt .right picture {
  position: relative;
}
.lp #power-style .img-box.skirt .right .img-skirt-2 {
  width: calc(300 / var(--pc));
  height: calc(451 / var(--pc));
}
.lp #power-style .img-box.skirt .right .skirt-img {
  position: absolute;
  width: calc(218 / var(--pc));
  height: calc(100 / var(--pc));
  top: calc(106 / var(--pc));
  left: calc(200 / var(--pc));
  transform: rotate(15.34deg);
}
.lp #power-style .img-box.skirt .right .read {
  margin-top: calc(24 / var(--pc));
  width: calc(300 / var(--pc));
  height: calc(40 / var(--pc));
}
.lp #power-style .img-box.pants {
  gap: 0 calc(24 / var(--pc));
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(975 / var(--pc));
}
.lp #power-style .img-box.pants .left {
  width: calc(400 / var(--pc));
}
.lp #power-style .img-box.pants .left .read {
  margin-top: 0;
}
.lp #power-style .img-box.pants .right {
  width: calc(419 / var(--pc));
}
.lp #power-style .img-box.pants .right .img-pants-1 {
  width: calc(419 / var(--pc));
  height: calc(609 / var(--pc));
}
.lp #power-style .img-box.pants .right picture {
  position: relative;
}
.lp #power-style .img-box.pants .right p {
  font-size: calc(18 / var(--pc));
}
.lp #power-style .img-box.pants .right .comment {
  top: calc(0.09 / var(--pc));
  right: calc(-52.5 / var(--pc));
}
.lp #after-hours-style {
  padding-top: calc(180 / var(--pc));
}
.lp #after-hours-style .title div:nth-child(1) {
  width: calc(71 / var(--pc));
}
.lp #after-hours-style .display-tag {
  top: var(--header-height, calc(50 / var(--sp)));
  left: 0;
}
.lp #after-hours-style div:nth-of-type(4) {
  margin-top: 0;
}
.lp #after-hours-style .img-box {
  display: flex;
}
.lp #after-hours-style .img-box.skirt {
  position: relative;
}
.lp #after-hours-style .img-box.skirt .left {
  width: calc(415 / var(--pc));
}
.lp #after-hours-style .img-box.skirt .left .img-pants-1 {
  width: calc(415 / var(--pc));
  height: calc(604 / var(--pc));
}
.lp #after-hours-style .img-box.skirt .left picture {
  position: relative;
}
.lp #after-hours-style .img-box.skirt .left .comment {
  top: calc(5 / var(--pc));
  left: calc(100% + 0.5 / var(--pc));
}
.lp #after-hours-style .img-box.skirt .right {
  width: calc(400 / var(--pc));
  height: calc(217 / var(--pc));
  margin: auto calc(56 / var(--pc)) auto auto;
}
.lp #after-hours-style .img-box.skirt .right .read {
  margin-top: 0;
}
.lp #after-hours-style .img-box.pants .left {
  width: calc(300 / var(--pc));
}
.lp #after-hours-style .img-box.pants .left picture {
  position: relative;
}
.lp #after-hours-style .img-box.pants .left .pants-img {
  width: calc(187 / var(--pc));
  height: calc(96 / var(--pc));
  position: absolute;
  top: calc(46.91 / var(--pc));
  left: calc(-86 / var(--pc));
}
.lp #after-hours-style .img-box.pants .left .img-skirt-1 {
  width: calc(300 / var(--pc));
  height: calc(451 / var(--pc));
}
.lp #after-hours-style .img-box.pants .left .skirt-img {
  position: absolute;
  top: calc(364.41 / var(--pc));
  left: calc(188 / var(--pc));
}
.lp #after-hours-style .img-box.pants .left .read {
  margin-top: calc(24 / var(--pc));
}
.lp #after-hours-style .img-box.pants .right {
  width: calc(480 / var(--pc));
}
.lp #after-hours-style .img-box.pants .right picture {
  position: relative;
}
.lp #after-hours-style .img-box.pants .right .pants-img {
  position: absolute;
  top: calc(154.91 / var(--pc));
  left: calc(-92 / var(--pc));
}
.lp #after-hours-style .img-box.pants .right .comment {
  top: calc(56 / var(--pc));
  left: calc(40 / var(--pc));
}
.lp #after-hours-style .img-box.pants .right .item-wrapper {
  padding-bottom: calc(10 / var(--pc));
}
.lp .banner {
  width: calc(640 / var(--pc));
  margin: calc(120 / var(--pc)) auto 0;
  display: flex;
  flex-direction: column;
  gap: calc(40 / var(--pc)) 0;
}

@media screen and (max-width: 769px) {
  .lp .kv .kv-img .kv-img-inner img {
    width: 100%;
    height: auto;
  }
  .lp .kv .kv-txt {
    margin: calc(12 / var(--sp)) auto 0 auto;
    padding-bottom: calc(4 / var(--sp));
    font-size: calc(50 / var(--sp));
    width: calc(293.83 / var(--sp));
    height: calc(93 / var(--sp));
  }
  .lp .kv .kv-txt p {
    padding-top: calc(10 / var(--sp));
    padding-bottom: calc(8 / var(--sp));
    font-size: calc(21 / var(--sp));
    line-height: calc(21 / var(--sp));
  }
  .lp .kv .kv-txt .kv-txt-title {
    height: calc(50 / var(--sp));
    line-height: calc(50 / var(--sp));
  }
  .lp .kv .kv-txt .kv-txt-title span:nth-child(1) {
    height: calc(50 / var(--sp));
    font-size: calc(50 / var(--sp));
    margin-right: calc(19 / var(--sp));
  }
  .lp .kv .kv-txt .kv-txt-title span:nth-child(2) {
    width: calc(25.83 / var(--sp));
    height: calc(16.41 / var(--sp));
  }
  .lp .kv .kv-txt .kv-txt-title span:nth-child(3) {
    width: calc(126 / var(--sp));
    height: calc(50 / var(--sp));
    font-size: calc(50 / var(--sp));
    margin-left: calc(15 / var(--sp));
    line-height: 1;
    color: #789AC6;
  }
  .lp .kv .kv-txt .box-underline {
    width: calc(245 / var(--sp));
    height: calc(4 / var(--sp));
    margin: auto;
  }
  .lp .kv .read {
    margin: calc(32 / var(--sp)) calc(32 / var(--sp)) calc(24 / var(--sp)) calc(32 / var(--sp));
  }
  .lp .kv .read p {
    height: calc(100 / var(--sp));
    font-size: calc(13 / var(--sp));
  }
  .lp .style {
    width: calc(375 / var(--sp));
    padding-top: calc(56 / var(--sp));
    margin: 0 auto;
  }
  .lp .style .style-title .border {
    width: calc(375 / var(--sp));
    height: calc(3 / var(--sp));
    margin-bottom: calc(24 / var(--sp));
  }
  .lp .style .style-title .border:nth-child(2 of .border) {
    margin-bottom: 0;
  }
  .lp .style .style-title .title {
    width: -moz-fit-content;
    width: fit-content;
    height: calc(65 / var(--sp));
    margin: calc(24 / var(--sp)) auto;
  }
  .lp .style .style-title .title div:nth-child(1) {
    margin-top: calc(3 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(1) span:nth-child(1) {
    width: calc(30 / var(--sp));
    height: calc(26 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(1) span:nth-child(2) {
    width: calc(10 / var(--sp));
    height: calc(10 / var(--sp));
    margin-left: calc(2 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(2) {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(4 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(2) span {
    font-size: calc(32 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(2) .hash-tag {
    padding-top: calc(12 / var(--sp));
  }
  .lp .style .style-title .title div:nth-child(2) .hash-tag span {
    padding: calc(6 / var(--sp)) calc(8 / var(--sp));
    border-radius: calc(50 / var(--sp));
    font-size: calc(11 / var(--sp));
  }
  .lp .style .content-box:nth-child(1 of .content-box) {
    padding-top: calc(48 / var(--sp));
    padding-bottom: calc(0 / var(--sp));
  }
  .lp .style .content-box:nth-child(2 of .content-box) {
    padding-top: calc(48 / var(--sp));
  }
  .lp .style .or-img {
    width: calc(375 / var(--sp));
    height: calc(99.06 / var(--sp));
    margin: 0;
  }
  .lp .style .or-img picture {
    width: -moz-fit-content;
    width: fit-content;
  }
  .lp .style .or-img picture img {
    width: calc(121.51 / var(--sp));
    height: calc(51.06 / var(--sp));
  }
  .lp .style .display-tag {
    position: sticky;
    display: flex;
  }
  .lp .style .display-tag p {
    width: calc(30 / var(--sp));
    height: calc(150 / var(--sp));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: calc(12 / var(--sp)) calc(3 / var(--sp)) calc(12 / var(--sp)) calc(2 / var(--sp));
    gap: calc(3 / var(--sp));
  }
  .lp .style .display-tag span:nth-child(1) {
    width: calc(4 / var(--sp));
    height: calc(4 / var(--sp));
  }
  .lp .style .display-tag span:nth-child(2) {
    font-size: calc(20 / var(--sp));
    writing-mode: vertical-rl;
  }
  .lp .style .display-tag span:nth-child(3) {
    opacity: 0.3;
    font-size: calc(10 / var(--sp));
    margin-top: calc(6 / var(--sp));
  }
  .lp .style .display-tag.skirt {
    width: calc(30 / var(--sp));
    height: calc(150 / var(--sp));
  }
  .lp .style .display-tag.skirt p {
    width: calc(25 / var(--sp));
    height: calc(126 / var(--sp));
  }
  .lp .style .display-tag.pants {
    width: calc(30 / var(--sp));
    height: calc(152 / var(--sp));
  }
  .lp .style .display-tag.pants p {
    width: calc(25 / var(--sp));
    height: calc(106 / var(--sp));
    margin: calc(23 / var(--sp)) auto;
  }
  .lp .style .img-box {
    margin: calc(-150 / var(--sp)) auto auto auto;
  }
  .lp .style .read {
    margin-top: calc(24 / var(--sp));
    font-size: calc(12 / var(--sp));
  }
  .lp .style .comment {
    font-size: calc(14 / var(--sp));
    line-height: 100%;
    letter-spacing: 0;
  }
  .lp .style .comment .write-line {
    width: calc(11 / var(--sp));
  }
  .lp .style .item-wrapper {
    padding: 0;
  }
  .lp .style .item-wrapper .item-container {
    margin: calc(40 / var(--sp)) calc(40 / var(--sp)) 0 calc(40 / var(--sp));
    gap: calc(14 / var(--sp)) calc(21.5 / var(--sp));
    flex-wrap: wrap;
  }
  .lp .style .item-wrapper .item-container .item {
    width: calc(84 / var(--sp));
    font-size: calc(12 / var(--sp));
    line-height: 160%;
    letter-spacing: 0.05em;
  }
  .lp .style .item-wrapper .item-container .item img {
    margin-bottom: calc(12 / var(--sp));
  }
  .lp #dairy-style .title div:nth-child(1) {
    width: calc(45 / var(--sp));
  }
  .lp #dairy-style .display-tag.skirt {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #dairy-style .display-tag.pants {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #dairy-style .img-box.skirt {
    flex-direction: row-reverse;
    width: 100%;
    height: auto;
  }
  .lp #dairy-style .img-box.skirt .left {
    width: calc(250 / var(--sp));
    margin: 0;
    position: absolute;
    z-index: 1;
    top: calc(500 / var(--sp));
    right: calc(0 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .left .img-skirt-1 {
    width: calc(250 / var(--sp));
    height: calc(376 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .left p {
    width: calc(230 / var(--sp));
    line-height: 170%;
  }
  .lp #dairy-style .img-box.skirt .left .read {
    margin-top: calc(20 / var(--sp));
    font-size: calc(12 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .left .skirt-img {
    width: calc(168 / var(--sp));
    height: calc(77 / var(--sp));
    top: calc(200 / var(--sp));
    left: calc(-118 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .right {
    width: 100%;
  }
  .lp #dairy-style .img-box.skirt .right picture {
    position: relative;
    padding-left: calc(0 / var(--sp));
    padding-bottom: calc(420 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .right .img-skirt-2 {
    width: calc(311 / var(--sp));
    height: calc(468 / var(--sp));
    margin-left: calc(64 / var(--sp));
  }
  .lp #dairy-style .img-box.skirt .right .comment {
    margin-left: calc(64 / var(--sp));
    top: calc(24 / var(--sp));
    left: calc(24 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: 100%;
    letter-spacing: 0;
  }
  .lp #dairy-style .img-box.skirt .right .comment span {
    padding: calc(2 / var(--sp)) calc(1 / var(--sp)) calc(4 / var(--sp)) calc(1 / var(--sp));
  }
  .lp #dairy-style .img-box.pants {
    width: 100%;
    height: auto;
    display: block;
  }
  .lp #dairy-style .img-box.pants .left {
    width: calc(310 / var(--sp));
    display: flex;
    justify-content: center;
    margin: auto;
  }
  .lp #dairy-style .img-box.pants .left .img-pants-1 {
    width: calc(218 / var(--sp));
    height: calc(349 / var(--sp));
  }
  .lp #dairy-style .img-box.pants .left .comment {
    top: calc(0 / var(--sp));
    right: calc(40 / var(--sp));
    margin-top: 0;
  }
  .lp #dairy-style .img-box.pants .right {
    width: 100%;
  }
  .lp #dairy-style .img-box.pants .right .item-wrapper {
    padding-top: 0;
  }
  .lp #dairy-style .img-box.pants .right .read {
    width: calc(295 / var(--sp));
    margin: calc(24 / var(--sp)) auto 0 auto;
    font-size: calc(12 / var(--sp));
    line-height: 170%;
    padding-bottom: calc(10 / var(--sp));
  }
  .lp #dairy-style .img-box.pants .right .comment {
    top: calc(56 / var(--sp));
    left: calc(-100.75% + 40 / var(--sp));
  }
  .lp #dairy-style .img-box .skirt-img {
    width: calc(218 / var(--sp));
    height: calc(100 / var(--sp));
  }
  .lp #dairy-style .or-img picture {
    top: calc(48 / var(--sp));
    left: calc(126.75 / var(--sp));
  }
  .lp #active-style .title div:nth-child(1) {
    width: calc(45 / var(--sp));
  }
  .lp #active-style .display-tag.skirt {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #active-style .display-tag.pants {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
    z-index: 1;
  }
  .lp #active-style .content-box {
    position: relative;
  }
  .lp #active-style .read {
    text-align: left;
    margin-top: 0;
  }
  .lp #active-style .img-box {
    display: block;
    margin: calc(-150 / var(--sp)) auto auto auto;
  }
  .lp #active-style .img-box.skirt {
    width: 100%;
    height: auto;
    align-items: center;
    gap: 0 calc(90 / var(--sp));
    position: relative;
    justify-content: space-between;
    margin-top: calc(-150 / var(--sp));
  }
  .lp #active-style .img-box.skirt .left {
    width: 100%;
  }
  .lp #active-style .img-box.skirt .left .img-skirt-1, .lp #active-style .img-box.skirt .left .img-skirt-2 {
    width: calc(311 / var(--sp));
    height: calc(467 / var(--sp));
    margin: 0 calc(24 / var(--sp)) 0 calc(40 / var(--sp));
  }
  .lp #active-style .img-box.skirt .left .comment {
    top: calc(36 / var(--sp));
    right: calc(56 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: 1;
    letter-spacing: 0;
  }
  .lp #active-style .img-box.skirt .left .comment span {
    padding: calc(2 / var(--sp)) calc(1 / var(--sp)) calc(4 / var(--sp)) calc(1 / var(--sp));
  }
  .lp #active-style .img-box.skirt .left .comment .write-line {
    width: calc(12 / var(--sp));
  }
  .lp #active-style .img-box.skirt .right {
    width: 100%;
  }
  .lp #active-style .img-box.skirt .right .item-wrapper {
    padding-top: 0;
  }
  .lp #active-style .img-box.skirt .right .read {
    font-size: calc(12 / var(--sp));
    letter-spacing: 0.04em;
    margin: calc(25 / var(--sp)) calc(24 / var(--sp)) 0 calc(40 / var(--sp));
  }
  .lp #active-style .img-box.skirt .right .read br {
    display: none;
  }
  .lp #active-style .img-box.pants {
    width: 100%;
    height: auto;
    margin: calc(-150 / var(--sp)) auto auto auto;
    gap: 0 calc(104 / var(--sp));
    align-items: start;
    justify-content: center;
  }
  .lp #active-style .img-box.pants .left {
    width: calc(250 / var(--sp));
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    z-index: 1;
    top: calc(644 / var(--sp));
    right: calc(24 / var(--sp));
  }
  .lp #active-style .img-box.pants .left picture {
    position: relative;
  }
  .lp #active-style .img-box.pants .left .img-pants-1 {
    width: calc(250 / var(--sp));
    height: calc(376 / var(--sp));
  }
  .lp #active-style .img-box.pants .left .pants-img {
    width: calc(144 / var(--sp));
    height: calc(74 / var(--sp));
    position: absolute;
    top: calc(150 / var(--sp));
    left: calc(-87 / var(--sp));
  }
  .lp #active-style .img-box.pants .left .read {
    width: calc(200.3 / var(--sp));
    margin-top: calc(24 / var(--sp));
    margin-left: auto;
    margin-right: 0;
  }
  .lp #active-style .img-box.pants .right {
    width: 100%;
  }
  .lp #active-style .img-box.pants .right .item-wrapper {
    width: 100%;
  }
  .lp #active-style .img-box.pants .right picture {
    position: relative;
    padding-bottom: calc(488 / var(--sp));
  }
  .lp #active-style .img-box.pants .right .img-pants-2 {
    width: calc(375 / var(--sp));
    height: calc(564 / var(--sp));
  }
  .lp #active-style .img-box.pants .right p {
    font-size: calc(18 / var(--sp));
  }
  .lp #active-style .img-box.pants .right .comment {
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: calc(32 / var(--sp));
    left: auto;
    right: calc(32 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: 100%;
    padding: calc(2 / var(--sp)) calc(1 / var(--sp)) calc(4 / var(--sp)) calc(1 / var(--sp));
  }
  .lp #active-style .or-img {
    height: calc(82.06 / var(--sp));
  }
  .lp #active-style .or-img picture {
    top: calc(36 / var(--sp));
    left: auto;
    right: calc(24 / var(--sp));
  }
  .lp #meeting-style {
    padding-top: calc(64 / var(--sp));
  }
  .lp #meeting-style .title div:nth-child(1) {
    width: calc(45 / var(--sp));
  }
  .lp #meeting-style .display-tag.skirt {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #meeting-style .display-tag.pants {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
    z-index: 10;
  }
  .lp #meeting-style .img-box {
    margin: calc(-150 / var(--sp)) auto auto auto;
    display: block;
  }
  .lp #meeting-style .img-box.skirt {
    position: relative;
    align-items: center;
    width: 100%;
    height: auto;
  }
  .lp #meeting-style .img-box.skirt .left {
    width: calc(295 / var(--sp));
    display: flex;
    justify-content: center;
    gap: 0 calc(7.5 / var(--sp));
    margin: 0 auto;
  }
  .lp #meeting-style .img-box.skirt .left .img-skirt-1 {
    width: calc(254 / var(--sp));
    height: calc(352 / var(--sp));
  }
  .lp #meeting-style .img-box.skirt .left picture {
    position: relative;
  }
  .lp #meeting-style .img-box.skirt .left .comment {
    position: absolute;
    top: 0;
    right: calc(-11.5 / var(--sp));
    margin-top: 0;
    writing-mode: vertical-rl;
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #meeting-style .img-box.skirt .right {
    width: 100%;
  }
  .lp #meeting-style .img-box.skirt .right .item-wrapper {
    padding-top: 0;
  }
  .lp #meeting-style .img-box.skirt .right .read {
    width: calc(295 / var(--sp));
    text-align: left;
    margin: calc(24 / var(--sp)) calc(40 / var(--sp)) 0 calc(40 / var(--sp));
  }
  .lp #meeting-style .img-box.skirt .right .comment {
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: calc(56 / var(--sp));
    left: calc(-100.75% + 40 / var(--sp));
    font-size: calc(18 / var(--sp));
    line-height: 130%;
  }
  .lp #meeting-style .img-box.skirt .right .comment span {
    background: #fff;
    padding: calc(2 / var(--sp)) calc(3 / var(--sp)) calc(4 / var(--sp)) calc(2 / var(--sp));
  }
  .lp #meeting-style .img-box.pants {
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: calc(-150 / var(--sp)) auto auto auto;
  }
  .lp #meeting-style .img-box.pants .left {
    width: calc(250 / var(--sp));
    position: absolute;
    z-index: 1;
    top: calc(500 / var(--sp));
    right: calc(0 / var(--sp));
    margin: 0;
  }
  .lp #meeting-style .img-box.pants .left p {
    width: calc(300 / var(--sp));
    text-align: left;
  }
  .lp #meeting-style .img-box.pants .left picture {
    position: relative;
  }
  .lp #meeting-style .img-box.pants .left .pants-img {
    position: absolute;
    top: calc(159.84 / var(--sp));
    left: calc(-90 / var(--sp));
    width: calc(144 / var(--sp));
    height: calc(74 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .left .img-pants-1 {
    width: calc(250 / var(--sp));
    height: calc(376 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .left .read {
    margin-top: calc(24 / var(--sp));
    width: calc(230 / var(--sp));
    font-size: calc(12 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .left .read p {
    width: 100%;
  }
  .lp #meeting-style .img-box.pants .right {
    width: 100%;
  }
  .lp #meeting-style .img-box.pants .right .item-wrapper {
    width: 100%;
  }
  .lp #meeting-style .img-box.pants .right picture {
    position: relative;
    padding-bottom: calc(420 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .right .pants-img {
    position: absolute;
    top: calc(154.91 / var(--sp));
    left: calc(-92 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .right .img-pants-2 {
    width: calc(311 / var(--sp));
    height: calc(468 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .right p {
    font-size: calc(18 / var(--sp));
  }
  .lp #meeting-style .img-box.pants .right .comment {
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: calc(32 / var(--sp));
    right: calc(93 / var(--sp));
    left: auto;
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #meeting-style .img-box.pants .right .comment span {
    background: #fff;
  }
  .lp #meeting-style .img-box.pants .right .comment span.write-line {
    background: none;
  }
  .lp #meeting-style .or-img picture {
    top: calc(48 / var(--sp));
    left: calc(24 / var(--sp));
  }
  .lp #power-style .title div:nth-child(1) {
    width: calc(48 / var(--sp));
  }
  .lp #power-style .display-tag.skirt {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #power-style .display-tag.pants {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #power-style .img-box {
    margin: calc(-150 / var(--sp)) auto auto auto;
    display: block;
    position: relative;
    width: calc(843 / var(--sp));
    height: calc(609 / var(--sp));
  }
  .lp #power-style .img-box.skirt {
    margin: calc(-150 / var(--sp)) auto auto auto;
    gap: 0 calc(140 / var(--sp));
    justify-content: space-between;
    width: 100%;
    height: auto;
  }
  .lp #power-style .img-box.skirt .left {
    width: 100%;
  }
  .lp #power-style .img-box.skirt .left picture {
    position: relative;
    padding-bottom: calc(430 / var(--sp));
  }
  .lp #power-style .img-box.skirt .left .img-skirt-1 {
    width: calc(311 / var(--sp));
    height: calc(468 / var(--sp));
    margin-left: calc(64 / var(--sp));
  }
  .lp #power-style .img-box.skirt .left p {
    font-size: calc(18 / var(--sp));
  }
  .lp #power-style .img-box.skirt .left .comment {
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: calc(24 / var(--sp));
    right: calc(244 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #power-style .img-box.skirt .right {
    width: calc(250 / var(--sp));
    position: absolute;
    z-index: 1;
    top: calc(452 / var(--sp));
    right: calc(0 / var(--sp));
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
  }
  .lp #power-style .img-box.skirt .right p {
    width: calc(300 / var(--sp));
    text-align: left;
  }
  .lp #power-style .img-box.skirt .right picture {
    position: relative;
  }
  .lp #power-style .img-box.skirt .right .img-skirt-2 {
    width: calc(250 / var(--sp));
    height: calc(376 / var(--sp));
  }
  .lp #power-style .img-box.skirt .right .skirt-img {
    width: calc(168 / var(--sp));
    height: calc(77 / var(--sp));
    position: absolute;
    top: calc(150.83 / var(--sp));
    left: calc(-123 / var(--sp));
    transform: rotate(0);
  }
  .lp #power-style .img-box.skirt .right .read {
    margin-top: calc(20 / var(--sp));
    width: calc(230 / var(--sp));
    height: auto;
    font-size: calc(12 / var(--sp));
  }
  .lp #power-style .img-box.skirt .right .read p {
    width: 100%;
  }
  .lp #power-style .img-box.pants {
    gap: 0 calc(24 / var(--sp));
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .lp #power-style .img-box.pants .left {
    width: calc(375 / var(--sp));
  }
  .lp #power-style .img-box.pants .left .read {
    width: calc(295 / var(--sp));
    height: calc(40 / var(--sp));
    text-align: left;
    margin: auto;
    margin-top: calc(24 / var(--sp));
  }
  .lp #power-style .img-box.pants .left .item-wrapper {
    padding-top: calc(40 / var(--sp));
  }
  .lp #power-style .img-box.pants .right {
    width: calc(240 / var(--sp));
    display: flex;
    gap: 0 calc(7.5 / var(--sp));
  }
  .lp #power-style .img-box.pants .right .img-pants-1 {
    width: calc(240 / var(--sp));
    height: calc(349 / var(--sp));
  }
  .lp #power-style .img-box.pants .right picture {
    position: relative;
  }
  .lp #power-style .img-box.pants .right p {
    font-size: calc(12 / var(--sp));
  }
  .lp #power-style .img-box.pants .right .comment {
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: calc(0.23 / var(--sp));
    right: calc(-7.5 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #power-style .img-box.pants .right .comment span {
    padding: calc(2 / var(--sp)) calc(1 / var(--sp)) calc(4 / var(--sp)) calc(1 / var(--sp));
  }
  .lp #power-style .img-box .skirt-img {
    width: calc(218 / var(--sp));
    height: calc(100 / var(--sp));
  }
  .lp #power-style .or-img picture {
    top: calc(48 / var(--sp));
    left: calc(126.75 / var(--sp));
  }
  .lp #after-hours-style .title div:nth-child(1) {
    width: calc(46 / var(--sp));
  }
  .lp #after-hours-style .display-tag.skirt {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #after-hours-style .display-tag.pants {
    top: var(--header-height, calc(50 / var(--sp)));
    left: 0;
  }
  .lp #after-hours-style .img-box {
    margin: calc(-150 / var(--sp)) auto auto auto;
    display: block;
  }
  .lp #after-hours-style .img-box.skirt {
    position: relative;
    align-items: center;
    width: 100%;
    height: auto;
  }
  .lp #after-hours-style .img-box.skirt .left {
    width: calc(295 / var(--sp));
    display: flex;
    gap: 0 calc(7.5 / var(--sp));
    margin: auto;
  }
  .lp #after-hours-style .img-box.skirt .left .img-skirt-1 {
    width: calc(242 / var(--sp));
    height: calc(352 / var(--sp));
  }
  .lp #after-hours-style .img-box.skirt .left picture {
    position: relative;
  }
  .lp #after-hours-style .img-box.skirt .left .comment {
    position: absolute;
    top: 0;
    left: calc(247 / var(--sp));
    margin-top: 0;
    writing-mode: vertical-rl;
    text-align: left;
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #after-hours-style .img-box.skirt .right {
    width: 100%;
    height: auto;
  }
  .lp #after-hours-style .img-box.skirt .right .read {
    width: calc(295 / var(--sp));
    height: calc(40 / var(--sp));
    text-align: left;
    margin: auto;
    margin-top: calc(24 / var(--sp));
  }
  .lp #after-hours-style .img-box.skirt .right .item-wrapper {
    padding-top: 0;
  }
  .lp #after-hours-style .img-box.pants {
    justify-content: space-between;
    width: 100%;
    height: auto;
  }
  .lp #after-hours-style .img-box.pants .left {
    width: calc(250 / var(--sp));
    position: absolute;
    z-index: 1;
    top: calc(500 / var(--sp));
    right: calc(0 / var(--sp));
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0 auto 0;
  }
  .lp #after-hours-style .img-box.pants .left p {
    width: calc(300 / var(--sp));
    text-align: left;
  }
  .lp #after-hours-style .img-box.pants .left picture {
    position: relative;
  }
  .lp #after-hours-style .img-box.pants .left .pants-img {
    width: calc(144 / var(--sp));
    height: calc(74 / var(--sp));
    position: absolute;
    top: calc(30 / var(--sp));
    left: calc(-96 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .left .img-pants-1 {
    width: calc(250 / var(--sp));
    height: calc(376 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .left .read {
    width: calc(230 / var(--sp));
    margin-top: calc(20 / var(--sp));
    font-size: calc(12 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .left .read p {
    width: 100%;
  }
  .lp #after-hours-style .img-box.pants .right {
    width: 100%;
  }
  .lp #after-hours-style .img-box.pants .right picture {
    position: relative;
    padding-bottom: calc(420 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .right .img-pants-2 {
    width: calc(311 / var(--sp));
    height: calc(468 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .right .pants-img {
    position: absolute;
    top: calc(154.91 / var(--sp));
    left: calc(-92 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .right p {
    font-size: calc(18 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .right .comment {
    position: absolute;
    top: calc(32 / var(--sp));
    right: calc(93 / var(--sp));
    writing-mode: vertical-rl;
    text-align: left;
    font-size: calc(14 / var(--sp));
    line-height: 130%;
  }
  .lp #after-hours-style .img-box.pants .right .comment span {
    padding: calc(2 / var(--sp)) calc(1 / var(--sp)) calc(4 / var(--sp)) calc(1 / var(--sp));
  }
  .lp #after-hours-style .img-box.pants .right .comment .write-line {
    background: none;
    width: calc(11 / var(--sp));
  }
  .lp #after-hours-style .or-img picture {
    top: calc(48 / var(--sp));
    left: calc(24 / var(--sp));
  }
  .lp .banner {
    width: calc(325 / var(--sp));
    margin: calc(80 / var(--sp)) auto 0;
    gap: calc(32 / var(--sp)) 0;
  }
}/*# sourceMappingURL=style-0519-3.css.map */