@media only screen and (max-width: 750px) {
/* SP版：バナー同士の被りを解消 */
.sp_rink {
	margin-top: 0px;   /* マイナスマージンを解除して食い込みを修正 */
    margin-bottom: 20px;
}
.sp_kantan {
	margin-top: 0px;   /* こちらも位置を正常にリセット */
}

/* PC画像非表示設定 */
.pc_main img,
.pc_rink img,
.pc_matome img,
.pc_kantan img {
	display: none;
}
}

/* 画面サイズが750pxからはここを読み込む */
@media screen and (min-width: 750px) { 
.pc_rink {
	margin-top: -10px;
}
.pc_matome {
	margin-top: -8px;
}
.pc_kantan {
	margin-top: -8px;
}

/* SP画像非表示設定 */
.sp_main img,
.sp_rink img,
.sp_matome img,
.sp_kantan img {
	display: none;
}
}

/* ==========================================================================
   トップバナー・サブバナー幅調整（パターンA：画面横幅いっぱいに拡大）
   ========================================================================== */
.top_main,
.rink {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.pc_main,
.pc_rink {
	width: 100%; /* 1360px固定を解除し、画面いっぱいに広げる */
	margin: 0;
	padding: 0;
}

.pc_main img,
.pc_rink img {
	width: 100% !important; /* 画像の幅を画面幅にぴったり合わせる */
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	display: block;
}

/* PC用表示切り替え（751px以上） */
@media screen and (min-width: 751px) {
	.pc_main img,
	.pc_rink img {
		display: block;
	}

	.sp_main img,
	.sp_rink img {
		display: none;
	}
}

/* SP用表示切り替え（750px以下） */
@media screen and (max-width: 750px) {
	.pc_main,
	.pc_rink {
		width: 100%;
	}
	
	.pc_main img,
	.pc_rink img {
		display: none;
	}

	.sp_main img,
	.sp_rink img {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
	}
}

/* ポップアップ */
.open-flier-popup {
  cursor: pointer;
}

.flier-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.flier-popup-inner {
  width: 90%;
  max-width: 420px;
  background: #fff;
  border-radius: 12px;
  padding: 30px 24px;
  text-align: center;
  position: relative;
}

.flier-popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: none;
  background: none;
  font-size: 32px;
  cursor: pointer;
}

.flier-popup-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.flier-popup-btn {
  display: block;
  background: #d20623;
  color: #fff !important;
  font-weight: bold;
  padding: 15px;
  margin: 12px 0;
  border-radius: 8px;
}