@charset "UTF-8";
html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-size: 11px;
  overflow-x: clip;
  transition: all 1.6s ease 0s;
  background-color: #fff;
  color: #000;
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
}

img {
  display: block;
  width: 100%;
}

a:hover {
  opacity: 0.6;
  transition: 0.6s;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

/* .load
===================================================== */
.load {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transition: opacity 0.8s ease;
}
.load.is-hide {
  opacity: 0;
  pointer-events: none;
}

.fade {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* 初期位置 */
.fade-up {
  transform: translateY(20px);
}

.fade-left {
  transform: translateX(-20px);
}

.fade-right {
  transform: translateX(20px);
}

/* その場フェードはtransformなしでもOK */
.fade-in {
  transform: none;
}

/* 表示状態 */
.fade.is-show {
  opacity: 1;
  transform: translate(0, 0);
}

.ph.fade {
  transition: opacity 1.2s ease, transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ph.fade-left {
  transform: translateX(-15%);
}

.ph.fade-right {
  transform: translateX(15%);
}

.ph.fade-up {
  transform: translateY(10%);
}

.ph.fade.is-show {
  transform: none;
}

.ph.wipe-img > * {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.4s ease;
}

.ph.wipe-img.is-show > * {
  clip-path: inset(0 0 0 0);
}

.ph.js-seq,
.ph.js-stair {
  transition-delay: var(--delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .ph.wipe-img > * {
    clip-path: none;
    transition: none;
  }
  .fade,
  .ph.fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
#page-top {
  position: fixed;
  bottom: 3%;
  right: 3%;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  #page-top {
    right: 3%;
  }
}
#page-top img {
  width: 2.3611111111vw;
}
@media screen and (max-width: 768px) {
  #page-top img {
    width: 7.6vw;
  }
}

#page-top a {
  display: block;
  opacity: 0.9;
  transition: all 0.3s ease;
}

#page-top a:hover {
  opacity: 0.5;
}

/* .lay：Figmaの座標(px)をそのまま渡し、%に変換して配置するレイアウト枠
   --W / --H：枠のデザインサイズ、子要素の --x / --y / --w / --h：デザイン上の座標
===================================================== */
.lay {
  position: relative;
  width: 100%;
  aspect-ratio: var(--W)/var(--H);
  overflow-x: clip;
}
.lay > * {
  position: absolute;
  left: calc(var(--x, 0) / var(--W) * 100%);
  top: calc(var(--y, 0) / var(--H) * 100%);
  margin: 0;
}

.is-r {
  transform: translateX(-100%);
  text-align: right;
  white-space: nowrap;
}

.is-c {
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
}

.ph picture {
  display: block;
  width: 100%;
  height: 100%;
}

.ph {
  width: calc(var(--w) / var(--W) * 100%);
  height: calc(var(--h) / var(--H) * 100%);
  margin: 0;
  overflow: hidden;
}
.ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ph--seam-b {
  height: calc(var(--h) / var(--H) * 100% + 1px);
}

.ph--seam-r {
  width: calc(var(--w) / var(--W) * 100% + 1px);
}

.ph--look {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.ph--look img {
  transition: opacity 0.4s ease;
}
@media (hover: hover) {
  .ph--look:hover img {
    opacity: 0.85;
  }
}
.ph--look:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.ph__plus {
  position: absolute;
  left: calc(var(--px) / var(--w) * 100%);
  top: calc(var(--py) / var(--h) * 100%);
  width: calc(var(--pw) / var(--w) * 100%);
  height: calc(var(--ph) / var(--h) * 100%);
  background: url(../images/common/icon_plus_sp.svg) center/contain no-repeat;
  pointer-events: none;
}
.lay--pc .ph__plus {
  background-image: url(../images/common/icon_plus_pc.svg);
}

/* .fv
===================================================== */
.fv .fv__media {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.fv .fv__media > * {
  position: absolute;
  left: calc(var(--x) / var(--W) * 100%);
  top: calc(var(--y) / var(--H) * 100%);
}
.fv .ph img {
  object-fit: cover;
}
.fv .fv__title {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease 1.7s;
}
.fv .fv__title > * {
  position: absolute;
  left: calc(var(--x) / var(--W) * 100%);
  top: calc(var(--y) / var(--H) * 100%);
  margin: 0;
}
.fv.is-play .fv__media,
.fv.is-play .fv__title {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .fv .fv__media {
    opacity: 1;
    transition: none;
  }
  .fv .fv__media > .ph {
    opacity: 0;
    transition: opacity 1.2s ease;
  }
  .fv .fv__media > .ph:nth-child(2) {
    transition-delay: 0.5s;
  }
  .fv .fv__media > .ph:nth-child(3) {
    transition-delay: 1s;
  }
  .fv .fv__title {
    transition-delay: 2.7s;
  }
  .fv.is-play .fv__media > .ph {
    opacity: 1;
  }
}

.fv__video,
.fv__mirror {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.fv.is-video .fv__video,
.fv.is-video .fv__mirror {
  opacity: 1;
}
.fv.is-late .fv__video,
.fv.is-late .fv__mirror {
  transition: opacity 0.8s ease;
}

.fv__logo {
  width: calc(var(--w) / var(--W) * 100%);
  height: auto;
}

.fv__ttl {
  font-family: "ivyora-display", serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fv__ttl {
    font-size: 17.5453333333vw;
    line-height: 17.9237333333vw;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 769px) {
  .fv__ttl {
    font-size: 9.0825vw;
    line-height: 9.2783833333vw;
    letter-spacing: -0.02em;
  }
}

.fv__vol {
  font-family: "ivyora-display", serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .fv__vol {
    font-size: 4.7258666667vw;
    line-height: 4.8277333333vw;
  }
}
@media screen and (min-width: 769px) {
  .fv__vol {
    font-size: 2.4463833333vw;
    line-height: 2.4991166667vw;
  }
}

/* .chapter
===================================================== */
.c-label,
.c-vol {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .c-label {
    font-size: 3.7333333333vw;
    line-height: 4.2864vw;
  }
}
@media screen and (min-width: 769px) {
  .c-label {
    font-size: 1.9474583333vw;
    line-height: 2.2359027778vw;
  }
}

@media screen and (max-width: 768px) {
  .c-vol {
    font-size: 2.9333333333vw;
    line-height: 4.2864vw;
  }
}
@media screen and (min-width: 769px) {
  .c-vol {
    font-size: 1.5301458333vw;
    line-height: 2.2359027778vw;
  }
}

.lay > .c-title {
  left: 0;
  width: 100%;
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .lay > .c-title {
    height: 14.2797333333vw;
    line-height: 14.2797333333vw;
  }
}
@media screen and (min-width: 769px) {
  .lay > .c-title {
    height: 9.0656805556vw;
    line-height: 9.0656805556vw;
  }
}
.lay > .c-title > span {
  position: absolute;
  top: 0;
  left: calc(var(--x) / var(--W) * 100%);
}

.c-title__en {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .c-title__en {
    font-size: 14.136vw;
  }
}
@media screen and (min-width: 769px) {
  .c-title__en {
    font-size: 8.9744722222vw;
  }
}

@media screen and (max-width: 768px) {
  .c-title__num {
    font-size: 15.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-title__num {
    font-size: 9.8192569444vw;
  }
}

.c-title__bar {
  width: calc(var(--w) / var(--W) * 100%);
  height: 1px;
  background-color: #000;
}
.lay > .c-title > .c-title__bar {
  top: 13.3333333333vw;
}

.c-caption {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-caption {
    font-size: 3.4666666667vw;
    line-height: 5.2501333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-caption {
    font-size: 1.0416666667vw;
    line-height: 1.3672222222vw;
  }
}

.c-word {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
  color: #8b8b8b;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .c-word {
    font-size: 5.0666666667vw;
    line-height: 6.9850666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-word {
    font-size: 3.5416666667vw;
    line-height: 6.9840277778vw;
  }
}

.c-lead {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .c-lead {
    font-size: 4.8vw;
    line-height: 5.5533333333vw;
    letter-spacing: -0.03em;
  }
}
@media screen and (min-width: 769px) {
  .c-lead {
    font-size: 2.9166666667vw;
    line-height: 2.7545833333vw;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  #chapter06 .lay--sp .c-lead {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .c-lead.is-shadow {
    text-shadow: 0 1.0666666667vw 2.6666666667vw rgba(0, 0, 0, 0.45);
  }
}
@media screen and (min-width: 769px) {
  .c-lead.is-shadow {
    text-shadow: 0 0.7777777778vw 1.9444444444vw rgba(0, 0, 0, 0.45);
  }
}

.js-type {
  --type-delay: 0s;
}
.js-type .type-char {
  opacity: 0;
}
.js-type.is-show .type-char {
  opacity: 1;
  transition: opacity 0.01s linear calc(var(--type-delay) + var(--i) * 0.07s);
}

.c-lead.js-type {
  --type-delay: .8s;
}

@media (prefers-reduced-motion: reduce) {
  .js-type .type-char {
    opacity: 1;
    transition: none;
  }
}
/* .footer
上から順に並べる（プロフィールの文章量で高さが変わるため）。余白はデザインの値を vw で指定
===================================================== */
.footer {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer {
    padding-bottom: 16.0613333333vw;
  }
}
@media screen and (min-width: 769px) {
  .footer {
    padding-bottom: 6.9444444444vw;
  }
}

.footer__profile {
  margin: 0 auto;
  font-family: "ivyora-display", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  border: 1px solid #878787;
}
@media screen and (max-width: 768px) {
  .footer__profile {
    width: 88vw;
    padding: 10.6666666667vw 8vw;
    margin-bottom: 26.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__profile {
    width: 41.6666666667vw;
    padding: 3.4722222222vw 4.1666666667vw;
    margin-bottom: 10.4166666667vw;
    font-size: 0.9722222222vw;
  }
}

.footer__profile-name {
  margin: 0 0 1em;
  line-height: 1.5;
}
.footer__profile-name span {
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  .footer__profile-name {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__profile-name {
    font-size: 1.1111111111vw;
  }
}

.footer__profile-text {
  margin: 0;
  line-height: 1.9;
  text-align: justify;
}

.footer__credit {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .footer__credit {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__credit {
    font-size: 1.0688888889vw;
  }
}
.footer__credit p {
  margin: 0;
}
.footer__credit p + p {
  margin-top: 1.5em;
}

.footer__logo {
  display: block;
  height: auto;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 41.0666666667vw;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__logo {
    width: 14.9645833333vw;
    margin-top: 4.1666666667vw;
  }
}
.footer__logo img {
  width: 100%;
  height: auto;
}

.footer__copy {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  line-height: 1.53;
  letter-spacing: 0;
}
.footer__copy small {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .footer__copy {
    margin-top: 5.3333333333vw;
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__copy {
    margin-top: 2.8930555556vw;
    font-size: 0.8745138889vw;
  }
}

.footer__sns {
  display: block;
  margin-inline: auto;
  color: #000;
}
@media screen and (max-width: 768px) {
  .footer__sns {
    width: 6.6666666667vw;
    margin-top: 26.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__sns {
    width: 2.0833333333vw;
    margin-top: 12.0006944444vw;
  }
}
.footer__sns svg {
  display: block;
  width: 100%;
  height: auto;
}

/* .c-nav：CHAPTER 01からフェードインし、左上に固定。現在のチャプターに丸が移動
===================================================== */
.c-nav {
  position: fixed;
  top: 0;
  z-index: 50;
  mix-blend-mode: difference;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s;
}
@media screen and (max-width: 768px) {
  .c-nav {
    left: 4.5333333333vw;
    width: 64vw;
    height: 16.3296vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav {
    left: 4.1666666667vw;
    width: 23.6111111111vw;
    height: 6.6106944444vw;
  }
}
.c-nav.is-show {
  opacity: 1;
  visibility: visible;
}

.c-nav__list {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-nav__list li {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .c-nav__list li {
    font-size: 3.4666666667vw;
    line-height: 16.3296vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li {
    font-size: 1.2136805556vw;
    line-height: 6.6106944444vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(1) {
    left: 3.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(1) {
    left: 1.2354166667vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(2) {
    left: 11.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(2) {
    left: 3.8013888889vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(3) {
    left: 18.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(3) {
    left: 6.38125vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(4) {
    left: 25.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(4) {
    left: 9.0645833333vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(5) {
    left: 32.4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(5) {
    left: 11.7027777778vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(6) {
    left: 39.0666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(6) {
    left: 14.3513888889vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(7) {
    left: 46vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(7) {
    left: 16.9305555556vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(8) {
    left: 53.2vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(8) {
    left: 19.5798611111vw;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__list li:nth-child(9) {
    left: 60.4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__list li:nth-child(9) {
    left: 22.19375vw;
  }
}
.c-nav__list a {
  display: block;
  padding: 0 0.4em;
  color: inherit;
  text-decoration: none;
}

.c-nav__circle {
  position: absolute;
  left: 0;
  overflow: visible;
  transform: translateX(var(--move, 0px));
}
@media screen and (max-width: 768px) {
  .c-nav__circle {
    top: 4.8vw;
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-nav__circle {
    top: 2.1479166667vw;
    width: 2.4273611111vw;
    height: 2.4273611111vw;
  }
}
.c-nav__circle circle {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}
.c-nav__circle.is-draw circle {
  animation: navCircleDraw 0.8s ease forwards;
}

@keyframes navCircleDraw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-nav__circle circle {
    stroke-dashoffset: 0;
  }
  .c-nav__circle.is-draw circle {
    animation: none;
  }
}
/* .modal：×ボタンは右上に固定、モーダル内はスクロール
===================================================== */
.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.modal[hidden] {
  display: none;
}
.modal.is-open {
  opacity: 1;
}

.modal__scroll {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.modal__close {
  position: fixed;
  z-index: 1;
  padding: 0;
  border: 0;
  background: url(../images/common/icon_close_sp.svg) center/70.7% no-repeat;
  transform: rotate(-45deg);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modal__close {
    top: 3.2613333333vw;
    right: 3.2613333333vw;
    width: 10.7893333333vw;
    height: 10.7893333333vw;
    background-image: url(../images/common/icon_close_sp_white.svg);
    mix-blend-mode: difference;
  }
}
@media screen and (min-width: 769px) {
  .modal__close {
    background-image: url(../images/common/icon_close_pc.svg);
    top: 2.1527777778vw;
    right: 2.1527777778vw;
    width: 3.8194444444vw;
    height: 3.8194444444vw;
  }
}

.modal__list {
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .modal__list {
    padding: 22.9333333333vw 0 max(22.9333333333vw, calc(100svh - 202.4vw));
  }
}
@media screen and (min-width: 769px) {
  .modal__list {
    padding: 13.3333333333vw 0 max(13.3333333333vw, calc(100vh - 62.3118055556vw));
  }
}

@media screen and (max-width: 768px) {
  .modal__item + .modal__item {
    margin-top: 24.8vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__item {
    display: flex;
    align-items: flex-end;
    padding-left: 16.875vw;
  }
  .modal__item + .modal__item {
    margin-top: 7.5493055556vw;
  }
}

.modal__img {
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .modal__img {
    width: 100%;
    aspect-ratio: 375/533.25;
  }
}
@media screen and (min-width: 769px) {
  .modal__img {
    flex-shrink: 0;
    width: 43.8194444444vw;
    aspect-ratio: 631/897.29;
  }
}
.modal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal__credit {
  font-family: "ivyora-display", serif;
  font-weight: 400;
  font-style: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .modal__credit {
    margin: 3.6666666667vw 5.0666666667vw 0 auto;
    width: max-content;
    min-width: 58.6666666667vw;
    font-size: 3.4666666667vw;
    line-height: 5.6vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__credit {
    margin-left: 4.4444444444vw;
    width: max-content;
    min-width: 16.875vw;
    font-size: 1.0069444444vw;
    line-height: 1.6666666667vw;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .modal__credit li {
    height: 5.6vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__credit li {
    height: 1.6666666667vw;
  }
}
.modal__credit a,
.modal__credit .modal__row {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .modal__credit a,
  .modal__credit .modal__row {
    gap: 2.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .modal__credit a,
  .modal__credit .modal__row {
    gap: 0.8333333333vw;
    justify-content: flex-start;
  }
}
.modal__credit i {
  font-style: italic;
  font-size: 11px;
}

.modal__brand,
.modal__row.is-note {
  font-style: normal;
  font-size: 11px;
}

.modal__row.is-nolink .modal__price {
  text-decoration: none;
  font-size: 11px;
}

.modal__price {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

html.is-modal-open {
  overflow: hidden;
}

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