/* Scoped normal-button primitives; no parent-theme stylesheet is required. */
.pg-adx-button-wrap{--the-min-width:64%;--the-padding:.75em 1.5em;display:block;font-size:1em;position:relative;text-align:center}
.pg-adx-button-link{display:inline-block;position:relative;width:auto;min-width:var(--the-min-width);padding:var(--the-padding);margin:0;border:0;border-radius:0;background:var(--pg-theme-main,#111);color:#fff;font-weight:700;letter-spacing:1px;line-height:1.5;text-align:center;text-decoration:none;box-shadow:none;transition:box-shadow .25s}
.pg-adx-button-link:hover{box-shadow:0 4px 12px #0000001a,0 12px 24px -12px #0003;opacity:1}
@media(min-width:600px){.pg-adx-button-wrap{--the-min-width:40%}}
/* Native layouts adapted from the supplied extension 1.4.9. */

.pg-adx-ad{
	box-sizing:border-box;
	margin:1.8em 0;
}

.pg-adx-ad-media{
	margin-bottom:18px;
	text-align:center;
}

.pg-adx-ad-media img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.pg-adx-button{
	display:flex;
	flex-direction:column;
}

.pg-adx-button__content{
	display:flex;
	flex-direction:column;
	gap:.55em;
}

.pg-adx-align-left .pg-adx-button__content{align-items:flex-start}
.pg-adx-align-center .pg-adx-button__content{align-items:center}
.pg-adx-align-right .pg-adx-button__content{align-items:flex-end}

.pg-adx-button__micro{
	font-size:.82em;
	line-height:1.55;
	text-align:center;
	opacity:.72;
}

.pg-adx-button .pg-adx-button-wrap{
	margin:0!important;
}

.pg-adx-width-compact .pg-adx-button-wrap{width:min(100%,190px)}
.pg-adx-width-standard .pg-adx-button-wrap{
	width:100%;
}
.pg-adx-align-left.pg-adx-width-standard .pg-adx-button-wrap{text-align:left}
.pg-adx-align-center.pg-adx-width-standard .pg-adx-button-wrap{text-align:center}
.pg-adx-align-right.pg-adx-width-standard .pg-adx-button-wrap{text-align:right}
.pg-adx-width-wide .pg-adx-button-wrap{width:min(100%,420px)}
.pg-adx-width-full .pg-adx-button-wrap{width:100%}

/* 標準サイズはSWELL本来の寸法ルールへ追従 */
.pg-adx-button.pg-adx-width-standard .pg-adx-button-link{
	display:inline-flex;
	min-width:var(--the-min-width,64%);
	min-height:0;
	padding:var(--the-padding,.75em 1.5em);
	line-height:1.5;
}

.pg-adx-button .pg-adx-button-link,
.pg-adx-benefit .pg-adx-button-link{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:.8em 1.4em;
	color:#fff!important;
	text-align:center;
	text-decoration:none!important;
}

.pg-adx-color-theme .pg-adx-button-link{
	background:var(--pg-theme-main,#111111)!important;
}

.pg-adx-color-custom .pg-adx-button-link{
	background:var(--pg-adx-color-1,#111)!important;
}

.pg-adx-color-gradient .pg-adx-button-link{
	background:linear-gradient(135deg,var(--pg-adx-color-1,#111),var(--pg-adx-color-2,#555))!important;
}

.pg-adx-benefit{
	max-width:680px;
	padding:22px;
	border:1px solid rgba(0,0,0,.1);
	border-radius:12px;
	background:var(--pg-theme-content_bg,#fff);
}

.pg-adx-benefit[hidden]{
	display:none!important;
}

.pg-adx-benefit__content{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.pg-adx-benefit__title{
	font-size:1.08em;
	font-weight:750;
	line-height:1.45;
}

.pg-adx-benefit__desc{
	font-size:.92em;
	line-height:1.75;
	opacity:.82;
}

.pg-adx-benefit__deadline{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:.82em;
}

.pg-adx-benefit__deadline span{
	padding:3px 7px;
	border-radius:999px;
	background:rgba(0,0,0,.06);
	font-size:.82em;
	font-weight:700;
}

.pg-adx-coupon{
	padding:12px;
	border:1px dashed rgba(0,0,0,.2);
	border-radius:9px;
	background:rgba(0,0,0,.025);
}

.pg-adx-coupon__label{
	margin-bottom:7px;
	font-size:.76em;
	font-weight:700;
	opacity:.65;
}

.pg-adx-coupon__body{
	display:flex;
	align-items:center;
	gap:10px;
}

.pg-adx-coupon code{
	flex:1;
	padding:7px 10px;
	border-radius:6px;
	background:rgba(0,0,0,.06);
	font-size:.95em;
	font-weight:700;
	letter-spacing:.04em;
}

.pg-adx-coupon button{
	flex:0 0 auto;
	padding:7px 12px;
	border:1px solid rgba(0,0,0,.16);
	border-radius:6px;
	background:#fff;
	cursor:pointer;
	font-size:.8em;
	font-weight:700;
}

.pg-adx-coupon__feedback{
	min-height:1.3em;
	margin-top:5px;
	font-size:.72em;
	opacity:.62;
}

.pg-adx-benefit__action .pg-adx-button-wrap,
.pg-adx-benefit__fallback .pg-adx-button-wrap{
	width:min(100%,320px);
	margin:0!important;
}

.pg-adx-benefit__action .pg-adx-button-link,
.pg-adx-benefit__fallback .pg-adx-button-link{
	background:var(--pg-theme-main,#111111)!important;
}

.pg-adx-benefit__status{
	font-weight:700;
	line-height:1.65;
}

@media(max-width:600px){
	.pg-adx-benefit{padding:18px 16px}
	.pg-adx-coupon__body{align-items:stretch;flex-direction:column}
	.pg-adx-coupon button{width:100%}
}


/* v1.2.1: 特典型をクーポンカード風に調整 */
.pg-adx-benefit{
	max-width:820px;
	padding:22px;
	border:1px solid #ead7b7;
	border-radius:14px;
	background:#fffaf1;
}

.pg-adx-benefit > [data-pg-adx-state="active"]{
	display:grid;
	grid-template-columns:minmax(0,200px) minmax(0,1fr);
	gap:22px;
	align-items:start;
}

.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-ad-media{
	margin:0;
}

.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-benefit__content{
	min-width:0;
}

.pg-adx-benefit__title{
	font-size:1.12em;
	font-weight:750;
}

.pg-adx-coupon{
	border-color:#e8a949;
	background:#fff8ec;
}

.pg-adx-coupon code{
	background:#fff;
	border:1px solid #ead7b7;
}

.pg-adx-benefit__action .pg-adx-button-wrap{
	width:100%;
	max-width:none;
}

@media(max-width:640px){
	.pg-adx-benefit > [data-pg-adx-state="active"]{
		grid-template-columns:1fr;
	}
}


/* =========================================================
   v1.2.2: 特典型の可変デザイン
========================================================= */

.pg-adx-benefit{
	border-color:var(--pg-adx-benefit-border,#ead7b7)!important;
}

.pg-adx-benefit.is-no-media > [data-pg-adx-state="active"]{
	grid-template-columns:1fr!important;
	max-width:640px;
	margin:0 auto;
}

.pg-adx-benefit__period{
	display:flex;
	align-items:center;
	gap:9px;
	padding:8px 10px;
	border-radius:7px;
	background:rgba(0,0,0,.035);
	font-size:.8em;
}

.pg-adx-benefit__period span{
	font-weight:700;
	opacity:.65;
}

.pg-adx-benefit__period strong{
	font-weight:600;
}

.pg-adx-benefit-btn-custom .pg-adx-button-link{
	background:var(--pg-adx-benefit-btn,#111111)!important;
}

.pg-adx-benefit-btn-gradient .pg-adx-button-link{
	background:var(--pg-adx-benefit-btn,linear-gradient(135deg,#111111,#2f67c7))!important;
}


/* v1.2.3 */
.pg-adx-benefit{
	background:var(--pg-adx-benefit-bg,#fffaf1)!important;
}


/* =========================================================
   v1.2.4: 特典型自動配色
========================================================= */

.pg-adx-benefit .pg-adx-coupon{
	background:var(--pg-adx-benefit-coupon,#fff0f0)!important;
	border-color:color-mix(in srgb, var(--pg-adx-benefit-border,#ead7b7) 72%, #000 28%)!important;
}

.pg-adx-benefit .pg-adx-benefit__action .pg-adx-button-link,
.pg-adx-benefit .pg-adx-benefit__fallback .pg-adx-button-link{
	background:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
	color:#fff!important;
}


/* =========================================================
   v1.2.5
========================================================= */

/* ボタン型：SWELL設定を標準とし、選択時だけ角丸を上書き */
.pg-adx-button.pg-adx-radius-custom .pg-adx-button-link{
	border-radius:var(--pg-adx-button-radius,0px)!important;
}

/* 特典型：クーポンの有無に関係なくCTAを下端へ固定 */
.pg-adx-benefit > [data-pg-adx-state="active"]{
	align-items:stretch;
}

.pg-adx-benefit__content{
	min-height:210px;
}

.pg-adx-benefit__action{
	margin-top:auto!important;
}

/* 画像なしでもカードとして高さと余白を保つ */
.pg-adx-benefit.is-no-media .pg-adx-benefit__content{
	min-height:195px;
}

/* 自動配色のボタン色をSWELL側より確実に優先 */
.pg-adx-benefit .pg-adx-benefit__action .pg-adx-button-link,
.pg-adx-benefit .pg-adx-benefit__fallback .pg-adx-button-link{
	background:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
	background-color:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
}


/* =========================================================
   v1.2.7
========================================================= */
.pg-adx-benefit{
	border-radius:var(--pg-adx-benefit-radius,12px)!important;
}
.pg-adx-benefit__media{
	overflow:hidden;
	border-radius:calc(var(--pg-adx-benefit-radius,12px) * .72);
}
.pg-adx-benefit__image{
	display:block;
	width:100%;
	height:auto;
	border-radius:inherit;
	object-fit:cover;
}
.pg-adx-button__adtag{
	width:100%;
	text-align:center;
}


/* =========================================================
   v1.2.8
========================================================= */

/* ボタン型：広告タグ由来の計測ピクセル等 */
.pg-adx-button__tracking{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
	clip:rect(0 0 0 0)!important;
	clip-path:inset(50%)!important;
	white-space:nowrap!important;
}

/* 特典型の画像は正方形で、透過PNG/SVG等の背景をそのまま活かす */
.pg-adx-benefit__media,
.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-ad-media{
	aspect-ratio:1 / 1;
	width:100%;
	min-width:0;
	min-height:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:transparent!important;
	overflow:hidden;
}

.pg-adx-benefit__image,
.pg-adx-benefit__media img,
.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-ad-media img{
	width:100%!important;
	height:100%!important;
	max-width:100%;
	object-fit:contain!important;
	background:transparent!important;
	border-radius:0!important;
}

/* PCは画像を180px前後、本文を広く */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	grid-template-columns:minmax(140px,180px) minmax(0,1fr)!important;
}

/* タブレット/スマホは縦積み。画像は大きくなりすぎない */
@media(max-width:720px){
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}
	.pg-adx-benefit__media,
	.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-ad-media{
		width:min(52vw,180px);
		margin:0 auto 4px!important;
	}
}

@media(max-width:420px){
	.pg-adx-benefit{
		padding:16px!important;
	}
	.pg-adx-benefit__media,
	.pg-adx-benefit > [data-pg-adx-state="active"] > .pg-adx-ad-media{
		width:min(58vw,160px);
	}
}


/* =========================================================
   v1.2.9
========================================================= */

/* メディアライブラリ画像はSWELL広告画像の余計な装飾を継承しない */
.pg-adx-benefit__media{
	width:100%;
	aspect-ratio:1 / 1;
	padding:0!important;
	margin:0!important;
	border:0!important;
	box-shadow:none!important;
	background:transparent!important;
	align-self:start;
}

.pg-adx-benefit__media::before,
.pg-adx-benefit__media::after{
	content:none!important;
	display:none!important;
}

.pg-adx-benefit__image{
	width:auto!important;
	height:auto!important;
	max-width:88%!important;
	max-height:88%!important;
	margin:auto!important;
	object-fit:contain!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
}

/* PCは安定した正方形メディア列 */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	grid-template-columns:160px minmax(0,1fr)!important;
	gap:20px!important;
}

/* モバイルはカード上部に小さめ正方形 */
@media(max-width:720px){
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}
	.pg-adx-benefit__media{
		width:150px!important;
		margin:0 auto 8px!important;
	}
}

@media(max-width:420px){
	.pg-adx-benefit__media{
		width:132px!important;
	}
}


/* =========================================================
   v1.3.0
========================================================= */

/* 選択画像がある特典型ではSWELL由来の広告ダミー表示を出さない */
.pg-adx-benefit__media .pg-ad-box__dammyImage,
.pg-adx-benefit__media .pg-ad-box__dummyImage{
	display:none!important;
}

/* ボタン型は常に中央配置 */
.pg-adx-button .pg-adx-button-wrap,
.pg-adx-button .pg-adx-button-wrapper{
	margin-left:auto!important;
	margin-right:auto!important;
}


/* =========================================================
   v1.3.2
========================================================= */

.pg-adx-ad,
.pg-adx-ad input,
.pg-adx-ad button,
.pg-adx-ad select,
.pg-adx-ad textarea,
.pg-adx-ad .pg-adx-button-link{
	font-family:inherit!important;
}

.pg-adx-benefit{
	--pg-adx-benefit-media-size:148px;
}

.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	grid-template-columns:var(--pg-adx-benefit-media-size) minmax(0,1fr)!important;
	gap:20px!important;
	align-items:start!important;
}

.pg-adx-benefit__media{
	width:var(--pg-adx-benefit-media-size)!important;
	height:var(--pg-adx-benefit-media-size)!important;
	align-self:start!important;
	margin-top:2px!important;
}

.pg-adx-benefit__image{
	max-width:84%!important;
	max-height:84%!important;
	margin:auto!important;
}

@media(max-width:720px){
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}
	.pg-adx-benefit__media{
		width:138px!important;
		height:138px!important;
		margin:0 auto 10px!important;
	}
}

@media(max-width:420px){
	.pg-adx-benefit__media{
		width:124px!important;
		height:124px!important;
	}
}


/* =========================================================
   v1.3.3 - 特典型レイアウト安定化
========================================================= */

/* 画像なし：従来の1カラムカードを完全に維持 */
.pg-adx-benefit.is-no-media{
	max-width:680px!important;
}

.pg-adx-benefit.is-no-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:1fr!important;
	max-width:640px!important;
	width:100%!important;
	margin:0 auto!important;
	align-items:stretch!important;
}

.pg-adx-benefit.is-no-media .pg-adx-benefit__content{
	width:100%!important;
	min-width:0!important;
}

/* 画像あり：左180pxの正方形レール + 本文 */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:180px minmax(0,1fr)!important;
	gap:20px!important;
	align-items:stretch!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__media{
	width:180px!important;
	height:180px!important;
	aspect-ratio:1/1!important;
	margin:0!important;
	align-self:start!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	background:transparent!important;
	overflow:hidden!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__image{
	width:auto!important;
	height:auto!important;
	max-width:84%!important;
	max-height:84%!important;
	margin:auto!important;
	object-fit:contain!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
}

/* クーポン有無でボタン位置が暴れない */
.pg-adx-benefit__content{
	min-width:0!important;
}

.pg-adx-benefit__action{
	margin-top:auto!important;
}

@media(max-width:720px){
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}
	.pg-adx-benefit.has-media .pg-adx-benefit__media{
		width:148px!important;
		height:148px!important;
		margin:0 auto 10px!important;
	}
}

@media(max-width:420px){
	.pg-adx-benefit.has-media .pg-adx-benefit__media{
		width:132px!important;
		height:132px!important;
	}
}


/* =========================================================
   v1.3.4
========================================================= */

/* hidden属性はレイアウトCSSより必ず優先する */
.pg-adx-benefit [hidden]{
	display:none!important;
}

/* 開始前も通常カードをそのまま見せ、期間欄だけで状態を伝える */
.pg-adx-benefit__status-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	margin-left:8px;
	padding:2px 7px;
	border-radius:999px;
	background:rgba(0,0,0,.06);
	color:inherit;
	font-size:.78em;
	font-weight:600;
	line-height:1.5;
	vertical-align:middle;
	white-space:nowrap;
}

/* 期間行はプレビューと同じように自然に横並び */
.pg-adx-benefit__meta-row,
.pg-adx-benefit__period{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

/* v1.3.3のカード形状を維持しつつ、フロントを管理画面プレビュー寄りに */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"],
.pg-adx-benefit.is-no-media > [data-pg-adx-state="active"]{
	border-radius:inherit;
}


/* =========================================================
   v1.3.5 - 特典型 Preview / Front 統一
========================================================= */
.pg-adx-benefit [hidden]{
	display:none!important;
}

.pg-adx-benefit{
	width:100%;
	max-width:680px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding:18px!important;
	box-sizing:border-box!important;
}

.pg-adx-benefit.is-no-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:1fr!important;
	width:100%!important;
	max-width:none!important;
	margin:0!important;
	gap:0!important;
}

.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:150px minmax(0,1fr)!important;
	gap:20px!important;
	align-items:start!important;
	width:100%!important;
	max-width:none!important;
	margin:0!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__media{
	width:150px!important;
	height:150px!important;
	margin:0!important;
	align-self:start!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__image{
	max-width:84%!important;
	max-height:84%!important;
}

.pg-adx-benefit__content{
	display:flex!important;
	flex-direction:column!important;
	min-width:0!important;
	width:100%!important;
}

.pg-adx-benefit__period{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	margin-top:10px!important;
}

.pg-adx-benefit__status-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:2px;
	padding:2px 7px;
	border-radius:999px;
	background:rgba(0,0,0,.06);
	font-size:.78em;
	font-weight:600;
	line-height:1.5;
	white-space:nowrap;
}

.pg-adx-benefit__status-badge[hidden]{
	display:none!important;
}

.pg-adx-benefit__action{
	margin-top:10px!important;
}

@media(max-width:720px){
	.pg-adx-benefit{
		padding:16px!important;
	}
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}
	.pg-adx-benefit.has-media .pg-adx-benefit__media{
		width:138px!important;
		height:138px!important;
		margin:0 auto 8px!important;
	}
}


/* =========================================================
   v1.3.6 - 特典型：管理画面Previewとフロントを同一デザインへ
========================================================= */

/* 重要：stateのhiddenを、後続のgrid指定より必ず優先する */
.pg-adx-benefit [data-pg-adx-state][hidden]{
	display:none!important;
}

/* カード全体 */
.pg-adx-benefit{
	max-width:680px!important;
	padding:20px!important;
	border:1px solid var(--pg-adx-benefit-border,#ead7b7)!important;
	border-radius:var(--pg-adx-benefit-radius,14px)!important;
	background:var(--pg-adx-benefit-bg,#fffaf1)!important;
	text-align:left!important;
}

/* 画像あり = Previewと同じ2カラム */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:150px minmax(0,1fr)!important;
	gap:20px!important;
	align-items:stretch!important;
	width:100%!important;
	margin:0!important;
}

/* 画像なし = 1カラム */
.pg-adx-benefit.is-no-media > [data-pg-adx-state="active"]{
	display:grid!important;
	grid-template-columns:1fr!important;
	gap:0!important;
	width:100%!important;
	margin:0!important;
}

.pg-adx-benefit__media{
	width:150px!important;
	height:150px!important;
	min-height:0!important;
	margin:auto 0!important;
	align-self:center!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	background:transparent!important;
}

.pg-adx-benefit__image{
	width:auto!important;
	height:auto!important;
	max-width:84%!important;
	max-height:84%!important;
	object-fit:contain!important;
	margin:auto!important;
}

/* 本文：Previewと同じ文字組み */
.pg-adx-benefit__content{
	display:flex!important;
	flex-direction:column!important;
	gap:12px!important;
	min-width:0!important;
	min-height:190px!important;
}

.pg-adx-benefit__title{
	font-size:17px!important;
	font-weight:700!important;
	line-height:1.45!important;
}

.pg-adx-benefit__desc{
	color:#667085!important;
	font-size:13px!important;
	line-height:1.65!important;
	opacity:1!important;
}

/* 期間 */
.pg-adx-benefit__period{
	display:flex!important;
	align-items:center!important;
	gap:9px!important;
	flex-wrap:wrap!important;
	margin:0!important;
	padding:8px 10px!important;
	border-radius:7px!important;
	background:rgba(0,0,0,.035)!important;
	font-size:12px!important;
	line-height:1.5!important;
}

.pg-adx-benefit__period > span:first-child{
	font-weight:700!important;
	color:#667085!important;
	opacity:1!important;
}

.pg-adx-benefit__period strong{
	font-weight:600!important;
	color:#343434!important;
}

.pg-adx-benefit__status-badge{
	margin-left:auto!important;
	padding:2px 7px!important;
	border-radius:999px!important;
	background:rgba(0,0,0,.06)!important;
	color:#667085!important;
	font-size:10px!important;
	font-weight:700!important;
	line-height:1.5!important;
}

/* クーポン：Previewと完全に同じ見た目 */
.pg-adx-benefit .pg-adx-coupon{
	padding:12px 14px!important;
	border:1px dashed color-mix(in srgb, var(--pg-adx-benefit-border,#ead7b7) 72%, #000 28%)!important;
	border-radius:10px!important;
	background:var(--pg-adx-benefit-coupon,#fff8ec)!important;
}

.pg-adx-benefit .pg-adx-coupon__label{
	margin-bottom:8px!important;
	color:inherit!important;
	font-size:12px!important;
	font-weight:700!important;
	opacity:1!important;
}

.pg-adx-benefit .pg-adx-coupon__body{
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
}

.pg-adx-benefit .pg-adx-coupon code{
	flex:1!important;
	padding:9px 12px!important;
	border:1px solid color-mix(in srgb, var(--pg-adx-benefit-border,#ead7b7) 70%, #fff 30%)!important;
	border-radius:7px!important;
	background:#fff!important;
	color:inherit!important;
	font-size:inherit!important;
	font-weight:700!important;
	letter-spacing:.12em!important;
}

.pg-adx-benefit .pg-adx-coupon button{
	flex:0 0 auto!important;
	padding:7px 10px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	color:#667085!important;
	cursor:pointer!important;
	font-size:inherit!important;
	font-weight:700!important;
	line-height:1.4!important;
	box-shadow:none!important;
}

.pg-adx-benefit .pg-adx-coupon button:hover{
	opacity:.72;
}

.pg-adx-benefit .pg-adx-coupon__feedback{
	min-height:0!important;
	margin:5px 0 0!important;
	font-size:11px!important;
	opacity:.62!important;
}

/* CTAはPreviewと同じく下端・全幅 */
.pg-adx-benefit__action{
	margin-top:auto!important;
}

.pg-adx-benefit__action .pg-adx-button-wrap{
	width:100%!important;
	max-width:none!important;
	margin:0!important;
}

.pg-adx-benefit__action .pg-adx-button-link{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:48px!important;
}

/* 終了後：通常カードを消して、同じ配色の終了カードだけ表示 */
.pg-adx-benefit__ended{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:12px 14px;
	align-items:center;
	padding:4px 2px;
}

.pg-adx-benefit__ended-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:rgba(0,0,0,.06);
	color:#667085;
	font-size:15px;
	font-weight:700;
}

.pg-adx-benefit__ended-label{
	margin-bottom:2px;
	color:#667085;
	font-size:11px;
	font-weight:700;
	letter-spacing:.04em;
}

.pg-adx-benefit__ended .pg-adx-benefit__status{
	font-size:14px;
	font-weight:700;
	line-height:1.6;
}

.pg-adx-benefit__ended .pg-adx-benefit__fallback{
	grid-column:1 / -1;
	margin-top:6px;
}

.pg-adx-benefit__ended .pg-adx-benefit__fallback:empty{
	display:none;
}

/* hiddenは最後にも宣言し、終了時にactiveカードが残るのを防ぐ */
.pg-adx-benefit [data-pg-adx-state][hidden]{
	display:none!important;
}

@media(max-width:720px){
	.pg-adx-benefit{
		padding:18px 16px!important;
	}

	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}

	.pg-adx-benefit__media{
		width:138px!important;
		height:138px!important;
		margin:0 auto!important;
	}

	.pg-adx-benefit__content{
		min-height:0!important;
	}

	.pg-adx-benefit .pg-adx-coupon__body{
		flex-direction:row!important;
		align-items:center!important;
	}

	.pg-adx-benefit .pg-adx-coupon button{
		width:auto!important;
	}
}


/* =========================================================
   v1.3.6.1 - v1.3.6を土台にした指定差分のみ
========================================================= */

/* メディアライブラリ画像 / 広告タグ画像を同じ164px正方形レールへ統一 */
.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	grid-template-columns:164px minmax(0,1fr)!important;
}

.pg-adx-benefit__media{
	width:164px!important;
	height:164px!important;
	aspect-ratio:1 / 1!important;
	margin:auto 0!important;
	align-self:center!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	overflow:hidden!important;
}

.pg-adx-benefit__media > a,
.pg-adx-benefit__media--adtag > a{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	padding:0!important;
	background:transparent!important;
}

.pg-adx-benefit__image,
.pg-adx-benefit__media img,
.pg-adx-benefit__media--adtag img{
	width:auto!important;
	height:auto!important;
	max-width:88%!important;
	max-height:88%!important;
	margin:auto!important;
	object-fit:contain!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
}

/* ASPの1px計測画像は画像レールのレイアウトに参加させない */
.pg-adx-benefit__media--adtag img[width="1"],
.pg-adx-benefit__media--adtag img[height="1"]{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	op:auto!important;
	left:auto!important;
	opacity:0!important;
	pointer-events:none!important;
}

/* 特典型ボタンの角丸は「SWELL設定」以外を選んだ時だけ上書き */
.pg-adx-benefit.pg-adx-benefit-custom-button-radius .pg-adx-benefit__action .pg-adx-button-link,
.pg-adx-benefit.pg-adx-benefit-custom-button-radius .pg-adx-benefit__fallback .pg-adx-button-link{
	border-radius:var(--pg-adx-benefit-button-radius,10px)!important;
}

.pg-adx-benefit__ended-svg{
	display:block;
	width:19px;
	height:19px;
}

@media(max-width:720px){
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
	}

	.pg-adx-benefit__media{
		width:146px!important;
		height:146px!important;
		margin:0 auto 8px!important;
	}
}


/* =========================================================
   v1.4.0 - 特典運用強化
========================================================= */
.pg-adx-benefit__label{
	display:inline-flex;
	align-self:flex-start;
	align-items:center;
	max-width:100%;
	padding:4px 9px;
	border:1px solid color-mix(in srgb,var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111)) 28%,transparent);
	border-radius:999px;
	background:color-mix(in srgb,var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111)) 8%,#fff 92%);
	color:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111));
	font-size:.74em;
	font-weight:700;
	line-height:1.45;
}

.pg-adx-benefit__status-badge.is-ending-soon{
	background:color-mix(in srgb,var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111)) 10%,#fff 90%);
	color:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111));
}

.pg-adx-benefit__actions{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-top:auto!important;
}

.pg-adx-benefit__actions .pg-adx-benefit__action{
	margin-top:0!important;
}

.pg-adx-benefit__action--secondary .pg-adx-button-link{
	border:1px solid var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
	background:#fff!important;
	background-image:none!important;
	color:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
}

.pg-adx-btn-icon{
	width:1.05em;
	height:1.05em;
	margin-left:.5em;
	flex:0 0 auto;
}

.pg-adx-benefit-custom-button-radius .pg-adx-benefit__action--secondary .pg-adx-button-link{
	border-radius:var(--pg-adx-benefit-button-radius,0px)!important;
}

@media(min-width:601px){
	.pg-adx-benefit__actions.has-secondary{
		flex-direction:row;
	}
	.pg-adx-benefit__actions.has-secondary .pg-adx-benefit__action{
		flex:1 1 0;
	}
	.pg-adx-benefit__actions.has-secondary .pg-adx-button-wrap{
		width:100%!important;
	}
}


/* =========================================================
   v1.4.1: 標準ボタンはSWELL本来の寸法 / SWELLアイコン
========================================================= */
.pg-adx-button.pg-adx-width-standard .pg-adx-button-link{
	display:inline-flex!important;
	width:auto!important;
	min-width:var(--the-min-width,40%)!important;
	min-height:0!important;
	padding:var(--the-padding,.75em 1.5em)!important;
	line-height:1.5!important;
}

.pg-adx-btn-icon{
	display:inline-block;
	width:auto!important;
	height:auto!important;
	margin-left:.5em;
	font-size:1.05em;
	line-height:1;
	font-style:normal;
	flex:0 0 auto;
}


/* =========================================================
   v1.4.2 - 特典型 Preview / Front 再統一
========================================================= */

/* ラベルはCTA色ではなく「特典のキーカラー」を使う。
   CTAが黒でも期間限定ラベルが埋もれない。 */
.pg-adx-benefit__label{
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 24%,#fff 76%)!important;
	background:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 7%,#fff 93%)!important;
	color:var(--pg-adx-benefit-key,#B00000)!important;
}

/* クーポンは管理画面Previewと同じ暖色アクセントを残す。 */
.pg-adx-benefit .pg-adx-coupon{
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 42%,#fff 58%)!important;
}
.pg-adx-benefit .pg-adx-coupon code{
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 30%,#fff 70%)!important;
}

/* SWELL純正アイコンの位置・大きさをPreviewとFrontで統一。 */
.pg-adx-btn-icon{
	display:inline-block!important;
	margin-left:.5em!important;
	
	font-size:1.05em!important;
	font-style:normal!important;
	font-weight:400!important;
	line-height:1!important;
	vertical-align:-.08em!important;
}


/* =========================================================
   v1.4.3 - Preview/Front visual sync fixes
========================================================= */
.pg-adx-benefit__label{border-color:rgba(176,0,0,.24)!important;background:rgba(176,0,0,.07)!important;color:#B00000!important}.pg-adx-benefit .pg-adx-coupon{border-color:#e8a949!important;background:var(--pg-adx-benefit-coupon,#fff8ec)!important}.pg-adx-benefit .pg-adx-coupon code{border-color:#ead7b7!important;background:#fff!important}.pg-adx-btn-icon{display:inline-flex!important;align-items:center;justify-content:center;margin-left:.5em!important;line-height:1!important;color:currentColor!important}.pg-adx-btn-icon svg{display:block;width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:0}.pg-adx-btn-icon--shopping svg{fill:currentColor;stroke:none}


/* =========================================================
   v1.4.4 - 自動配色 / ラベル視認性 / Preview整合
========================================================= */
.pg-adx-benefit__label{
	background:#fff!important;
	color:var(--pg-adx-benefit-key,#B00000)!important;
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 52%,#fff 48%)!important;
	box-shadow:0 1px 0 rgba(0,0,0,.03)!important;
}
.pg-adx-benefit .pg-adx-coupon{
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 42%,#fff 58%)!important;
	background:var(--pg-adx-benefit-coupon,#fff8ec)!important;
}
.pg-adx-benefit .pg-adx-coupon code{
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 28%,#fff 72%)!important;
	background:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 3%,#fff 97%)!important;
}
.pg-adx-btn-icon--shopping svg{fill:currentColor!important;stroke:none!important;}


/* =========================================================
   v1.4.5 - 特典ラベル / クーポン配色 最終調整
========================================================= */
.pg-adx-benefit__label{
	background:#fff!important;
	color:var(--pg-adx-benefit-key,#B00000)!important;
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 52%,#fff 48%)!important;
}
.pg-adx-benefit .pg-adx-coupon{
	background:var(--pg-adx-benefit-coupon,#fff8ec)!important;
	border-color:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 42%,#fff 58%)!important;
}
.pg-adx-benefit .pg-adx-coupon code{
	border-color:#D6A84B!important;
	background:color-mix(in srgb,var(--pg-adx-benefit-key,#B00000) 3%,#fff 97%)!important;
}


/* =========================================================
   v1.4.9 - 特典型 CTA / 画像バランス確定
   既存ルールより高い詳細度で、対象箇所だけを確実に上書きする。
========================================================= */

/* 画像レールはカード内容量に合わせて自動調整。 */
.pg-adx-benefit.has-media{
	--pg-adx-benefit-media-size:clamp(184px,30%,204px);
}
.pg-adx-benefit.has-media.has-period{
	--pg-adx-benefit-media-size:clamp(190px,31%,212px);
}
.pg-adx-benefit.has-media.has-coupon,
.pg-adx-benefit.has-media.has-secondary-cta{
	--pg-adx-benefit-media-size:clamp(198px,32%,220px);
}
.pg-adx-benefit.has-media.has-coupon.has-secondary-cta{
	--pg-adx-benefit-media-size:clamp(206px,33%,228px);
}
.pg-adx-benefit.has-media.has-label.has-coupon.has-secondary-cta{
	--pg-adx-benefit-media-size:clamp(212px,34%,234px);
}

.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
	grid-template-columns:var(--pg-adx-benefit-media-size) minmax(0,1fr)!important;
	gap:22px!important;
	align-items:stretch!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__media{
	width:var(--pg-adx-benefit-media-size)!important;
	height:var(--pg-adx-benefit-media-size)!important;
	margin:auto 0!important;
	align-self:center!important;
	overflow:hidden!important;
}

.pg-adx-benefit.has-media .pg-adx-benefit__image,
.pg-adx-benefit.has-media .pg-adx-benefit__media img,
.pg-adx-benefit.has-media .pg-adx-benefit__media--adtag img{
	width:auto!important;
	height:auto!important;
	max-width:100%!important;
	max-height:100%!important;
	margin:auto!important;
	padding:2px!important;
	box-sizing:border-box!important;
	object-fit:contain!important;
	transform:scale(1.10);
	transform-origin:center center;
}

/* 2CTA: PCは横並び、スマホは従来どおり縦並び。 */
.pg-adx-benefit .pg-adx-benefit__actions{
	display:flex!important;
	flex-direction:column!important;
	gap:10px!important;
	margin-top:auto!important;
}
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-benefit__action{
	flex:1 1 0!important;
	min-width:0!important;
	margin-top:0!important;
}

@media(min-width:601px){
	.pg-adx-benefit .pg-adx-benefit__actions.has-secondary{
		flex-direction:row!important;
	}
}

.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-button-wrap,
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-button-wrapper{
	width:100%!important;
	max-width:none!important;
	margin:0!important;
}

.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-button-link{
	display:flex!important;
	width:100%!important;
	box-sizing:border-box!important;
	align-items:center!important;
	justify-content:center!important;
	gap:.48em!important;
	min-height:48px!important;
	padding:.82em 1.15em!important;
	line-height:1.4!important;
	text-align:center!important;
}

/* 既存の塗りつぶし!importantより詳細度を上げて第2CTAを確実にアウトライン化。 */
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-benefit__action--secondary .pg-adx-button-link{
	border:1px solid var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
	background:#fff!important;
	background-color:#fff!important;
	background-image:none!important;
	color:var(--pg-adx-benefit-btn,var(--pg-theme-main,#111111))!important;
}

/* 角丸設定は両CTAへ同じ値を適用。 */
.pg-adx-benefit.pg-adx-benefit-custom-button-radius .pg-adx-benefit__actions .pg-adx-button-link{
	border-radius:var(--pg-adx-benefit-button-radius,10px)!important;
}

/* 文言・アイコンのベースラインを揃える。 */
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-button-link > span:first-child{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	line-height:1.4!important;
}
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-btn-icon{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:1.05em!important;
	height:1.05em!important;
	margin:0!important;
	font-size:1em!important;
	line-height:1!important;
	vertical-align:0!important;
	flex:0 0 auto!important;
}
.pg-adx-benefit .pg-adx-benefit__actions .pg-adx-btn-icon svg{
	display:block!important;
	width:1.05em!important;
	height:1.05em!important;
}

@media(max-width:720px){
	.pg-adx-benefit.has-media{
		--pg-adx-benefit-media-size:clamp(172px,48vw,196px);
	}
	.pg-adx-benefit.has-media.has-coupon,
	.pg-adx-benefit.has-media.has-secondary-cta{
		--pg-adx-benefit-media-size:clamp(180px,50vw,204px);
	}
	.pg-adx-benefit.has-media > [data-pg-adx-state="active"]{
		grid-template-columns:1fr!important;
		gap:18px!important;
	}
	.pg-adx-benefit.has-media .pg-adx-benefit__media{
		margin:0 auto 8px!important;
	}
}

@media(max-width:600px){
	.pg-adx-benefit .pg-adx-benefit__actions.has-secondary{
		flex-direction:column!important;
	}
}

/* Isolate from theme resets and preserve the server-rendered time state. */
.pg-adx-ad,.pg-adx-ad *,.pg-adx-ad *::before,.pg-adx-ad *::after{box-sizing:border-box}
.pg-adx-ad[hidden],.pg-adx-ad [hidden],.pg-ad:has(>.pg-adx-benefit[hidden]){display:none!important}
.pg-adx-ad .pg-adx-button-link:focus-visible,.pg-adx-ad button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.pg-adx-btn-icon{background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.pg-adx-btn-icon--arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M6%2012h10.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%205.5%2019.5%2012%2013%2018.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M6%2012h10.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%205.5%2019.5%2012%2013%2018.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.pg-adx-btn-icon--external{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M14%204h6v6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2014%2020%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2014v4a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h4%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M14%204h6v6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2014%2020%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2014v4a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h4%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.pg-adx-btn-icon--shopping{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%2237.5%22%20cy%3D%2242.5%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2242.5%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M43.5%208.5H10.2l-.7-5.3c-.1-1-1-1.7-2-1.7h-5c-1.1%200-2%20.9-2%202s.9%202%202%202h3.2l3.8%2029.3c.1%201%201%201.7%202%201.7h29c1.1%200%202-.9%202-2s-.9-2-2-2H13.3l-.4-4h28.6c1%200%201.9-.8%202-1.8l2-16c.1-1.1-.8-2.2-2-2.2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20role%3D%22img%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%2237.5%22%20cy%3D%2242.5%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2242.5%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M43.5%208.5H10.2l-.7-5.3c-.1-1-1-1.7-2-1.7h-5c-1.1%200-2%20.9-2%202s.9%202%202%202h3.2l3.8%2029.3c.1%201%201%201.7%202%201.7h29c1.1%200%202-.9%202-2s-.9-2-2-2H13.3l-.4-4h28.6c1%200%201.9-.8%202-1.8l2-16c.1-1.1-.8-2.2-2-2.2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}

.pg-adx-benefit__ended-svg{display:block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.75%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M8.1%2012.3l2.55%202.55%205.35-5.7%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.75%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M8.1%2012.3l2.55%202.55%205.35-5.7%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* Original ad-box dimensions and normal-button shadow, supplied locally. */
.pg-adx-ad{width:100%;margin-block:0}
.pg-adx-button{max-width:800px;margin-inline:auto}
.pg-adx-ad .pg-adx-button-link{box-shadow:0 2px 2px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2)}
.pg-adx-ad .pg-adx-button-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2);opacity:1}

/* The original theme supplies these code primitives on articles. Make them
   explicit so the block-editor iframe and other themes render the same coupon. */
.pg-adx-ad.pg-adx-benefit .pg-adx-coupon code{font-family:Menlo,Consolas,"メイリオ",sans-serif!important;font-size:1em!important;line-height:1!important;letter-spacing:.12em!important;margin:0 .5em!important;display:flex;align-items:center}