@charset "UTF-8";
/* PC支給前のSP確認用。780pxを超える幅ではSPキャンバスを中央配置する。 */
.fv {
  position: relative;
  height: calc(1555 * var(--u));
  isolation: isolate;
}

.fv__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-background);
}

.fv > .asset, .fv__intro {
  z-index: var(--z-content);
}

.fv__photos {
  position: absolute;
  left: 0;
  top: calc(379 * var(--u));
  width: 100%;
  height: calc(660 * var(--u));
  overflow: hidden;
  z-index: var(--z-content);
}

.fv__track {
  display: flex;
  gap: calc(29 * var(--u));
  position: relative;
  left: calc(-15 * var(--u));
  width: max-content;
  height: 100%;
  animation: photo-loop var(--motion-loop) linear infinite;
  animation-play-state: paused;
}

.fv__slide {
  flex: 0 0 calc(383 * var(--u));
  width: calc(383 * var(--u));
  height: 100%;
}

.fv__slide img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
} /* 支給写真(1441×1979)と枠(383×660)は比が違う。引き伸ばさず切り出す（FB 2026-09-17） */
.fv__slide[data-crop=left] img {
  object-position: 0% 50%;
}

.fv__slide[data-crop=right] img {
  object-position: 100% 50%;
} /* 1・2枚目の切り位置はカンプ実測 */
.fv__intro {
  position: absolute;
  left: 0;
  width: 100%;
}

.js-ready .fv__intro {
  opacity: 0;
}

.js-ready .fv__intro.is-visible {
  animation: intro-reveal var(--motion-reveal) var(--motion-easing) var(--motion-delay) both;
}

.fv__pause {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: var(--z-control);
  width: 24px;
  height: 24px;
  border: 0;
  padding: 6px;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

.fv__pause::before, .fv__pause::after {
  content: "";
  position: absolute;
  top: 7px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.fv__pause::before {
  left: 8px;
}

.fv__pause::after {
  right: 8px;
}

.fv__pause[data-paused=true]::before {
  top: 6px;
  left: 9px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid currentColor;
}

.fv__pause[data-paused=true]::after {
  display: none;
}

@keyframes photo-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-2472 * var(--u)));
  }
}
@keyframes intro-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fv__track {
    animation: none;
  }
  .js-ready .fv__intro, .js-ready .fv__intro.is-visible {
    opacity: 1;
    animation: none;
  }
}
.fv__intro {
  top: calc(1083.205 * var(--u));
  height: calc(301.534 * var(--u));
}

#story-logo {
  left: calc(30.247 * var(--u));
  top: calc(31.625 * var(--u));
  width: calc(155.395 * var(--u));
  height: calc(38.36 * var(--u));
}

#social-x {
  left: calc(563.752 * var(--u));
  top: calc(41.849 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

#social-line {
  left: calc(613.752 * var(--u));
  top: calc(41.849 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

#social-facebook {
  left: calc(663.752 * var(--u));
  top: calc(41.849 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

#social-instagram {
  left: calc(713.752 * var(--u));
  top: calc(41.849 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

#fv-title {
  left: calc(130.379 * var(--u));
  top: calc(92.007 * var(--u));
  width: calc(525.977 * var(--u));
  height: calc(246.598 * var(--u));
}

#intro-lead {
  left: calc(59.248 * var(--u));
  top: calc(0 * var(--u));
  width: calc(661.504 * var(--u));
  height: calc(53.4 * var(--u));
}

#sponsored {
  left: calc(650.287 * var(--u));
  top: calc(20.392 * var(--u));
  width: calc(85.5 * var(--u));
  height: calc(15 * var(--u));
}

#intro-body {
  left: calc(71.079 * var(--u));
  top: calc(95.784 * var(--u));
  width: calc(635.5 * var(--u));
  height: calc(205.75 * var(--u));
}

.masterpiece__background {
  pointer-events: none;
}

.masterpiece__items {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
}

.masterpiece__items > .asset {
  scroll-snap-align: start;
}

.section-motion-ready .reveal {
  opacity: 0;
}

.section-motion-ready .reveal.is-visible {
  animation: masterpiece-reveal var(--reveal-duration) var(--motion-easing) var(--reveal-delay) both;
}

@keyframes masterpiece-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .section-motion-ready .reveal, .section-motion-ready .reveal.is-visible {
    opacity: 1;
    animation: none;
  }
}
/* 発注02。AI正本の780px座標から名品1を配置する。 */
#masterpiece-1 {
  position: relative;
  margin-top: calc(-20.41 * var(--u));
  height: calc(3133.898 * var(--u));
}

#masterpiece-1-background-1 {
  left: calc(0 * var(--u));
  top: calc(20.41 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2156.619 * var(--u));
}

#masterpiece-1-background-1 {
  background: #B5A99F;
}

#masterpiece-1-background-2 {
  left: calc(0 * var(--u));
  top: calc(2177.029 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.869 * var(--u));
}

#masterpiece-1-background-2 {
  background: #FFFFFF;
}

#masterpiece-1-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(0 * var(--u));
  width: calc(162.517 * var(--u));
  height: calc(163.052 * var(--u));
}

#masterpiece-1-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-1-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(162.517 * var(--u));
  height: calc(163.052 * var(--u));
}

#masterpiece-1-group2-title {
  left: calc(58.969 * var(--u));
  top: calc(206.669 * var(--u));
  width: calc(663.835 * var(--u));
  height: calc(326.054 * var(--u));
}

#masterpiece-1-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-1-group3-quote {
  left: calc(105.309 * var(--u));
  top: calc(567.478 * var(--u));
  width: calc(587.523 * var(--u));
  height: calc(194.26 * var(--u));
}

#masterpiece-1-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-1-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(802.199 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-1-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-1-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-1-item-carousel {
  left: calc(140 * var(--u));
  top: calc(2322.578 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-1-product-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-1-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2252.345 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.035 * var(--u));
}

#masterpiece-1-card-divider {
  left: calc(89.75 * var(--u));
  top: calc(3014.33 * var(--u));
  width: calc(600.5 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-1-photo-credit {
  left: calc(92.352 * var(--u));
  top: calc(1918.159 * var(--u));
  width: calc(595.25 * var(--u));
  height: calc(174 * var(--u));
}

#masterpiece-1-credit-divider {
  left: calc(89.575 * var(--u));
  top: calc(2132.17 * var(--u));
  width: calc(600.85 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-1-product-name {
  left: calc(93.5 * var(--u));
  top: calc(2955.895 * var(--u));
  width: calc(253.25 * var(--u));
  height: calc(22.25 * var(--u));
}

#masterpiece-1-product-size {
  left: calc(92 * var(--u));
  top: calc(2988.913 * var(--u));
  font-size: calc(16.832 * var(--u));
} /* 設計値は 118×16.5 の画像枠。文字で組むため寸法指定をやめ、字の大きさで合わせる（2026-09-16） */
#masterpiece-1-product-price {
  left: calc(95.112 * var(--u));
  top: calc(3037.14 * var(--u));
  width: calc(103.75 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-1-detail {
  left: calc(582.98 * var(--u));
  top: calc(3026.058 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-1-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-1-detail-label {
  left: calc(25.359 * var(--u));
  top: calc(8.68 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

.masterpiece__items--multiple {
  scrollbar-width: none;
  cursor: grab;
}

.masterpiece__items--multiple::-webkit-scrollbar {
  display: none;
}

.masterpiece__items--multiple.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.masterpiece__items--multiple img {
  pointer-events: none;
}

.masterpiece__carousel-button {
  width: 44px;
  height: 44px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.masterpiece__carousel-button[aria-disabled=true] {
  cursor: default;
}

/* 発注03。AI正本の780px座標から名品2を配置する。 */
#masterpiece-2 {
  position: relative;
  margin-top: calc(0 * var(--u));
  height: calc(3430.696 * var(--u));
}

#masterpiece-2-background-0 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2358.61 * var(--u));
}

#masterpiece-2-background-0 {
  background: #B5A99F;
}

#masterpiece-2-background-1 {
  left: calc(0 * var(--u));
  top: calc(2358.61 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-2-background-1 {
  background: #FFFFFF;
}

#masterpiece-2-background-2 {
  left: calc(0 * var(--u));
  top: calc(3315.481 * var(--u));
  width: calc(780 * var(--u));
  height: calc(115.215 * var(--u));
}

#masterpiece-2-background-2 {
  background: #B5A99F;
}

#masterpiece-2-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(115.049 * var(--u));
  width: calc(170.819 * var(--u));
  height: calc(163.37 * var(--u));
}

#masterpiece-2-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-2-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(170.819 * var(--u));
  height: calc(163.37 * var(--u));
}

#masterpiece-2-group2-title {
  left: calc(128.77 * var(--u));
  top: calc(321.885 * var(--u));
  width: calc(519.042 * var(--u));
  height: calc(422.177 * var(--u));
}

#masterpiece-2-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-2-group3-quote {
  left: calc(104.174 * var(--u));
  top: calc(778.141 * var(--u));
  width: calc(568.815 * var(--u));
  height: calc(194.26 * var(--u));
}

#masterpiece-2-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-2-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(1012.872 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-2-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-2-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-2-item-carousel {
  left: calc(89.75 * var(--u));
  top: calc(2503.932 * var(--u));
  width: calc(600 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-2-product-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(600 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-2-product-1 {
  user-select: none;
}

#masterpiece-2-product-2 {
  left: calc(780 * var(--u));
  top: calc(0 * var(--u));
  width: calc(600 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-2-product-2 {
  user-select: none;
}

#masterpiece-2-product-2 .cover-note {
  left: calc(24 * var(--u));
  top: calc(24 * var(--u));
  font-size: calc(20 * var(--u));
} /* 表紙掲載アイテムの注記。枠の内側・左上（2026-09-18 本人指示） */
#masterpiece-2-product-3 {
  left: calc(1560 * var(--u));
  top: calc(0 * var(--u));
  width: calc(600 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-2-product-3 {
  user-select: none;
}

#masterpiece-2-carousel-prev-button {
  left: calc(55.623 * var(--u) - 22px);
  top: calc(2804.155 * var(--u) - 22px);
}

#masterpiece-2-carousel-prev {
  left: calc(22px - 6.295 * var(--u));
  top: calc(22px - 12.59 * var(--u));
  width: calc(12.59 * var(--u));
  height: calc(25.18 * var(--u));
}

#masterpiece-2-carousel-next-button {
  left: calc(733.504 * var(--u) - 22px);
  top: calc(2804.156 * var(--u) - 22px);
}

#masterpiece-2-carousel-next {
  left: calc(22px - 6.295 * var(--u));
  top: calc(22px - 12.59 * var(--u));
  width: calc(12.59 * var(--u));
  height: calc(25.18 * var(--u));
}

#masterpiece-2-photo-credit {
  left: calc(91 * var(--u));
  top: calc(2130.512 * var(--u));
  width: calc(595.5 * var(--u));
  height: calc(144 * var(--u));
}

#masterpiece-2-credit-divider {
  left: calc(89.575 * var(--u));
  top: calc(2313.757 * var(--u));
  width: calc(600.85 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-2-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2433.925 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.034 * var(--u));
}

#masterpiece-2-card-divider {
  left: calc(89.75 * var(--u));
  top: calc(3195.915 * var(--u));
  width: calc(600.5 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-2-product-name {
  left: calc(93 * var(--u));
  top: calc(3135.512 * var(--u));
  width: calc(407.5 * var(--u));
  height: calc(24.25 * var(--u));
}

#masterpiece-2-product-size {
  left: calc(91.75 * var(--u));
  top: calc(3170.369 * var(--u));
  font-size: calc(16.832 * var(--u));
} /* 設計値は 118×16.5 の画像枠。文字で組むため寸法指定をやめ、字の大きさで合わせる（2026-09-16） */
#masterpiece-2-product-price {
  left: calc(95.25 * var(--u));
  top: calc(3218.512 * var(--u));
  width: calc(100.75 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-2-detail {
  left: calc(582.98 * var(--u));
  top: calc(3207.651 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-2-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-2-detail-label {
  left: calc(25.27 * var(--u));
  top: calc(8.361 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

/* 発注04。AI正本の780px座標から名品3を配置する。 */
#masterpiece-3 {
  position: relative;
  margin-top: calc(0 * var(--u));
  height: calc(3328.181 * var(--u));
}

#masterpiece-3-background-0 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2262.074 * var(--u));
}

#masterpiece-3-background-0 {
  background: #B5A99F;
}

#masterpiece-3-background-1 {
  left: calc(0 * var(--u));
  top: calc(2262.074 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-3-background-1 {
  background: #FFFFFF;
}

#masterpiece-3-background-2 {
  left: calc(0 * var(--u));
  top: calc(3218.945 * var(--u));
  width: calc(780 * var(--u));
  height: calc(109.236 * var(--u));
}

#masterpiece-3-background-2 {
  background: #B5A99F;
}

#masterpiece-3-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(0 * var(--u));
  width: calc(167.842 * var(--u));
  height: calc(171.199 * var(--u));
}

#masterpiece-3-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-3-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(167.842 * var(--u));
  height: calc(171.199 * var(--u));
}

#masterpiece-3-group2-title {
  left: calc(64.521 * var(--u));
  top: calc(206.666 * var(--u));
  width: calc(651.958 * var(--u));
  height: calc(421.684 * var(--u));
}

#masterpiece-3-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-3-group3-quote {
  left: calc(149.528 * var(--u));
  top: calc(662.926 * var(--u));
  width: calc(489.446 * var(--u));
  height: calc(194.262 * var(--u));
}

#masterpiece-3-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-3-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(897.656 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-3-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-3-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-3-item-carousel {
  left: calc(139.75 * var(--u));
  top: calc(2407.396 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-3-product-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-3-photo-credit {
  left: calc(93.5 * var(--u));
  top: calc(2007.816 * var(--u));
  width: calc(593.75 * var(--u));
  height: calc(169 * var(--u));
}

#masterpiece-3-credit-divider {
  left: calc(89.575 * var(--u));
  top: calc(2217.221 * var(--u));
  width: calc(600.85 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-3-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2337.389 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.034 * var(--u));
}

#masterpiece-3-card-divider {
  left: calc(89.75 * var(--u));
  top: calc(3099.379 * var(--u));
  width: calc(600.5 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-3-product-name {
  left: calc(95 * var(--u));
  top: calc(3056.316 * var(--u));
  width: calc(153 * var(--u));
  height: calc(23.25 * var(--u));
}

#masterpiece-3-product-price {
  left: calc(95.25 * var(--u));
  top: calc(3122.066 * var(--u));
  width: calc(100.75 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-3-detail {
  left: calc(582.98 * var(--u));
  top: calc(3111.115 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-3-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-3-detail-label {
  left: calc(25.27 * var(--u));
  top: calc(8.451 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

/* 発注05。AI正本の780px座標から名品4を配置する。 */
#masterpiece-4 {
  position: relative;
  margin-top: calc(0 * var(--u));
  height: calc(3186.028 * var(--u));
}

#masterpiece-4-background-0 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2126.123 * var(--u));
}

#masterpiece-4-background-0 {
  background: #B5A99F;
}

#masterpiece-4-background-1 {
  left: calc(0 * var(--u));
  top: calc(2126.123 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-4-background-1 {
  background: #FFFFFF;
}

#masterpiece-4-background-2 {
  left: calc(0 * var(--u));
  top: calc(3082.993 * var(--u));
  width: calc(780 * var(--u));
  height: calc(103.035 * var(--u));
}

#masterpiece-4-background-2 {
  background: #B5A99F;
}

#masterpiece-4-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(0 * var(--u));
  width: calc(162.036 * var(--u));
  height: calc(174.189 * var(--u));
}

#masterpiece-4-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-4-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(162.036 * var(--u));
  height: calc(174.189 * var(--u));
}

#masterpiece-4-group2-title {
  left: calc(95.422 * var(--u));
  top: calc(215.252 * var(--u));
  width: calc(591.684 * var(--u));
  height: calc(326.521 * var(--u));
}

#masterpiece-4-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-4-group3-quote {
  left: calc(131.25 * var(--u));
  top: calc(573.455 * var(--u));
  width: calc(515.75 * var(--u));
  height: calc(177.93 * var(--u));
}

#masterpiece-4-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-4-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(808.185 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-4-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-4-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-4-item-carousel {
  left: calc(139.75 * var(--u));
  top: calc(2271.445 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-4-product-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(499.99 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-4-photo-credit {
  left: calc(92 * var(--u));
  top: calc(1929.135 * var(--u));
  width: calc(593 * var(--u));
  height: calc(112.75 * var(--u));
}

#masterpiece-4-credit-divider {
  left: calc(89.575 * var(--u));
  top: calc(2081.274 * var(--u));
  width: calc(600.85 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-4-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2201.445 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.034 * var(--u));
}

#masterpiece-4-card-divider {
  left: calc(89.75 * var(--u));
  top: calc(2963.434 * var(--u));
  width: calc(600.5 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-4-product-name {
  left: calc(93.5 * var(--u));
  top: calc(2920.885 * var(--u));
  width: calc(117 * var(--u));
  height: calc(23.75 * var(--u));
}

#masterpiece-4-product-price {
  left: calc(95.25 * var(--u));
  top: calc(2985.885 * var(--u));
  width: calc(104 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-4-detail {
  left: calc(582.98 * var(--u));
  top: calc(2975.163 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-4-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-4-detail-label {
  left: calc(25.27 * var(--u));
  top: calc(8.472 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

/* 発注06。AI正本の780px座標から名品5を配置する。 */
#masterpiece-5 {
  position: relative;
  margin-top: calc(0 * var(--u));
  height: calc(3332.795 * var(--u));
}

#masterpiece-5-background-0 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2260.705 * var(--u));
}

#masterpiece-5-background-0 {
  background: #B5A99F;
}

#masterpiece-5-background-1 {
  left: calc(0 * var(--u));
  top: calc(2260.705 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-5-background-1 {
  background: #FFFFFF;
}

#masterpiece-5-background-2 {
  left: calc(0 * var(--u));
  top: calc(3217.576 * var(--u));
  width: calc(780 * var(--u));
  height: calc(115.219 * var(--u));
}

#masterpiece-5-background-2 {
  background: #B5A99F;
}

#masterpiece-5-card-background {
  left: calc(0 * var(--u));
  top: calc(2260.705 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-5-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(0 * var(--u));
  width: calc(174.206 * var(--u));
  height: calc(182.31 * var(--u));
}

#masterpiece-5-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-5-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(174.206 * var(--u));
  height: calc(182.31 * var(--u));
}

#masterpiece-5-group2-title {
  left: calc(67.434 * var(--u));
  top: calc(221.46 * var(--u));
  width: calc(648.441 * var(--u));
  height: calc(372.522 * var(--u));
}

#masterpiece-5-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-5-group3-quote {
  left: calc(93.574 * var(--u));
  top: calc(613.678 * var(--u));
  width: calc(589.25 * var(--u));
  height: calc(194.261 * var(--u));
}

#masterpiece-5-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-5-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(848.395 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-5-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-5-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-5-item-carousel {
  left: calc(141.47 * var(--u));
  top: calc(2406.027 * var(--u));
  width: calc(498.28 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-5-product-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(498.28 * var(--u));
  height: calc(599.99 * var(--u));
}

#masterpiece-5-credit-divider {
  left: calc(90 * var(--u));
  top: calc(2215.858 * var(--u));
  width: calc(600 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-5-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2336.027 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.035 * var(--u));
}

#masterpiece-5-card-divider {
  left: calc(90 * var(--u));
  top: calc(3098.015 * var(--u));
  width: calc(600 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-5-photo-credit {
  left: calc(91.322 * var(--u));
  top: calc(1971.091 * var(--u));
  width: calc(595.75 * var(--u));
  height: calc(204.75 * var(--u));
}

#masterpiece-5-product-name {
  left: calc(93 * var(--u));
  top: calc(3038.322 * var(--u));
  width: calc(229.75 * var(--u));
  height: calc(23.75 * var(--u));
}

#masterpiece-5-product-size {
  left: calc(91.999 * var(--u));
  top: calc(3072.607 * var(--u));
  font-size: calc(16.832 * var(--u));
} /* 設計値は 118×16.5 の画像枠。文字で組むため寸法指定をやめ、字の大きさで合わせる（2026-09-16） */
#masterpiece-5-product-price {
  left: calc(95.362 * var(--u));
  top: calc(3120.828 * var(--u));
  width: calc(104.25 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-5-detail {
  left: calc(582.98 * var(--u));
  top: calc(3109.746 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-5-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-5-detail-label {
  left: calc(25.359 * var(--u));
  top: calc(8.42 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

/* 発注07。AI正本の780px座標から名品6を配置する。 */
#masterpiece-6 {
  position: relative;
  margin-top: calc(0 * var(--u));
  height: calc(3285.425 * var(--u));
}

#masterpiece-6-background-0 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(2242.65 * var(--u));
}

#masterpiece-6-background-0 {
  background: #B5A99F;
}

#masterpiece-6-background-1 {
  left: calc(0 * var(--u));
  top: calc(2242.65 * var(--u));
  width: calc(780 * var(--u));
  height: calc(956.871 * var(--u));
}

#masterpiece-6-background-1 {
  background: #FFFFFF;
}

#masterpiece-6-background-2 {
  left: calc(0 * var(--u));
  top: calc(3199.521 * var(--u));
  width: calc(780 * var(--u));
  height: calc(85.904 * var(--u));
}

#masterpiece-6-background-2 {
  background: #B5A99F;
}

#masterpiece-6-group1-number {
  left: calc(270.22 * var(--u));
  top: calc(0 * var(--u));
  width: calc(170.338 * var(--u));
  height: calc(171.152 * var(--u));
}

#masterpiece-6-group1-number {
  --reveal-duration: 800ms;
  --reveal-delay: 0ms;
}

#masterpiece-6-number {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(170.338 * var(--u));
  height: calc(171.152 * var(--u));
}

#masterpiece-6-group2-title {
  left: calc(180.029 * var(--u));
  top: calc(206.66 * var(--u));
  width: calc(425.771 * var(--u));
  height: calc(422.261 * var(--u));
}

#masterpiece-6-group2-title {
  --reveal-duration: 800ms;
  --reveal-delay: 160ms;
}

#masterpiece-6-group3-quote {
  left: calc(132 * var(--u));
  top: calc(668.597 * var(--u));
  width: calc(512 * var(--u));
  height: calc(187.208 * var(--u));
}

#masterpiece-6-group3-quote {
  --reveal-duration: 800ms;
  --reveal-delay: 320ms;
}

#masterpiece-6-group4-main-photo {
  left: calc(0 * var(--u));
  top: calc(897.64 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-6-group4-main-photo {
  --reveal-duration: 1200ms;
  --reveal-delay: 480ms;
}

#masterpiece-6-main-photo {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(780 * var(--u));
  height: calc(1070 * var(--u));
}

#masterpiece-6-item-carousel {
  left: calc(141.47 * var(--u));
  top: calc(2387.96 * var(--u));
  width: calc(498.28 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-6-product-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(498.28 * var(--u));
  height: calc(600 * var(--u));
}

#masterpiece-6-photo-credit {
  left: calc(93.75 * var(--u));
  top: calc(2014.812 * var(--u));
  width: calc(593 * var(--u));
  height: calc(142.75 * var(--u));
}

#masterpiece-6-credit-divider {
  left: calc(90 * var(--u));
  top: calc(2197.803 * var(--u));
  width: calc(600 * var(--u));
  height: calc(0.85 * var(--u));
}

#masterpiece-6-item-label {
  left: calc(345.103 * var(--u));
  top: calc(2317.968 * var(--u));
  width: calc(91.312 * var(--u));
  height: calc(36.035 * var(--u));
}

#masterpiece-6-card-divider {
  left: calc(90 * var(--u));
  top: calc(3079.962 * var(--u));
  width: calc(600 * var(--u));
  height: calc(0.5 * var(--u));
}

#masterpiece-6-product-name {
  left: calc(93.5 * var(--u));
  top: calc(3036.562 * var(--u));
  width: calc(149.5 * var(--u));
  height: calc(24.25 * var(--u));
}

#masterpiece-6-product-price {
  left: calc(95.25 * var(--u));
  top: calc(3102.562 * var(--u));
  width: calc(102.25 * var(--u));
  height: calc(21.25 * var(--u));
}

#masterpiece-6-detail {
  left: calc(582.98 * var(--u));
  top: calc(3091.691 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-6-detail-background {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(107.02 * var(--u));
  height: calc(40 * var(--u));
}

#masterpiece-6-detail-label {
  left: calc(25.27 * var(--u));
  top: calc(8.371 * var(--u));
  width: calc(55.5 * var(--u));
  height: calc(22.75 * var(--u));
}

/* 発注09。PC正本1920px座標。SPの描画領域と媒体ヘッダーを切り替える。 */
.pc-content {
  display: none;
}

.pc-header-image {
  display: none;
}

@media (min-width: 780px) {
  :root {
    --pc-u: 0.05208333333333333vw;
  }
  .container {
    width: 100%;
  }
  .sp-content {
    display: none;
  }
  .pc-content {
    display: block;
  }
  .content__header {
    height: calc(90 * var(--pc-u));
  }
  .sp-header-image {
    display: none;
  }
  .pc-header-image {
    display: block;
  }
  #pc-mainVisual {
    height: calc(1130 * var(--pc-u));
  }
  #pc-mainVisual .fv__photos {
    left: 0;
    top: calc(52.52 * var(--pc-u));
    width: 100%;
    height: calc(608.125 * var(--pc-u));
  }
  #pc-mainVisual .fv__track {
    left: calc(-383.375 * var(--pc-u));
    gap: calc(26.231 * var(--pc-u));
    animation-name: pc-photo-loop;
  }
  #pc-mainVisual .fv__slide {
    flex-basis: calc(419.69 * var(--pc-u));
    width: calc(419.69 * var(--pc-u));
  }
  #pc-mainVisual .fv__intro {
    top: calc(876.367 * var(--pc-u));
    height: calc(177.963 * var(--pc-u));
  }
  #story-logo {
    left: calc(209.586 * var(--pc-u));
    top: calc(15.801 * var(--pc-u));
    width: calc(243.105 * var(--pc-u));
    height: calc(60.005 * var(--pc-u));
  }
  #social-x {
    left: calc(1444.156 * var(--pc-u));
    top: calc(31.789 * var(--pc-u));
    width: calc(34.418 * var(--pc-u));
    height: calc(34.418 * var(--pc-u));
  }
  #social-line {
    left: calc(1522.379 * var(--pc-u));
    top: calc(31.789 * var(--pc-u));
    width: calc(34.418 * var(--pc-u));
    height: calc(34.418 * var(--pc-u));
  }
  #social-facebook {
    left: calc(1600.601 * var(--pc-u));
    top: calc(31.789 * var(--pc-u));
    width: calc(34.418 * var(--pc-u));
    height: calc(34.419 * var(--pc-u));
  }
  #social-instagram {
    left: calc(1678.824 * var(--pc-u));
    top: calc(31.789 * var(--pc-u));
    width: calc(34.418 * var(--pc-u));
    height: calc(34.418 * var(--pc-u));
  }
  #pc-main-title {
    left: calc(519 * var(--pc-u));
    top: calc(556.868 * var(--pc-u));
    width: calc(905.333333 * var(--pc-u));
    height: calc(307.333333 * var(--pc-u));
  } /* 設計値は left 579.629 / top 617.513 / 783.452×240.894（本体のみ）。新タイトルPNGは影と下線を含む1枚のため、旧影レイヤーの枠へ置く（FB 2026-09-16） */
  #pc-sponsored {
    left: calc(1632.04 * var(--pc-u));
    top: calc(24.38 * var(--pc-u));
    width: calc(81.25 * var(--pc-u));
    height: calc(15 * var(--pc-u));
  }
  #pc-lead {
    left: calc(586.938 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(746.121 * var(--pc-u));
    height: calc(60.227 * var(--pc-u));
  }
  #pc-body-01 {
    left: calc(694.5 * var(--pc-u));
    top: calc(72.963 * var(--pc-u));
    width: calc(541.5 * var(--pc-u));
    height: calc(30 * var(--pc-u));
  }
  #pc-body-02 {
    left: calc(568.5 * var(--pc-u));
    top: calc(113.713 * var(--pc-u));
    width: calc(793.5 * var(--pc-u));
    height: calc(27.25 * var(--pc-u));
  }
  #pc-body-03 {
    left: calc(558 * var(--pc-u));
    top: calc(147.463 * var(--pc-u));
    width: calc(814.5 * var(--pc-u));
    height: calc(30.5 * var(--pc-u));
  }
}
@keyframes pc-photo-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-2675.526 * var(--pc-u)));
  }
}
/* STORY既納品の共通フッター。外部フォントは追加しない。 */
.content__footer {
  padding-top: 30px;
}

.content__footer__gotop {
  font-family: "Bellefair", serif;
  text-align: center;
  line-height: 1;
  background-color: #fff;
}

.content__footer__gotop a {
  display: block;
  padding: 19px 20px;
  font-size: 1.2rem;
  position: relative;
  overflow: visible;
}

.content__footer__gotop a img {
  width: 20px;
  height: auto;
  margin-left: -8px;
  position: absolute;
  left: 50%;
  top: -20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.content__footer__gotop a:hover {
  opacity: 1;
}

.content__footer__gotop a:hover img {
  top: -30px;
}

.content__footer__body {
  background-color: #bda690;
  padding: 31px 0 28px;
  text-align: center;
}

.content__footer__body__logo {
  margin-top: 26px;
  line-height: 1;
}

.content__footer__body__logo span {
  display: none;
}

.content__footer__body__logo img {
  width: 180px;
  height: 43px;
}

.content__footer__body__link {
  margin-top: 26px;
  font-size: 1.1rem;
  line-height: 1;
  color: #000;
}

.content__footer__body__link a {
  color: #000;
}

.content__footer__body__link a:hover {
  color: #000;
}

.content__footer__body__link span {
  font-family: "Bellefair", serif;
}

.content__footer__body__copy {
  margin-top: 23px;
  font-family: "Bellefair", serif;
  font-size: 1rem;
  line-height: 1;
}

.content__footer__body__copy small {
  font-family: Arial, Helvetica, "sans-serif";
  color: #000;
}

@media (max-width: 768px) {
  .content__footer__gotop a {
    padding: 4.93333vw 5.33333vw;
  }
  .content__footer__gotop a img {
    width: 2.66667vw;
    margin-left: -1.33333vw;
    top: -4.93333vw;
  }
  .content__footer__gotop a:hover img {
    top: -2.46667vw;
  }
  .content__footer__body {
    padding: 8.13333vw 0 7.06667vw;
  }
  .content__footer__body__logo {
    margin-top: 0;
  }
  .content__footer__body__logo img {
    width: 36.26667vw;
    height: auto;
  }
  .content__footer__body__link {
    margin-top: 6.4vw;
    color: #000;
  }
  .content__footer__body__link a {
    color: #000;
  }
  .content__footer__body__link a:hover {
    color: #000;
  }
  .content__footer__body__copy {
    margin-top: 7.33333vw;
  }
  .content__footer__body__copy small {
    font-size: 3.6vw;
  }
}
.content__footer__body__logo img {
  margin-inline: auto;
}

@media (prefers-reduced-motion: reduce) {
  .content__footer__gotop a img {
    transition: none;
  }
}
@media (max-width: 779px) {
  #sp-ending {
    position: relative;
    height: calc(1099.779 * var(--u));
    background: #B5A99F;
  } /* 末尾はベージュを敷く。名品6の背景と同じ色（2026-09-16 本人指示） */
  #sp-ending-background-0 {
    left: calc(69.375 * var(--u));
    top: calc(0 * var(--u));
    width: calc(641.25 * var(--u));
    height: calc(83.721 * var(--u));
  }
  #sp-ending-background-0 {
    background: #f2ece1;
  }
  #sp-ending-drawing-107 {
    left: calc(102.362 * var(--u));
    top: calc(255.037 * var(--u));
    width: calc(47.83 * var(--u));
    height: calc(298.551 * var(--u));
  }
  #sp-ending-drawing-108 {
    left: calc(622.44 * var(--u));
    top: calc(235.193 * var(--u));
    width: calc(47.83 * var(--u));
    height: calc(298.551 * var(--u));
  }
  #sp-ending-drawing-113 {
    left: calc(236.217 * var(--u));
    top: calc(33.623 * var(--u));
    width: calc(314.86 * var(--u));
    height: calc(20.969 * var(--u));
  }
  #sp-ending-drawing-177 {
    left: calc(312.839 * var(--u));
    top: calc(177.838 * var(--u));
    width: calc(154.32 * var(--u));
    height: calc(52.52 * var(--u));
  }
  #sp-ending-text-031 {
    left: calc(296.53 * var(--u));
    top: calc(874.578 * var(--u));
    width: calc(175.25 * var(--u));
    height: calc(17.25 * var(--u));
  }
  #sp-ending-text-032 {
    left: calc(322.474 * var(--u));
    top: calc(902.819 * var(--u));
    width: calc(135.25 * var(--u));
    height: calc(16.5 * var(--u));
  }
  #sp-ending-text-033 {
    left: calc(293.096 * var(--u));
    top: calc(931.059 * var(--u));
    width: calc(177.5 * var(--u));
    height: calc(16.5 * var(--u));
  }
  #sp-ending-text-034 {
    left: calc(302.552 * var(--u));
    top: calc(959.067 * var(--u));
    width: calc(175.25 * var(--u));
    height: calc(16.5 * var(--u));
  }
  #sp-ending-text-035 {
    left: calc(313.968 * var(--u));
    top: calc(986.807 * var(--u));
    width: calc(152.5 * var(--u));
    height: calc(16.75 * var(--u));
  }
  #sp-ending-text-036 {
    left: calc(251.572 * var(--u));
    top: calc(1014.547 * var(--u));
    width: calc(266.75 * var(--u));
    height: calc(19.5 * var(--u));
  }
  #sp-ending-text-037 {
    left: calc(195.389 * var(--u));
    top: calc(366.084 * var(--u));
    width: calc(386.75 * var(--u));
    height: calc(20 * var(--u));
  }
  #sp-ending-text-038 {
    left: calc(199.639 * var(--u));
    top: calc(400.35 * var(--u));
    width: calc(382.75 * var(--u));
    height: calc(19.75 * var(--u));
  }
  #sp-ending-text-039 {
    left: calc(195.639 * var(--u));
    top: calc(434.365 * var(--u));
    width: calc(389 * var(--u));
    height: calc(19.75 * var(--u));
  }
  #sp-ending-text-040 {
    left: calc(195.639 * var(--u));
    top: calc(467.881 * var(--u));
    width: calc(387.5 * var(--u));
    height: calc(20 * var(--u));
  }
  #sp-ending-text-041 {
    left: calc(198.139 * var(--u));
    top: calc(502.147 * var(--u));
    width: calc(210.75 * var(--u));
    height: calc(19.75 * var(--u));
  }
  #sp-ending-text-043 {
    left: calc(402.739 * var(--u));
    top: calc(502.397 * var(--u));
    width: calc(162.75 * var(--u));
    height: calc(19.5 * var(--u));
  }
  #sp-ending-text-044 {
    left: calc(195.639 * var(--u));
    top: calc(536.162 * var(--u));
    width: calc(359.25 * var(--u));
    height: calc(19.75 * var(--u));
  }
  #sp-ending-official-site {
    left: calc(69.375 * var(--u));
    top: calc(0 * var(--u));
    width: calc(641.25 * var(--u));
    height: calc(83.721 * var(--u));
  }
}
@media (min-width: 780px) {
  #pc-ending {
    position: relative;
    height: calc(1057.673 * var(--pc-u));
    background: #B5A99F;
  } /* 末尾はベージュを敷く。名品6の背景と同じ色（2026-09-16 本人指示） */
  #pc-ending-background-1 {
    left: calc(673.553 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(572.894 * var(--pc-u));
    height: calc(74.793 * var(--pc-u));
  }
  #pc-ending-background-1 {
    background: #f2ece1;
  }
  #pc-ending-drawing-48 {
    left: calc(822.61 * var(--pc-u));
    top: calc(30.041 * var(--pc-u));
    width: calc(281.294 * var(--pc-u));
    height: calc(18.734 * var(--pc-u));
  }
  #pc-ending-drawing-64 {
    left: calc(706.318 * var(--pc-u));
    top: calc(227.85 * var(--pc-u));
    width: calc(42.729 * var(--pc-u));
    height: calc(266.721 * var(--pc-u));
  }
  #pc-ending-drawing-65 {
    left: calc(1170.953 * var(--pc-u));
    top: calc(210.124 * var(--pc-u));
    width: calc(42.729 * var(--pc-u));
    height: calc(266.721 * var(--pc-u));
  }
  #pc-ending-drawing-91 {
    left: calc(894.354 * var(--pc-u));
    top: calc(158.881 * var(--pc-u));
    width: calc(137.877 * var(--pc-u));
    height: calc(46.925 * var(--pc-u));
  }
  #pc-ending-store-body-1 {
    left: calc(786.76 * var(--pc-u));
    top: calc(322.826 * var(--pc-u));
    width: calc(362.75 * var(--pc-u));
    height: calc(26.5 * var(--pc-u));
  }
  #pc-ending-store-body-2 {
    left: calc(786.76 * var(--pc-u));
    top: calc(353.216 * var(--pc-u));
    width: calc(353.25 * var(--pc-u));
    height: calc(148.25 * var(--pc-u));
  }
  #pc-ending-credit-1 {
    left: calc(877.649 * var(--pc-u));
    top: calc(777.565 * var(--pc-u));
    width: calc(165 * var(--pc-u));
    height: calc(23.25 * var(--pc-u));
  }
  #pc-ending-credit-2 {
    left: calc(897.976 * var(--pc-u));
    top: calc(802.587 * var(--pc-u));
    width: calc(124.5 * var(--pc-u));
    height: calc(23 * var(--pc-u));
  }
  #pc-ending-credit-3 {
    left: calc(872.953 * var(--pc-u));
    top: calc(827.61 * var(--pc-u));
    width: calc(158.25 * var(--pc-u));
    height: calc(23 * var(--pc-u));
  }
  #pc-ending-credit-4 {
    left: calc(882.232 * var(--pc-u));
    top: calc(852.632 * var(--pc-u));
    width: calc(156 * var(--pc-u));
    height: calc(23 * var(--pc-u));
  }
  #pc-ending-credit-5 {
    left: calc(891.72 * var(--pc-u));
    top: calc(877.655 * var(--pc-u));
    width: calc(137 * var(--pc-u));
    height: calc(23 * var(--pc-u));
  }
  #pc-ending-credit-6 {
    left: calc(838.186 * var(--pc-u));
    top: calc(902.677 * var(--pc-u));
    width: calc(244 * var(--pc-u));
    height: calc(23.25 * var(--pc-u));
  }
  #pc-ending-official-site {
    left: calc(673.553 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(572.894 * var(--pc-u));
    height: calc(74.793 * var(--pc-u));
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-1 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1601.929 * var(--pc-u));
  }
  #pc-masterpiece-1-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1601.929 * var(--pc-u));
  }
  #pc-masterpiece-1-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-1-background-1 {
    left: calc(1148.518 * var(--pc-u));
    top: calc(882.449 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.942 * var(--pc-u));
  }
  #pc-masterpiece-1-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-1-group1-number {
    left: calc(1244.663 * var(--pc-u));
    top: calc(107.988 * var(--pc-u));
    width: calc(141.782 * var(--pc-u));
    height: calc(142.253 * var(--pc-u));
  }
  #pc-masterpiece-1-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-1-group2-english-heading {
    left: calc(1066.976 * var(--pc-u));
    top: calc(285.661 * var(--pc-u));
    width: calc(579.154 * var(--pc-u));
    height: calc(355.758 * var(--pc-u));
  }
  #pc-masterpiece-1-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-1-group3-description {
    left: calc(374.331 * var(--pc-u));
    top: calc(644.046 * var(--pc-u));
    width: calc(1231.672 * var(--pc-u));
    height: calc(765.498 * var(--pc-u));
  }
  #pc-masterpiece-1-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-1-group4-photos {
    left: calc(296.999 * var(--pc-u));
    top: calc(301.471 * var(--pc-u));
    width: calc(1201.919 * var(--pc-u));
    height: calc(989.666 * var(--pc-u));
  }
  #pc-masterpiece-1-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-1-photo-24 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.302 * var(--pc-u));
    height: calc(974.944 * var(--pc-u));
  }
  #pc-masterpiece-1-photo-24 {
    overflow: hidden;
  }
  #pc-masterpiece-1-photo-24 > img {
    position: absolute;
    max-width: none;
    left: calc(-196.074 * var(--pc-u));
    top: calc(-107.414 * var(--pc-u));
    width: calc(898.433 * var(--pc-u));
    height: calc(1121.312 * var(--pc-u));
  }
  #pc-masterpiece-1-photo-33 {
    left: calc(923.831 * var(--pc-u));
    top: calc(655.958 * var(--pc-u));
    width: calc(278.088 * var(--pc-u));
    height: calc(333.708 * var(--pc-u));
  }
  #pc-masterpiece-1-photo-33 {
    overflow: hidden;
  }
  #pc-masterpiece-1-photo-33 > img {
    position: absolute;
    max-width: none;
    left: calc(-4.059 * var(--pc-u));
    top: calc(-39.474 * var(--pc-u));
    width: calc(288.731 * var(--pc-u));
    height: calc(404.224 * var(--pc-u));
  }
  #pc-masterpiece-1-detail {
    left: calc(1494.936 * var(--pc-u));
    top: calc(1364.438 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-2 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1412.019 * var(--pc-u));
  }
  #pc-masterpiece-2-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1412.019 * var(--pc-u));
  }
  #pc-masterpiece-2-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-2-background-1 {
    left: calc(348.77 * var(--pc-u));
    top: calc(692.54 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.943 * var(--pc-u));
  }
  #pc-masterpiece-2-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-2-group1-number {
    left: calc(453.749 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(149.028 * var(--pc-u));
    height: calc(142.533 * var(--pc-u));
  }
  #pc-masterpiece-2-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-2-group2-english-heading {
    left: calc(200.509 * var(--pc-u));
    top: calc(168.336 * var(--pc-u));
    width: calc(700.864 * var(--pc-u));
    height: calc(342.66 * var(--pc-u));
  }
  #pc-masterpiece-2-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-2-group3-description {
    left: calc(345.208 * var(--pc-u));
    top: calc(513.627 * var(--pc-u));
    width: calc(1173.696 * var(--pc-u));
    height: calc(706.006 * var(--pc-u));
  }
  #pc-masterpiece-2-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-2-drawing-241 {
    left: calc(385.576 * var(--pc-u));
    top: calc(410.348 * var(--pc-u));
    width: calc(6.459 * var(--pc-u));
    height: calc(12.917 * var(--pc-u));
  }
  #pc-masterpiece-2-drawing-241 {
    overflow: hidden;
  }
  #pc-masterpiece-2-drawing-241 > img {
    position: absolute;
    max-width: none;
    left: calc(-0.605 * var(--pc-u));
    top: calc(-0.605 * var(--pc-u));
    width: calc(7.669 * var(--pc-u));
    height: calc(14.127 * var(--pc-u));
  }
  #pc-masterpiece-2-drawing-242 {
    left: calc(37.801 * var(--pc-u));
    top: calc(410.347 * var(--pc-u));
    width: calc(6.459 * var(--pc-u));
    height: calc(12.917 * var(--pc-u));
  }
  #pc-masterpiece-2-drawing-242 {
    overflow: hidden;
  }
  #pc-masterpiece-2-drawing-242 > img {
    position: absolute;
    max-width: none;
    left: calc(-0.605 * var(--pc-u));
    top: calc(-0.605 * var(--pc-u));
    width: calc(7.669 * var(--pc-u));
    height: calc(14.127 * var(--pc-u));
  }
  #pc-masterpiece-2-group4-photos {
    left: calc(403.746 * var(--pc-u));
    top: calc(111.564 * var(--pc-u));
    width: calc(1219.252 * var(--pc-u));
    height: calc(974.94 * var(--pc-u));
  }
  #pc-masterpiece-2-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-2-photo-38 {
    left: calc(578.95 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.302 * var(--pc-u));
    height: calc(974.94 * var(--pc-u));
  }
  #pc-masterpiece-2-photo-38 {
    overflow: hidden;
  }
  #pc-masterpiece-2-photo-38 > img {
    position: absolute;
    max-width: none;
    left: calc(-159.599 * var(--pc-u));
    top: calc(-118.755 * var(--pc-u));
    width: calc(882.787 * var(--pc-u));
    height: calc(1115.74 * var(--pc-u));
  }
  #pc-masterpiece-2-item-carousel {
    left: calc(0 * var(--pc-u));
    top: calc(664.838 * var(--pc-u));
    width: calc(307.82 * var(--pc-u));
    height: calc(307.818 * var(--pc-u));
  }
  #pc-masterpiece-2-product-1 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(307.82 * var(--pc-u));
    height: calc(307.818 * var(--pc-u));
  }
  #pc-masterpiece-2-product-1 {
    overflow: hidden;
  }
  #pc-masterpiece-2-product-1 > img {
    position: absolute;
    max-width: none;
    left: calc(-30.123 * var(--pc-u));
    top: calc(-176.968 * var(--pc-u));
    width: calc(367.486 * var(--pc-u));
    height: calc(514.48 * var(--pc-u));
  }
  #pc-masterpiece-2-product-2 {
    left: calc(400 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(307.82 * var(--pc-u));
    height: calc(307.818 * var(--pc-u));
  }
  #pc-masterpiece-2-product-2 {
    overflow: hidden;
  }
  #pc-masterpiece-2-product-2 > img {
    position: absolute;
    max-width: none;
    left: calc(-30.123 * var(--pc-u));
    top: calc(-176.968 * var(--pc-u));
    width: calc(367.486 * var(--pc-u));
    height: calc(514.48 * var(--pc-u));
  }
  #pc-masterpiece-2-product-2 .cover-note {
    left: calc(12 * var(--pc-u));
    top: calc(12 * var(--pc-u));
    font-size: calc(13 * var(--pc-u));
  } /* 表紙掲載アイテムの注記。枠の内側・左上（2026-09-18 本人指示） */
  #pc-masterpiece-2-product-3 {
    left: calc(800 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(307.82 * var(--pc-u));
    height: calc(307.818 * var(--pc-u));
  }
  #pc-masterpiece-2-product-3 {
    overflow: hidden;
  }
  #pc-masterpiece-2-product-3 > img {
    position: absolute;
    max-width: none;
    left: calc(-30.123 * var(--pc-u));
    top: calc(-176.968 * var(--pc-u));
    width: calc(367.486 * var(--pc-u));
    height: calc(514.48 * var(--pc-u));
  }
  #pc-masterpiece-2-detail {
    left: calc(695.188 * var(--pc-u));
    top: calc(1174.779 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
  #pc-masterpiece-2-carousel-prev-button {
    left: calc(386.2385 * var(--pc-u) - 22px);
    top: calc(930.4325 * var(--pc-u) - 22px);
  }
  #pc-masterpiece-2-carousel-next-button {
    left: calc(734.0135 * var(--pc-u) - 22px);
    top: calc(930.4335 * var(--pc-u) - 22px);
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-3 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1499.462 * var(--pc-u));
  }
  #pc-masterpiece-3-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1499.462 * var(--pc-u));
  }
  #pc-masterpiece-3-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-3-background-1 {
    left: calc(1148.518 * var(--pc-u));
    top: calc(779.984 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.943 * var(--pc-u));
  }
  #pc-masterpiece-3-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-3-group1-number {
    left: calc(1257.568 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(146.432 * var(--pc-u));
    height: calc(149.365 * var(--pc-u));
  }
  #pc-masterpiece-3-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-3-group2-english-heading {
    left: calc(1072.795 * var(--pc-u));
    top: calc(182.071 * var(--pc-u));
    width: calc(568.793 * var(--pc-u));
    height: calc(421.157 * var(--pc-u));
  }
  #pc-masterpiece-3-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-3-group3-description {
    left: calc(373.831 * var(--pc-u));
    top: calc(605.599 * var(--pc-u));
    width: calc(1195.444 * var(--pc-u));
    height: calc(701.725 * var(--pc-u));
  }
  #pc-masterpiece-3-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-3-group4-photos {
    left: calc(297 * var(--pc-u));
    top: calc(201.913 * var(--pc-u));
    width: calc(1201.918 * var(--pc-u));
    height: calc(986.759 * var(--pc-u));
  }
  #pc-masterpiece-3-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-3-photo-68 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.303 * var(--pc-u));
    height: calc(974.944 * var(--pc-u));
  }
  #pc-masterpiece-3-photo-68 {
    overflow: hidden;
  }
  #pc-masterpiece-3-photo-68 > img {
    position: absolute;
    max-width: none;
    left: calc(-50.233 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(774.785 * var(--pc-u));
    height: calc(979.238 * var(--pc-u));
  }
  #pc-masterpiece-3-photo-72 {
    left: calc(926.047 * var(--pc-u));
    top: calc(653.053 * var(--pc-u));
    width: calc(275.871 * var(--pc-u));
    height: calc(333.706 * var(--pc-u));
  }
  #pc-masterpiece-3-photo-72 {
    overflow: hidden;
  }
  #pc-masterpiece-3-photo-72 > img {
    position: absolute;
    max-width: none;
    left: calc(0 * var(--pc-u));
    top: calc(-22.469 * var(--pc-u));
    width: calc(276.181 * var(--pc-u));
    height: calc(386.653 * var(--pc-u));
  }
  #pc-masterpiece-3-detail {
    left: calc(1494.936 * var(--pc-u));
    top: calc(1262.222 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-4 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1435.561 * var(--pc-u));
  }
  #pc-masterpiece-4-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1435.561 * var(--pc-u));
  }
  #pc-masterpiece-4-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-4-background-1 {
    left: calc(348.77 * var(--pc-u));
    top: calc(716.078 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.943 * var(--pc-u));
  }
  #pc-masterpiece-4-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-4-group1-number {
    left: calc(464.987 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(141.365 * var(--pc-u));
    height: calc(151.967 * var(--pc-u));
  }
  #pc-masterpiece-4-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-4-group2-english-heading {
    left: calc(301.827 * var(--pc-u));
    top: calc(181.078 * var(--pc-u));
    width: calc(516.201 * var(--pc-u));
    height: calc(339.278 * var(--pc-u));
  }
  #pc-masterpiece-4-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-4-group3-description {
    left: calc(345.264 * var(--pc-u));
    top: calc(522.73 * var(--pc-u));
    width: calc(1172.195 * var(--pc-u));
    height: calc(720.443 * var(--pc-u));
  }
  #pc-masterpiece-4-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-4-group4-photos {
    left: calc(421.081 * var(--pc-u));
    top: calc(157.639 * var(--pc-u));
    width: calc(1201.918 * var(--pc-u));
    height: calc(974.94 * var(--pc-u));
  }
  #pc-masterpiece-4-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-4-photo-59 {
    left: calc(561.617 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.301 * var(--pc-u));
    height: calc(974.94 * var(--pc-u));
  }
  #pc-masterpiece-4-photo-59 {
    overflow: hidden;
  }
  #pc-masterpiece-4-photo-59 > img {
    position: absolute;
    max-width: none;
    left: calc(-100.991 * var(--pc-u));
    top: calc(-7.067 * var(--pc-u));
    width: calc(779.61 * var(--pc-u));
    height: calc(985.392 * var(--pc-u));
  }
  #pc-masterpiece-4-photo-58 {
    left: calc(0 * var(--pc-u));
    top: calc(633.421 * var(--pc-u));
    width: calc(278.088 * var(--pc-u));
    height: calc(333.707 * var(--pc-u));
  }
  #pc-masterpiece-4-photo-58 {
    overflow: hidden;
  }
  #pc-masterpiece-4-photo-58 > img {
    position: absolute;
    max-width: none;
    left: calc(-16.537 * var(--pc-u));
    top: calc(-57.975 * var(--pc-u));
    width: calc(313.69 * var(--pc-u));
    height: calc(439.166 * var(--pc-u));
  }
  #pc-masterpiece-4-detail {
    left: calc(695.188 * var(--pc-u));
    top: calc(1198.322 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-5 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1471.159 * var(--pc-u));
  }
  #pc-masterpiece-5-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1471.159 * var(--pc-u));
  }
  #pc-masterpiece-5-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-5-background-1 {
    left: calc(1148.518 * var(--pc-u));
    top: calc(748.945 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.943 * var(--pc-u));
  }
  #pc-masterpiece-5-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-5-group1-number {
    left: calc(1258.92 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(151.984 * var(--pc-u));
    height: calc(159.054 * var(--pc-u));
  }
  #pc-masterpiece-5-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-5-group2-english-heading {
    left: calc(1079.85 * var(--pc-u));
    top: calc(193.206 * var(--pc-u));
    width: calc(565.718 * var(--pc-u));
    height: calc(379.456 * var(--pc-u));
  }
  #pc-masterpiece-5-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-5-group3-description {
    left: calc(343.908 * var(--pc-u));
    top: calc(575.784 * var(--pc-u));
    width: calc(1270.087 * var(--pc-u));
    height: calc(703.238 * var(--pc-u));
  }
  #pc-masterpiece-5-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-5-group4-photos {
    left: calc(297 * var(--pc-u));
    top: calc(170.874 * var(--pc-u));
    width: calc(1201.918 * var(--pc-u));
    height: calc(986.758 * var(--pc-u));
  }
  #pc-masterpiece-5-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-5-photo-78 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.302 * var(--pc-u));
    height: calc(974.943 * var(--pc-u));
  }
  #pc-masterpiece-5-photo-78 {
    overflow: hidden;
  }
  #pc-masterpiece-5-photo-78 > img {
    position: absolute;
    max-width: none;
    left: calc(-190.399 * var(--pc-u));
    top: calc(-138.762 * var(--pc-u));
    width: calc(925.224 * var(--pc-u));
    height: calc(1169.441 * var(--pc-u));
  }
  #pc-masterpiece-5-photo-87 {
    left: calc(924.742 * var(--pc-u));
    top: calc(653.054 * var(--pc-u));
    width: calc(277.176 * var(--pc-u));
    height: calc(333.704 * var(--pc-u));
  }
  #pc-masterpiece-5-photo-87 {
    overflow: hidden;
  }
  #pc-masterpiece-5-photo-87 > img {
    position: absolute;
    max-width: none;
    left: calc(0 * var(--pc-u));
    top: calc(-51.074 * var(--pc-u));
    width: calc(278.791 * var(--pc-u));
    height: calc(390.308 * var(--pc-u));
  }
  #pc-masterpiece-5-detail {
    left: calc(1494.936 * var(--pc-u));
    top: calc(1230.937 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
}
@media (min-width: 780px) {
  #pc-masterpiece-6 {
    position: relative;
    margin-top: calc(0 * var(--pc-u));
    height: calc(1483.458 * var(--pc-u));
  }
  #pc-masterpiece-6-background-0 {
    left: calc(0 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(1920 * var(--pc-u));
    height: calc(1483.458 * var(--pc-u));
  }
  #pc-masterpiece-6-background-0 {
    background: #B5A99F;
  }
  #pc-masterpiece-6-background-1 {
    left: calc(348.77 * var(--pc-u));
    top: calc(706.536 * var(--pc-u));
    width: calc(422.712 * var(--pc-u));
    height: calc(527.942 * var(--pc-u));
  }
  #pc-masterpiece-6-background-1 {
    background: #ffffff;
  }
  #pc-masterpiece-6-group1-number {
    left: calc(459.888 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(148.601 * var(--pc-u));
    height: calc(149.319 * var(--pc-u));
  }
  #pc-masterpiece-6-group1-number {
    --reveal-duration: 800ms;
    --reveal-delay: 0ms;
  }
  #pc-masterpiece-6-group2-english-heading {
    left: calc(261.071 * var(--pc-u));
    top: calc(177.657 * var(--pc-u));
    width: calc(589.161 * var(--pc-u));
    height: calc(341.907 * var(--pc-u));
  }
  #pc-masterpiece-6-group2-english-heading {
    --reveal-duration: 800ms;
    --reveal-delay: 160ms;
  }
  #pc-masterpiece-6-group3-description {
    left: calc(355.154 * var(--pc-u));
    top: calc(517.692 * var(--pc-u));
    width: calc(1192.148 * var(--pc-u));
    height: calc(715.935 * var(--pc-u));
  }
  #pc-masterpiece-6-group3-description {
    --reveal-duration: 800ms;
    --reveal-delay: 320ms;
  }
  #pc-masterpiece-6-group4-photos {
    left: calc(421.081 * var(--pc-u));
    top: calc(148.095 * var(--pc-u));
    width: calc(1201.918 * var(--pc-u));
    height: calc(974.943 * var(--pc-u));
  }
  #pc-masterpiece-6-group4-photos {
    --reveal-duration: 1200ms;
    --reveal-delay: 480ms;
  }
  #pc-masterpiece-6-photo-95 {
    left: calc(561.616 * var(--pc-u));
    top: calc(0 * var(--pc-u));
    width: calc(640.302 * var(--pc-u));
    height: calc(974.943 * var(--pc-u));
  }
  #pc-masterpiece-6-photo-95 {
    overflow: hidden;
  }
  #pc-masterpiece-6-photo-95 > img {
    position: absolute;
    max-width: none;
    left: calc(-94.513 * var(--pc-u));
    top: calc(-7.066 * var(--pc-u));
    width: calc(783.663 * var(--pc-u));
    height: calc(990.459 * var(--pc-u));
  }
  #pc-masterpiece-6-photo-94 {
    left: calc(0 * var(--pc-u));
    top: calc(633.423 * var(--pc-u));
    width: calc(278.087 * var(--pc-u));
    height: calc(333.704 * var(--pc-u));
  }
  #pc-masterpiece-6-photo-94 {
    overflow: hidden;
  }
  #pc-masterpiece-6-photo-94 > img {
    position: absolute;
    max-width: none;
    left: calc(-2.504 * var(--pc-u));
    top: calc(-38.525 * var(--pc-u));
    width: calc(285.624 * var(--pc-u));
    height: calc(399.873 * var(--pc-u));
  }
  #pc-masterpiece-6-detail {
    left: calc(695.188 * var(--pc-u));
    top: calc(1188.528 * var(--pc-u));
    width: calc(34.25 * var(--pc-u));
    height: calc(14.25 * var(--pc-u));
  }
}
/* 2026-09-16 本人FB: 文字単位画像を同時演出のまとまりへ統合。元座標・演出は保持。 */
#masterpiece-1-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(664 * var(--u));
  height: calc(326.5 * var(--u));
}

#masterpiece-1-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(587.5 * var(--u));
  height: calc(194.5 * var(--u));
}

#masterpiece-2-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(519.5 * var(--u));
  height: calc(422.5 * var(--u));
}

#masterpiece-2-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(569 * var(--u));
  height: calc(194.5 * var(--u));
}

#masterpiece-3-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(652 * var(--u));
  height: calc(422 * var(--u));
}

#masterpiece-3-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(489.5 * var(--u));
  height: calc(194.5 * var(--u));
}

#masterpiece-4-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(592 * var(--u));
  height: calc(326.5 * var(--u));
}

#masterpiece-4-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(516 * var(--u));
  height: calc(178 * var(--u));
}

#masterpiece-5-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(648.5 * var(--u));
  height: calc(372.5 * var(--u));
}

#masterpiece-5-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(589.5 * var(--u));
  height: calc(194.5 * var(--u));
}

#masterpiece-6-group2-title-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(426 * var(--u));
  height: calc(422.5 * var(--u));
}

#masterpiece-6-group3-quote-combined {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(512 * var(--u));
  height: calc(187.5 * var(--u));
}

#sp-ending-combined-16 {
  left: calc(216.4375 * var(--u));
  top: calc(268.0565 * var(--u));
  width: calc(352 * var(--u));
  height: calc(68.5 * var(--u));
}

#sp-ending-combined-17 {
  left: calc(145.1875 * var(--u));
  top: calc(669.27525 * var(--u));
  width: calc(473 * var(--u));
  height: calc(99.5 * var(--u));
}

#pc-masterpiece-1-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(142 * var(--pc-u));
  height: calc(142.5 * var(--pc-u));
}

#pc-masterpiece-1-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(579.5 * var(--pc-u));
  height: calc(356 * var(--pc-u));
}

#pc-masterpiece-2-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(149 * var(--pc-u));
  height: calc(143 * var(--pc-u));
}

#pc-masterpiece-2-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(701 * var(--pc-u));
  height: calc(343 * var(--pc-u));
}

#pc-masterpiece-3-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(146.5 * var(--pc-u));
  height: calc(149.5 * var(--pc-u));
}

#pc-masterpiece-3-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(569 * var(--pc-u));
  height: calc(421.5 * var(--pc-u));
}

#pc-masterpiece-4-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(141.5 * var(--pc-u));
  height: calc(152 * var(--pc-u));
}

#pc-masterpiece-4-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(516.5 * var(--pc-u));
  height: calc(339.5 * var(--pc-u));
}

#pc-masterpiece-5-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(152 * var(--pc-u));
  height: calc(159.5 * var(--pc-u));
}

#pc-masterpiece-5-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(566 * var(--pc-u));
  height: calc(379.5 * var(--pc-u));
}

#pc-masterpiece-6-group1-number-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(149 * var(--pc-u));
  height: calc(149.5 * var(--pc-u));
}

#pc-masterpiece-6-group2-english-heading-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(589.5 * var(--pc-u));
  height: calc(342 * var(--pc-u));
}

#pc-ending-combined-3 {
  left: calc(808.25 * var(--pc-u));
  top: calc(239.489125 * var(--pc-u));
  width: calc(314.5 * var(--pc-u));
  height: calc(61 * var(--pc-u));
}

#pc-ending-combined-6 {
  left: calc(748.8125 * var(--pc-u));
  top: calc(597.94225 * var(--pc-u));
  width: calc(422.5 * var(--pc-u));
  height: calc(89 * var(--pc-u));
}

#pc-masterpiece-1-group3-quote-combined {
  left: calc(740.40625 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(491.5 * var(--pc-u));
  height: calc(145 * var(--pc-u));
}

#pc-masterpiece-1-group3-signature-combined {
  left: calc(964.375 * var(--pc-u));
  top: calc(277.953125 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-1-group3-credit-combined {
  left: calc(0 * var(--pc-u));
  top: calc(660.59375 * var(--pc-u));
  width: calc(486 * var(--pc-u));
  height: calc(105 * var(--pc-u));
}

#pc-masterpiece-1-group3-item-combined {
  left: calc(801.140625 * var(--pc-u));
  top: calc(671.671875 * var(--pc-u));
  width: calc(370 * var(--pc-u));
  height: calc(68.5 * var(--pc-u));
}

#pc-masterpiece-2-group3-quote-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(453 * var(--pc-u));
  height: calc(145 * var(--pc-u));
}

#pc-masterpiece-2-group3-signature-combined {
  left: calc(193.75 * var(--pc-u));
  top: calc(218.46875 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-2-group3-credit-combined {
  left: calc(740.9375 * var(--pc-u));
  top: calc(601.34375 * var(--pc-u));
  width: calc(433 * var(--pc-u));
  height: calc(105 * var(--pc-u));
}

#pc-masterpiece-2-group3-item-combined {
  left: calc(30.515625 * var(--pc-u));
  top: calc(611.4375 * var(--pc-u));
  width: calc(370 * var(--pc-u));
  height: calc(69.5 * var(--pc-u));
}

#pc-masterpiece-3-group3-quote-combined {
  left: calc(795.875 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(400 * var(--pc-u));
  height: calc(145.5 * var(--pc-u));
}

#pc-masterpiece-3-group3-signature-combined {
  left: calc(964.875 * var(--pc-u));
  top: calc(213.9375 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-3-group3-credit-combined {
  left: calc(0 * var(--pc-u));
  top: calc(599.71875 * var(--pc-u));
  width: calc(487 * var(--pc-u));
  height: calc(102 * var(--pc-u));
}

#pc-masterpiece-3-group3-item-combined {
  left: calc(803.640625 * var(--pc-u));
  top: calc(615.40625 * var(--pc-u));
  width: calc(368 * var(--pc-u));
  height: calc(61 * var(--pc-u));
}

#pc-masterpiece-4-group3-quote-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(431 * var(--pc-u));
  height: calc(132 * var(--pc-u));
}

#pc-masterpiece-4-group3-signature-combined {
  left: calc(193.6875 * var(--pc-u));
  top: calc(232.90625 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-4-group3-credit-combined {
  left: calc(740.875 * var(--pc-u));
  top: calc(638.578125 * var(--pc-u));
  width: calc(431.5 * var(--pc-u));
  height: calc(82 * var(--pc-u));
}

#pc-masterpiece-4-group3-item-combined {
  left: calc(31.71875 * var(--pc-u));
  top: calc(634.875 * var(--pc-u));
  width: calc(369 * var(--pc-u));
  height: calc(60.5 * var(--pc-u));
}

#pc-masterpiece-5-group3-quote-combined {
  left: calc(777.578125 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(492.5 * var(--pc-u));
  height: calc(144.5 * var(--pc-u));
}

#pc-masterpiece-5-group3-signature-combined {
  left: calc(994.796875 * var(--pc-u));
  top: calc(212.71875 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-5-group3-credit-combined {
  left: calc(0 * var(--pc-u));
  top: calc(598.578125 * var(--pc-u));
  width: calc(547 * var(--pc-u));
  height: calc(105 * var(--pc-u));
}

#pc-masterpiece-5-group3-item-combined {
  left: calc(831.5625 * var(--pc-u));
  top: calc(603.5 * var(--pc-u));
  width: calc(370 * var(--pc-u));
  height: calc(71.5 * var(--pc-u));
}

#pc-masterpiece-6-group3-quote-combined {
  left: calc(0 * var(--pc-u));
  top: calc(0 * var(--pc-u));
  width: calc(428 * var(--pc-u));
  height: calc(143.5 * var(--pc-u));
}

#pc-masterpiece-6-group3-signature-combined {
  left: calc(183.796875 * var(--pc-u));
  top: calc(228.40625 * var(--pc-u));
  width: calc(43.5 * var(--pc-u));
  height: calc(17.5 * var(--pc-u));
}

#pc-masterpiece-6-group3-credit-combined {
  left: calc(704.390625 * var(--pc-u));
  top: calc(633.8125 * var(--pc-u));
  width: calc(488 * var(--pc-u));
  height: calc(82.5 * var(--pc-u));
}

#pc-masterpiece-6-group3-item-combined {
  left: calc(21.828125 * var(--pc-u));
  top: calc(629.875 * var(--pc-u));
  width: calc(369 * var(--pc-u));
  height: calc(61 * var(--pc-u));
}

#pc-masterpiece-1-product-size {
  left: calc(801.140625 * var(--pc-u));
  top: calc(692.631875 * var(--pc-u));
  font-size: calc(10.386 * var(--pc-u));
} /* 統合PNGから外したサイズ行を文字で再現。枠72.5×10.5の画像実測に合わせた（2026-09-16） */
#pc-masterpiece-2-product-size {
  left: calc(30.515625 * var(--pc-u));
  top: calc(633.3975 * var(--pc-u));
  font-size: calc(10.386 * var(--pc-u));
} /* 統合PNGから外したサイズ行を文字で再現。枠72.5×10.5の画像実測に合わせた（2026-09-16） */
#pc-masterpiece-5-product-size {
  left: calc(831.5625 * var(--pc-u));
  top: calc(627.96 * var(--pc-u));
  font-size: calc(10.386 * var(--pc-u));
} /* 統合PNGから外したサイズ行を文字で再現。枠72.5×10.5の画像実測に合わせた（2026-09-16） */
/* 2026-09-30 添付FB: 全ラインナップボタンを取り、公式リンク以降をSP123.506/PC110.339設計px上へ詰めた。 */