/* --------------------------------------------------
Contents
-------------------------------------------------- */
.pageHead .lookPanel__visualImage img { aspect-ratio: 416 / 568; }

.styling { display: flex; flex-direction: column; row-gap: 8.2rem; margin: 0 0 10rem; padding: 6rem 0 0; }

.scene { width: 100%; }
.scene__title { margin: 0 0 1.2rem; }
.scene__titleEn { font-size: 3.2rem; letter-spacing: 0.05em; margin: 0 0 0.5rem; }
.scene__titleJp { font-size: 1.2rem; }
.scene__styling { overflow: hidden; }
.scene__styling .swiper { overflow: visible; width: 61.33%; margin: 0 auto; }
.scene__styling .swiper-pagination { position: static; display: flex; justify-content: center; column-gap: 0.3rem; }
.scene__styling .swiper-pagination-bullet { width: auto; height: auto; background: none; border-radius: 0; opacity: 1; padding: 0.5rem; margin: 0 !important; }
.scene__styling .swiper-pagination-bullet::after { display: block; content: ""; width: 0.7rem; aspect-ratio: 1; border-radius: 50%; background: #DDDDDD; }
.scene__styling .swiper-pagination-bullet-active::after { background: var(--acc-color); }
.scene__stylingItemNumber { font-size: 1.6rem; font-weight: 600; margin: 0 0 0.9rem; opacity: 0; pointer-events: none; }
.swiper:not(.isRunning) .swiper-slide-active .scene__stylingItemNumber { opacity: 1; pointer-events: auto; transition: opacity 0.4s var(--ease) 0s; }
.scene__stylingItemMedia { margin: 0 0 1.5rem; }
.scene__stylingItemMedia img { aspect-ratio: 2 / 3; }
.scene__stylingItemContent { margin: 0 -6.96%; opacity: 0; pointer-events: none; }
.swiper:not(.isRunning) .swiper-slide-active .scene__stylingItemContent { opacity: 1; pointer-events: auto; transition: opacity 0.4s var(--ease) 0s; }
.scene__stylingItemContentBrand { font-size: 1.4rem; letter-spacing: 0.05em; margin: 1rem 0 0.5rem; }
.scene__stylingItemContentDesc { text-align: justify; font-size: 1rem; line-height: 1.8; }
.scene__stylingItemContent .btnMore { margin: 0 0 0 auto; }
.scene__stylingItemContent .btnMore.isShow path { stroke-dashoffset: 0; transition: stroke-dashoffset 1s var(--draw) 0s; }

.stylistProfile { margin: 0 0 11.5rem; }
.stylistProfile__thumb { width: 17.4rem; margin: 0 auto 3rem; }
.stylistProfile__thumb img { aspect-ratio: 1; }
.stylistProfile__content { width: 84%; margin: 0 auto; }
.stylistProfile__contentJob { font-weight: 600; font-size: 1.2rem; letter-spacing: 0.05em; margin: 0 0 0.7rem; }
.stylistProfile__contentName { font-size: 1.6rem; margin: 0 0 1.5rem; }
.stylistProfile__contentBipgraphy { font-size: 1.2rem; line-height: 2; }

.liveShopping { width: 84%; background: #F0F0F0; margin: 0 auto; padding: 3.4rem 6.67% 2.7rem; }
.liveShopping__title { font-weight: 600; font-size: 2.2rem; letter-spacing: 0.05em; margin: 0 0 0.8rem; }
.liveShopping__date { font-size: 1.4rem; margin: 0 0 1rem; }
.liveShopping__desc { text-align: justify; font-weight: 500; font-size: 1.2rem; line-height: 2; margin: 0 0 1.5rem; }
.liveShopping__btn { width: 14.8rem; height: 3.2rem; font-size: 1.4rem; letter-spacing: 0.05em; margin: 0 auto; }
.liveShopping__btn a { height: 100%; display: flex; justify-content: center; align-items: center; border: 0.1rem solid var(--primary-color); background: var(--white-color); }

.creditModal { width: 93.33%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.8); z-index: 99999; padding: 9rem 10.67%; display: none; }
.creditModal__close { position: absolute; right: 0.4rem; top: 0.4rem; width: 4.2rem; aspect-ratio: 1; }
.creditModal__closeLink { height: 100%; display: flex; justify-content: center; align-items: center; }
.creditModal__closeLink img { width: 1.7rem; aspect-ratio: 1; filter: grayscale(1) brightness(0); }
.creditModal__contentSingle { display: none; }
.creditModal__contentSingleCreditList { display: flex; flex-direction: column; row-gap: 0.7rem; }
.creditModal__contentSingleCreditListItem { width: 100%; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.5; }
.creditModal__contentSingleCreditListItemGroup { display: inline-block; }
.creditModal__contentSingleCreditListItemBlock { display: flex; }
.creditModal__contentSingleCreditListItemBlock--wrap { flex-wrap: wrap; }
.creditModal__contentSingleCreditListItemBlock--wrap .creditModal__contentSingleCreditListItemBlock { flex: 1; white-space: nowrap; }
.creditModal__contentSingleCreditListItemLink { text-decoration: underline; margin: 0 0 0 auto; }
.creditModal.isHidden { opacity: 0; pointer-events: none; }

@media screen and (min-width: 768px) { .styling { width: 65.8rem; margin: 0 auto 14rem; padding: 8rem 0 0; }
  .scene__title { margin: 0 0 2.7rem; }
  .scene__titleEn { font-size: 3.4rem; }
  .scene__titleJp { font-weight: 500; font-size: 1.4rem; }
  .scene__styling .swiper { width: 100%; }
  .scene__styling .swiper-wrapper { display: flex; flex-wrap: wrap; column-gap: 3.96%; row-gap: 8.2rem; }
  .scene__styling .swiper-slide { width: 48.02%; }
  .scene__styling .swiper-pagination { display: none; }
  .scene__stylingItemNumber { font-size: 2rem; opacity: 1; pointer-events: auto; }
  .scene__stylingItemMedia { margin: 0 0 2rem; }
  .scene__stylingItemContent { margin: 0; opacity: 1; pointer-events: auto; }
  .scene__stylingItemContentBrand { margin: 0 0 0.5rem; }
  .scene__stylingItemContentDesc { font-weight: 500; font-size: 1.2rem; line-height: 1.67; }
  .scene__stylingItemContent .btnMore { margin: 0 0 0 auto; }
  .stylistProfile { width: 48.8rem; margin: 0 auto 14rem; }
  .stylistProfile__thumb { width: 21.5rem; margin: 0 auto 3.5rem; }
  .stylistProfile__content { width: 100%; }
  .stylistProfile__contentJob { font-size: 1.6rem; }
  .stylistProfile__contentName { font-weight: 500; font-size: 2.4rem; letter-spacing: 0.05em; margin: 0 0 2rem; }
  .stylistProfile__contentBipgraphy { font-weight: 500; font-size: 1.4rem; line-height: 2.14; }
  .liveShopping { width: 48.8rem; padding: 4.6rem 3.2rem 3.9rem; }
  .liveShopping__title { font-size: 2.8rem; margin: 0 0 1rem; }
  .liveShopping__date { font-weight: 500; font-size: 1.6rem; margin: 0 0 1.5rem; }
  .liveShopping__desc { text-align: center; font-size: 1.4rem; line-height: 1.71; margin: 0 0 3rem; }
  .liveShopping__btn a { transition: color 0.4s var(--easeout) 0s, background 0.4s var(--easeout) 0s; }
  .liveShopping__btn a:hover { color: var(--white-color); background: var(--primary-color); }
  .creditModal { width: 45.6rem; padding: 9rem 7rem; max-height: 90vh; overflow: auto; }
  .creditModal__close { right: 0; top: 0; }
  .creditModal__closeLink img { transition: filter 0.2s var(--easeout) 0s; }
  .creditModal__closeLink:hover img { filter: grayscale(0) brightness(1); }
  .creditModal__content { height: 100%; }
  .creditModal__contentSingle { height: 100%; }
  .creditModal__contentSingleCreditList { row-gap: 1.8rem; }
  .creditModal__contentSingleCreditListItem { font-size: 1.4rem; line-height: 2.21; }
  .creditModal__contentSingleCreditListItemLink { transition: color 0.2s var(--easeout) 0s; }
  .creditModal__contentSingleCreditListItemLink:hover { color: var(--acc-color); } }