/* 静的版で足した見た目の設定です（STUDIO から移したときに作成）。 */

/* STUDIO が配信していた「ヒラギノ角ゴ W3/W5/W6」は STUDIO の上でだけ使える契約のフォントなので、持ち出していません。
   同じ名前で、端末に入っているヒラギノ（Mac・iPhone・iPad）を使います。iPhone・iPad には W5 が無いので W6 を使います。
   ヒラギノの無い端末（Windows・Android など）は、ページ側の指定で Noto Sans JP（Google Fonts）になります。
   font-weight を 1〜1000 にしているのは、STUDIO と同じく、太さの指定にかかわらずこの字形のまま出すためです。 */
@font-face {
  font-family: 'ヒラギノ角ゴ W3 JIS2004';
  src: local('HiraginoSans-W3'), local('Hiragino Sans W3'), local('HiraKakuProN-W3');
  font-weight: 1 1000;
}
@font-face {
  font-family: 'ヒラギノ角ゴ W5 JIS2004';
  src: local('HiraginoSans-W5'), local('Hiragino Sans W5'), local('HiraginoSans-W6'), local('HiraKakuProN-W6');
  font-weight: 1 1000;
}
@font-face {
  font-family: 'ヒラギノ角ゴ W6 JIS2004';
  src: local('HiraginoSans-W6'), local('Hiragino Sans W6'), local('HiraKakuProN-W6');
  font-weight: 1 1000;
}
/* 「A1ゴシック L」（モリサワ。実績報告の説明文）も同じく STUDIO の契約フォントなので、細いヒラギノ（W2。iPhone・iPad は W3）で代わりに出します。 */
@font-face {
  font-family: 'A1ゴシック L';
  src: local('HiraginoSans-W2'), local('Hiragino Sans W2'), local('HiraginoSans-W3'), local('HiraKakuProN-W3');
  font-weight: 1 1000;
}

/* メニュー（スマホのメニューと「お知らせ」の選択）が開くときの動きです。STUDIO と同じく、下から浮き上がりながら現れます。 */
@media (prefers-reduced-motion: no-preference) {
  .design-canvas__modal[data-static-modal] .studio-canvas {
    animation: static-modal-in 0.4s cubic-bezier(0.4, 0.4, 0, 1);
  }
  .design-canvas__modal[data-static-modal] .design-canvas__modal__base {
    animation: static-fade-in 0.4s cubic-bezier(0.4, 0.4, 0, 1);
  }
}
@keyframes static-modal-in {
  from { opacity: 0; transform: translateY(100px); }
}
@keyframes static-fade-in {
  from { opacity: 0; }
}