:root {
  --gold: #D8C37B;
  --yellow: #D1A717;
  --navy: #535B7B;
  --navy02: #4A516D;
  --beige: #F8F4ED;
  --beige02: #EBE5DC;
  --text: #0C1C30;
}
.casualwear_26aw {
  background-color: var(--navy);
  width: 100%;
  overflow: hidden;
  color: var(--text);
}
.casualwear_26aw img {
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  .casualwear_26aw .sp-only {
    display: none;
  }
  .casualwear_26aw .section-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1220px;
  }
}
@media screen and (max-width: 767px) {
  .casualwear_26aw .pc-only {
    display: none;
  }
  .casualwear_26aw .section-inner{
    margin-left: auto;
    margin-right: auto;
    width: calc(360 / 390 * 100vw);
  }
}

/* fv */
.fv {
  position: relative;
  padding: min(50px, calc(50 / 1920 * 100vw)) 0;
}
.fv-photo {
  position: relative;
  margin: 0 auto;
  width: min(1561px, calc(1561 / 1920 * 100vw));
  aspect-ratio: 1561 / 878;
}
.fv-title {
  position: absolute;
  margin: 0;
  bottom: min(50px, calc(50 / 1920 * 100vw));
  left: min(58px, calc(58 / 1920 * 100vw));
  width: min(509px, calc(509 / 1920 * 100vw));
  height: auto;
  aspect-ratio: 509 / 213;
  z-index: 30;
}
.fv-photo::after {
}
@media screen and (min-width: 768px) {
  .fv-photo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(/img/page/26aw_casual/fv-front.png) no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 1561 / 878;
    z-index: 10;
  }
  .fv-bg01 {
    position: absolute;
    top: min(10px, calc(21 / 1920 * 100vw));
    right: calc(-191 / 1561 * 100%);
    width: calc(320 / 1561 * 100%);
    aspect-ratio: 320/ 185;
    z-index: 20;
  }
}
@media screen and (max-width: 767px) {
  .fv {
    padding: 0;
  }
  .fv-photo {
    width: 100dvw;
    aspect-ratio: 1;
  }
  .fv-title {
    padding: 0;
    bottom: calc(10 / 390 * 100vw);
    left: calc(10 / 390 * 100vw);
    width: calc(206 / 390 * 100vw);
  }
}

/* intro */
.intro {
  position: relative;
  margin: 0 auto min(248px, calc(248 / 1920 * 100vw));
  width: 100%;
  max-width: 1920px;
}
.intro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: min(248px, calc(248 / 1920 * 100vw));
  aspect-ratio: 1920 / 248;
  background: var(--beige) url(/img/page/26aw_casual/bg-bottom01.png) top center no-repeat;
  background-size: cover;
}
.intro-main {
  position: relative;
  padding-top: min(150px, calc(150 / 1920 * 100vw));
  overflow: hidden;
}
.intro-main .section-inner {
  position: relative;
  min-height: 1450px;
}
.intro-lead {
  position: absolute;
  top: min(50 / 1200 * 100%, 50px);
  left: min(45 / 1200 * 100%, 45px);
  z-index: 2;
  color: #fff;
  font-size: 18px;
  line-height: 2;
  letter-spacing: .08em;
}
.intro-lead p {
  margin: 0 0 min(8px, calc(8 / 1920 * 100vw));
}
.intro-photo {
  position: absolute;
  z-index: 1;
}
.intro-photo img {
  display: block;
  width: 100%;
}
.intro-bg {
  position: absolute;
  display: block;
  pointer-events: none;
}
.intro-nav {
  position: relative;
  margin-top: 150px;
  overflow: hidden;
}
.intro-nav .section-inner {
  position: relative;
  min-height: 900px;
}
.intro-nav-title {
  position: relative;
  margin: 0;
  padding-top: 120px;
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.intro-nav-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 76px;
  background-color: #fff;
  transform: translateX(-50%);
}
.intro-nav-item {
  display: block;
  color: #fff;
  text-decoration: none;
}
.intro-nav-item a {
  position: relative;
}
.intro-nav-item a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.intro-nav-item a:hover::after {
  background-color: rgba(0,0,0,0.5);
}
.intro-nav-item img {
  display: block;
  width: 100%;
}
.intro-nav-name {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  font-size: 25px;
  line-height: 1;
  text-align: center;
}
.intro-nav-name .num {
  font-size: 33px;
}
@media screen and (min-width: 768px) {
  .intro-photo01 {
    top: 0;
    right: calc(45 / 1200 * 100%);
    width: calc(330 / 1200 * 100%);
  }
  .intro-photo02 {
    top: min(303px,calc(303 / 1920 * 100vw));
    left: calc(422 / 1200 * 100%);
    width: calc(378 / 1200 * 100%);
  }
  .intro-photo03 {
    top: min(769px,calc(769 / 1920 * 100vw));
    left: 0;
    width: 100%;
  }
  .intro-bg02 {
    top: min(21px, calc(21 / 1920 * 100vw));
    left: min(-35px, calc(-35 / 1920 * 100vw));
    width: min(502px, calc(502 / 1920 * 100vw));
  }
  .intro-bg03 {
    top: min(188px, calc(188 / 1920 * 100vw));
    left: min(-180px, calc(-180 / 1920 * 100vw));
    width: min(462px, calc(462 / 1920 * 100vw));
  }
  .intro-bg04 {
    top: min(678px, calc(678 / 1920 * 100vw));
    left: min(109px, calc(109 / 1920 * 100vw));
    width: min(204px, calc(204 / 1920 * 100vw));
  }
  .intro-bg05 {
    top: min(703px, calc(703 / 1920 * 100vw));
    right: min(79px, calc(79 / 1920 * 100vw));
    width: min(374px, calc(374 / 1920 * 100vw));
  }
  .intro-bg06 {
    top: min(68px,calc(68 / 1920 * 100vw));
    left: min(91px,calc(91 / 1920 * 100vw));
    width: min(502px,calc(502 / 1920 * 100vw));
  }
  .intro-bg07 {
    top: min(429px,calc(429 / 1920 * 100vw));
    right: min(-55px,calc(-55 / 1920 * 100vw));
    width: min(293px,calc(293 / 1920 * 100vw));
  }
  .intro-nav-list {
    position: relative;
    display: flex;
    margin-top: 50px;
  }
  .intro-nav-item:nth-child(1) {
    margin-top: 112px;
  }
  .intro-nav-item:nth-child(3) {
    margin-top: 159px;
  }
}

@media screen and (max-width: 767px) {
  .intro {
    margin-bottom: calc(220 / 780 * 100vw);
  }
  .intro::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(220 / 780 * 100vw);
    aspect-ratio: 780 / 220;
    background: var(--beige) url(/img/page/26aw_casual/sp/bg-bottom01.png) top center no-repeat;
    background-size: cover;
  }
  .intro-main {
    padding-top: calc(40 / 390 * 100vw);
  }
  .intro-main .section-inner {
    width: 100dvw;
    min-height: calc(670 / 390 * 100vw);
  }
  .intro-lead {
    position: relative;
    top: unset;
    left: unset;
    padding-left: calc(15 / 390 * 100vw);
    width: calc(230 / 390 * 100vw);
    font-size: calc(13 / 390 * 100vw);
  }
  .intro-lead p {
    margin: 0 0 calc(40 / 390 * 100vw);
  }
  .intro-photo01 {
    top: calc(193 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(140 / 390 * 100vw);
  }
  .intro-photo02 {
    top: calc(311 / 390 * 100vw);
    left: calc(35 / 390 * 100vw);
    width: calc(190 / 390 * 100vw);
  }
  .intro-photo03 {
    top: calc(469 / 390 * 100vw);
    left: calc(15 / 390 * 100vw);
    width: calc(360 / 390 * 100vw);
  }
  .intro-bg01 {
    top: calc(25 / 390 * 100vw);
    right: calc(-22 / 390 * 100vw);
    width: calc(175 / 390 * 100vw);
  }
  .intro-bg03 {
    top: calc(108 / 390 * 100vw);
    right: calc(-137 / 390 * 100vw);
    width: calc(256 / 390 * 100vw);
  }
  .intro-bg04 {
    top: calc(325 / 390 * 100vw);
    right: calc(98 / 390 * 100vw);
    width: calc(127 / 390 * 100vw);
  }
  .intro-bg05 {
    top: calc(445 / 390 * 100vw);
    right: calc(32 / 390 * 100vw);
    width: calc(63 / 390 * 100vw);
  }
  .intro-nav {
    margin-top: calc(40 / 390 * 100vw);
  }
  .intro-nav .section-inner {
    min-height: unset;
  }
  .intro-nav-title {
    padding-top: calc(56 / 390 * 100vw);
    font-size: calc(28 / 390 * 100vw);
  }
  .intro-nav-title::before {
    height: calc(40 / 390 * 100vw);
  }
  .intro-nav-list {
    margin-top: calc(15 / 390 * 100vw);
  }
  .intro-nav-item {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  .intro-nav-item a {
    position: relative;
  }
  .intro-nav-item a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
  }
  .intro-nav-item a:hover::after {
    background-color: rgba(0,0,0,0.5);
  }
  .intro-nav-item img {
    display: block;
    width: 100%;
  }
  .intro-nav-name {
    display: block;
    margin-bottom: calc(10 / 390 * 100vw);
    width: 100%;
    font-size: calc(18 / 390 * 100vw);
    line-height: 1;
    text-align: center;
  }
  .intro-nav-name .num {
    font-size: calc(24 / 390 * 100vw);
  }
  .intro-nav-list .slick-track {
    display: flex;
    align-items: flex-start;
    min-height: calc(400 / 390 * 100vw);
  }
  .intro-nav-list .slick-slide {
    position: relative;
    z-index: 1;
    width: calc(260 / 390 * 100vw)!important;
    height: calc(400 / 390 * 100vw);
  }
  .intro-nav-list .slick-slide.is-center {
    z-index: 3;
  }
  .look-slider-list .slick-slide.is-right {
    z-index: 2;
  }
  .intro-nav-list .item-inner {
    position: absolute;
    top: calc(25 / 390 * 100vw);
    left: 0;
    width: calc(260 / 390 * 100vw);
    height: calc(347 / 390 * 100vw);
  }
  .intro-nav-list .slick-list {
    overflow: visible;
  }
  .intro-nav-list .slick-slide.is-center .item-inner {
    top: 0;
    left: calc(-20 / 390 * 100vw);
    width: calc(300 / 390 * 100vw);
    height: calc(400 / 390 * 100vw);
  }
  .intro-nav-list .slick-slide.is-left .item-inner {
    left: calc(60 / 390 * 100vw);
  }
  .intro-nav-list .slick-slide.is-right .item-inner {
    left: calc(-60 / 390 * 100vw);
  }
  .intro-nav-list .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(30 / 390 * 100vw);
    gap: calc(20 / 390 * 100vw);
  }
  .intro-nav-list .slick-dots li button {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    width: 12px;
    height: 12px;
    background: #fff;
    cursor: pointer;
    border-radius: 50vh;
  }
  .intro-nav-list .slick-dots li.slick-active button {
    background: #899EAE;
  }
}

/* look */
.look-content {
  position: relative;
  margin: 0 auto min(248px, calc(248 / 1920 * 100vw));
  padding-top: 225px;
  background-color: var(--beige);
}
.look-content:nth-child(odd) .item-detail {
  background-color: var(--beige02);
}
.look-content:nth-child(odd)::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: min(248px, calc(248 / 1920 * 100vw));
  aspect-ratio: 1920 / 248;
  background: var(--navy) url(/img/page/26aw_casual/bg-bottom02.png) top center no-repeat;
  background-size: cover;
}
.look-content:nth-child(even) {
  color: #fff;
  background-color: var(--navy);
}
.look-content:nth-child(even)::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: min(248px, calc(248 / 1920 * 100vw));
  aspect-ratio: 1920 / 248;
  background: var(--beige) url(/img/page/26aw_casual/bg-bottom01.png) top center no-repeat;
  background-size: cover;
}
.look-title {
  position: relative;
  margin: 0 auto 40px;
  padding-top: 76px;
  font-size: 47px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.look-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 76px;
  background-color: var(--text);
  transform: translateX(-50%);
}
.look-content:nth-child(even) .look-title::before {
  background-color: #fff;
}
.look-title .num {
  font-size: 60px;
}
.look-main-image {
  margin-bottom: 100px;
  width: 100%;
  aspect-ratio: 1920 / 1080;
}
.look-goods .item-detail {
  padding: 70px 0 80px;
}
.look-goods-item-wrap {
  display: flex;
  align-items: center;
  gap: min(60px,calc(60 / 1920 * 100vw));
  margin-bottom: 60px;
  width: min(1140px,calc(1140 / 1920 * 100vw));
}
.look-item-image {
  width: min(470px,calc(470 / 1920 * 100vw));
}
.look-item-info {
  flex: 1;
}
.look-item-name {
  position: relative;
  margin-bottom: min(28px,calc(28 / 1920 * 100vw));
  padding-bottom: min(14px,calc(14 / 1920 * 100vw));
  font-size: 40px;
}
.look-item-name::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 76px;
  height: 1px;
  background-color: var(--yellow);
}
.look-item-description {
  font-size: 15px;
  line-height: calc(30 / 15);
  letter-spacing: 0.03em;
}
.look-item-purchase {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: min(45px,calc(45 / 1920 * 100vw));
}
.look-item-price {
  font-size: 32px;
}
.look-item-price .tax {
  margin-left: 5px;
  font-size: 15px;
}
.btn-buy {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2E2E2E;
  background-color: #2E2E2E;
  margin-left: 40px;
  width: 100px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: 0.3s ease;
}
.btn-buy:hover {
  color: #2E2E2E;
  background-color: #fff;
  text-decoration: none;
}
.look-goods-item-pickup {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: min(678px,calc(678 / 1920 * 100vw));
  margin: 0 auto;
  padding: min(30px,calc(30 / 1920 * 100vw)) min(40px,calc(40 / 1920 * 100vw));
  background-color: var(--beige);
  box-sizing: border-box;
}
.look-content:nth-child(even) .look-goods-item-pickup {
  background-color: var(--navy02);
}
.look-goods-item-pickup.col-3 {
  display: block;
  padding: min(50px,calc(50 / 1920 * 100vw)) min(142px,calc(142 / 1920 * 100vw));
  width: 100%;
}
.look-goods-item-pickup__contents {
  flex: 1;
}
.look-goods-item-pickup__title {
  margin: 0 0 15px;
  color: var(--gold);
  font-size: 32px;
  font-weight: 600;
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__title {
  margin-bottom: 30px;
  text-align: center;
}
.look-goods-item-pickup__color {
  display: flex;
  align-items: center;
  gap: 12px;
}
.look-goods-item-pickup__line {
  display: block;
  width: 76px;
  height: 1px;
  background-color: var(--gold);
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__line {
  width: 36px;
}
.look-goods-item-pickup__color-name {
  font-size: 18px;
  line-height: 1;
}
.look-goods-item-pickup__text {
  margin: 30px 0 0;
  font-size: 15px;
  line-height: calc(30 / 15);
  letter-spacing: 0.03em;
}
.look-goods-item-pickup__image {
  width: min(271px,calc(271 / 1920 * 100vw));
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__image {
  width: 100%;
}
.look-goods-item-pickup__image img {
  display: block;
  width: 100%;
  height: auto;
}
.look-goods-item-pickup__list {
  display: flex;
  justify-content: center;
  gap: min(60px, calc(60 / 1920 * 100vw));
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__item {
  width: calc((100% - min(60px, calc(60 / 1920 * 100vw)) * 2) / 3);
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__color {
  margin-top: min(20px, calc(20 / 1920 * 100vw));
}
.look-goods-item-pickup.col-3 .look-goods-item-pickup__text {
  margin-top: min(10px, calc(10 / 1920 * 100vw));
}
.item-gallery {
  position: relative;
  display: flex;
}
.item-gallery::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1920 / 140;
  background: linear-gradient(to bottom,rgba(248, 244, 237, 0) 0%,#F8F4ED 100%);
}
.look-content:nth-child(even) .item-gallery::after {
  background: linear-gradient(to bottom, rgba(83, 91, 123, 0) 0%, #535B7B 100%);
}
.item-gallery picture {
  width: calc(100% / 5);
}
.item-gallery picture img {
  width: 100%;
}
.look-goods-list-wrap {
  padding-bottom: 190px;
}
.look-goods-list {
  position: relative;
  margin: -70px auto 0;
  max-width: 100%;
}
.look-goods-list .goods-list {
  display: flex;
  gap: min(40px,calc(40 / 1920 * 100vw));
  padding-bottom: 50px;
  overflow-x: auto;
  overflow-y: hidden;
}
.look-goods-list .goods-list-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: min(250px,calc(250 / 1920 * 100vw));
}
.goods-list .img-wrap {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.goods-list .img-wrap img {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.goods-list .goods-name {
  display: block;
  margin-top: 10px;
  min-height: var(--h-name, auto);
  font-size: 18px;
  font-weight: 600;
  line-height: calc(24 / 18);
}
.goods-list .goods-price {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}
.goods-list .goods-price .tax {
  font-size: 13px;
  font-weight: 400;
}
.goods-list .goods-info {
  color: #777;
  font-size: 13px;
}
.look-content:nth-child(even) .goods-name {
  color: #fff;
}
.look-content:nth-child(even) .goods-info {
  color: #B9B9B9;
}

@media screen and (min-width: 768px) {
  .look-intro {
    position: relative;
    display: flex;
    justify-content: center;
    gap: min(100px,calc(100 / 1920 * 100vw));
    padding-bottom: 125px;
  }
  .look-intro .left-block {
    position: relative;
    width: min(608px,calc(608 / 1920 * 100vw));
  }
  .look-intro .right-block {
    position: relative;
    width: min(926px,calc(926 / 1920 * 100vw));
  }
  .look-intro .look-lead {
    margin-top: min(110px,calc(110 / 1920 * 100vw));
    margin-bottom: min(150px,calc(150 / 1920 * 100vw));
  }
  .look-intro .look-lead p {
    margin: 0;
    font-size: 18px;
    line-height: calc(40 / 18);
    letter-spacing: 0.1em;
  }
  .look-intro .look-lead p:not(:first-child){
    margin-top: min(50px,calc(50 / 1920 * 100vw));
  }
  .look-bg01-01 {
    position: absolute;
    right: min(32px,calc(32 / 1920 * 100vw));
    top: min(50px,calc(50 / 1920 * 100vw));
    width: calc(373 / 1920 * 100%);
  }
  .look-bg02-01 {
    position: absolute;
    left: min(685px,calc(685 / 1920 * 100vw));
    top: min(-56px,calc(-56 / 1920 * 100vw));
    width: calc(374 / 1920 * 100%);
  }
  .look-bg02-02 {
    position: absolute;
    right: min(-22px,calc(-22 / 1920 * 100vw));
    top: min(191px,calc(191 / 1920 * 100vw));
    width: calc(353 / 1920 * 100%);
  }
  .look-bg03-01 {
    position: absolute;
    right: min(-57px,calc(-57 / 1920 * 100vw));
    top: min(25px,calc(25 / 1920 * 100vw));
    width: calc(373 / 1920 * 100%);
  }
}
@media screen and (max-width: 767px) {
  .look-content {
    margin-bottom: calc(220 / 780 * 100vw);
    padding-top: calc(43 / 390 * 100vw);
  }
  .look-content:nth-child(odd)::after {
    height: calc(220 / 780 * 100vw);
    aspect-ratio: 780 / 220;
    background: var(--navy) url(/img/page/26aw_casual/sp/bg-bottom02.png) top center no-repeat;
    background-size: cover;
  }
  .look-content:nth-child(even)::after {
    height: calc(220 / 780 * 100vw);
    aspect-ratio: 780 / 220;
    background: var(--beige) url(/img/page/26aw_casual/sp/bg-bottom01.png) top center no-repeat;
    background-size: cover;
  }
  .look-title {
    padding-top: calc(56 / 390 * 100vw);
    font-size: calc(28 / 390 * 100vw);
  }
  .look-title .num {
    font-size: calc(36 / 390 * 100vw);
  }
  .look-title::before {
    height: calc(40 / 390 * 100vw);
  }
  .look-main-image {
    margin-bottom: calc(20 / 390 * 100vw);
  }
  .look-intro {
    position: relative;
    padding-bottom: calc(60 / 390 * 100vw);
    min-height: calc(580 / 390 * 100vw);
  }
  .left-block .look-visual {
    position: absolute;
    top: calc(168 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(183 / 390 * 100vw);
  }
  .right-block .look-visual {
    position: absolute;
    top: calc(380 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(360 / 390 * 100vw);
  }
  .right-block .look-lead {
    position: absolute;
    top: calc(16 / 390 * 100vw);
    left: calc(26 / 390 * 100vw);
  }
  .look-intro .look-lead p {
    margin: 0;
    font-size: calc(13 / 390 * 100vw);
    line-height: calc(30 / 13);
    letter-spacing: 0.09em;
  }
  .look-intro .look-lead p:not(:first-child) {
    margin-top: calc(30 / 390 * 100vw);
  }
  .look-bg01-01 {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(133 / 390 * 100vw);
  }
  .look-bg01-02 {
    position: absolute;
    left: calc(26 / 390 * 100vw);
    top: calc(261 / 390 * 100vw);
    width: calc(65 / 390 * 100vw);
  }
  .look-bg02-01 {
    position: absolute;
    right: calc(-99 / 390 * 100vw);
    top: 0;
    width: calc(210 / 390 * 100vw);
  }
  .look-bg02-02 {
    position: absolute;
    left: calc(-93 / 390 * 100vw);
    top: calc(254 / 390 * 100vw);
    width: calc(234 / 390 * 100vw);
  }
  .look-bg03-01 {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(133 / 390 * 100vw);
  }
  .look-bg03-02 {
    position: absolute;
    left: calc(26 / 390 * 100vw);
    top: calc(261 / 390 * 100vw);
    width: calc(65 / 390 * 100vw);
  }
  .look-goods .item-detail {
    padding: calc(45 / 390 * 100vw) 0 calc(30 / 390 * 100vw);
  }
  .look-goods-item-wrap {
    flex-direction: column;
    gap: calc(20 / 390 * 100vw);
    margin-bottom: calc(20 / 390 * 100vw);
    width: 100%;
  }
  .look-item-name {
    margin: 0;
    padding-bottom: calc(12 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
  }
  .look-item-name::after {
    left: 50%;
    transform: translateX(-50%);
    width: calc(46 / 390 * 100vw);
  }
  .look-item-image {
    width: calc(300 / 390 * 100vw);
  }
  .look-item-description {
    margin: 0 auto calc(30 / 390 * 100vw);
  }
  .look-item-description p {
    margin: 0;
  }
  .look-item-purchase {
    margin: 0;
  }
  .look-item-price {
    margin: 0;
    font-size: calc(24 / 390 * 100vw);
  }
  .look-item-price .tax {
    margin-left: calc(8 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
  }
  .btn-buy {
    margin-left: calc(25 / 390 * 100vw);
    width: calc(100 / 390 * 100vw);
    height: calc(40 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
  }
  .look-goods-item-pickup {
    flex-direction: column;
    padding: calc(30 / 390 * 100vw);
    width: 100%;
  }
  .look-goods-item-pickup.col-3 {
    padding: calc(30 / 390 * 100vw) calc(10 / 390 * 100vw);
  }
  .look-goods-item-pickup__list {
    flex-wrap: wrap;
    gap: calc(25 / 390 * 100vw) calc(20 / 390 * 100vw);
  }
  .look-goods-item-pickup.col-3 .look-goods-item-pickup__item {
    width: calc((100% - calc(20 / 390 * 100vw)) / 2);
  }
  .look-goods-item-pickup__title {
    margin: 0 0 calc(10 / 390 * 100vw);
    font-size: calc(24 / 390 * 100vw);
    text-align: center;
  }
  .look-goods-item-pickup.col-1 .look-goods-item-pickup__color {
    gap: calc(10 / 390 * 100vw);
    flex-direction: column;
  }
  .look-goods-item-pickup.col-3 .look-goods-item-pickup__color {
    margin: calc(5 / 390 * 100vw) auto;
    gap: calc(10 / 390 * 100vw);
  }
  .look-goods-item-pickup.col-1 .look-goods-item-pickup__line {
    height: calc(20 / 390 * 100vw);
    width: 1px;
  }
  .look-goods-item-pickup.col-3 .look-goods-item-pickup__line {
    width: calc(20 / 390 * 100vw);
  }
  .look-goods-item-pickup__color-name {
    font-size: calc(18 / 390 * 100vw);
  }
  .look-goods-item-pickup__text {
    margin: calc(10 / 390 * 100vw) 0 0;
    font-size: calc(13 / 390 * 100vw);
    line-height: calc(20 / 13);
    text-align: center;
  }
  .look-goods-item-pickup.col-3 .look-goods-item-pickup__text {
    margin-top: 0;
    text-align: left;
  }
  .look-goods-item-pickup.col-1 .look-goods-item-pickup__image {
    margin: calc(12 / 390 * 100vw) auto 0;
    width: calc(220 / 390 * 100vw);
  }
  .item-gallery::after {
    aspect-ratio: 390 / 81;
  }
  .casualwear_26aw .item-list .section-inner {
    margin-right: 0;
    width: calc(375 / 390 * 100vw);
  }
  .look-goods-list-wrap {
    padding-bottom: calc(50 / 390 * 100vw);
  }
  .look-goods-list {
    margin-top: calc(-25 / 390 * 100vw);
  }
  .look-goods-list .goods-list {
    padding-bottom: calc(30 / 390 * 100vw);
    gap: calc(16 / 390 * 100vw);
  }
  .look-goods-list .goods-list-item {
    width: calc(160 / 390 * 100vw);
  }
  .goods-list .goods-name {
    margin-top: calc(10 / 390 * 100vw);
    font-size: calc(13 / 390 * 100vw);
    line-height: calc(24 / 13);
  }
  .goods-list .goods-price {
    margin-top: calc(10 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
  }
  .goods-list .goods-price .tax {
    font-size: calc(13 / 390 * 100vw);
  }
  .goods-list .goods-info {
    font-size: calc(13 / 390 * 100vw);
  }
}

/* gallery */
.gallery {
  position: relative;
  padding: 125px 0 193px;
}
.gallery-bg {
  position: absolute;
  display: block;
  pointer-events: none;
}
.gallery-title {
  position: relative;
  margin: 0 auto 40px;
  padding-top: 110px;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  color: var(--gold);
  text-align: center;
}
.gallery-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 76px;
  background-color: var(--gold);
  transform: translateX(-50%);
}
.gallery-list {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .gallery-bg01 {
    top: min(211px, calc(211 / 1920 * 100vw));
    left: min(-167px, calc(-167 / 1920 * 100vw));
    width: min(408px, calc(408 / 1920 * 100vw));
  }
  .gallery-bg02 {
    top: min(575px, calc(575 / 1920 * 100vw));
    left: min(132px, calc(132 / 1920 * 100vw));
    width: min(280px, calc(280 / 1920 * 100vw));
  }
  .gallery-bg03 {
    top: min(1175px, calc(1175 / 1920 * 100vw));
    left: min(36px, calc(36 / 1920 * 100vw));
    width: min(502px, calc(502 / 1920 * 100vw));
  }
  .gallery-bg04 {
    top: min(156px, calc(156 / 1920 * 100vw));
    right: min(92px, calc(92 / 1920 * 100vw));
    width: min(424px, calc(424 / 1920 * 100vw));
  }
  .gallery-list {
    height: min(861px, calc(861 / 1220 * 100vw));
  }
  .gallery-item {
    position: absolute;
  }
  .gallery-item01 {
    top: 0;
    left: 0;
    width: calc(610 / 1220 * 100%);
  }
  .gallery-item02 {
    top: 0;
    left: calc(640 / 1220 * 100%);
    width: calc(365 / 1220 * 100%);
  }
  .gallery-item03 {
    top: min(215px, calc(215 / 1220 * 100vw));
    left: calc(640 / 1220 * 100%);
    width: calc(365 / 1220 * 100%);
  }
  .gallery-item04 {
    top: 0;
    right: 0;
    width: calc(185 / 1220 * 100%);
  }
  .gallery-item05 {
    top: min(437px, calc(437 / 1220 * 100vw));
    left: 0;
    width: calc(293 / 1220 * 100%);
  }
  .gallery-item06 {
    top: min(437px, calc(437 / 1220 * 100vw));
    left: calc(323 / 1220 * 100%);
    width: calc(287 / 1220 * 100%);
  }
  .gallery-item07 {
    top: min(656px, calc(656 / 1220 * 100vw));
    left: calc(323 / 1220 * 100%);
    width: calc(287 / 1220 * 100%);
  }
  .gallery-item08 {
    top: min(474px, calc(474 / 1220 * 100vw));
    left: calc(640 / 1220 * 100%);
    width: calc(580 / 1220 * 100%);
  }
}
@media screen and (max-width: 767px) {
  .gallery {
    position: relative;
    padding: calc(15 / 390 * 100vw) 0 calc(75 / 390 * 100vw);
  }
  .casualwear_26aw .gallery .section-inner {
    width: 100dvw;
  }
  .gallery-title {
    padding-top: calc(56 / 390 * 100vw);
    font-size: calc(28 / 390 * 100vw);
  }
  .gallery-title::before {
    height: calc(40 / 390 * 100vw);
  }
  .gallery-bg01 {
    top: calc(32 / 390 * 100vw);
    left: calc(-61 / 390 * 100vw);
    width: calc(176 / 390 * 100vw);
  }
  .gallery-bg02 {
    display: none;
  }
  .gallery-bg03 {
    display: none;
  }
  .gallery-bg04 {
    top: calc(14 / 390 * 100vw);
    right: calc(-18 / 390 * 100vw);
    width: calc(182 / 390 * 100vw);
  }
  .gallery-list {
    position: relative;
    min-height: calc(1060 / 390 * 100vw);
  }
  .gallery-item {
    position: absolute;
  }
  .gallery-item01 {
    top: 0;
    left: calc(15 / 390 * 100vw);
    width: calc(360 / 390 * 100vw);
  }
  .gallery-item05 {
    top: calc(258 / 390 * 100vw);
    left: calc(15 / 390 * 100vw);
    width: calc(172 / 390 * 100vw);
  }
  .gallery-item06 {
    top: calc(258 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(169 / 390 * 100vw);
  }
  .gallery-item07 {
    top: calc(387 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(169 / 390 * 100vw);
  }
  .gallery-item02 {
    top: calc(526 / 390 * 100vw);
    left: calc(15 / 390 * 100vw);
    width: calc(226 / 390 * 100vw);
  }
  .gallery-item03 {
    top: calc(658 / 390 * 100vw);
    left: calc(15 / 390 * 100vw);
    width: calc(226 / 390 * 100vw);
  }
  .gallery-item04 {
    top: calc(526 / 390 * 100vw);
    right: calc(15 / 390 * 100vw);
    width: calc(116 / 390 * 100vw);
  }
  .gallery-item08 {
    top: calc(820 / 390 * 100vw);
    left: calc(15 / 390 * 100vw);
    width: calc(360 / 390 * 100vw);
  }
}

/* lineup */
.line-up {
  padding: 90px 0 70px;
  background-color: var(--beige);
}
.casualwear_26aw .section-inner .line-up{
  max-width: 1120px;
}
.line-up-title {
  position: relative;
  margin: 0 auto 40px;
  padding-top: 110px;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  color: var(--gold);
  text-align: center;
}
.line-up-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 76px;
  background-color: var(--gold);
  transform: translateX(-50%);
}
.line-up .note {
  margin-top: 80px;
  padding-left: 1em;
  font-size: 15px;
  line-height: calc(28 / 15);
  color: #333;
}
.line-up .note span {
  margin-left: -1em;
  text-indent: 1em;
}
.line-up-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(60px, calc(60 / 1920 * 100vw)) min(40px, calc(40 / 1920 * 100vw));
}
.line-up-list li {
  width: calc((100% - min(40px, calc(40 / 1920 * 100vw)) * 3) / 4);
}
@media screen and (max-width: 767px) {
  .line-up {
    position: relative;
    padding: calc(40 / 390 * 100vw) 0;
  }
  .line-up-title {
    padding-top: calc(56 / 390 * 100vw);
    font-size: calc(28 / 390 * 100vw);
  }
  .line-up-title::before {
    height: calc(40 / 390 * 100vw);
  }
  .line-up .note {
    margin-top: calc(50 / 390 * 100vw);
    font-size: calc(13 / 390 * 100vw);
  }
  .line-up-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(30 / 390 * 100vw) calc(20 / 390 * 100vw);
  }
  .line-up-list li {
    width: calc((100% - calc(20 / 390 * 100vw)) / 2);
  }
}

/* video */
.casualwear_26aw .hacobune-univideo {
  height: 100%;
}
.casualwear_26aw .hacobune-app-container {
  padding: 0 !important;
  max-width: unset !important;
  height: 100% !important;
  width: 100% !important;
  background-color: transparent !important;
}
.casualwear_26aw .hacobune-unit-video {
  margin: 0!important;
  height: 100%;
  width: auto;
}
.casualwear_26aw .hacobune-unit-video .hacobune-video-frame {
  position: relative;
}
.casualwear_26aw .hacobune-unit-video .hacobune-video-frame::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.casualwear_26aw .hacobune-unit-video-player .hacobune-accessibility-icon-container {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 68px !important;
  height: 68px !important;
  transform: translate(-50%, -50%) !important;
}
.casualwear_26aw .hacobune-unit-video-player .hacobune-accessibility-icon-container .hacobune-play-icon {
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
}
.casualwear_26aw .hacobune-unit-video-player .hacobune-accessibility-icon-container .hacobune-play-icon .hacobune-play-icon-image,
.casualwear_26aw .hacobune-unit-video-player .hacobune-accessibility-icon-container .hacobune-play-icon .hacobune-pause-icon-image {
  width: 100% !important;
  height: 100% !important;
}
.casualwear_26aw .hacobune-vjs-icon-placeholder::before {
  display: none!important;
}
.casualwear_26aw .hacobune-unit-video-outline {
  display: none;
}
.casualwear_26aw .hacobune-unit-video-wrap {
  height: 100%;
  width: auto !important;
  aspect-ratio: 1561 / 878;
}
@media screen and (max-width: 767px) {
  .casualwear_26aw .hacobune-app-container {
    margin: 0!important;
  }
}

/* animation */
.js-fade {
  opacity: 0;
}
.fadeIn {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.fadeIn.fade-img {
  animation-name: fadeUpAnime;
}
.fadeIn.fade-text {
  animation-name: fadeSlideAnime;
}
.delay-02 {
  animation-delay: 0.2s;
}
.delay-04 {
  animation-delay: 0.4s;
}
.delay-06 {
  animation-delay: 0.6s;
}
.delay-08 {
  animation-delay: 0.8s;
}
.delay-10 {
  animation-delay: 1s;
}
.delay-12 {
  animation-delay: 1.2s;
}
.delay-14 {
  animation-delay: 1.4s;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeSlideAnime {
  from {
    opacity: 0;
    transform: translate(0, 50px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.casualwear_26aw .revico-star {
  transform: scale(0.8);
  transform-origin: left top;
}
.casualwear_26aw .revico-star .revico-star-block {
  flex-wrap: wrap;
}