/**
 * 2026 Spring
 */

/* PC
------------------------------------------------------ */
/* Hero */
.p-section--2026spring .p-hero {
  position: relative;
}

.p-section--2026spring .p-hero__heading {
  position: absolute;
  top: 50%;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}

.p-section--2026spring .p-hero__heading img {
  width: min(80vw, 410px);
}

.p-section--2026spring .p-hero__image {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.p-section--2026spring .p-hero__image img {
  width: 100%;
  height: auto;
}

/* Movie */
.p-section--2026spring .p-movie .hacobune-app-container {
  background: transparent;
}

.p-section--2026spring .p-movie .hacobune-app-container[data-v-2a6c6f09] {
  background: transparent;
}

.p-movie .hacobune-unit-video[data-v-2a6c6f09] {
  margin: 0;
  padding: 0;
}

[data-browse-mode="P"] .c-style__detail {
  font-size: 0.8em;
}

/* Lead */
.p-lead {
  margin-block: calc(var(--leading-trim) + 150px);
  text-align: center;
  line-height: 2.14;
}

/* Style01 */
.c-2026spring-style--1 {
  grid-template-rows: repeat(3, auto);
}

.c-2026spring-style--1 .c-style__heading {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
}

.c-2026spring-style--1 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 4 / 7;
}

.c-2026spring-style--1 .c-style__image:nth-child(3) {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.c-2026spring-style--1 .c-style__image:nth-child(4) {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
}

.c-2026spring-style--1 .c-style__image:nth-child(5) {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
}

.c-2026spring-style--1 .c-style__image:nth-child(6) {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.c-2026spring-style--1 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  align-self: center;
}

/* Style02 */
.c-2026spring-style--2 {
  grid-template-rows: auto repeat(2, 1fr);
}

.c-2026spring-style--2 .c-style__heading {
  grid-row: 1 / 4;
  grid-column: 6 / 7;
}

.c-2026spring-style--2 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

.c-2026spring-style--2 .c-style__image:nth-child(3) {
  grid-row: 2 / 4;
  grid-column: 4 / 6;
}

.c-2026spring-style--2 .c-style__image:nth-child(4) {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
}

.c-2026spring-style--2 .c-style__detail {
  grid-row: 1 / 2;
  grid-column: 5 / 6;
  align-self: start;
}

/* Style03 */
.c-2026spring-style--3 {
  grid-template-rows: repeat(2, 1fr) auto;
}

.c-2026spring-style--3 .c-style__heading {
  grid-row: 1 / 4;
  grid-column: 1 / 2;

}

.c-2026spring-style--3 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 4 / 7;
}

.c-2026spring-style--3 .c-style__image:nth-child(3) {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
}

.c-2026spring-style--3 .c-style__image:nth-child(4) {
  grid-row: 1 / 3;
  grid-column: 2 / 4;
}

.c-2026spring-style--3 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 3 / 4;
}

/* Style04 */
.c-2026spring-style--4 {
  grid-template-rows: repeat(3, 1fr);
}

.c-2026spring-style--4 .c-style__heading {
  grid-row: 2 / 4;
  grid-column: 6 / 7;

}

.c-2026spring-style--4 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

.c-2026spring-style--4 .c-style__image:nth-child(3) {
  grid-row: 1 / 3;
  grid-column: 4 / 6;
}

.c-2026spring-style--4 .c-style__image:nth-child(4) {
  grid-row: 1 / 2;
  grid-column: 6 / 7;
}

.c-2026spring-style--4 .c-style__image:nth-child(5) {
  grid-row: 3 / 4;
  grid-column: 4 / 5;
}

.c-2026spring-style--4 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 5 / 6;
}

/* Style05 */
.c-2026spring-style--5 {
  grid-template-rows: repeat(3, 1fr);
}

.c-2026spring-style--5 .c-style__heading {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
}

.c-2026spring-style--5 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 4 / 7;
}

.c-2026spring-style--5 .c-style__image:nth-child(3) {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
}

.c-2026spring-style--5 .c-style__image:nth-child(4) {
  grid-row: 1 / 3;
  grid-column: 1 / 3;
}

.c-2026spring-style--5 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
}

/* Style06 */
.c-2026spring-style--6 {
  grid-template-rows: repeat(3, 1fr);
}

.c-2026spring-style--6 .c-style__heading {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}

.c-2026spring-style--6 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 2 / 5;
}

.c-2026spring-style--6 .c-style__image:nth-child(3) {
  grid-row: 1 / 3;
  grid-column: 5 / 7;
}

.c-2026spring-style--6 .c-style__image:nth-child(4) {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
}

.c-2026spring-style--6 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 5 / 7;
}

/* Style07 */
.c-2026spring-style--7 {
  grid-template-rows: repeat(3, auto);
}

.c-2026spring-style--7 .c-style__heading {
  grid-row: 1 / 2;
  grid-column: 2 / 4;
}

.c-2026spring-style--7 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 4 / 7;
}

.c-2026spring-style--7 .c-style__image:nth-child(3) {
  grid-row: 2 / 4;
  grid-column: 2 / 4;
}

.c-2026spring-style--7 .c-style__image:nth-child(4) {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.c-2026spring-style--7 .c-style__image:nth-child(5) {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.c-2026spring-style--7 .c-style__detail {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  align-self: end;
}

/* Style08 */
.c-2026spring-style--8 {
  margin-bottom: min(15.10vw, 145px);
  grid-template-rows: repeat(3, auto);
}

.c-2026spring-style--8 .c-style__heading {
  grid-row: 3 / 4;
  grid-column: 4 / 5;
}

.c-2026spring-style--8 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

.c-2026spring-style--8 .c-style__image:nth-child(3) {
  grid-row: 2 / 4;
  grid-column: 5 / 7;
}

.c-2026spring-style--8 .c-style__image:nth-child(4) {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
}

.c-2026spring-style--8 .c-style__image:nth-child(5) {
  grid-row: 2 / 3;
  grid-column: 4 / 5;
}

.c-2026spring-style--8 .c-style__detail {
  grid-row: 1 / 2;
  grid-column: 5 / 7;
  align-self: start;
}

/* SP
------------------------------------------------------ */
[data-browse-mode="S"] .c-style {
  grid-template-rows: repeat(6, auto);
  grid-template-columns: repeat(3, 1fr);
}

/* Style01 */
[data-browse-mode="S"] .c-2026spring-style--1 .c-style__heading {
  grid-row: 4 / 7;
  grid-column: 3 / 4;
  align-self: center;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__image:nth-child(3) {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__image:nth-child(4) {
  grid-row: 5 / 7;
  grid-column: 2 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__image:nth-child(5) {
  grid-row: 5 / 6;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__image:nth-child(6) {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--1 .c-style__detail {
  grid-row: 6 / 7;
  grid-column: 1 / 2;
  align-self: end;
}

/* Style02 */
[data-browse-mode="S"] .c-2026spring-style--2 .c-style__heading {
  grid-row: 4 / 7;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--2 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--2 .c-style__image:nth-child(3) {
  grid-row: 4 / 6;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--2 .c-style__image:nth-child(4) {
  grid-row: 6 / 7;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--2 .c-style__detail {
  grid-row: 6 / 7;
  grid-column: 2 / 4;
  align-self: end;
}

/* Style03 */
[data-browse-mode="S"] .c-2026spring-style--3 .c-style__heading {
  grid-row: 4 / 6;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--3 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--3 .c-style__image:nth-child(3) {
  grid-row: 6 / 7;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--3 .c-style__image:nth-child(4) {
  grid-row: 4 / 6;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--3 .c-style__detail {
  grid-row: 6 / 7;
  grid-column: 1 / 3;
}

/* Style04 */
[data-browse-mode="S"] .c-2026spring-style--4 .c-style__heading {
  grid-row: 5 / 7;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--4 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--4 .c-style__image:nth-child(3) {
  grid-row: 4 / 6;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--4 .c-style__image:nth-child(4) {
  grid-row: 4 / 5;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--4 .c-style__image:nth-child(5) {
  grid-row: 6 / 7;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--4 .c-style__detail {
  grid-row: 6 / 7;
  grid-column: 2 / 3;
}

/* Style05 */
[data-browse-mode="S"] .c-2026spring-style--5 .c-style__heading {
  grid-row: 4 / 7;
  grid-column: 3 / 4;
  align-self: center;
}

[data-browse-mode="S"] .c-2026spring-style--5 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--5 .c-style__image:nth-child(3) {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--5 .c-style__image:nth-child(4) {
  grid-row: 5 / 7;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--5 .c-style__detail {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
  align-self: start;
}

/* Style06 */
[data-browse-mode="S"] .c-2026spring-style--6 {
  grid-template-rows: repeat(5, auto) 53.411vw;
}

[data-browse-mode="S"] .c-2026spring-style--6 .c-style__heading {
  grid-row: 6 / 7;
  grid-column: 2 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--6 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--6 .c-style__image:nth-child(3) {
  grid-row: 4 / 6;
  grid-column: 2 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--6 .c-style__image:nth-child(4) {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--6 .c-style__detail {
  grid-row: 5 / 6;
  grid-column: 1 / 2;
  align-self: end;
}

/* Style07 */
[data-browse-mode="S"] .c-2026spring-style--7 .c-style__heading {
  grid-row: 6 / 8;
  grid-column: 2 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--7 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--7 .c-style__image:nth-child(3) {
  grid-row: 4 / 6;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--7 .c-style__image:nth-child(4) {
  grid-row: 6 / 7;
  grid-column: 1 / 2;
}

[data-browse-mode="S"] .c-2026spring-style--7 .c-style__image:nth-child(5) {
  grid-row: 7 / 8;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--7 .c-style__detail {
  grid-row: 7 / 8;
  grid-column: 1 / 2;
  align-self: end;
}

/* Style08 */
[data-browse-mode="S"] .c-2026spring-style--8 .c-style__heading {
  grid-row: 4 / 6;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--8 .c-style__image:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 1 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--8 .c-style__image:nth-child(3) {
  grid-row: 6 / 8;
  grid-column: 1 / 3;
}

[data-browse-mode="S"] .c-2026spring-style--8 .c-style__image:nth-child(4) {
  grid-row: 4 / 5;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--8 .c-style__image:nth-child(5) {
  grid-row: 5 / 6;
  grid-column: 3 / 4;
}

[data-browse-mode="S"] .c-2026spring-style--8 .c-style__detail {
  grid-row: 6 / 8;
  grid-column: 3 / 4;
  align-self: end;
}