@charset "UTF-8";

/* =========================================================
   wi1256「ひなげし」= アトリエシリーズ（基準 wi1263）の絵柄展開
   ---------------------------------------------------------
   レイアウト・アニメーション・本文セクションはシリーズ共通なので
   基準ファイルを @import し、品番固有の差分だけをここに書く。
   Blade は共用不可なので invitation_wi1256.blade.php /
   naire/_naire_wi1256.blade.php を実ファイルで持っている。

   絵柄はトワルシリーズ wi1268 と同じモネ作品だが、レイアウトが別系統
   （本ファイル＝アトリエ／CSS 開幕演出、wi1268＝Lottie）なので素材は共有しない。
   ========================================================= */

@import url("/web_invitation/design_resource/wi1263/design.css");

/* ---------------------------------------------------------
   品番固有の絵柄
   @import 内の url() は「宣言があるスタイルシート」= wi1263/ 基準で
   解決されるため、自品番の画像を使わせるには再宣言が要る。
   ここに挙げていない素材（bg_paper / text_1 / text_2 / journey / to / forever /
   title_*）は全品番で md5 一致のため、基準品番から解決させて重複配信を避ける。
   reply_title.png は CSS ではなく title_common.blade.php が $design_code 由来の
   パスで参照するため、ここでの宣言は不要。
   --------------------------------------------------------- */
.c-invitationPage--wi1256 .c-invitationSec--title__imgCover {
    background: url("img_cover.png") no-repeat center / cover;
}
.c-invitationPage--wi1256 .c-invitationSec--title__art   { background-image: url("bg_art.jpg"); }
.c-invitationPage--wi1256 .c-invitationSec--title__cover { background-image: url("bg_cover.png"); }
.c-invitationPage--wi1256 .c-invitationSec--title__label { background-image: url("label_art.png"); }
.c-invitationPage--wi1256 .c-invitationSec--countdown {
    background: url("countdown.jpg") no-repeat center / cover;
}

/* ---------------------------------------------------------
   色
   --atelier-navy は bg_cover.png 中央の実測色から導出（HSL で s*2.03 / l*0.455）。
   この係数は基準品番で検算済み: wi1263 の bg_cover #375a72 -> #0b2c42 で、
   手打ちの既存宣言 #0b2d41 と 1/255 以内で一致する。
   本品番のベールは黄土寄りで、実測 #8d8b5a -> #4c4a1d。
   --atelier-line / --atelier-gold は本品番の全体コンプが無く実測できないため
   基準品番の値を継いでいる。コンプ受領後に要上書き。
   --------------------------------------------------------- */
.c-invitationPage--wi1256 {
    --atelier-navy: #4c4a1d;
}