/* LP（/custom-tours-just-for-you/）をトップページの見え方に寄せる層。
   節の順番・写真・ブロックの並びは触らない。

   方針:
     SWELL のブロックは、見た目を作っている要素と、中身を入れている
     箱が別になっていることが多い。箱のほうに色や枠を足すと、
     意図しない全幅の帯や二重の枠になる。
     （2026-09-27、.swell-block-step__number に背景を塗って
       「STEP」が幅1178pxの赤帯になった）
     そのため、ここでは「文字の大きさ・書体・色」と「ボタン」だけを
     揃える。箱の背景・枠・角には触らない。

   読み込み順は最後。SWELLのCSSより後に来る必要がある。 */

.l-mainContent{
  --lp-ink:      var(--c-ink,      #1F1F1F);
  --lp-accent:   var(--c-accent,   #CE1433);
  --lp-accent-h: var(--c-accent-h, #A80F29);
  --lp-paper:    var(--c-paper,    #FDFDFD);
}

/* ---------- 見出し ----------
   トップページの見出しは Noto Sans JP・700・31.5px。
   SWELL側はインラインで font-size:28px が付いているので !important が要る。 */
.l-mainContent h2.wp-block-heading,
.l-mainContent h3.wp-block-heading{
  font-family:var(--f-display, "Noto Sans JP", sans-serif);
  font-weight:700; letter-spacing:.2px; line-height:1.45;
}
.l-mainContent h2.wp-block-heading .swl-fz,
.l-mainContent h3.wp-block-heading .swl-fz{
  font-size:var(--fs-lg, 31.5px) !important; line-height:1.45;
}

/* 強調語だけ赤にする。
   SWELL は色ごとに別のクラスを振るので、そこで分ける。
   has-inline-color をまとめて赤にすると見出しが丸ごと赤くなる。 */
.l-mainContent .wp-block-heading mark{ background:none !important }
.l-mainContent .wp-block-heading .has-swl-main-color,
.l-mainContent .wp-block-heading .has-swl-deep-01-color{ color:var(--lp-accent) !important }
.l-mainContent .wp-block-heading .has-black-color,
.l-mainContent .wp-block-heading .has-swl-black-color{ color:var(--lp-ink) !important }

/* ---------- 本文 ---------- */
.l-mainContent .post_content p{
  font-family:var(--f-body, "Noto Sans JP", sans-serif);
  color:var(--lp-ink);
}

/* ---------- ボタン ----------
   トップページのボタンは丸ピル・赤地・白文字・太字・padding 16px 28px。
   SWELLのボタンは角の丸みがまちまちだったので揃える。
   ここは <a> そのものが見た目を持つので、塗っても帯にならない。 */
.l-mainContent .swell-block-button__link{
  display:inline-flex; align-items:center; justify-content:center;
  padding:16px 28px;
  border:1px solid var(--lp-accent) !important;
  border-radius:200px !important;
  background:var(--lp-accent) !important; color:var(--lp-paper) !important;
  font-family:var(--f-body, "Noto Sans JP", sans-serif);
  font-size:var(--fs-base, 16px); font-weight:700; line-height:1.2;
  letter-spacing:normal; text-decoration:none;
  transition:background-color .2s, border-color .2s;
}
.l-mainContent .swell-block-button__link:hover{
  background:var(--lp-accent-h) !important; border-color:var(--lp-accent-h) !important;
}

/* ---------- 問い合わせ ----------
   丸枠は form.css 側で外してある。ここでは寄せ方だけ。 */
.l-mainContent .jt-form__h2{ text-align:left !important }

@media (max-width:767px){
  .l-mainContent h2.wp-block-heading .swl-fz,
  .l-mainContent h3.wp-block-heading .swl-fz{ font-size:24px !important }
}