@charset "UTF-8";

/* ==============================
   p-studio-nav
   セルフフォト：ページ内リンクの英字（c-anchor-card 内）
   ============================== */
.p-studio-nav__en { text-transform: uppercase; }

/* ==============================
   p-studio-sample
   セルフフォト：撮影サンプル（モノクロ・カラー）
   ============================== */
.p-studio-sample { border-top: 1px solid var(--color-line); scroll-margin-top: 24px; }
.p-studio-sample__group + .p-studio-sample__group { margin-top: 36px; }
.p-studio-sample__label {
  margin-bottom: 14px;
  font: 600 11px var(--font-en);
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--color-accent);
}
.p-studio-sample__add { font-family: var(--font-sans); letter-spacing: .06em; color: var(--color-beige); }

/* ==============================
   p-studio-price
   セルフフォト：ご利用料金
   ============================== */
.p-studio-price { scroll-margin-top: 24px; }
.p-studio-price__inner { display: grid; gap: 24px; }
.p-studio-price__box { display: flex; flex-direction: column; padding: 28px 22px; border: 1px solid var(--color-line); background: var(--color-bg-white); }
.p-studio-price__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.p-studio-price__badge { padding: 6px 12px; background: var(--color-text); color: var(--color-bg); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.p-studio-price__badge--line { padding: 5px 11px; border: 1px solid var(--color-accent); background: none; color: var(--color-accent); }
.p-studio-price__name { margin-top: 26px; font: 700 16px var(--font-mincho); letter-spacing: .06em; }
.p-studio-price__name span { margin-left: 8px; font: 500 12.5px var(--font-sans); color: var(--color-text-mute); }
.p-studio-price__price { margin-top: 8px; }
.p-studio-price__table { display: grid; grid-template-columns: auto minmax(0, 1fr); margin-top: 26px; border-top: 1px solid var(--color-line); }
.p-studio-price__table dt { padding: 14px 24px 14px 0; border-bottom: 1px solid var(--color-line); font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.p-studio-price__table dd { padding: 14px 0; border-bottom: 1px solid var(--color-line); font-size: 14px; font-weight: 700; text-align: right; }
.p-studio-price__table dd.is-accent { color: var(--color-accent); }
.p-studio-price__notes { gap: 6px; margin-top: 22px; }
.p-studio-price__img { min-height: 300px; overflow: hidden; background: #EDE4DB; }
.p-studio-price__img img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) {
  .p-studio-price__box { padding: 36px 36px 32px; }
  .p-studio-price__price .c-price__num { font-size: 56px; }
}
@media (min-width: 1024px) {
  .p-studio-price__inner { grid-template-columns: minmax(0, 1.6fr) minmax(0, 400px); }
  .p-studio-price__img { min-height: 360px; }
}

/* ==============================
   p-studio-movie
   セルフフォト：スタジオの様子（YouTube）
   ============================== */
.p-studio-movie { padding-bottom: 0; }
.p-studio-movie__inner { max-width: 900px; margin: 0 auto; }
.p-studio-movie__frame { position: relative; aspect-ratio: 16 / 9; margin-top: 10px; background: var(--color-text); }
.p-studio-movie__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ==============================
   p-studio-faq
   セルフフォト：よくあるご質問（ページ内リンク先）
   ============================== */
.p-studio-faq { scroll-margin-top: 24px; }