@charset "UTF-8";
@layer utilities, generic, base, vendors, components;
body {
  --lps--spacing--block-gap: clamp(calc(60 * var(--rem)), 3.409rem + 1.455vw, calc(72 * var(--rem)));
  color: var(--lps--color--on-base);
}

/**
 * ページナビ
 * Directory: /Block/page_nav.twig
**/
/**
* mask-svg
* svgを表示します。
**/
.b-page-nav__list {
  margin-block: 1rem;
}

.b-page-nav__link::after {
  content: "";
  block-size: 0.75em;
  inline-size: 0.75em;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-chevron-right);
          mask-image: var(--icon-chevron-right);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: baseline;
  margin-inline: auto 0;
}

/**
 * Block: Text banner
 * @see app/template/lips/Block/text_banner.twig
**/
.b-text-banner {
  background-color: var(--lps--color--accent01);
  color: var(--lps--color--accent04);
  max-inline-size: 100%;
  overflow-x: hidden;
}

.b-text-banner__content {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 12;
  padding-block: calc(13 * var(--rem) + var(--leading-trim));
  inline-size: -webkit-fill-available;
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-inline: auto;
  letter-spacing: 0.12em;
}

@media not all and (min-width: 639.98px) {
  .b-text-banner__content {
    animation: marquee 20s linear infinite;
  }
}
/**
 * Block: logo
 * @see app/template/lips/Block/logo.twig
**/
.b-logo__content {
  inline-size: min(64dvi, calc(350 * var(--rem)));
  line-height: var(--lps--line-height--none);
}
.b-logo__content svg {
  inline-size: 100%;
}

/**
 * Block/ search_product.twig
**/
.b-search-product__input {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 14;
  align-items: center;
  padding-inline: var(--lps--spacing--rg) var(--lps--spacing--sm-trim);
}

.b-search-product__input input {
  padding-block: var(--lps--spacing--sm-trim);
  border-block-end: 1px solid currentColor;
  margin-block-end: var(--lps--spacing--sm-trim);
  flex: 1 1 76.6666666667dvi;
  max-inline-size: 100%;
}

.b-search-product__button {
  padding-block: var(--lps--spacing--sm-trim);
  padding-inline: calc(12 * var(--em));
  flex-shrink: 0;
}

.b-search-product__button::before {
  aspect-ratio: 1/1;
  background-color: currentColor;
  inline-size: calc(24 * var(--em));
  content: "";
  display: block;
  -webkit-mask: var(--lps--icon--lens) no-repeat center/contain;
          mask: var(--lps--icon--lens) no-repeat center/contain;
}

@media not all and (min-width: 959.98px) {
  .b-search-product {
    padding-block-end: 0.75rem;
  }
}
@media screen and (min-width: 960px) {
  .b-search-product__input {
    padding-inline: var(--lps--spacing--sm);
  }
  .b-search-product__input input {
    max-inline-size: calc(230 * var(--em));
  }
}
/**
 * Block: Login
 * @see app/template/lips/Block/login.twig
**/
.b-login {
  display: block;
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 14;
}

.b-login__popover {
  inset: 100% 50% auto auto;
  padding-block: calc(16 * var(--rem) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
  padding-inline: calc(16 * var(--rem));
  inline-size: -moz-max-content;
  inline-size: max-content;
  translate: 50%;
  z-index: 1;
}
.b-login__popover .b-login__link {
  padding-block: calc(8 * var(--rem) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
  padding-inline: calc(16 * var(--rem) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
  display: inline-block;
}

.b-login__list {
  padding-inline-start: 0;
  align-items: baseline;
  display: flex;
  gap: calc(7 * var(--rem));
  z-index: 1;
}

.b-login__icon {
  align-items: center;
  display: flex;
  -moz-column-gap: calc(8 * var(--rem));
       column-gap: calc(8 * var(--rem));
  padding-inline: calc(10 * var(--em) + var(--leading-trim, 0.5em));
  padding-block-start: calc(10 * var(--em) + var(--leading-trim, 0.5em));
  position: relative;
}

/** clickable area for popover **/
.b-login__icon::before {
  content: "";
  inset: calc(var(--lps--spacing--rg) / -2) calc(var(--lps--spacing--sm) / -2);
  position: absolute;
}

/**
 * Block: login_sp
 * @see app/template/lips/Block/login_sp.twig
*/
.b-login-sp {
  --lps--clamp-font-size--min: 15;
  --lps--clamp-font-size--max: 16;
}

.b-login-sp__list {
  align-items: center;
  display: grid;
  position: relative;
  z-index: 0;
}

.b-login-sp__list::before {
  content: "";
  position: absolute;
  inset: 1px -1px calc(15 * var(--em) + var(--leading-trim) - 1px) -1px;
  border: 3px solid var(--lps--color--surface);
  z-index: 1;
  pointer-events: none;
}

.b-login-sp__list > :not(:first-child) {
  border-inline-start: 1px solid currentColor;
}

.b-login-sp__list > :not(:last-child) {
  border-block-end: 1px solid currentColor;
}

.b-login-sp__item,
.b-login-sp__item--full {
  margin-block: calc(16 * var(--em) + var(--leading-trim));
}

.b-login-sp__item--full {
  grid-column: span 2;
}

.b-login-sp__link {
  display: grid;
  justify-items: center;
  row-gap: calc(12 * var(--em) + var(--leading-trim));
  padding-block: calc(12 * var(--em) + var(--leading-trim));
}

/**
 * Block: Cart
 * @see app/template/lips/Block/cart.twig
**/
.b-cart__indicator {
  aspect-ratio: 1/1;
}

.b-cart__button {
  --_icon-size: calc(23 * var(--rem));
  --lps--clamp-font-size--min: 10;
  --lps--clamp-font-size--max: 10;
  aspect-ratio: 1/1;
  display: grid;
  grid-template-columns: 1fr repeat(3, auto) 1fr;
  grid-template-rows: 1fr 2px repeat(3, auto) 1fr;
  padding-inline-start: calc(8 * var(--rem));
}

.b-cart__indicator {
  align-self: start;
  grid-column: 3/5;
  grid-row: 2/4;
  justify-self: end;
  min-inline-size: 1rem;
}

.b-cart__icon {
  align-self: start;
  grid-column: 2/4;
  grid-row: 3/5;
  justify-self: start;
  margin-block-start: 2px;
}

.b-cart__icon::before {
  aspect-ratio: 1/1;
  background-color: currentColor;
  content: "";
  display: block;
  inline-size: var(--_icon-size);
  -webkit-mask: var(--lps--icon--cart) center/contain no-repeat;
          mask: var(--lps--icon--cart) center/contain no-repeat;
}

@media not all and (min-width: 639.98px) {
  .b-cart__button {
    margin-block-start: calc(var(--_icon-size) / -4);
  }
}
/**
 * Block: Category navigation
 * @see app/template/lips/Block/category_nav_sp.twig
 *      app/template/lips/lock/category_nav_pc.twig
**/
.b-category-nav__item-wrapper:not(:first-child) {
  margin-block-start: calc(16 * var(--rem));
  padding-block-start: calc(16 * var(--rem));
  border-block-start: 1px solid var(--lps--color--gray-092);
}

.b-category-nav__heading {
  --lps--clamp-font-size--min: 15;
  --lps--clamp-font-size--max: 16;
  font-weight: var(--lps--font--bold);
  line-height: var(--lps--line-height--normal);
  padding-block: calc(14 * var(--em) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
}

.b-category-nav__banner {
  line-height: 1;
  display: block;
}

.b-category-nav__link {
  align-items: baseline;
  display: flex;
  -moz-column-gap: calc(16 * var(--em));
       column-gap: calc(16 * var(--em));
  padding-inline: calc(8 * var(--rem)) calc(2 * var(--rem));
  padding-block: calc(15 * var(--rem) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
}

.b-category-nav__link[aria-current=page] {
  background-color: var(--lps--color--surface);
}

.b-category-nav__link::after {
  aspect-ratio: 1/1;
  content: "";
  background-color: var(--lps--color--gray-070);
  -webkit-mask: var(--lps--icon--chevron-right) center/contain no-repeat;
          mask: var(--lps--icon--chevron-right) center/contain no-repeat;
  inline-size: calc(10 * var(--rem));
  margin-inline: auto 0;
}

[aria-expanded=true] > .b-category-nav__link,
.b-category-nav__link:hover:not(.b-category-nav__heading),
.b-category-nav__link:focus-visible:not(.b-category-nav__heading) {
  background-color: var(--lps--color--gray-096);
}

.b-category-nav__item {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  position: relative;
}

.b-category-nav__item[aria-expanded=true] {
  z-index: 1;
}

.b-category-nav__tree {
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--lps--color--base);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  color: var(--lps--color--accent01);
  transform: translate(-20px, -12px);
  top: calc(-1 * var(--rem) - var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal) * -1)));
  left: calc(100% - 25 * var(--rem));
  inline-size: min(100%, 236 * var(--rem));
}
.b-category-nav__tree .b-category-nav__link {
  padding-block: calc(15 * var(--rem) + var(--leading-trim, calc(var(--clamp) * var(--lps--line-height--normal))));
  padding-inline: calc(16 * var(--rem));
}
.b-category-nav__tree .b-category-nav__link::after {
  display: none;
}

/**
 * Block: Navigation (SP)
 * @see app/template/lips/Block/nav-sp.twig
**/
/**
 * Block: New item
 * @see app/template/lips/Block/auto_new_item.twig
 *      app/template/lips/Block/new_item.twig
**/
.b-new-item__list {
  max-inline-size: calc(var(--lps--layout--default) + var(--_padding-inline));
  margin-inline: auto;
}

@media not all and (min-width: 959.98px) {
  .b-new-item__header {
    padding-inline: var(--lps--spacing--page-gutter);
  }
  .b-new-item_arrows > :first-child {
    margin-inline-start: min(1.875dvi, var(--lps--spacing--md));
  }
  .b-new-item_arrows > :last-child {
    margin-inline-end: min(1.875dvi, var(--lps--spacing--md));
  }
  .b-new-item__list .slick-track {
    margin-inline: var(--lps--spacing--page-gutter);
  }
  .b-new-item_arrows {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .b-new-item {
    margin-inline: auto;
  }
}
/**
 * Block: Blog
 * @see app/template/lips/Block/blog.twig
**/
.b-blog-item {
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 16;
  align-items: center;
  color: var(--lps--color--accent01);
  -moz-column-gap: min(3.6585365854%, var(--lps--spacing--lg));
       column-gap: min(3.6585365854%, var(--lps--spacing--lg));
  display: flex;
  padding-block: calc(1.75rem + var(--leading-trim));
  padding-inline: min(3.6585365854%, var(--lps--spacing--rg));
  position: relative;
}

.b-blog-item__thumbnail {
  max-inline-size: min(18.2926829268%, 6rem);
}

.b-blog-item__postdate {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  font-weight: var(--lps--font--bold);
}

.b-blog-item__link::before {
  content: "";
  inset: 0;
  position: absolute;
}

.b-blog-item__icon {
  color: var(--lps--color--gray-070);
  margin-inline: auto 0;
}

.b-blog-item__icon::before {
  block-size: 0.75rem;
}

.b-blog-item__heading {
  margin-block-start: var(--lps--spacing--rg-trim);
}

@supports not (container-type: inline-size) {
  @media screen and (min-width: 960px) {
    .b-blog-item {
      padding-block: var(--lps--spacing--rg-trim);
    }
    .b-blog-item__icon {
      margin-inline-end: min(1.8018018018%, var(--lps--spacing--rg));
    }
    .b-blog-item__content {
      display: contents;
    }
    .b-blog-item__heading {
      margin-block-start: unset;
    }
  }
}
@supports (container-type: inline-size) {
  .b-blog {
    container: block/inline-size;
  }
  @container (inline-size >= 40rem) {
    .b-blog-item {
      padding-block: var(--lps--spacing--rg-trim);
    }
    .b-blog-item__icon {
      margin-inline-end: min(1.8018018018%, var(--lps--spacing--rg));
    }
    .b-blog-item__content {
      display: contents;
    }
    .b-blog-item__heading {
      margin-block-start: unset;
    }
  }
}
/**
 * Block: Topic
 * @see app/template/lips/Block/topic.twig
**/
.b-topic__item img {
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.b-topic__heading {
  font: var(--lps--font--medium);
  margin-block: var(--lps--spacing--lg-trim) calc(12 * var(--em) + var(--leading-trim));
}

.b-topic__content + .b-topic__content {
  margin-block-start: calc(clamp(1rem, 0.773rem + 0.97vw, 1.5rem) + var(--leading-trim));
}

@media screen and (min-width: 960px) {
  .b-topic {
    padding-inline: min(2.5dvi, var(--lps--spacing--lg));
  }
  .b-topic__heading {
    --lps--clamp-font-size--min: 14;
    --lps--clamp-font-size--max: 14;
    margin-block: var(--lps--spacing--md-trim) var(--lps--spacing--sm-trim);
  }
}
/**
 * Block: Topicpath
 * @see app/template/lips/Block/topicpath.twig
**/
.b-topicpath {
  margin-block: calc(clamp(1.5rem, 1.086rem + 1.768vw, 2.5rem) + var(--leading-trim)) calc(clamp(2rem, 1.793rem + 0.884vw, 2.5rem) + var(--leading-trim));
}

/**
 * Block: Eyecatch
 * @see app/template/lips/Block/eyecatch.twig
**/
.b-eyecatch__header-link {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  margin-block-start: calc(clamp(1.5rem, 0.818rem + 2.909vw, 3rem) + var(--leading-trim));
  margin-block-end: calc(clamp(1.5rem, 0.818rem + 2.909vw, 3rem) * -1 + var(--leading-trim));
  text-transform: uppercase;
}

.b-eyecatch-cover {
  min-block-size: clamp(12.5rem, 9.545rem + 12.606vw, 19rem);
}

.b-eyecatch__list {
  color: var(--lps--color--accent01);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: calc(36 * var(--rem));
}

.b-eyecatch__list-item {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  display: inline-grid;
  row-gap: var(--lps--spacing--md-trim);
  place-content: center;
  flex: 1 0 33.2317073171%;
  max-inline-size: 33.2317073171%;
}

@media screen and (min-width: 640px) {
  .b-eyecatch__list-item {
    flex-basis: 20%;
    max-inline-size: 20%;
  }
}
/**
 * Block: Slider
 * @see app/template/lips/Block/slide_show.twig
**/
.b-slider {
  margin-block: clamp(1.5rem, 1.293rem + 0.884vw, 2rem) calc(28 * var(--rem));
  margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
  max-inline-size: calc(100% + var(--lps--spacing--page-gutter) * 2);
}

.b-slider__slide {
  padding-inline: clamp(0.5rem, 0.273rem + 0.97vw, 1rem);
}

.b-slider__image {
  max-block-size: clamp(16rem, 11.909rem + 17.455vw, 25rem);
  max-inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/**
 * Block: Header navgation
 * @see app/template/lips/Block/header_nav.twig
**/
.b-header-nav {
  --_current-background: var(--lps--color--surface);
  background: var(--lps--color--surface);
  color: var(--lps--color--accent01);
  padding-inline: min(4.2666666667dvi, var(--lps--spacing--rg));
  position: relative;
  z-index: 0;
}

.b-header-nav__list {
  display: flex;
  flex-wrap: wrap;
  inline-size: -webkit-fill-available;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: min(100%, var(--lps--layout--default));
  margin-inline: auto;
  padding-inline-start: 0;
  -moz-column-gap: min(1.5dvi, calc(38 * var(--em)));
       column-gap: min(1.5dvi, calc(38 * var(--em)));
  row-gap: var(--lps--spacing--xs);
}

.b-header-nav__item {
  text-transform: uppercase;
}

.b-header-nav__link,
.b-header-nav__link--action {
  padding-block: calc(14 * var(--em) + var(--leading-trim));
  padding-inline: calc(8 * var(--em));
  display: inline-block;
}

.b-header-nav__link {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 14;
}

.b-header-nav__link--action {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  position: relative;
  z-index: 1;
}

.b-header-nav__link--action::after {
  block-size: 1px;
  content: "";
  border-block-start: 1px solid currentColor;
  display: block;
  inline-size: 0px;
  inset: auto auto 0 0;
  position: absolute;
}

.b-header-nav__link--action[aria-expanded=true] {
  opacity: 1;
}

.b-header-nav__link--action[aria-expanded=true]::after {
  inline-size: 100%;
}

.b-header-nav__popover {
  overflow-y: hidden;
  position: absolute;
  inset: 100% 0 auto 0;
  padding-block: var(--lps--spacing--md-trim);
}

.b-header-nav__close {
  display: block;
  margin-inline: auto;
  margin-block-start: calc(36 * var(--rem));
}

.b-header-nav__close::before {
  aspect-ratio: 1/1;
  background-color: var(--lps--color--gray-070);
  -webkit-mask: var(--lps--icon--cross) center/contain no-repeat;
          mask: var(--lps--icon--cross) center/contain no-repeat;
  content: "";
  display: block;
  block-size: calc(20 * var(--rem));
}

@media (prefers-reduced-motion: no-preference) {
  .b-header-nav__link--action::after {
    transition: inline-size var(--lps--duration--relaxed) var(--lps--ease-out-expo);
  }
}
@media (any-hover: hover) {
  .b-header-nav__link--action:-moz-any-link:hover {
    opacity: 1;
  }
  .b-header-nav__link--action:any-link:hover {
    opacity: 1;
  }
  .b-header-nav__link--action:-moz-any-link:hover::after {
    inline-size: 100%;
  }
  .b-header-nav__link--action:any-link:hover::after {
    inline-size: 100%;
  }
}
@media not all and (min-width: 959.98px) {
  .b-header-nav__popover {
    padding-block: min(5.9970014993dvb, calc(56 * var(--rem)));
  }
  .b-header-nav__popover .b-header-nav__list {
    flex-direction: column;
    align-items: center;
    row-gap: var(--lps--spacing--xs);
  }
}
@media screen and (min-width: 960px) {
  .b-header-nav__close {
    display: none;
  }
}
/**
 * Block: Header
 * @see app/template/lips/Block/header.twig
**/
.b-header {
  padding-inline: min(0.625dvi, calc(8 * var(--rem)));
  padding-block: calc(6 * var(--rem));
}

.b-header__inner {
  display: contents;
  gap: calc(4 * var(--rem));
  position: relative;
}

.b-header > :not(:first-child):not(:last-child) {
  justify-self: center;
}

.b-header > :last-child {
  justify-self: end;
}

.b-header__inner--wide {
  grid-column: span 2;
}

@media not all and (min-width: 959.98px) {
  .b-header__logo {
    order: 1;
    padding-inline: calc(13 * var(--rem));
  }
  .b-header__action {
    order: 2;
  }
  .b-header__action--menu {
    order: 3;
  }
  .b-header__item--full {
    grid-column: span 3;
    order: 3;
    justify-self: center;
  }
}
@media screen and (min-width: 960px) {
  .b-header {
    grid-template-columns: repeat(3, 1fr);
    padding-block: calc(16 * var(--rem) + var(--leading-trim));
    padding-inline: min(1.5625dvi, calc(20 * var(--rem)));
  }
  .b-header__inner {
    align-items: center;
    display: flex;
  }
}
/**
 * Project: Search
 */
.p-search__button {
  max-inline-size: 10rem;
}

.p-search__button--large {
  max-inline-size: 20rem;
}

.p-search__content--wide {
  flex-grow: 1;
}

/** Form */
.p-search-form {
  display: grid;
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  row-gap: var(--lps--spacing--md);
}

.p-search-form__item {
  align-items: baseline;
  display: grid;
  row-gap: var(--lps--spacing--rg);
}

.p-search__action--sticky {
  background-color: var(--lps--color--base-backdrop);
  border-block-start: 1px solid var(--lps--color--accent01);
  -moz-column-gap: var(--lps--spacing--sm);
       column-gap: var(--lps--spacing--sm);
  padding-block: var(--lps--spacing--md);
  padding-inline: min(6.2666666667%, var(--lps--spacing--md));
  position: sticky;
  inset: auto 0 0 0;
}

/** Dropdown */
.p-search-dropdown-group {
  --_row-gap: 0 ;
}

.p-search-dropdown__header {
  background-color: var(--lps--color--surface);
  padding-block: var(--lps--spacing--md-trim);
  padding-inline: min(4.8780487805%, var(--lps--spacing--md));
}

.p-search-dropdown__content {
  padding-inline: min(4.7904191617%, var(--lps--spacing--md));
}

.p-search-dropdown--sub__header {
  padding-block: calc(clamp(1rem, 0.773rem + 0.97dvi, 1.5rem) + var(--leading-trim));
}

.p-search__tab-button {
  color: var(--lps--color--gray-070);
}

.p-search__tab-button::before {
  -webkit-mask-image: var(--lps--icon--chevron-down);
          mask-image: var(--lps--icon--chevron-down);
}

.p-search__tab.is-active {
  background-color: var(--lps--color--surface);
}
.p-search__tab.is-active .p-search__tab-button {
  rotate: -180deg;
}

@media (prefers-reduced-motion: no-preference) {
  .p-search__tab {
    transition: background-color var(--lps--duration--default) var(--lps--ease-out-expo);
  }
}
/** Tab */
.p-search__tab-list--circle {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--lps--spacing--xs);
  -moz-column-gap: var(--lps--spacing--sm);
       column-gap: var(--lps--spacing--sm);
}

.p-search__tab--circle {
  aspect-ratio: 1/1;
  border-radius: var(--lps--rounded--full);
  display: inline-grid;
  min-block-size: 2.1428571429em;
  place-items: center;
}

.p-search__tab--circle:not(:-moz-any-link) {
  background-color: var(--lps--color--surface);
  color: var(--lps--color--gray-070);
}

.p-search__tab--circle:not(:any-link) {
  background-color: var(--lps--color--surface);
  color: var(--lps--color--gray-070);
}

.p-search__tab {
  background-color: inherit;
  padding-inline: min(4.8780487805%, var(--lps--spacing--md));
}

.p-search__tab.is-active {
  background-color: var(--lps--color--surface);
}

.p-search__tabpanel {
  background-color: var(--lps--color--surface);
  display: block;
  padding-inline: min(4.8780487805%, var(--lps--spacing--md));
  overflow: hidden;
}

.p-search__tabpanel:not(.is-active) {
  opacity: 0;
  max-block-size: 0;
}

.p-search__tabpanel-content {
  padding-block: var(--lps--spacing--rg);
}

.p-search-tabpanel__heading {
  border-block-end: 1px solid var(--lps--color--gray-070);
  margin-block: 0.5em;
  padding-block: 0.5em;
}

/** Result */
:where(.p-search-result,
.p-search-result__inner,
.p-search-result__controls) {
  flex-wrap: wrap;
}

.p-search-result,
.p-search-result__inner,
.p-search-result__controls {
  display: flex;
}

.p-search-result,
.p-search-result__inner {
  -moz-column-gap: clamp(calc(20 * var(--rem)), 0.909rem + 1.455vw, var(--lps--spacing--lg));
       column-gap: clamp(calc(20 * var(--rem)), 0.909rem + 1.455vw, var(--lps--spacing--lg));
}

.p-search-result__inner,
.p-search-result__controls {
  align-items: baseline;
}

.p-search-result {
  align-items: end;
  margin-block-end: var(--lps--spacing--xl-trim);
  justify-content: space-between;
  border-block-end: 1px solid var(--lps--color--gray-091);
}

.p-search-result:first-child {
  margin-block-start: unset;
}

.p-search-result__inner {
  padding-block: var(--lps--spacing--rg-trim);
}

.p-search-result__inner:not(:last-child) {
  border-block-end: 1px solid var(--lps--color--gray-091);
  translate: 0 1px;
}

.p-search-result__count {
  --lps--clamp-font-size--min: 24;
  --lps--clamp-font-size--max: 24;
}

.p-search-result__controls {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 13;
  -moz-column-gap: clamp(0.5rem, -0.182rem + 2.909vw, 2rem);
       column-gap: clamp(0.5rem, -0.182rem + 2.909vw, 2rem);
  justify-content: flex-end;
}

.p-search-result__select {
  border-color: transparent;
  padding-block: var(--lps--spacing--sm-trim);
}

.p-search-result__input {
  inline-size: calc(400 * var(--em));
}
.p-search-result__input input {
  max-inline-size: calc(400 * var(--em));
}

@media (prefers-reduced-motion: no-preference) {
  .p-search__tab {
    transition: background-color var(--lps--duration--default) var(--lps--ease-out-expo);
  }
}
@media not all and (min-width: 639.98px) {
  .p-search-form {
    row-gap: calc(var(--lps--spacing--lg) / 2);
  }
  .p-search-form__item:not(:first-child) {
    border-block-start: 1px solid var(--lps--color--gray-092);
    padding-block-start: calc(var(--lps--spacing--lg) / 2 + var(--leading-trim));
  }
}
@media screen and (min-width: 640px) {
  .p-search__tab {
    order: -1;
  }
  .p-search__tabpanel {
    grid-row-start: 2;
    grid-column: 1/4;
  }
}
@media not all and (min-width: 959.98px) {
  .p-search,
  .p-search-result {
    margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
  }
  .p-search-result__inner {
    padding-inline: var(--lps--spacing--page-gutter);
    flex-basis: 100%;
  }
}
@media screen and (min-width: 960px) {
  .p-search-result__inner {
    padding-block-start: 0;
  }
  .p-search-form {
    grid-template-columns: 14.4144144144% 1fr;
  }
  .p-search-form__item {
    grid-template-columns: subgrid;
    grid-column: span 2;
  }
  .p-search__tab-list--circle {
    -moz-column-gap: var(--lps--spacing--xs);
         column-gap: var(--lps--spacing--xs);
  }
}
/**
 * Project: Page
 * @see app/template/lips/Help/*
 **/
.p-help-title {
  --lps--clamp-font-size--min: 28;
  --lps--clamp-font-size--max: 40;
  font-weight: var(--lps--font--light);
  text-align: center;
}

.p-help-heading {
  --lps--clamp-font-size--min: 16;
  --lps--clamp-font-size--max: 16;
  font-weight: var(--lps--font--medium);
  margin-block-start: calc(clamp(2.5rem, 2.045rem + 1.939dvi, 3.5rem) + var(--leading-trim));
}

.p-help-list--line > :first-child {
  border-block-start: 1px solid var(--lps--color--gray-091);
}

.p-help-box--accent01 {
  background-color: var(--lps--color--accent01);
  border-radius: var(--lps--rouded--sm);
  color: var(--lps--color--base);
  padding-block: var(--lps--spacing--rg-trim);
  padding-inline: var(--lps--spacing--md);
}

.p-help-toc {
  padding-block: var(--lps--spacing--xl);
  padding-inline: min(8.5333333333dvi, var(--lps--spacing--xl));
}

.p-help-toc__list--cols-3,
.p-help-toc__list--cols-4 {
  --_column-gap: 1.25rem;
  display: grid;
  row-gap: var(--lps--spacing--lg);
}

.p-help-toc__list__item:not(:first-child) {
  margin-block-start: var(--lps--spacing--md-trim);
}

.p-help-dropdown__header {
  position: relative;
  padding-inline: var(--lps--spacing--rg);
}

.p-help-dropdown__button::after {
  content: "";
  position: absolute;
  inset: 0;
}

.p-help-dropdown__content > * {
  padding-block-end: calc(60 * var(--rem));
}

.p-help-text-media {
  -moz-column-gap: min(3.6036036036%, var(--lps--spacing--lg));
       column-gap: min(3.6036036036%, var(--lps--spacing--lg));
  row-gap: var(--lps--spacing--lg);
}

.p-help-text-media__media {
  max-inline-size: 58.6666666667dvi;
}

.p-help-text-media + .p-help-text-media {
  margin-block-start: calc(60 * var(--rem));
}

.p-help-step-progress-container--cols-4,
.p-help-step-progress-container--cols-3 {
  padding-inline: min(4.5731707317%, var(--lps--spacing--lg));
}

@media not all and (min-width: 639.98px) {
  .p-help-step-progress-container--cols-4,
  .p-help-step-progress-container--cols-3 {
    --_column-gap: clamp(calc(36 * var(--rem)), 9.6dvi, calc(82 * var(--rem)));
    flex-wrap: wrap;
    justify-content: start;
  }
  .p-help-step-progress {
    position: relative;
  }
  .p-help-step-progress-container--cols-4 .p-help-step-progress {
    flex-basis: calc(25% - var(--_column-gap) * 3 / 4);
  }
  .p-help-step-progress-container--cols-3 .p-help-step-progress {
    flex-basis: calc(33.3333333333% - var(--_column-gap) * 2 / 3);
  }
  .p-help-step-progress__marker {
    position: static;
  }
  .p-help-step-progress:not(:first-child) .p-help-step-progress__marker::before {
    inset: 1.25em 100% auto auto;
    translate: -50%;
  }
  .p-help-step-progress-container--cols-4 .p-help-step-progress:nth-child(4n+1) .p-help-step-progress__marker::before,
  .p-help-step-progress-container--cols-3 .p-help-step-progress:nth-child(3n+1) .p-help-step-progress__marker::before {
    display: none;
  }
}
@media not all and (min-width: 639.98px) {
  .p-help-toc__list--cols-4 {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 960px) {
  .p-help-toc__list--cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .p-help-text-media + .p-help-text-media {
    margin-block-start: var(--lps--spacing--lg);
  }
  .p-help-text-media__media {
    max-inline-size: 25rem;
    order: -1;
  }
  .p-help-table__cell-md {
    inline-size: 15.625rem;
  }
  .p-help-dropdown__content > * {
    padding-block-end: var(--lps--spacing--2xl);
  }
}
/**
 * Project: Achievement
 * @see app/template/lips/SalesAchievement/index.twig
 **/
.p-achievement-grid {
  --_column-gap: min(5.4054054054%, 3rem);
  --_row-gap: clamp(2.5rem, 2.045rem + 1.939dvi, 3.5rem);
  --_grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, calc(50% - var(--_column-gap) / 2), 26.25rem), 1fr));
}

.p-achievement__image {
  block-size: clamp(12.188rem, 11.818rem + 1.576dvi, 13rem);
}
.p-achievement__image img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/**
 * Project: Product page
 * @see app/template/lips/Product/detail.twig
 **/
.p-product-grid {
  --_row-gap: clamp(var(--lps--spacing--xl-trim), 4.375dvi, var(--lps--spacing--2xl-trim));
  --_column-gap: clamp(1.25rem, 3.125dvi, var(--lps--spacing--xl));
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(9.375rem, 8.287rem + 4.641dvi, 12rem), 1fr));
  row-gap: var(--_row-gap);
}

.p-product-navigation {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 15;
  margin-block: clamp(var(--lps--spacing--lg-trim), 1.773rem + 0.97vw, var(--lps--spacing--xl-trim));
}

.p-product-navigation__grid {
  --_row-gap: clamp(1.25rem, 3.125dvi, var(--lps--spacing--md));
}

.p-product__inner {
  display: flex;
  -moz-column-gap: min(6.3063063063%, calc(56 * var(--rem)));
       column-gap: min(6.3063063063%, calc(56 * var(--rem)));
}

.p-product__contents--main {
  flex-grow: 1;
}

.p-product__content {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 14;
}

.p-product-table {
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 14;
  caption-side: top;
  inline-size: min(100%, var(--lps--layout--tiny));
  line-height: var(--lps--line-height--relaxed);
}

.p-product-table__cell--sm {
  inline-size: 31.7073170732%;
}

.p-product__category-list {
  color: var(--lps--color--accent01);
  -moz-column-gap: var(--lps--spacing--sm);
       column-gap: var(--lps--spacing--sm);
  row-gap: var(--lps--spacing--rg-trim);
}

.p-product-image-container,
.p-product-image-container--lg {
  position: relative;
}
.p-product-image-container .p-product-image,
.p-product-image-container .p-product-image__button,
.p-product-image-container--lg .p-product-image,
.p-product-image-container--lg .p-product-image__button {
  grid-row: 1/2;
}
.p-product-image-container img,
.p-product-image-container--lg img {
  margin-inline: auto;
}

.p-product-image {
  grid-column-start: 2;
}

.p-product-image .slide-item {
  padding-inline: var(--lps--spacing--page-gutter);
}

.p-product-image-container--lg {
  justify-content: stretch;
  align-items: stretch;
  margin-block: auto;
}
.p-product-image-container--lg .p-product-slider__arrow--prev::before,
.p-product-image-container--lg .p-product-slider__arrow--next::before {
  block-size: clamp(0.813rem, 0.273rem + 2.303vw, 2rem);
}
.p-product-image-container--lg img {
  max-block-size: min(43.2307692308dvb, calc(600 * var(--rem)));
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-product-image__button {
  color: var(--lps--color--base);
  background-color: var(--lps--color--gray-070);
  padding-block: calc(4.5 * var(--rem));
  padding-inline: calc(4.5 * var(--rem));
  place-self: end;
  z-index: 1;
  grid-column: 2/3;
}

.p-product-image__button::before {
  aspect-ratio: 1/1;
  background-color: currentColor;
  content: "";
  display: block;
  inline-size: calc(15 * var(--rem));
  -webkit-mask: var(--lps--icon--plus) center/contain no-repeat;
          mask: var(--lps--icon--plus) center/contain no-repeat;
}

.p-product__thumbs {
  display: flex;
  flex-wrap: wrap;
}

.p-product__thumb-container {
  background-color: var(--lps--color--base);
  padding-block: var(--lps--spacing--rg);
}

.p-product__thumb {
  cursor: pointer;
  flex-basis: 20%;
  padding-block: var(--lps--spacing--sm);
  padding-inline: clamp(var(--lps--spacing--xs), 0.136rem + 0.485dvi, var(--lps--spacing--sm));
}

.p-product__thumb.is-active img {
  border: 1px solid var(--lps--color--accent01);
}

.p-product__paragraph {
  margin-block: clamp(var(--lps--spacing--lg-trim), 2.136rem + 1.818dvi, 56 * var(--rem) + var(--leading-trim));
}

.p-product__heading {
  --lps--clamp-font-size--min: 15;
  --lps--clamp-font-size--max: 15;
  font-weight: var(--lps--font--medium);
  border-block-end: 1px solid currentColor;
  margin-block-start: var(--lps--spacing--rg-trim);
  padding-block-end: var(--lps--spacing--rg-trim);
}

.p-product__text--lg {
  --lps--clamp-font-size--min: 24;
  --lps--clamp-font-size--max: 24;
  font-weight: var(--lps--font--medium);
}

.p-product__columns {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--lps--spacing--sm-trim) var(--lps--spacing--md);
}

/** Cart button */
.p-product__button-container {
  margin-block-start: var(--lps--spacing--xl-trim);
}

.p-product__button {
  --lps--clamp-font-size--min: 18;
  --lps--clamp-font-size--max: 18;
}

.p-product__button:disabled {
  opacity: 0.3;
}

/** Pager */
.p-product__pager {
  margin-block: clamp(3.75rem, 2.045rem + 7.273dvi, 7.5rem);
}

/** Slider */
.p-product-slider__arrow--prev,
.p-product-slider__arrow--next {
  aspect-ratio: 1/1;
  align-self: center;
  background-color: var(--lps--color--base);
  color: var(--lps--color--gray-070);
  line-height: 1;
  grid-row: 1/2;
  z-index: 1;
  inline-size: 2rem;
  pointer-events: all;
  display: grid;
  place-content: center;
  position: absolute;
}
.p-product-slider__arrow--prev::before,
.p-product-slider__arrow--next::before {
  aspect-ratio: 1/1;
  background-color: currentColor;
  block-size: clamp(0.813rem, 0.727rem + 0.364vw, 1rem);
  content: "";
  display: block;
  -webkit-mask: center/contain no-repeat;
          mask: center/contain no-repeat;
}

.p-product-slider__arrow--prev {
  grid-column-start: 1;
  justify-self: self-start;
}

.p-product-slider__arrow--prev::before {
  -webkit-mask-image: var(--lps--icon--chevron-left);
          mask-image: var(--lps--icon--chevron-left);
}

.p-product-slider__arrow--next {
  grid-column-start: 3;
  justify-self: self-end;
}

.p-product-slider__arrow--next::before {
  -webkit-mask-image: var(--lps--icon--chevron-right);
          mask-image: var(--lps--icon--chevron-right);
}

.p-product-dialog {
  inline-size: 100%;
  max-inline-size: calc(912 * var(--rem));
  padding-block-end: var(--lps--spacing--rg);
}

.p-product-dialog__inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block-start: var(--lps--spacing--rg);
}

@media not all and (min-width: 959.98px) {
  .p-product__contents {
    flex-grow: 1;
  }
  .p-product__inner {
    flex-wrap: wrap;
  }
  .p-product-image-container {
    margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
  }
  .p-product__button-container {
    margin-inline: auto;
  }
  .p-product-image__button {
    margin-inline-end: var(--lps--spacing--page-gutter);
  }
  .p-product-dialog__inner {
    max-block-size: calc(100dvb - var(--lps--spacing--rg));
    block-size: calc(100dvb - var(--lps--spacing--rg));
  }
  .p-product__thumb-container {
    padding-inline: min(6.5333333333%, calc(57 * var(--rem)));
  }
}
@media screen and (min-width: 960px) {
  .p-product__contents {
    flex-basis: 44.1441441441%;
    flex-shrink: 0;
  }
  .p-product-dialog__inner {
    padding-inline: var(--lps--spacing--page-gutter);
  }
  .p-product-image-container--lg .slick-slide {
    max-block-size: min(62.8272251309dvb, calc(600 * var(--rem)));
  }
}
/**
 * Project: Mypage
 * @see app/template/lips/Mypage
**/
.p-login-columns__sub {
  padding-inline: min(var(--lps--spacing--page-gutter), var(--lps--spacing--2xl));
}

.p-login__button {
  inline-size: min(12.5rem, 100%);
}

@media screen and (min-width: 960px) {
  .p-login-columns__sub {
    display: grid;
    place-items: center;
    max-inline-size: 18rem;
  }
}
/**
 * Project: Entry page
 * @see app/template/lips/Entry/index.twig
**/
.p-register-form,
.p-register-form--confirm {
  padding-block: clamp(2.5rem, 2.045rem + 1.939dvi, 3.5rem);
}

.p-register-form--confirm__item + .p-register-form--confirm__item,
.p-register-form--confirm dl:not(:first-child) {
  border-block-start: 1px solid var(--lps--color--accent04);
  padding-block-start: var(--_row-gap, calc(clamp(1.75rem, 1.636rem + 0.485dvi, 2rem) + var(--leading-trim)));
}

/**
 * Project: Mypage
 * @see app/template/lips/Mypage
**/
.p-mypage-nav__list {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 12;
  --_column-gap: var(--lps--spacing--sm);
  --_row-gap: var(--lps--spacing--sm);
}

.p-mypage-nav__link {
  block-size: 100%;
  background-color: var(--lps--color--surface);
  border-radius: var(--lps--rounded--sm);
  display: grid;
  place-items: center;
  padding-block: var(--lps--spacing--rg);
  padding-inline: calc(2.25 * var(--rem));
  row-gap: calc(clamp(0.75rem, 0.636rem + 0.485dvi, 1rem) + var(--leading-trim));
  text-align: center;
}

.p-mypage-nav__item {
  color: var(--lps--color--accent01);
  position: relative;
}

.p-mypage-nav__link[aria-current=page] {
  background-color: var(--lps--color--accent01);
  color: var(--lps--color--base);
}

.p-mypage-nav__indicator {
  position: absolute;
  inset: var(--lps--spacing--sm) 0.75rem auto auto;
  line-height: 1;
}

.p-mypage-history-container {
  display: grid;
}

.p-mypage-history {
  padding-block: clamp(2.5rem, 2.045rem + 1.939dvi, 3.5rem);
  display: grid;
  row-gap: calc(28 * var(--rem) + var(--leading-trim));
}

.p-mypage-history__item + .p-mypage-history__item {
  margin-block-start: clamp(1.75rem, 1.409rem + 1.455dvi, 2.5rem);
}

.p-mypage-address-container {
  --_column-gap: var(--lps--spacing--rg);
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
}

.p-mypage-address {
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  padding-block: var(--lps--spacing--xl-trim);
}

.p-mypage-address__actions {
  display: flex;
  place-items: center;
  place-content: center;
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  row-gap: 0.8rem;
}

.ec-addressList__action > * {
  display: block;
  text-align: center;
}

.p-mypage-address__button--close {
  padding-block: var(--lps--spacing--sm-trim);
  padding-inline: var(--lps--spacing--sm-trim);
  margin: calc(var(--lps--spacing--sm-trim) * -1);
  flex-shrink: 0;
}

.p-mypage__content--padded {
  padding-block: calc(clamp(3.75rem, 2.045rem + 7.273dvi, 7.5rem) + var(--leading-trim)) calc(clamp(3.75rem, 2.045rem + 7.273dvi, 7.5rem) + var(--leading-trim) - var(--lps--spacing--block-gap));
  text-align: center;
}

.p-mypage-grid {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 375px) {
  .p-mypage-address-container {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .p-mypage-address-container.is-reverse {
    grid-template-columns: auto 1fr;
  }
  .p-mypage-address {
    align-items: center;
    display: grid;
    grid-column: span 2;
    grid-template-columns: subgrid;
  }
}
@media not all and (min-width: 639.98px) {
  .p-mypage-grid {
    --_column-gap: min(7.4666666667dvi, var(--lps--spacing--lg));
  }
  .p-mypage-address__actions {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 960px) {
  .p-mypage-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .p-mypage-history-container {
    grid-template-columns: auto 1fr;
    -moz-column-gap: min(5.6%, var(--lps--spacing--3xl));
         column-gap: min(5.6%, var(--lps--spacing--3xl));
  }
  .p-mypage-history {
    grid-template-columns: subgrid;
    grid-column: span 2;
    -moz-column-gap: inherit;
         column-gap: inherit;
  }
  .p-mypage-history__action {
    grid-column-start: 2;
  }
  .p-mypage-address {
    padding-block: var(--lps--spacing--lg-trim);
  }
  .p-mypage-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .p-mypage-history-container {
    grid-template-columns: 19ch 56.8% 1fr;
  }
  .p-mypage-history {
    grid-column: span 3;
  }
  .p-mypage-history__action {
    grid-column-start: unset;
    align-self: center;
  }
}
/**
 * Project: Chat
 * @see app/template/lips/Mypage/chat_*
**/
.p-chat-list {
  display: grid;
}

.p-chat-list__item {
  padding-block: var(--lps--spacing--md-trim);
  display: grid;
  row-gap: calc(1.25rem + var(--leading-trim));
}

.p-chat-list__item-header {
  align-items: center;
  display: grid;
  row-gap: var(--lps--spacing--rg-trim);
}

.p-chat-box {
  background-color: var(--lps--color--base);
  display: flex;
  padding-block: clamp(1.25rem, 0.909rem + 1.455vw, 2rem);
  padding-inline: min(6.0975609756%, var(--lps--spacing--lg));
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  row-gap: 0.75rem;
}

.p-chat-box__input {
  flex-shrink: 0;
  flex-grow: 1;
  max-inline-size: 100%;
}

.p-chat-search-box {
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  row-gap: calc(28 * var(--rem) + var(--leading-trim));
  display: flex;
}

.p-chat-form-container {
  padding-block: clamp(1.25rem, 1.136rem + 0.485dvi, 1.5rem);
  position: sticky;
  inset: auto 0 0 0;
  z-index: 1;
}

.p-chat-form {
  align-items: flex-start;
  display: flex;
  -moz-column-gap: var(--lps--spacing--sm);
       column-gap: var(--lps--spacing--sm);
  row-gap: var(--lps--spacing--rg);
}

.p-chat-form__main {
  flex-grow: 1;
}

.p-chat-form__button--send {
  aspect-ratio: 1/1;
  background-color: var(--lps--color--on-base);
  color: var(--lps--color--base);
  border-radius: var(--lps--rounded--full);
  display: grid;
  min-inline-size: clamp(2.5rem, 5.3333333333dvi, 3rem);
  place-items: center;
  margin-inline: auto 0;
}

.p-chat-form__textarea {
  --_max-height: 9em;
  block-size: calc(1.5em + var(--lps--spacing--rg-trim) * 2);
  max-block-size: calc(var(--_max-height) + var(--lps--spacing--rg-trim) * 2);
}

.p-chat-item {
  align-items: flex-start;
  -moz-column-gap: clamp(0.5rem, 0.273rem + 0.97dvi, 1rem);
       column-gap: clamp(0.5rem, 0.273rem + 0.97dvi, 1rem);
  display: flex;
}

.p-chat-item + .p-chat-item {
  margin-block-start: clamp(1.75rem, 1.409rem + 1.455dvi, 2.5rem);
}

.p-chat-item.is-mine {
  margin-inline: auto 0;
  flex-direction: row-reverse;
}

.p-chat-item__inner {
  display: grid;
  flex-grow: 1;
  padding-inline-start: 1rem;
}

.is-mine .p-chat-item__inner {
  justify-items: end;
  padding-inline: 0 1rem;
}

.p-chat-item.is-admin::before {
  aspect-ratio: 1/1;
  background: var(--lps--color--base) url("../icon/icon_lips.png") center/contain no-repeat;
  border-radius: var(--lps--rounded--full);
  content: "";
  inline-size: clamp(2.5rem, 1.932rem + 2.424dvi, 3.75rem);
  flex-shrink: 0;
}

.p-chat-message {
  max-inline-size: 100%;
}

.p-chat-message__inner {
  --_background-color: var(--lps--color--accent04);
  --_spacing: min(8.5333333333dvi, 2em);
  background-color: var(--_background-color);
  border-radius: var(--lps--rounded--md);
  color: var(--_color, currentColor);
  max-inline-size: calc(600 * var(--rem));
  padding-block: min(2em + var(--leading-trim), var(--lps--spacing--xl-trim));
  padding-inline: var(--_spacing);
  position: relative;
}

.is-mine .p-chat-message__inner {
  --_background-color: var(--lps--color--gray-039);
  --_color: var(--lps--color--base);
}

.p-chat-message__inner::before {
  aspect-ratio: 1.297;
  background-color: var(--_background-color);
  clip-path: shape(from 100% 100%, curve to 3.29% 16.81% with 52.74% 70.05%/10.17% 30.62%, curve to 100% 0% with -9.74% -9.4%/14.59% 33.86%, vline to 100%, close);
  content: "";
  display: inline-block;
  inline-size: 1rem;
  left: calc(-1rem + 0.1px);
  position: absolute;
}

.is-mine .p-chat-message__inner::before {
  left: auto;
  right: -1rem;
  scale: -1 1;
}

.p-chat-message__media {
  max-inline-size: min(300 * var(--rem), 100%);
}
.p-chat-message__media img,
.p-chat-message__media video {
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

* + .p-chat-message__media {
  margin-block-start: clamp(1.75rem, 1.636rem + 0.485dvi, 2rem);
}

@media not all and (min-width: 959.98px) {
  .p-chat-search-box {
    flex-wrap: wrap;
  }
}
@media not all and (min-width: 1199.98px) {
  .p-chat-box {
    flex-wrap: wrap;
  }
  .p-chat-box > * {
    flex-grow: 1;
  }
}
@media not all and (min-width: 374.98px) {
  .p-chat-form {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .p-chat-list {
    grid-template-columns: auto 1fr;
  }
  .p-chat-list__item {
    grid-template-columns: subgrid;
    grid-column: span 2;
  }
  .p-chat-list__item-header {
    grid-template-columns: subgrid;
    grid-column: span 2;
    -moz-column-gap: var(--lps--spacing--rg);
         column-gap: var(--lps--spacing--rg);
  }
  .p-chat-list__item-actions {
    grid-column-start: 2;
  }
  .p-chat-box__input {
    min-inline-size: 40em;
  }
}
@media screen and (min-width: 960px) {
  .p-chat-list {
    grid-template-columns: auto 1fr auto;
  }
  .p-chat-list__item {
    grid-column: span 3;
  }
  .p-chat-list__item-actions {
    grid-column-start: unset;
  }
  .p-chat-form__textarea {
    --_max-height: 6em;
  }
}
/**
 * Project: Cart page
 * @see app/template/lips/Cart/index.twig
**/
.p-cart-item-container {
  --_column-gap: min(4.2666666667dvi, var(--lps--spacing--lg));
  display: grid;
  grid-template-columns: auto 1fr;
}

.p-cart-item,
.p-cart-item__inner {
  align-items: center;
  display: grid;
  grid-template-columns: subgrid;
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
}

.p-cart-item,
.p-cart-item__inner,
.p-cart-item__detail {
  grid-column: span 2;
}

@media not all and (min-width: 1199.98px) {
  .p-cart-item__subtotal {
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1200px) {
  .p-cart-item-container {
    grid-template-columns: auto 1fr auto;
  }
  .p-cart-item,
  .p-cart-item__inner {
    grid-column: span 3;
  }
  .p-cart-item__detail {
    grid-column-end: 4;
  }
}
/**
 * Project: Assess page
 * @see app/template/lips/Asses/index.twig
**/
.p-assess-icon--xl {
  aspect-ratio: 1/1;
  background-color: var(--lps--color--accent02);
  color: var(--lps--color--base);
  border-radius: var(--lps--rounded--full);
  inline-size: 1.75em;
  display: inline-grid;
  place-items: center;
}
.p-assess-icon--xl::before {
  block-size: 42.875%;
}

.p-assess-tablist {
  display: grid;
  row-gap: var(--lps--spacing--md);
}

.p-assess-tab {
  --lps--clamp-font-size--min: 12;
  --lps--clamp-font-size--max: 14;
  color: var(--lps--color--accent01);
  border-block-end: 2px solid currentColor;
  display: inline-grid;
  inline-size: 100%;
  justify-items: center;
  row-gap: clamp(0.5rem, 0.273rem + 0.97vw, 1rem);
  opacity: 0.8;
  padding-block-end: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}

.p-assess-tab.is-active {
  color: var(--lps--color--accent02);
}

.p-assess-tab__icon {
  block-size: min(8.5333333333dvi, 2.5rem);
}

.p-assess-tabpanel__content {
  padding-inline: min(var(--lps--spacing--page-gutter), var(--lps--spacing--2xl));
}

.p-assess__legend {
  display: block;
  margin-block-end: calc(clamp(1.75rem, 1.636rem + 0.485dvi, 2rem) + var(--leading-trim));
  inline-size: 100%;
}

.p-assess__legend ~ .p-assess__legend {
  margin-block-start: calc(clamp(2.5rem, 1.364rem + 4.848dvi, 5rem) + var(--leading-trim));
}

@media (any-hover: hover) {
  .p-assess-tab:not(.is-active):hover {
    opacity: 1;
  }
}
@media not all and (min-width: 479.98px) {
  .p-assess-tablist {
    margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
  }
}
@media not all and (min-width: 374.98px) {
  .p-assess-tablist {
    grid-template-columns: repeat(3, 1fr);
    margin-inline: auto;
  }
}
@media screen and (min-width: 375px) {
  .p-assess-tablist {
    grid-auto-flow: column;
  }
}
/**
 * Project: Review list page
 * @see app/template/lips/ProductReview42/Resource/template/default/review.twig
**/
.p-review-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: var(--lps--spacing--md);
       column-gap: var(--lps--spacing--md);
  row-gap: var(--lps--spacing--sm-trim);
}

.p-review-header__inner {
  display: flex;
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  flex-direction: column;
  flex-grow: 1;
  row-gap: var(--lps--spacing--rg-trim);
}

.p-review-list {
  -moz-column-gap: clamp(1.25rem, 3.125dvi, var(--lps--spacing--xl));
       column-gap: clamp(1.25rem, 3.125dvi, var(--lps--spacing--xl));
  display: grid;
  row-gap: clamp(1.25rem, 3.125dvi, var(--lps--spacing--xl));
}

.p-review-content {
  display: flex;
  flex-direction: column;
  -moz-column-gap: var(--lps--spacing--md);
       column-gap: var(--lps--spacing--md);
  row-gap: var(--lps--spacing--md-trim);
}

.p-review-content__main {
  flex-grow: 1;
}

.p-review-content__media {
  display: block;
  max-block-size: 7.5rem;
  max-inline-size: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-review-box {
  border-radius: var(--lps--rounded--sm);
  padding-block: min(var(--lps--spacing--page-gutter), var(--lps--spacing--md));
  padding-inline: min(var(--lps--spacing--page-gutter), var(--lps--spacing--md));
}

.p-review-rate {
  display: inline-grid;
}

.p-review-rate::after,
.p-review-rate::before {
  content: "";
  block-size: 1rem;
  -webkit-mask-image: var(--lps--icon--star);
          mask-image: var(--lps--icon--star);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: start;
          mask-position: start;
  -webkit-mask-size: 1.25rem 1rem;
          mask-size: 1.25rem 1rem;
  grid-column: 1/2;
  grid-row: 1/2;
}

.p-review-rate:not([data-rate="0"])::after {
  background-color: var(--lps--color--accent02);
  min-inline-size: 1rem;
}

.p-review-rate[data-rate="1"]::after {
  inline-size: calc(1.25rem * 1);
}

.p-review-rate[data-rate="2"]::after {
  inline-size: calc(1.25rem * 2);
}

.p-review-rate[data-rate="3"]::after {
  inline-size: calc(1.25rem * 3);
}

.p-review-rate[data-rate="4"]::after {
  inline-size: calc(1.25rem * 4);
}

.p-review-rate[data-rate="5"]::after {
  inline-size: calc(1.25rem * 5);
}

.p-review-rate::before {
  background-color: var(--lps--color--accent04);
  inline-size: 6.25rem;
}

.p-review-pager {
  margin-block-start: clamp(3.75rem, 3.182rem + 2.424vw, 5rem);
}

@media screen and (min-width: 640px) {
  .p-review-header__inner,
  .p-review-content {
    flex-direction: row;
  }
}
@media screen and (min-width: 1920px) {
  .p-review-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/**
 * Project: Product page
 * @see app/template/lips/PurchasePrice/index.twig
**/
.p-purchase-list {
  --_column-gap: min(3.738317757%, var(--lps--spacing--lg));
  --_row-gap: clamp(1.75rem, 1.636rem + 0.485dvi, 2rem);
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  display: grid;
}

.p-purchase-item {
  display: grid;
  row-gap: var(--_row-gap);
}

.p-purchase-item__image {
  flex-basis: max(92 * var(--rem), 28.0487804878%);
  max-inline-size: calc(104 * var(--rem));
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-purchase-box {
  padding-block: min(var(--lps--spacing--page-gutter), var(--lps--spacing--md));
  padding-inline: min(var(--lps--spacing--page-gutter), var(--lps--spacing--md));
}

@media not all and (min-width: 639.98px) {
  .p-purchase-item__action {
    order: 1;
  }
}
@media screen and (min-width: 640px) {
  .p-purchase-list {
    grid-template-columns: 1fr auto;
  }
  .p-purchase-item {
    grid-template-columns: subgrid;
    grid-auto-flow: dense;
    grid-column: span 2;
  }
  .p-purchase-item__content--full {
    grid-column: span 2;
  }
  .p-purchase-item__action {
    grid-column: span 2;
  }
}
@media screen and (min-width: 960px) {
  .p-purchase-list {
    grid-template-columns: 43.2432432432% 34.2342342342% auto;
  }
  .p-purchase-item {
    padding-inline: var(--lps--spacing--rg);
    grid-column: span 3;
  }
  .p-purchase-item__content--full {
    grid-column: span 3;
  }
  .p-purchase-item__action {
    grid-column: unset;
    min-inline-size: calc(120 * var(--rem));
  }
}
/**
 * Project: Brand page
 * @see app/template/lips/Brand/index.twig
**/
.p-brand-group__heading {
  border-block-end: 1px solid var(--lps--color--gray-070);
  padding-block-end: var(--lps--spacing--sm-trim);
  margin-block-end: var(--lps--spacing--sm);
  margin-block-start: var(--lps--spacing--md-trim);
}

.p-brand-group__item {
  padding-inline: min(4.2666666667dvi, var(--lps--spacing--rg));
}

@media not all and (min-width: 639.98px) {
  .p-brand-nav {
    max-inline-size: 19rem;
    margin-inline: auto;
  }
}
/**
 * Project: SNS page
 * @see app/template/lips/Instagram/index.twig
*/
.p-sns-intro {
  border-radius: var(--lps--rounded--sm);
  -moz-column-gap: min(4.5045045045%, var(--lps--spacing--xl));
       column-gap: min(4.5045045045%, var(--lps--spacing--xl));
  display: grid;
  justify-content: center;
  row-gap: calc(28 * var(--rem));
  padding-block: clamp(1.75rem, 1.409rem + 1.455dvi, 2.5rem);
  padding-inline: min(var(--lps--spacing--page-gutter), var(--lps--spacing--xl));
}

.p-sns-intro__icon {
  justify-self: center;
  inline-size: clamp(5rem, 21.3333333333dvi, 100 * var(--rem));
}

.p-sns-intro__content {
  display: grid;
}

.p-sns-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}

.p-sns__media {
  aspect-ratio: 3/4;
  display: block;
  line-height: var(--lps--line-height--none);
  inline-size: 100%;
}

.p-sns__media img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media not all and (min-width: 639.98px) {
  .p-sns-intro__content {
    justify-items: center;
  }
}
@media screen and (min-width: 640px) {
  .p-sns-intro {
    grid-template-columns: auto 1fr;
  }
  .p-sns-intro__action {
    grid-column-start: 2;
  }
  .p-sns-grid {
    gap: 2px;
  }
}/*# sourceMappingURL=lips-ec.css.map */