.top #content {
  padding-top: 1em;
}

/*ヘッダーナビ下線調整*/
.c-gnav>.menu-item>a:after {bottom: 1rem;}

.p-pickupBanners {
  display: none;
}

.l-content {
  padding-top: 0em;
}

/*ブログパーツ位置調整*/
.p-mainVisual__textLayer {
  left: 60%;
  top:auto;
  bottom: -20%;
}
/*スペシャルバナー*/
.special-banner {
  max-width: 280px;
  background: rgba(255, 255, 255, 0.7); /* ← 少し透過 */
  padding: 5px;
  border-radius: 16px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin-left: auto;
  margin-right: 7rem;
  border: 2px solid #ffd54f;
}
@media (max-width: 768px) {
.special-banner {
 margin: 0 auto;
}
}
/* キャンペーン見出し */
.special-banner .special-heading {
  font-size: 26px;
  color: #d32f2f;
  border-radius: 8px;
  display: inline-block;
}
@media (max-width: 1181px) {
.special-banner .special-heading {
  font-size: 24px;
}
}
@media (max-width: 768px) {
.special-banner .special-heading {
  font-size: 20px;
}
}

/* 期間 */
.special-banner .date {
  color: #d32f2f;
  font-size: 24px;
}
@media (max-width: 768px) {
.special-banner .date {
  font-size: 18px;
}
}

/* 金額強調 */
.special-banner .offer {
  color: #000;
  font-size: 17px;
}

/* 残り人数 */
.special-banner .remaining {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}

.special-banner .remaining span {
  font-size: 30px;
  color: #d32f2f;
  font-weight: bold;
}
@media (max-width: 1181px) {
.special-banner .remaining span {
  font-size: 24px;
}
}
@media (max-width: 768px) {
  .special-banner .remaining span {
  font-size: 20px;
}
}
/* ボタン */
.special-banner .buttons {
  margin-top: 9px;
}
@media (max-width: 768px) {
.special-banner .buttons {
  margin-top: 6px;
}
}
.special-banner .btn {
  display: block;
  text-decoration: none;
  font-size: 15px;
  margin: 0 auto;
  text-align: right;
  font-weight: bold;
  transition: background 0.3s ease;
}
@media (max-width: 768px) {
.special-banner .btn {
 font-size: 13px;
}

}

.special-banner .btn.form {
  color:#0000FF;
}

.special-banner .btn.form:hover {
  background: #fffaf0;
}
.offer b:nth-of-type(1) {
  font-size: 25px;
}
.offer b:nth-of-type(2) {
 font-size:33px;
 color: #d32f2f;
}
@media (max-width: 1181px) {
.offer b:nth-of-type(1) {
  font-size: 20px;
}
.offer b:nth-of-type(2) {
 font-size:25px;
}
}

@media (max-width: 768px) {
.offer b:nth-of-type(1) {
  font-size: 18px;
}
.offer b:nth-of-type(2) {
 font-size:20px;
}
}

/* ───── キャプションBOX余白 ───── */
.cap_box_content {
  padding: 0.5rem;
}

.wp-block-columns {
  justify-content: space-between;
}

/* ───── お客様の声スライダー ───── */
.swiper-postListWrap .p-postList {
  flex-wrap: nowrap;
  margin: 0;
}

.swiper-postListWrap .-type-card .p-postList__item,
.swiper-postListWrap .-type-thumb .p-postList__item {
  padding: 0;
}

.swiper-postListWrap .swiper-pagination-bullet {
  background: currentcolor;
  color: inherit;
}

.p-postList.-type-thumb + .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -8.5px;
}

.swell-block-columns[data-valign=top]>.swell-block-columns__inner {
    justify-content: center;
}

.eba-button {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    background-color: #fcfcfc;
    color: #fff;
    text-decoration: none;
    padding: 14px 20px;
    border-radius: 70px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, opacity 0.3s;
}

.eba-button:hover {
  opacity: 0.7;
}


.eba-button .eba-icon img {
  width: 280px;
  height: auto;
  display: block;
}

.eba-text {
  color: #000;
  text-align: center;
}

.eba-youtube {
  background-color: #fcfcfc;
}

/*swellボタンカスタマイズ*/
.deepskyblue_ {
    --the-btn-color: rgba(30,144,255,0.7);
    --the-btn-color2: rgba(30,144,255,0.7);
    --the-solid-shadow: rgba(25,25,112,0.7);
}
/*こんなお悩み項目ふちどり*/
.font-edging{
	 text-shadow:
    -1px -1px 0 #fff,
     0   -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  0   0 #fff,
     1px  0   0 #fff,
    -1px  1px 0 #fff,
     0    1px 0 #fff,
     1px  1px 0 #fff;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 430px) {
 .eba-button .eba-icon img {width: 250px;}
}




