p {
  font-size: 1.1rem;
  font-family:Verdana, sans-serif;
}

li {
  font-size: 1.1rem;
  font-family:Verdana, sans-serif;
}

.cover-img {
	height: 600px;
	display: table;
	width: 100%;
	background-size: cover;
}

.akafuto {
	color: #ED1A3D;
	font-weight: bold;
}

.orangefuto {
	color: #ee7800;
	font-weight: bold;
}

.enjifuto {
	color: #B3424A;
	font-weight: bold;
}

.alpha {
	color: $yellow-600;
}

/* ワイドスクリーン用のCSS */
@media only screen and (min-width: 1500px) {
	.cover-img {
		height: 800px;
	}
}

/* タブレット用のCSS */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.cover-img {
		height: 500px;
	}
}

/* スマホ用のCSS */
@media only screen and (max-width: 479px) {
	.cover-img {
		height: 300px;
	}
}

.cover-text {
	display: table-cell;
	vertical-align: middle;
  text-align: center;
}

.markerDeepYellow{
background:linear-gradient(transparent 50%, #ffff66 0%);
}

/* スマホ表示時に全体を縮小・調整 */
.footer-fixed-bar {
    padding-top: 0.3rem !important;   /* 上下のパディングを減らす */
    padding-bottom: 0.3rem !important;
}
.footer-fixed-bar button {
  font-size: 0.85rem !important;
}

/* フッター固定バーの高さに合わせて調整（例：56px） */
body {
  padding-bottom: 100px;
}
@media (max-width: 576px) {
  body {
    padding-bottom: 130px; /* スマホで高さが変わる場合は調整 */
  }
}

.full-width-img {
  display: block;
  width: 100vw;      /* ビューポート幅いっぱい */
  max-width: 100vw;
  margin-left: calc(50% - 50vw); /* 画面端に合わせる */
}