/* 華寿苑 KAJUEN — 静的版の追加スタイル
   STUDIOのランタイムが担っていた「初期状態」だけをCSSで肩代わりする。
   デザインそのものはSTUDIO由来のインラインstyleと studio.css がそのまま持っている。 */

/* ---- ハンバーガーメニュー ---------------------------------------- */
[data-modal][hidden] { display: none !important; }

[data-modal] .studio-canvas,
[data-modal] .design-canvas__modal__base {
  opacity: 0;
  transition: opacity .4s cubic-bezier(.4, .4, 0, 1);
}
[data-modal] .design-canvas__modal__base {
  background: rgba(0, 0, 0, .16);
  border: 0;
  cursor: pointer;
  padding: 0;
}
[data-modal].is-open .studio-canvas,
[data-modal].is-open .design-canvas__modal__base { opacity: 1; }

/* ---- フォーム ---------------------------------------------------- */
/* ハニーポット。人には見えず、スクリーンリーダーにも読ませない */
.js-hp {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap;
}
.js-form-note {
  font-family: var(--s-font-dea59cbe);
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: .04em;
  margin-top: 16px;
  text-align: center;
  width: 100%;
}
.js-form-note:empty { display: none; }
.js-form-note[data-state="error"] { color: #b3261e; }
form[data-busy="1"] button { opacity: .5; pointer-events: none; }

/* ---- JSが無い環境では演出を待たずに出す ------------------------- */
.no-js .appear { opacity: 1 !important; transform: none !important; }

/* ---- 代替書体に置き換えたことで折り返しが変わる箇所の調整 -------- */
/* Shippori Mincho B1 は A1明朝 より字幅が広く、新作展示会ページの日付が
   SPで1行余分に折れてしまう。原版と同じ
   「2025.8 ／ 27[水] 28[木] ／ 29[金]」の3行に収めるため字間だけ詰める。 */
/* STUDIOのスタイルはbody内の<style>にあり後勝ちになるので、属性を重ねて詰み上げる */
@media screen and (max-width: 480px) {
  .sd[data-s-fba7f82c-4bce-4c69-8ba3-9df3441dff32][data-s-fba7f82c-4bce-4c69-8ba3-9df3441dff32] {
    letter-spacing: 0.02em;
  }
}