@layer page {
  .art-slider .splide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -3.75rem;
    pointer-events: none;
    z-index: 10;
    width: calc(100% + 7.5rem);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    .art-slider .splide__arrows {
      left: 0;
      width: 100%;
    }
  }
  .art-slider .splide__arrow {
    position: relative;
    pointer-events: fill;
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
  }
  .art-slider .splide__arrow svg {
    display: none;
  }
  .art-slider .splide__arrow::before, .art-slider .splide__arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: calc(50% - 0.75rem);
    width: 1.5625rem;
    height: 0.125rem;
    border-radius: 9999px;
    background-color: #797979;
    transform-origin: calc(100% - 2px) 50%;
    transform-origin: right center;
  }
  @media screen and (max-width: 767px) {
    .art-slider .splide__arrow::before, .art-slider .splide__arrow::after {
      background-color: #fff;
    }
  }
  .art-slider .splide__arrow::before {
    transform: rotate(48deg);
  }
  .art-slider .splide__arrow::after {
    transform: rotate(-48deg);
  }
  .art-slider .splide__arrow.splide__arrow--prev {
    transform: scale(-1, 1);
  }
  .art-sttl {
    font-size: 1.125rem;
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
  }
  @media screen and (max-width: 767px) {
    .art-sttl {
      font-size: 4.8vw;
      margin-top: 3.7333333333vw;
      margin-bottom: 2.1333333333vw;
    }
  }
  .art-list {
    display: flex;
    flex-direction: column;
    gap: 6.25rem;
    margin-top: 6.25rem;
  }
  @media screen and (max-width: 767px) {
    .art-list {
      margin-top: 9.3333333333vw;
      gap: 9.3333333333vw;
    }
  }
  @media screen and (min-width: 768px) {
    .art-item__row {
      display: grid;
      grid-template-columns: 37.75rem 1fr;
      gap: 2.1875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .art-item__row {
      display: flex;
      flex-direction: column;
      gap: 5.3333333333vw;
    }
  }
  .art-item__photo video,
  .art-item__photo img {
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    .art-item__info {
      padding: 0 var(--sp-pad);
    }
  }
  @media screen and (min-width: 768px) {
    .art-item__thumb {
      display: flex;
      flex-direction: column;
      gap: 0.9375rem;
      width: 9.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .art-item__thumb {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 5.3333333333vw;
    }
  }
  .art-item__thumb div {
    aspect-ratio: 1/1;
  }
  .art-item__thumb div video,
  .art-item__thumb div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .art-item__thumb div video {
    pointer-events: none;
  }
  .art-item__cart-in {
    margin-top: 1.5625rem;
  }
  @media screen and (max-width: 767px) {
    .art-item__cart-in {
      margin-top: 5.3333333333vw;
    }
  }
  .art-item__cart-in > div {
    margin: 0 !important;
  }
  .art-item__cart-in table,
  .art-item__cart-in th, .art-item__cart-in td {
    border: 0 !important;
    margin: 0 !important;
    width: auto !important;
  }
  .art-item__cart-in br,
  .art-item__cart-in th,
  .art-item__cart-in .cartjs_product_num {
    display: none;
  }
  .art-item__cart-in td {
    padding-left: 0 !important;
    color: var(--main) !important;
  }
  .art-item__cart-in .cartjs_product_name,
  .art-item__cart-in .cartjs_sales_price {
    font-size: 1rem !important;
  }
  @media screen and (max-width: 767px) {
    .art-item__cart-in .cartjs_product_name,
    .art-item__cart-in .cartjs_sales_price {
      font-size: 4.8vw !important;
    }
  }
  .art-item__cart-in .cartjs_cart_in {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
  }
  @media screen and (max-width: 767px) {
    .art-item__cart-in .cartjs_cart_in {
      margin-top: 2.6666666667vw;
      font-size: 5.3333333333vw;
    }
  }
  .art-item__cart-in .cartjs_option {
    margin-top: 0.75rem !important;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .art-item__cart-in .cartjs_option th,
  .art-item__cart-in .cartjs_option td {
    display: block;
  }
  .art-item__cart-in select,
  .art-item__cart-in input[type=submit] {
    border: 2px solid #000;
    background-color: #fff;
    line-height: 1.1;
    padding: 0.625rem 0.625rem 0.375rem 0.625rem;
  }
  .art-item__cart-in select {
    padding: 0.25rem 1rem 0.25rem 0.625rem;
  }
  .art-item__text {
    margin-top: 2.5rem;
    letter-spacing: 0.04em;
  }
  @media screen and (max-width: 767px) {
    .art-item__text {
      padding-left: var(--sp-pad);
      padding-right: var(--sp-pad);
    }
  }
}