@charset "utf-8";

/*---- print STA ----*/
/* Chrome/Edge/Chromium系のみ対応（Firefox・旧IE・iPhone/Android向けの印刷分岐は廃止） */
@page {
	size: A4;
	margin: 0;
}
.ss_Printbtn,
.btn_link__wrap--fixed,
.Id_button {
	display: none;
}
#acting_alert {
	display: none;
}
.print_none {
	display: none;
}
#container {
	display: none;
}
body {
	padding: 0;
	margin: 0;
}
/* チラシ画像はA4固定サイズ（210mm×297mm）で印字する。1頁目・2頁目は画像を縦に並べたまま1頁目の直後で強制改頁する */
.print_img {
	display: block;
	position: relative;
}
.print_img img {
	display: block;
	width: 210mm;
	height: auto;
}
.print_img > img:first-child {
	break-after: page;
	page-break-after: always;
}

/*
 * 以下、2頁目（裏面）固定位置への差し込み座標。
 * 1頁目画像の直後に2頁目画像が続く構造のため、2頁目内の座標には1頁分の高さ（297mm）を加算している。
 * docs/チラシ_新横浜支社_png/チラシ_新横浜支社_2.png（1241×1754px=A4 150dpi相当）を実測して算出。
 * キャンペーンごとにチラシ画像の版下が変わる場合はここを調整する。
 */

/*
 * プロモーションコード（当月2桁＋LCコード10桁＝計12桁）。print_lccodeクラスを使用。
 * flexboxで実測マス目ピッチ(7.28mm)に合わせて等間隔配置し、
 * 各桁は固定幅(6.94mm)のspanをtext-align:centerで中央寄せする。
 * フォントのグリフ幅に依存しないため、letter-spacing方式で
 * 発生していた桁を重ねるごとのズレ累積が発生しない。
 */
.print_lccode,
.print_expiry_year,
.print_expiry_month {
	position: absolute;
	display: flex;
	column-gap: 0.34mm; /* マス目ピッチ(7.28mm) − マス幅(6.94mm) */
	color: #000;
	font-size: 4.6mm;
	font-variant: tabular-nums;
}
.print_lccode span,
.print_expiry_year span,
.print_expiry_month span {
	display: inline-block;
	width: 6.94mm;
	text-align: center;
}

.print_lccode {
	top: calc(297mm + 137.9mm); /* +1mm 下に調整 */
	left: 108.3mm;
}

/* 有効期限：印刷処理時点の年（西暦4桁） */
.print_expiry_year {
	top: calc(297mm + 147.4mm); /* +1mm 下に調整 */
	left: 130.3mm;
}

/* 有効期限：印刷処理時点の月（2桁） */
.print_expiry_month {
	top: calc(297mm + 147.4mm); /* +1mm 下に調整 */
	left: 166.7mm;
}

/*
 * QRコード（暫定表示）
 * 今回の印刷では実際には使用しないが、別件調査整理のため2頁目右下付近に仮表示する。
 * 内容はこのプレビューページ自身のURL（adcd付き）。位置は仮であり要調整。
 */
div.url_qrcode {
	position: absolute;
	top: calc(297mm + 260mm);
	left: 160mm;
}
div.url_qrcode canvas {
	width: 85px;
	height: 85px;
}
/*---- print END ----*/