@charset "utf-8";
/* 支給PDFのキーホルダー画像だけに適用。メッセージ一覧の .ema は変更しない。 */
.keyring-product { max-width:430px; margin-inline:auto; }
.keyring-product__views { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:end; gap:24px; }
.keyring-product__view { min-width:0; text-align:center; }
.keyring-product__view img { display:block; width:100%; height:auto; margin-inline:auto; }
.keyring-product__front { filter:drop-shadow(0 12px 14px #00000024); }
.keyring-product__label { display:block; margin-top:12px; color:var(--text-2); font-size:.875rem; line-height:1.5; }
.keyring-product--compact .keyring-product__views { grid-template-columns:1fr; gap:16px; }
.keyring-product--compact .keyring-product__front { max-width:164px; }
.keyring-product--compact .keyring-product__back { width:72%; max-width:120px; }
.keyring-product--compact .keyring-product__label { font-size:.75rem; margin-top:8px; }
@media (max-width:760px) {
  .keyring-product__views { gap:18px; }
}