/* swab-popup.css */

.mod-button.button-orange {
	background-color: rgb(244, 133, 24);
    color: rgb(255, 255, 255);
}

/* ========== KV（キービジュアル） ========== */

.top .top-head01-bg {
	border-bottom: solid 1px #f48518;
}

.link-swab {
	position: absolute;
    top: 16.6vw;
    right: 6.9vw;
    display: table;
    text-indent: -99999px;
    width: 30.1vw;
    height: 17.5vw;
    opacity: 0;
    border-radius: 30px;
    background: #fff;
    transition: all .3s;
}

.link-swab:hover {
	opacity: 0.3;
}


@media (max-width: 1024px) {
	.link-swab {
    top: 94.6vw;
    right: 6.9vw;
    width: 86vw;
    height: 37.5vw;
	transition: all 0s;
	}
	.link-swab:hover {
		opacity: 0;
	}
}

/* ========== wrapper（オーバーレイ） ========== */

.swab-popup-wrapper {
  display: none;
}

.swab-popup-wrapper.is-open {
  position: fixed;
  inset: 0;                 /* 画面いっぱい */
  width: 100%;
  height: 100%;
  z-index: 9999;

  display: flex;
  align-items: center;       /* 縦中央 */
  justify-content: center;   /* 横中央 */

  background: rgba(0, 0, 0, 0.5); /* 黒50%透過 */
  padding: 24px;             /* 画面端の余白 */
  box-sizing: border-box;
}

/* 閉じたら完全に非表示（他要素に干渉しない） */
.swab-popup-wrapper.is-close {
  display: none !important;
}

/* ========== popup本体 ========== */
.swab-popup {
  position: relative; /* closeボタンの基準 */
  width: min(700px, 100%); /* PC最大700px */
}

/* 中身の画像などがはみ出さないように */
.swab-popup-inner img {
  display: block;
  width: 100%;
  height: auto;
}

/* ========== link（ボタン） ========== */
.swab-popup-link {
  display: block;
  cursor: pointer;
}

/* ========== closeボタン ========== */
.swab-popup-close {
  position: absolute;
  right: 0;
  top: -60px;              /* PC：バナー上に20px */
  width: 45px;
  height: 45px;
  cursor: pointer;
  z-index: 1;

  /* ×画像を使う前提：ここに背景画像指定してもOK
     background: url("close.png") no-repeat center / contain; */
}

/* ========== 1024px以下をスマホレイアウト ========== */
@media (max-width: 1024px) {
  .swab-popup-wrapper {
    padding: 16px;
  }

  .swab-popup {
    width: 90%;
    max-width: 90%;
  }

  .swab-popup-close {
    top: -40px;            /* SP：バナー上に15px */
    width: 30px;
    height: 30px;
  }
}