/*  common style-line
========================================================================== */
.style-line__title {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .style-line__title {
    font-size: clamp(3rem, 0.1374045802rem + 7.6335877863vw, 6rem);
  }
}
.style-line__detail-box {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
      grid-template-areas: ". . . . ." ". pict . text ." ". . . . .";
  -ms-grid-columns: minmax(40px, 1fr) 408px 48px minmax(auto, 540px) minmax(40px, 1fr);
  grid-template-columns: minmax(40px, 1fr) 408px 48px minmax(auto, 540px) minmax(40px, 1fr);
  -ms-grid-rows: 48px min-content 34px;
  grid-template-rows: 48px -webkit-min-content 34px;
  grid-template-rows: 48px min-content 34px;
  -webkit-margin-before: 52px;
          margin-block-start: 52px;
  margin-inline: auto;
  position: relative;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .style-line__detail-box {
        grid-template-areas: ". pict ." ". text ." ". . .";
    -ms-grid-columns: 1fr 92.1875vw 1fr;
    grid-template-columns: 1fr 92.1875vw 1fr;
    -ms-grid-rows: min-content min-content 9.6354166667vw;
    grid-template-rows: -webkit-min-content -webkit-min-content 9.6354166667vw;
    grid-template-rows: min-content min-content 9.6354166667vw;
    -webkit-margin-before: 11.71875vw;
            margin-block-start: 11.71875vw;
    width: auto;
  }
}
.style-line__detail-pict {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: pict;
}
@media (max-width: 768px) {
  .style-line__detail-pict {
    position: relative;
  }
}
@media (max-width: 768px) {
  .style-line__detail-pict .detail-image {
    display: block;
    -webkit-margin-before: -5.2083333333vw;
            margin-block-start: -5.2083333333vw;
    margin-inline: auto;
    width: 67.4479166667vw;
  }
}
.style-line__detail-pict .detail-badge {
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  inset-block-start: -126px;
  inset-inline-end: 0;
  position: absolute;
  width: 168px;
}
@media (max-width: 768px) {
  .style-line__detail-pict .detail-badge {
    width: 21.875vw;
    inset-block: auto 0;
    inset-inline-end: 0;
  }
}
.style-line__detail-text {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
  grid-area: text;
}
@media (max-width: 768px) {
  .style-line__detail-text {
    -webkit-padding-before: 5.7291666667vw;
            padding-block-start: 5.7291666667vw;
  }
}
.style-line__detail-text .detail-copy {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3333333333;
  text-align: left;
}
@media (max-width: 768px) {
  .style-line__detail-text .detail-copy {
    font-size: clamp(1.8rem, 0.0824427481rem + 4.5801526718vw, 3.6rem);
    line-height: 1.4444444444;
  }
}
.style-line__detail-text .detail-text {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6666666667;
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}
@media (max-width: 768px) {
  .style-line__detail-text .detail-text {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    line-height: 1.7333333333;
    -webkit-margin-before: 1.8229166667vw;
            margin-block-start: 1.8229166667vw;
  }
}
.style-line__detail-text .detail-style {
  -webkit-margin-before: 52px;
          margin-block-start: 52px;
}
@media (max-width: 768px) {
  .style-line__detail-text .detail-style {
    -webkit-margin-before: 3.90625vw;
            margin-block-start: 3.90625vw;
  }
}
.style-line__detail-text .detail-style dt {
  font-size: 1.8rem;
  border-bottom: solid 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  min-height: 28px;
}
.style-line__detail-text .detail-style dt::before {
  content: "STYLE";
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
  padding-inline: 34px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
@media (max-width: 768px) {
  .style-line__detail-text .detail-style dt {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    min-height: 2em;
  }
  .style-line__detail-text .detail-style dt::before {
    -webkit-margin-end: 4.4270833333vw;
            margin-inline-end: 4.4270833333vw;
    padding-inline: 4.9479166667vw;
  }
}
.style-line__detail-text .detail-style dd {
  font-size: 1.6rem;
  -webkit-margin-before: 14px;
          margin-block-start: 14px;
  line-height: 1.625;
}
@media (max-width: 768px) {
  .style-line__detail-text .detail-style dd {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    min-height: 1.7333333333;
  }
}
.style-line__more {
  -webkit-margin-before: 96px;
          margin-block-start: 96px;
}
@media (max-width: 768px) {
  .style-line__more {
    -webkit-margin-before: 10.4166666667vw;
            margin-block-start: 10.4166666667vw;
  }
}
@media (max-width: 768px) {
  .style-line__more .style-line__title {
    font-size: clamp(2rem, 0.0916030534rem + 5.0890585242vw, 4rem);
  }
}
.style-line__more-wrap {
  -webkit-margin-before: 28px;
          margin-block-start: 28px;
  margin-inline: auto;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .style-line__more-wrap {
    -webkit-margin-before: 5.9895833333vw;
            margin-block-start: 5.9895833333vw;
    width: auto;
  }
}
.style-line__more-wrap .more-content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 769px) {
  .style-line__more-wrap .more-content {
        grid-template-areas: "head . pict" "body . pict";
    -ms-grid-columns: minmax(auto, 746px) 54px 33.3333333333%;
    grid-template-columns: minmax(auto, 746px) 54px 33.3333333333%;
    -ms-grid-rows: min-content 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
  }
  .style-line__more-wrap .more-content:not(:first-of-type) {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) {
        grid-template-areas: "pict . head" "pict . body";
    -ms-grid-columns: 33.3333333333% 54px minmax(auto, 746px);
    grid-template-columns: 33.3333333333% 54px minmax(auto, 746px);
  }
  .style-line__more-wrap .more-content.expand {
    -ms-grid-columns: minmax(auto, 596px) 54px 45.8333333333%;
    grid-template-columns: minmax(auto, 596px) 54px 45.8333333333%;
  }
  .style-line__more-wrap .more-content.expand:nth-of-type(even) {
    -ms-grid-columns: 45.8333333333% 54px minmax(auto, 596px);
    grid-template-columns: 45.8333333333% 54px minmax(auto, 596px);
  }
  .style-line__more-wrap .more-content > .style-line__detail-pict {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) > .style-line__detail-pict {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content {
        grid-template-areas: ". head ." ". pict ." ". body .";
    -ms-grid-columns: 1fr 92.1875vw 1fr;
    grid-template-columns: 1fr 92.1875vw 1fr;
    -ms-grid-rows: min-content min-content min-content;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content min-content;
  }
  .style-line__more-wrap .more-content.expand {
        grid-template-areas: ". head ." ". body ." ". pict .";
  }
  .style-line__more-wrap .more-content:not(:first-of-type) {
    -webkit-margin-before: 8.3333333333vw;
            margin-block-start: 8.3333333333vw;
  }
  .style-line__more-wrap .more-content > .style-line__detail-pict {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content.expand > .style-line__detail-pict {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}
.style-line__more-wrap .more-content .content-head {
  grid-area: head;
  font-size: 3rem;
  border-bottom: solid 2px;
  line-height: 1.3333333333;
  padding-block: 2px 16px;
  text-align: left;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-head {
    font-size: clamp(1.8rem, 0.0824427481rem + 4.5801526718vw, 3.6rem);
    line-height: 1.1111111111;
    padding-block: 0 4.4270833333vw;
  }
}
.style-line__more-wrap .more-content .content-body {
  grid-area: body;
  -webkit-margin-before: 14px;
          margin-block-start: 14px;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body {
    -webkit-margin-before: 3.3854166667vw;
            margin-block-start: 3.3854166667vw;
  }
}
.style-line__more-wrap .more-content .content-body .label {
  font-size: 1.8rem;
  font-family: var(--ybs-gothic);
  font-weight: bold;
  line-height: 1.6666666667;
  text-align: left;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body .label {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    line-height: 1.7333333333;
  }
}
.style-line__more-wrap .more-content .content-body .text {
  font-size: 1.6rem;
  line-height: 1.875;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body .text {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    line-height: 1.7333333333;
    -webkit-margin-before: 2.6041666667vw;
            margin-block-start: 2.6041666667vw;
  }
}
.style-line__more-wrap .more-content .content-body .table {
  -webkit-margin-before: 34px;
          margin-block-start: 34px;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body .table {
    -webkit-margin-before: 3.90625vw;
            margin-block-start: 3.90625vw;
  }
}
.style-line__more-wrap .more-content .content-body .table dt, .style-line__more-wrap .more-content .content-body .table dd {
  font-size: 1.4rem;
  line-height: 2;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body .table dt, .style-line__more-wrap .more-content .content-body .table dd {
    font-size: clamp(1.1rem, 0.0503816794rem + 2.7989821883vw, 2.2rem);
    line-height: 1.9090909091;
  }
}
.style-line__more-wrap .more-content .content-body .table dt {
  font-weight: bold;
  -webkit-margin-after: 6px;
          margin-block-end: 6px;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-body .table dt {
    -webkit-margin-after: 2.6041666667vw;
            margin-block-end: 2.6041666667vw;
  }
}
.style-line__more-wrap .more-content .content-pict {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: pict;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-pict {
    margin-block: 5.46875vw 1.3020833333vw;
    margin-inline: auto;
    width: 52.0833333333vw;
  }
  .style-line__more-wrap .more-content.expand .content-pict {
    -webkit-margin-before: 2.8645833333vw 0;
            margin-block-start: 2.8645833333vw 0;
    width: 100%;
  }
}
.style-line__more-wrap .more-content .content-slide {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: pict;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .style-line__detail-pict {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .style-line__detail-text {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content > .content-head {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content.expand > .content-head {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content > .content-body {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content.expand > .content-body {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content .content-pict {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content > .content-pict {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content.expand > .content-pict {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content .content-slide {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content > .content-slide {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .style-line__more-wrap .more-content.expand > .content-slide {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}
@media (min-width: 769px) {
  .style-line__more-wrap .more-content .content-head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) > .content-head {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .style-line__more-wrap .more-content .content-body {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) > .content-body {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .style-line__more-wrap .more-content > .content-pict {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) > .content-pict {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .style-line__more-wrap .more-content > .content-slide {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .style-line__more-wrap .more-content:nth-of-type(even) > .content-slide {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide {
    margin-block: 5.46875vw 1.3020833333vw;
    margin-inline: auto;
    width: 52.0833333333vw;
  }
}
.style-line__more-wrap .more-content .content-slide .slide .list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.style-line__more-wrap .more-content .content-slide .slide .list .photo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.style-line__more-wrap .more-content .content-slide .slide .list .photo figcaption {
  font-size: 1.6rem;
  line-height: 1.875;
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
  text-align: center;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .slide .list .photo figcaption {
    font-size: clamp(1.2rem, 0.0549618321rem + 3.0534351145vw, 2.4rem);
    line-height: 1.875;
    -webkit-margin-before: 0.5208333333vw;
            margin-block-start: 0.5208333333vw;
  }
}
.style-line__more-wrap .more-content .content-slide .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  inset-block: 0;
  inset-inline: 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-margin-before: 94%;
          margin-block-start: 94%;
  -webkit-padding-end: 8px;
          padding-inline-end: 8px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .dots {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 0;
  }
}
.style-line__more-wrap .more-content .content-slide .dots .bullet {
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100%;
  border: solid 1px #b91b24;
  cursor: pointer;
  display: block;
  margin-inline: 8px;
  width: 10px;
}
.style-line__more-wrap .more-content .content-slide .dots .bullet.active {
  background-color: #b91b24;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .dots .bullet {
    margin-inline: 2.0833333333vw;
    width: 1.5625vw;
  }
}
.style-line__more-wrap .more-content .content-slide .arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  border: solid 1px #000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset-block-start: 45%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 40px;
  z-index: 2;
}
.style-line__more-wrap .more-content .content-slide .arrow.disable {
  display: none;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .arrow {
    inset-block-start: 24.7395833333vw;
    width: 5.2083333333vw;
  }
}
.style-line__more-wrap .more-content .content-slide .arrow::after {
  aspect-ratio: 1/1;
  -webkit-border-before: solid 1px #000;
          border-block-start: solid 1px #000;
  -webkit-border-end: solid 1px #000;
          border-inline-end: solid 1px #000;
  content: "";
  display: block;
  width: 6px;
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .arrow::after {
    width: 1.5625vw;
  }
}
.style-line__more-wrap .more-content .content-slide .arrow.next {
  inset-inline-end: -20px;
}
.style-line__more-wrap .more-content .content-slide .arrow.next::after {
  -webkit-transform: translateX(-2px) rotate(45deg);
          transform: translateX(-2px) rotate(45deg);
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .arrow.next {
    inset-inline-end: -2.6041666667vw;
  }
  .style-line__more-wrap .more-content .content-slide .arrow.next::after {
    -webkit-transform: translateX(-0.5208333333vw) rotate(45deg);
            transform: translateX(-0.5208333333vw) rotate(45deg);
  }
}
.style-line__more-wrap .more-content .content-slide .arrow.prev {
  inset-inline-start: -20px;
}
.style-line__more-wrap .more-content .content-slide .arrow.prev::after {
  -webkit-transform: translateX(2px) rotate(-135deg);
          transform: translateX(2px) rotate(-135deg);
}
@media (max-width: 768px) {
  .style-line__more-wrap .more-content .content-slide .arrow.prev {
    inset-inline-start: -2.6041666667vw;
  }
  .style-line__more-wrap .more-content .content-slide .arrow.prev::after {
    -webkit-transform: translateX(0.5208333333vw) rotate(-135deg);
            transform: translateX(0.5208333333vw) rotate(-135deg);
  }
}
.style-line__extra {
  -webkit-margin-before: 96px;
          margin-block-start: 96px;
}
@media (max-width: 768px) {
  .style-line__extra {
    -webkit-margin-before: 9.1145833333vw;
            margin-block-start: 9.1145833333vw;
  }
  .style-line__extra .style-line__title {
    font-size: clamp(2rem, 0.0916030534rem + 5.0890585242vw, 4rem);
  }
}
.style-line__extra .lead {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6666666667;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
.style-line__extra .lead + p {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
@media (max-width: 768px) {
  .style-line__extra .lead {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    line-height: 1.7333333333;
    -webkit-margin-before: 5.9895833333vw;
            margin-block-start: 5.9895833333vw;
    text-align: left !important;
  }
  .style-line__extra .lead + p {
    -webkit-margin-before: 2.34375vw;
            margin-block-start: 2.34375vw;
    text-align: left !important;
  }
}
.style-line__extra-history {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .style-line__extra-history {
    -webkit-margin-before: 2.34375vw;
            margin-block-start: 2.34375vw;
  }
}
.style-line__extra-history .package {
  margin-inline: 10px;
  width: 300px;
}
@media (max-width: 768px) {
  .style-line__extra-history .package {
    margin-inline: 0;
    width: 100%;
  }
}
.style-line__extra-history .package .photo .image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.style-line__extra-history .package .photo .image img {
  width: 38.6666666667%;
}
@media (max-width: 768px) {
  .style-line__extra-history .package .photo .image {
    width: 92.1875vw;
  }
  .style-line__extra-history .package .photo .image img {
    width: 38.28125vw;
  }
}
.style-line__extra-history .package .photo .year {
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: center;
}
@media (max-width: 768px) {
  .style-line__extra-history .package .photo .year {
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
    line-height: normal;
    -webkit-margin-before: 5.46875vw;
            margin-block-start: 5.46875vw;
  }
}
.style-line__extra-history .arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100%;
  border: solid 1px #000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset-block-start: 150px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 40px;
  z-index: 2;
}
@media (hover: hover) {
  .style-line__extra-history .arrow:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .style-line__extra-history .arrow {
    inset-block-start: 47.3958333333vw;
    width: 5.2083333333vw;
  }
}
.style-line__extra-history .arrow::after {
  aspect-ratio: 1/1;
  -webkit-border-before: solid 1px #000;
          border-block-start: solid 1px #000;
  -webkit-border-end: solid 1px #000;
          border-inline-end: solid 1px #000;
  content: "";
  display: block;
  width: 6px;
}
@media (max-width: 768px) {
  .style-line__extra-history .arrow::after {
    width: 1.5625vw;
  }
}
.style-line__extra-history .arrow.next {
  inset-inline-end: 50%;
  -webkit-margin-end: -200px;
          margin-inline-end: -200px;
}
.style-line__extra-history .arrow.next::after {
  -webkit-transform: translateX(-2px) rotate(45deg);
          transform: translateX(-2px) rotate(45deg);
}
@media (max-width: 768px) {
  .style-line__extra-history .arrow.next {
    -webkit-margin-end: -48.9583333333vw;
            margin-inline-end: -48.9583333333vw;
  }
  .style-line__extra-history .arrow.next::after {
    -webkit-transform: translateX(-0.5208333333vw) rotate(45deg);
            transform: translateX(-0.5208333333vw) rotate(45deg);
  }
}
.style-line__extra-history .arrow.prev {
  inset-inline-start: 50%;
  -webkit-margin-start: -200px;
          margin-inline-start: -200px;
}
.style-line__extra-history .arrow.prev::after {
  -webkit-transform: translateX(2px) rotate(-135deg);
          transform: translateX(2px) rotate(-135deg);
}
@media (max-width: 768px) {
  .style-line__extra-history .arrow.prev {
    -webkit-margin-start: -48.9583333333vw;
            margin-inline-start: -48.9583333333vw;
  }
  .style-line__extra-history .arrow.prev::after {
    -webkit-transform: translateX(0.5208333333vw) rotate(-135deg);
            transform: translateX(0.5208333333vw) rotate(-135deg);
  }
}
@media (min-width: 769px) {
  .style-line__extra-history.swiper-initialized .package .photo {
    position: relative;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    z-index: 2;
  }
  .style-line__extra-history.swiper-initialized .package .photo .year {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .style-line__extra-history.swiper-initialized .swiper-slide:not(.swiper-slide-active ~ .swiper-slide):not(.swiper-slide-active) {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  .style-line__extra-history.swiper-initialized .swiper-slide-active ~ .swiper-slide {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  .style-line__extra-history.swiper-initialized .swiper-slide-active .photo {
    -webkit-transform: scale(1.3333333333);
            transform: scale(1.3333333333);
    z-index: 4;
  }
  .style-line__extra-history.swiper-initialized .swiper-slide-active .photo .year {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
.style-line__special {
  -webkit-padding-before: 36px;
          padding-block-start: 36px;
}
@media (max-width: 768px) {
  .style-line__special {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}

/* kohaku css
========================================================================== */
.kohaku {
  /*  common style-line
  ====================================================================== */
}
.kohaku .ybs {
  /*  knowledge key visual
  ================================================================== */
}
.kohaku .ybs-kv-product {
  background-image: url(/yebisu/product/kohaku/images/kv_pc.webp);
}
@media (max-width: 768px) {
  .kohaku .ybs-kv-product {
    background-image: url(/yebisu/product/kohaku/images/kv_sp.webp);
  }
}
.kohaku .style-line__detail .ybs-content__inner {
  padding-inline: 0;
}
.kohaku .style-line__detail-box {
  background: -webkit-gradient(linear, left top, right top, from(#fd3b3d), to(#b91b24));
  background: linear-gradient(90deg, #fd3b3d 0%, #b91b24 100%);
}
@media (min-width: 769px) {
  .kohaku .style-line__detail-box {
    -ms-grid-columns: minmax(40px, 1fr) 360px 48px minmax(auto, 670px) minmax(40px, 1fr);
    grid-template-columns: minmax(40px, 1fr) 360px 48px minmax(auto, 670px) minmax(40px, 1fr);
  }
}
@media (max-width: 768px) {
  .kohaku .style-line__detail-box {
    background: -webkit-gradient(linear, left top, right bottom, from(#fd3b3d), to(#b91b24));
    background: linear-gradient(to right bottom, #fd3b3d 0%, #b91b24 100%);
  }
}
.kohaku .style-line__detail-pict {
  text-align: center;
}
@media (min-width: 769px) {
  .kohaku .style-line__detail-pict {
    height: 430px;
  }
}
.kohaku .style-line__detail-pict .detail-image {
  display: block;
}
@media (min-width: 769px) {
  .kohaku .style-line__detail-pict .detail-image {
    position: relative;
    inset-block-start: -96px;
  }
}
@media (max-width: 768px) {
  .kohaku .style-line__detail-pict .detail-image {
    width: 26.0416666667vw;
  }
}
.kohaku .style-line__detail-text {
  color: #fff;
}
.kohaku .style-line__detail-text .detail-style dt {
  border-bottom-color: #fff;
}
.kohaku .style-line__detail-text .detail-style dt::before {
  background-color: #fff;
  color: #b91b24;
}
.kohaku .style-line__more-wrap .more-content .content-head {
  border-bottom-color: #c01528;
}
/*# sourceMappingURL=style-line.css.map */