/* =========================
   上部余白を消す
   ========================= */
#content,
#main_content,
.l-mainContent,
.l-article,
.l-mainContent__inner,
.single-location article.l-mainContent__inner,
.post_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.l-mainContent__inner> :first-child,
.l-article> :first-child,
.post_content> :first-child,
.post_content .p-blogParts,
.post_content .wp-block-group.alignfull,
.post_content .wp-block-group.alignfull>.wp-block-group__inner-container,
.main-visual-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.p-articleHead.c-postTitle {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.c-postTitle__date {
  display: none !important;
}


.main-visual-area {
  position: relative !important;
}

/* =========================
   H1 共通
   ========================= */
.main-visual-area .c-postTitle__ttl {
  position: absolute !important;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999 !important;

  display: block !important;
  width: max-content;
  max-width: calc(100% - 80px);
  margin: 0 !important;
  box-sizing: border-box;

  text-align: center;
  font-size: 2.2rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #fff !important;

  text-shadow:
    0 3px 8px rgba(0, 0, 0, 0.5),
    0 6px 18px rgba(0, 0, 0, 0.35);
}

/* =========================
   PC（1024px以上）
   ========================= */
@media (min-width: 1024px) {
  .main-visual-area .c-postTitle__ttl {
    bottom: 12%;
    font-size: 2.4rem !important;
    white-space: nowrap !important;
  }
}

/* =========================
   小型デスクトップ（960〜1023px）
   ========================= */
@media (min-width: 960px) and (max-width: 1023px) {
  .main-visual-area .c-postTitle__ttl {
    bottom: 10%;
    max-width: calc(100% - 56px);
    font-size: 2rem !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }
}

/* =========================
   タブレット（769〜959px）
   ========================= */
@media (min-width: 769px) and (max-width: 959px) {
  .main-visual-area .c-postTitle__ttl {
    bottom: 8%;
    max-width: calc(100% - 48px);
    font-size: 1.9rem !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }
}

/* =========================
   スマホ（768px以下）
   ========================= */
@media (max-width: 768px) {
  .main-visual-area .c-postTitle__ttl {
    bottom: 3%;
    max-width: calc(100% - 32px);
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }
}

.c-postTitle__ttl {
  opacity: 0;
}