/* STUDIO から移植した際に JS 依存だった部品の補助スタイル */
.modals { display: none; position: fixed; inset: 0; z-index: 1000; }
.modals._open { display: block; }
.design-canvas__modal { pointer-events: none; z-index: 2; width: 100%; height: 100%; position: fixed; inset: 0; }
.design-canvas__modal .design-canvas__modal__base { pointer-events: auto; z-index: -1; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.16); border: 0; cursor: pointer; }
.design-canvas__modal .studio-canvas { pointer-events: none; height: 100%; }
.design-canvas__modal .studio-canvas > * { pointer-events: none; background: 0 0 !important; }
.sd[data-s-bee7e81f-b3c8-4908-a57e-9980be724105] { background: rgba(0, 0, 0, 0.16); border-radius: 0; height: 100%; justify-content: center; margin: 0; opacity: 1; padding: 0; width: 100%; max-width: 100%; }
.sd[data-s-a763429f-0755-45a8-af1d-d7ab832c2087] { background: rgb(30, 90, 159); flex: 0 0 auto; height: 100%; left: 0; margin: 0; position: absolute; scale: 1e-10 1; top: 0; transform-origin: right center; width: 100%; z-index: 3; max-width: 100%; }
.sd[data-s-5d60d28a-140f-4363-bb2a-52846cff62f3] { inset: 0 0 auto auto; color: rgb(51, 51, 51); flex: 0 0 auto; font-size: 24px; height: auto; margin: 0; padding: 24px; position: fixed; width: auto; max-width: 100%; z-index: 4; }
.sd[data-s-8d022d26-8b63-4636-93cd-f1ab31e01e6a] { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0; box-shadow: rgba(0, 0, 0, 0.2) 0 6px 15px 0; flex: 0 0 auto; flex-flow: column; height: 100%; margin: 0; opacity: 1; padding: 0; width: 100%; z-index: 1; max-width: 100%; }
.sd[data-s-0c9fb6cb-b6db-4844-a63b-f69e1425e5a9] { place-content: center; align-items: center; border: 0 solid #000; flex: 0 0 auto; flex-flow: column; margin: 0 0 24px; padding: 0; width: 100%; z-index: 1; max-width: 100%; display: flex; }
#site-menu-modal ul > a { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-f2a0f9f0); font-size: 16px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0; padding: 24px 48px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }
#site-menu-modal ul > a:first-child { border-bottom: 2px solid rgba(0, 0, 0, 0); }
/* プロデューサーは1名のためカルーセルの矢印は使わない */
button[aria-label="Prev Slide"], button[aria-label="Next Slide"] { display: none !important; }