﻿/* =====================================================
   掲載終了フラグ：ぼかし＋中央オーバーレイ
===================================================== */
/* 親 */
.boshu-wrapper.is-blur {
  position: relative;
}

/* ぼかし対象（オーバーレイ以外） */
.boshu-wrapper.is-blur > *:not(.boshu-overlay) {
  filter: blur(8px);
  pointer-events: none;
  user-select: none;

  /* 下に行くほど強くぼかす */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15) 0%,
    rgba(0,0,0,0.4) 30%,
    rgba(0,0,0,0.7) 55%,
    rgba(0,0,0,1) 75%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15) 0%,
    rgba(0,0,0,0.4) 30%,
    rgba(0,0,0,0.7) 55%,
    rgba(0,0,0,1) 75%
  );
}

/* ================================
   中央オーバーレイ
================================ */
.boshu-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  pointer-events: auto;
}

/* 文字 */
.boshu-overlay-text {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
  padding: 0 20px;
}

/* ボタンエリア */
.boshu-overlay-btn {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* 会員登録ボタン */
.boshu-overlay-btn .btn-register {
  background: #5fbfc0;
  color: #fff;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.2s;
}
.boshu-overlay-btn .btn-register:hover {
  opacity: 0.85;
}

/* ログイン */
.boshu-overlay-btn .btn-login {
  color: #5fbfc0;
  font-weight: bold;
  text-decoration: underline;
  padding: 10px 0;
}

/*スマホ表示（560px以下） */
@media screen and (max-width: 560px) {
  .boshu-overlay-text {
    font-size: 16px;
  }
}
/* =====================================================
   掲載終了フラグ：メインビジュアル
===================================================== */
.single-slider2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}