/*--BINGOカード画像枠線--*/
/*.bg-pink-b .bingo-pdf-grid,
.bg-pink-z .bingo-pdf-grid,
.bg-pink-border .bingo-pdf-grid,
.bg-pink-stripe .bingo-pdf-grid {
  background: #f099aa !important;
}
.bg-blue-b .bingo-pdf-grid,
.bg-blue-z .bingo-pdf-grid,
.bg-blue-border .bingo-pdf-grid,
.bg-blue-stripe .bingo-pdf-grid {
  background: #99aaf0 !important;
}
.bg-green-b .bingo-pdf-grid,
.bg-green-z .bingo-pdf-grid,
.bg-green-border .bingo-pdf-grid,
.bg-green-stripe .bingo-pdf-grid {
  background: #99f0aa !important;
}
.bg-orange-b .bingo-pdf-grid,
.bg-orange-z .bingo-pdf-grid,
.bg-orange-border .bingo-pdf-grid,
.bg-orange-stripe .bingo-pdf-grid {
  background: #f0c088 !important;
}*/

/*--BINGOカード背景--*/
/*ピンク系*/
.bg-pink-01 {
    background-image: url(/wp-content/uploads/2025/07/bg-pink-01.png);
}
.bg-pink-02 {
    background-image: url(/wp-content/uploads/2025/07/bg-pink-02.png);
}
.bg-pink-03 {
    background-image: url(/wp-content/uploads/2025/07/bg-pink-03.png);
}
.bg-pink-04 {
    background-image: url(/wp-content/uploads/2025/07/bg-pink-04.png);
}
/*ブルー系*/
.bg-blue-01 {
    background-image: url(/wp-content/uploads/2025/07/bg-blue-01.png);
}
.bg-blue-02 {
    background-image: url(/wp-content/uploads/2025/07/bg-blue-02.png);
}
.bg-blue-03 {
    background-image: url(/wp-content/uploads/2025/07/bg-blue-03.png);
}
.bg-blue-04 {
    background-image: url(/wp-content/uploads/2025/07/bg-blue-04.png);
}
/*オレンジ系*/
.bg-orange-01 {
    background-image: url(/wp-content/uploads/2025/07/bg-orange-01.png);
}
.bg-orange-02 {
    background-image: url(/wp-content/uploads/2025/07/bg-orange-02.png);
}
.bg-orange-03 {
    background-image: url(/wp-content/uploads/2025/07/bg-orange-03.png);
}
.bg-orange-04 {
    background-image: url(/wp-content/uploads/2025/07/bg-orange-04.png);
}
/*グリーン系*/
.bg-green-01 {
    background-image: url(/wp-content/uploads/2025/07/bg-green-01.png);
}
.bg-green-02 {
    background-image: url(/wp-content/uploads/2025/07/bg-green-02.png);
}
.bg-green-03 {
    background-image: url(/wp-content/uploads/2025/07/bg-green-03.png);
}
.bg-green-04 {
    background-image: url(/wp-content/uploads/2025/07/bg-green-04.png);
}
/*背景サイズ*/
/*.bg-pink-01 ,*/
/*.bg-pink-02 ,*/
.bg-pink-03 ,
.bg-pink-04 ,
/*.bg-blue-01 ,*/
.bg-blue-02 ,
.bg-blue-03 ,
.bg-blue-04 ,
/*.bg-orange-01 ,*/
/*.bg-orange-02 ,*/
.bg-orange-03 ,
.bg-orange-04 ,
/*.bg-green-01 ,*/
/*.bg-green-02 ,*/
.bg-green-03 ,
.bg-green-04 {
    background-size: cover;
}

/*べた塗り*/
.bg-pink-b {
  background: #fdb6d0 !important;
}
.bg-blue-b {
  background: #b7e0fc !important;
}
.bg-green-b {
  background: #d3fcb7 !important;
}
.bg-orange-b {
  background: #ffe1a6 !important;
}
/*ざらつき*/
.bg-pink-z {
  background-color: #fdb6d0 !important;
  position: relative;
  overflow: hidden;
}
.bg-pink-z::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(252, 80, 155, 0.18) 1px, transparent 1px),
    radial-gradient(circle, rgba(242, 132, 177, 0.13) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255, 0.17) 1px, transparent 1px);
  background-size: 3px 3px;
  background-position: 0 0, 1px 1px, 2px 4px;
  opacity: 0.45;
  pointer-events: none;
  border-radius: 8px;
  z-index: 1;
}
.bg-blue-z {
  background-color: #b7e0fc !important;
  position: relative;
  overflow: hidden;
}
.bg-blue-z::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(50, 156, 255, 0.16) 1px, transparent 1px),
    radial-gradient(circle, rgba(62, 174, 230, 0.13) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255, 0.13) 1px, transparent 1px);
  background-size: 3px 3px;
  background-position: 0 0, 1px 1px, 2px 4px;
  opacity: 0.43;
  pointer-events: none;
  border-radius: 8px;
  z-index: 1;
}
.bg-green-z {
  background-color: #d3fcb7 !important;
  position: relative;
  overflow: hidden;
}
.bg-green-z::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(87, 207, 81, 0.16) 1px, transparent 1px),
    radial-gradient(circle, rgba(123, 210, 85, 0.14) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255, 0.13) 1px, transparent 1px);
  background-size: 3px 3px;
  background-position: 0 0, 1px 1px, 2px 4px;
  opacity: 0.42;
  pointer-events: none;
  border-radius: 8px;
  z-index: 1;
}
.bg-orange-z {
  background-color: #ffe1a6 !important;
  position: relative;
  overflow: hidden;
}
.bg-orange-z::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255, 184, 53, 0.17) 1px, transparent 1px),
    radial-gradient(circle, rgba(250, 200, 107, 0.13) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255, 0.13) 1px, transparent 1px);
  background-size: 3px 3px;
  background-position: 0 0, 1px 1px, 2px 4px;
  opacity: 0.44;
  pointer-events: none;
  border-radius: 8px;
  z-index: 1;
}
/*ボーダー*/
.bg-pink-border {
  background-color: #fdb6d0 !important;
  position: relative;
  overflow: hidden;
}
.bg-pink-border::after {
  content: "";
  position: absolute;
  inset: 0;
  /* 2重の横縞＋ノイズっぽい半透明グラデ */
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.22) 0px,
      rgba(255, 255, 255, 0.13) 2px,
      transparent 4px,
      transparent 7px
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(255, 210, 230, 0.11) 0px,
      transparent 2.5px,
      rgba(245, 145, 190, 0.08) 3px,
      transparent 6px
    );
  opacity: 0.63;
  border-radius: 8px;
  pointer-events: none;
  z-index: 1;
}
.bg-blue-border {
  background-color: #b7e0fc !important;
  position: relative;
  overflow: hidden;
}
.bg-blue-border::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.21) 0px,
      rgba(255, 255, 255, 0.11) 2px,
      transparent 4px,
      transparent 7px
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(180, 230, 255, 0.13) 0px,
      transparent 2.5px,
      rgba(60, 185, 230, 0.08) 3px,
      transparent 6px
    );
  opacity: 0.61;
  border-radius: 8px;
  pointer-events: none;
  z-index: 1;
}
.bg-green-border {
  background-color: #d3fcb7 !important;
  position: relative;
  overflow: hidden;
}
.bg-green-border::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.22) 0px,
      rgba(255, 255, 255, 0.12) 2px,
      transparent 4px,
      transparent 7px
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(200, 255, 190, 0.12) 0px,
      transparent 2.5px,
      rgba(120, 215, 130, 0.07) 3px,
      transparent 6px
    );
  opacity: 0.60;
  border-radius: 8px;
  pointer-events: none;
  z-index: 1;
}
.bg-orange-border {
  background-color: #ffe1a6 !important;
  position: relative;
  overflow: hidden;
}
.bg-orange-border::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.20) 0px,
      rgba(255, 255, 255, 0.11) 2px,
      transparent 4px,
      transparent 7px
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(255, 240, 190, 0.14) 0px,
      transparent 2.5px,
      rgba(255, 200, 100, 0.08) 3px,
      transparent 6px
    );
  opacity: 0.60;
  border-radius: 8px;
  pointer-events: none;
  z-index: 1;
}
/*ストライプ*/
.bg-pink-stripe {
  background:
    repeating-linear-gradient(
      to right,
      #fdb6d0 0px,
      #fdb6d0 2px,
      #fec6e0 2px,
      #fec6e0 3px
    );
  /* 5pxピンク＋6px薄ピンクの繰り返しで細めストライプ */
}
.bg-blue-stripe {
  background:
    repeating-linear-gradient(
      to right,
      #b7e0fc 0px,
      #b7e0fc 2px,
      #c8f0fd 2px,
      #c8f0fd 3px
    );
  /* 5pxピンク＋6px薄ピンクの繰り返しで細めストライプ */
}
.bg-green-stripe {
  background:
    repeating-linear-gradient(
      to right,
      #d3fcb7 0px,
      #d3fcb7 2px,
      #f3fdf7 2px,
      #f3fdf7 3px
    );
  /* 5pxピンク＋6px薄ピンクの繰り返しで細めストライプ */
}
.bg-orange-stripe {
  background:
    repeating-linear-gradient(
      to right,
      #ffe1a6 0px,
      #ffe1a6 2px,
      #fff1c5 2px,
      #fff1c5 3px
    );
  /* 5pxピンク＋6px薄ピンクの繰り返しで細めストライプ */
}
/*.bg-pink-stripe {
  background: repeating-linear-gradient(45deg, #fdb6d0 0 10px, #fcf6fa 10px ) !important;
}*/
/*.bg-blue-stripe {
  background: repeating-linear-gradient(45deg, #b7e0fc 0 10px, #e8f5fc 10px 20px) !important;
}
.bg-green-stripe {
  background: repeating-linear-gradient(45deg, #d3fcb7 0 10px, #f4fcea 10px 20px) !important;
}
.bg-orange-stripe {
  background: repeating-linear-gradient(45deg, #ffe1a6 0 10px, #fff7e5 10px 20px) !important;
}*/

/* BINGOカードエリア */
#bingo-card-title-area,
.bingo-modal-title,
.bingo-pdf-card-title {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0.1em 0;
    text-align: center;    
    font-weight:bold;
	color: #ffffff;
	text-shadow: 0 0.05em 0.08em rgba(0,0,0,0.7);
	letter-spacing: -0.1em;
}
#bingo-card-area>.label-box-label {
    z-index: 100;
    position: relative;
}