@charset "UTF-8";
.pc-only {
  display: block;
}
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 767px) {
  .sp-only {
    display: block !important;
  }
}

/* 共通CSS(base.css)の body{overflow:hidden scroll} は body自体を
   スクロールコンテナ化するため、子孫の position:sticky が効かない。
   clip visible に上書きすると html スクロール基準で sticky が有効になる。 */
body:has(.vis-26aw) {
  overflow: clip visible;
}

.vis-26aw {
  --u: calc(100vw / 2500);
  position: relative;
  /* 左右の固定画像(100vh)とムービー下の白面(100vh)は特集ページの箱からはみ出して
     描画されるため、そのままだと下に続く共通フッタの上に被ってしまう。
     overflow:clip で特集ページの範囲に描画を閉じる
     （clipはスクロールコンテナを作らないので子孫のstickyは効いたまま）。 */
  overflow: clip;
  background: #fff;
  color: #525252;
  line-height: 1;
}
@media (max-width: 767px) {
  .vis-26aw {
    --u: calc(100vw / 826);
  }
}
.vis-26aw img {
  display: block;
  width: 100%;
  height: auto;
}
.vis-26aw a {
  color: inherit;
  text-decoration: none;
}
.vis-26aw .vc-fv {
  position: sticky;
  top: var(--stick-top, 0px);
  z-index: 0;
  height: calc(1220 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-fv {
    height: calc(1220 * var(--u));
  }
}
.vis-26aw {
  /* PCのみ：左右の画像は特集ページの間ずっと画面に固定。
     本文（.vc-flow）とムービーはカラム幅の白面なので、中央だけがこの上を流れる。
     sticky + margin-bottom:-100vh とすることで、レイアウトの高さには影響させず、
     かつ特集ページを抜けた先（共通フッタ）までは残らないようにしている。 */
}
.vis-26aw .vc-fv__sides {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  margin-bottom: -100vh;
  pointer-events: none;
}
.vis-26aw .vc-fv__side {
  position: absolute;
  top: 0;
  width: calc(838 * var(--u));
  height: 100%;
  object-fit: cover;
}
.vis-26aw .vc-fv__side--l {
  left: 0;
}
.vis-26aw .vc-fv__side--r {
  right: 0;
}
.vis-26aw .vc-fv__col {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(826 * var(--u));
  height: 100%;
  transform: translateX(-50%);
}
.vis-26aw .vc-fv__photo {
  position: absolute;
  inset: 0;
}
.vis-26aw .vc-fv__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vis-26aw .vc-fv__logo {
  position: absolute;
  left: calc(16 * var(--u));
  top: calc(16 * var(--u));
  width: calc(147 * var(--u));
}
.vis-26aw .vc-fv__title {
  position: absolute;
  left: calc(49 * var(--u));
  top: calc(530 * var(--u));
  width: calc(726 * var(--u));
}
.vis-26aw .vc-fv__scroll {
  position: absolute;
  left: calc(293 * var(--u));
  top: calc(984 * var(--u));
  width: calc(240 * var(--u));
}
.vis-26aw .vc-fv__scrolltxt {
  width: calc(220 * var(--u));
  margin-left: calc(9 * var(--u));
}
.vis-26aw .vc-fv__scrollbar {
  position: absolute;
  left: calc(119 * var(--u));
  top: calc(114 * var(--u));
  display: block;
  width: calc(2 * var(--u));
  height: calc(95 * var(--u));
  background: #fff;
}
.vis-26aw .vc-fv__scrolldot {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: calc(10 * var(--u));
  height: calc(10 * var(--u));
  margin-left: calc(-5 * var(--u));
  border-radius: 50%;
  background: #fff;
  animation: vc-scrolldot 2.2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes vc-scrolldot {
  0% {
    transform: translateY(calc(-5 * var(--u)));
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  82% {
    opacity: 1;
  }
  100% {
    transform: translateY(calc(90 * var(--u)));
    opacity: 0;
  }
}
.vis-26aw .vc-flow {
  position: relative;
  display: flow-root;
  width: calc(826 * var(--u));
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}
.vis-26aw .vc-flow--1 {
  z-index: 1;
}
.vis-26aw .vc-flow--2 {
  z-index: 2;
}
.vis-26aw .vc-sec {
  position: relative;
  width: calc(826 * var(--u));
  margin-right: auto;
  margin-left: auto;
}
.vis-26aw .vc-sec > * {
  position: absolute;
}
.vis-26aw .vc-wrap {
  overflow: hidden;
}
.vis-26aw .vc-wrap > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vis-26aw .vc-wrap > img + img {
  position: absolute;
}
.vis-26aw .vc-switch {
  overflow: hidden;
}
.vis-26aw .vc-switch .vc-switch__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.vis-26aw .vc-switch .vc-switch__img.is-current {
  opacity: 1;
}
.vis-26aw {
  /* 固定中はファーストビュー(z-index:0)の上に乗っている状態になるため、
     ムービーの上下の余白から下のFVが透けないよう白い面で覆う。 */
}
.vis-26aw .vc-movie {
  position: sticky;
  top: var(--stick-top, 0px);
  z-index: 1;
  width: calc(826 * var(--u));
  margin-right: auto;
  margin-left: auto;
  padding-top: calc(70 * var(--u));
  background: #fff;
}
.vis-26aw .vc-movie::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  height: 100vh;
  background: #fff;
  pointer-events: none;
}
.vis-26aw .vc-movie__inner {
  width: calc(826 * var(--u));
  height: calc(1467 * var(--u));
  margin: 0 auto;
  background: #fff;
}
.vis-26aw .vc-movie__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vis-26aw .vc-credit {
  margin-top: calc(-10 * var(--u));
  font-family: "abril-display", "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  font-size: calc(22.7 * var(--u));
  line-height: calc(42 * var(--u));
  color: #525252;
  white-space: nowrap;
  letter-spacing: 0;
}
.vis-26aw .vc-credit__line {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.vis-26aw .vc-buy {
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .vis-26aw .vc-buy:hover {
    opacity: 0.55;
  }
}
.vis-26aw .vc-staff {
  height: calc(858 * var(--u));
  margin-top: calc(70 * var(--u));
}
.vis-26aw .vc-staff__photo {
  left: 0;
  top: 0;
  width: calc(826 * var(--u));
}
.vis-26aw .vc-staff__txt {
  left: calc(25 * var(--u));
  top: calc(39 * var(--u));
  font-family: "abril-display", "Times New Roman", serif;
  font-style: italic;
  font-size: calc(21 * var(--u));
  line-height: calc(40 * var(--u));
  color: #fff;
  white-space: nowrap;
}
.vis-26aw .vc-staff__txt p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.vis-26aw .vc-staff__footer {
  left: calc(439 * var(--u));
  top: calc(741 * var(--u));
  width: calc(358 * var(--u));
}
.vis-26aw .vc-fade {
  opacity: 0;
  transition: opacity 1.4s ease;
}
.vis-26aw .vc-fade--d1 {
  transition-delay: 0.8s;
}
.vis-26aw .vc-fade--d2 {
  transition-delay: 1.4s;
}
.vis-26aw.is-loaded .vc-fade {
  opacity: 1;
}
.vis-26aw .vc-fade-in {
  opacity: 0;
  transition: opacity 1.2s ease;
}
.vis-26aw .vc-fade-in--d1 {
  transition-delay: 0.5s;
}
.vis-26aw .vc-fade-in.is-visible {
  opacity: 1;
}
.vis-26aw {
  /* 参考サイト（lily-brw.com の .thumbnail-list-rotate）と同じ挙動。
     perspective 1000px の Y軸回転 180deg → 0deg のカードフリップで、
     回転中はカードの地色だけが見え、正面を向いてから写真がゆっくり現れる。
     数値（0.8s / cubic-bezier(0.25,0.46,0.45,0.94) / 0.1s、
     画像は opacity 2.2s ease 0.2s）は参考サイトの実装に合わせている。 */
}
.vis-26aw .vc-rotin {
  transform: perspective(1000px) rotateY(180deg);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.vis-26aw .vc-rotin img {
  opacity: 0;
}
.vis-26aw .vc-rotin.is-visible {
  transform: perspective(1000px) rotateY(0deg);
}
.vis-26aw .vc-rotin.is-visible img {
  opacity: 1;
  transition: opacity 2.2s ease 0.2s;
}
.vis-26aw .vc-look01 {
  height: calc(1750 * var(--u));
  margin-top: calc(177 * var(--u));
}
.vis-26aw .vc-look01__p1wrap {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look01__p1-txt {
  left: calc(49 * var(--u));
  top: calc(394 * var(--u));
  width: calc(340 * var(--u));
}
.vis-26aw .vc-look01__p2 {
  left: calc(0 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look01__p3 {
  left: calc(345 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look01__credit {
  left: calc(65 * var(--u));
  top: calc(1579 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look01__credit {
    top: calc(1444 / 750 * 100vw);
  }
}
.vis-26aw .vc-look02 {
  height: calc(1750 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look02__p1wrap {
  background: #fffce9;
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look02__p1-txt {
  left: calc(117 * var(--u));
  top: calc(908 * var(--u));
  width: calc(590 * var(--u));
}
.vis-26aw .vc-look02__p2 {
  left: calc(0 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look02__p3 {
  left: calc(418 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look02__credit {
  left: calc(28 * var(--u));
  top: calc(1684 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look02__credit {
    top: calc(1530 / 750 * 100vw);
  }
}
.vis-26aw .vc-look03 {
  height: calc(1233 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look03__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
}
.vis-26aw .vc-look03__txt {
  left: calc(58 * var(--u));
  top: calc(215 * var(--u));
  width: calc(374 * var(--u));
}
.vis-26aw .vc-look03__p2 {
  left: calc(0 * var(--u));
  top: calc(593 * var(--u));
  width: calc(481 * var(--u));
  height: calc(640 * var(--u));
}
.vis-26aw .vc-look03__p3 {
  left: calc(491 * var(--u));
  top: calc(593 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look03__txt {
  left: calc(58 * var(--u));
  top: calc(215 * var(--u));
  width: calc(374 * var(--u));
}
.vis-26aw .vc-look03__credit {
  left: calc(539 * var(--u));
  top: calc(1083 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look03__credit {
    top: calc(998 / 750 * 100vw);
  }
}
.vis-26aw .vc-look04 {
  height: calc(1370 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look04__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(481 * var(--u));
  height: calc(640 * var(--u));
}
.vis-26aw .vc-look04__p2 {
  left: calc(491 * var(--u));
  top: calc(0 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look04__p3wrap {
  left: calc(0 * var(--u));
  top: calc(650 * var(--u));
  width: calc(826 * var(--u));
  height: calc(583 * var(--u));
}
.vis-26aw .vc-look04__p3-txt {
  left: calc(105 * var(--u));
  top: calc(284 * var(--u));
  width: calc(642 * var(--u));
}
.vis-26aw .vc-look04__credit {
  left: calc(29 * var(--u));
  top: calc(1263 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look04__credit {
    top: calc(1148 / 750 * 100vw);
  }
}
.vis-26aw .vc-look05 {
  height: calc(1196 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look05__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look05__credit {
  left: calc(29 * var(--u));
  top: calc(1130 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look05__credit {
    top: calc(1028 / 750 * 100vw);
  }
}
.vis-26aw .vc-look06 {
  height: calc(1290 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look06__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look06__p2 {
  left: calc(345 * var(--u));
  top: calc(0 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look06__p3 {
  left: calc(0 * var(--u));
  top: calc(456 * var(--u));
  width: calc(333 * var(--u));
}
.vis-26aw .vc-look06__p4 {
  left: calc(345 * var(--u));
  top: calc(650 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look06__credit {
  left: calc(52 * var(--u));
  top: calc(1001 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look06__credit {
    top: calc(911 / 750 * 100vw);
  }
}
.vis-26aw .vc-look07 {
  height: calc(2304 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look07__p1wrap {
  background: #7a887d;
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look07__p1-txt {
  left: calc(422 * var(--u));
  top: calc(333 * var(--u));
  width: calc(426 * var(--u));
}
.vis-26aw .vc-look07__p2 {
  left: calc(0 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look07__p3 {
  left: calc(418 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look07__p4 {
  left: calc(345 * var(--u));
  top: calc(1664 * var(--u));
  width: calc(481 * var(--u));
  height: calc(640 * var(--u));
}
.vis-26aw .vc-look07__credit {
  left: calc(58 * var(--u));
  top: calc(1869 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look07__credit {
    top: calc(1710 / 750 * 100vw);
  }
}
.vis-26aw .vc-look08 {
  height: calc(1290 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look08__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look08__p2 {
  left: calc(491 * var(--u));
  top: calc(0 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look08__p3 {
  left: calc(491 * var(--u));
  top: calc(456 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look08__p4 {
  left: calc(0 * var(--u));
  top: calc(650 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look08__credit {
  left: calc(543 * var(--u));
  top: calc(1022 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look08__credit {
    top: calc(930 / 750 * 100vw);
  }
}
.vis-26aw .vc-look09 {
  height: calc(1750 * var(--u));
  margin-top: calc(70 * var(--u));
}
.vis-26aw .vc-look09__p1wrap {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look09__p1-txt {
  left: calc(449 * var(--u));
  top: calc(422 * var(--u));
  width: calc(336 * var(--u));
}
.vis-26aw .vc-look09__p2 {
  left: calc(0 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look09__p3 {
  left: calc(418 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(408 * var(--u));
  height: calc(544 * var(--u));
}
.vis-26aw .vc-look09__credit {
  left: calc(29 * var(--u));
  top: calc(1684 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look09__credit {
    top: calc(1533 / 750 * 100vw);
  }
}
.vis-26aw .vc-look10 {
  height: calc(902 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look10__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look10__p2 {
  left: calc(345 * var(--u));
  top: calc(0 * var(--u));
  width: calc(481 * var(--u));
  height: calc(640 * var(--u));
}
.vis-26aw .vc-look10__p3 {
  left: calc(0 * var(--u));
  top: calc(456 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look10__credit {
  left: calc(476 * var(--u));
  top: calc(676 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look10__credit {
    top: calc(621 / 750 * 100vw);
  }
}
.vis-26aw .vc-look11 {
  height: calc(1888 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look11__p1wrap {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(826 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look11__p1-txt {
  left: calc(471 * var(--u));
  top: calc(397 * var(--u));
  width: calc(321 * var(--u));
}
.vis-26aw .vc-look11__p2 {
  left: calc(0 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(481 * var(--u));
  height: calc(640 * var(--u));
}
.vis-26aw .vc-look11__p3 {
  left: calc(491 * var(--u));
  top: calc(1110 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look11__credit {
  left: calc(29 * var(--u));
  top: calc(1780 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look11__credit {
    top: calc(1622 / 750 * 100vw);
  }
}
.vis-26aw .vc-look12 {
  height: calc(1193 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look12__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look12__p2 {
  left: calc(418 * var(--u));
  top: calc(0 * var(--u));
  width: calc(408 * var(--u));
  height: calc(544 * var(--u));
}
.vis-26aw .vc-look12__p3 {
  left: calc(0 * var(--u));
  top: calc(554 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look12__p4 {
  left: calc(418 * var(--u));
  top: calc(554 * var(--u));
  width: calc(408 * var(--u));
}
.vis-26aw .vc-look12__credit {
  left: calc(29 * var(--u));
  top: calc(1128 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look12__credit {
    top: calc(1030 / 750 * 100vw);
  }
}
.vis-26aw .vc-look13 {
  height: calc(1100 * var(--u));
  margin-top: calc(25 * var(--u));
}
.vis-26aw .vc-look13__p1wrap {
  background: #c39774;
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(825 * var(--u));
  height: calc(1100 * var(--u));
}
.vis-26aw .vc-look13__p1-txt {
  left: calc(91 * var(--u));
  top: calc(132 * var(--u));
  width: calc(641 * var(--u));
}
.vis-26aw .vc-look14 {
  height: calc(1290 * var(--u));
  margin-top: calc(30 * var(--u));
}
.vis-26aw .vc-look14__p1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look14__p2 {
  left: calc(345 * var(--u));
  top: calc(0 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look14__p3 {
  left: calc(0 * var(--u));
  top: calc(456 * var(--u));
  width: calc(335 * var(--u));
}
.vis-26aw .vc-look14__p4 {
  left: calc(345 * var(--u));
  top: calc(650 * var(--u));
  width: calc(481 * var(--u));
}
.vis-26aw .vc-look14__credit {
  left: calc(56 * var(--u));
  top: calc(989 * var(--u));
}
@media (max-width: 767px) {
  .vis-26aw .vc-look14__credit {
    top: calc(898 / 750 * 100vw);
  }
}

/*# sourceMappingURL=style.css.map */