@charset "UTF-8";
/* =========================================================
   wi1291「和乃花」= wi1288 のMV展開
   ---------------------------------------------------------
   レイアウト・アニメーション・本文セクションは和乃花シリーズ共通。
   リポジトリ既存の展開方式（wi1047b -> wi1047 など102件 / Flomシリーズ）と同じく
   基準ファイルを @import し、表紙のMV画像だけを差し替える。
   Blade も共用（wi_dtb_design.invitation_page_file_name = 'invitation_wanoka'）。

   wi1288 との差分は表紙のMV画像2点だけ:
     main_base_1291.png   金アーチ枠（お客様写真の窓を作る）
     main_middle_1291.png 2枚目（左からスイングで入る）
   支給素材は 800x1301 キャンバスだが、不透明域は wi1288(1288) と同じ
   （middle 左端625px / base 左端675px）ため、共通CSSの
   background-size:contain / no-repeat top left で同じ絵になる。
   白カバー main_top_1288-1291.png・マスク cover_photo_mask.png・
   本文の見出し画像は全品番で同一ファイル（md5一致）。

   ★ @import 元の url() は「宣言があるスタイルシート」= wi1288/ を基準に
     解決される（@import 先でも基準は変わらない）。自品番のディレクトリを
     参照させるには本ファイルで background-image を再宣言すること。
     セレクタの詳細度はシリーズ共通側と同じ(0,2,0)で、@import は先頭に
     展開されるため後勝ちで上書きされる。
   ========================================================= */

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

/* 表紙 ①背景の金アーチ枠 */
.c-invitationPage--wi1291 .c-invitationSec--title__baseArt {
	background-image: url(main_base_1291.png);
	/* 支給素材が 800x1301（箱は 800x1300）なので contain だと 0.99923 倍に縮み、
	   絵が右と下に 1px 足りなくなる（wi1288 は素材が 1300 なので等倍）。
	   幅基準に固定して 800px グリッドへ乗せる。はみ出す下端 1px は
	   __img01Wrap の overflow:hidden が隠す。
	   2026-08-17: 「画像の右が欠けている」の調査中に判明した 1px の不足の修正。 */
	background-size: 100% auto;
}

/* 表紙 ②2枚目 */
.c-invitationPage--wi1291 .c-invitationSec--title__middle {
	background-image: url(main_middle_1291.png);
	/* 支給素材が 800x1301（箱は 800x1300）なので contain だと 0.99923 倍に縮み、
	   絵が右と下に 1px 足りなくなる（wi1288 は素材が 1300 なので等倍）。
	   幅基準に固定して 800px グリッドへ乗せる。はみ出す下端 1px は
	   __img01Wrap の overflow:hidden が隠す。
	   2026-08-17: 「画像の右が欠けている」の調査中に判明した 1px の不足の修正。 */
	background-size: 100% auto;
}

/* 表紙 ③白カバー。全品番同一ファイルだが、各ディレクトリに実体があるので
   自分のものを参照させる（置いてあるのに使われない画像を作らないため） */
.c-invitationPage--wi1291 .c-invitationSec--title__coverArt {
	background-image: url(main_top_1288-1291.png);
}

/* 同上。カバー写真をアーチ窓の内側に閉じ込めるマスク */
.c-invitationPage--wi1291 .c-invitationSec--title__coverPhoto {
	-webkit-mask-image: url(cover_photo_mask.png?2026081802);
	        mask-image: url(cover_photo_mask.png?2026081802);
}