@charset "UTF-8";
/*
Theme Name:Switch child
Theme URI:https://tcd-theme.com/tcd063
Description:WordPressテーマ「Switch」の子テーマ
Template:switch_tcd063
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/
.elementor-widget-heading h2.elementor-heading-title {
  font-family: "Noto Serif JP", sans-serif !important;
}
/* Elementorで作ったH2見出しのマージンを削除（TCDのH2には影響なし） */
.elementor-widget-heading .elementor-heading-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Elementorのウィジェット間の下マージンを削除 */
.reason-tight .elementor-widget {
  margin-bottom: 0 !important;
}
/*--------------- textスタイル ---------------*/
.t17 { font-size: 1.7rem; }
.t16 { font-size: 1.6rem; }
.t15 { font-size: 1.5rem; }
.t14 { font-size: 1.4rem; }
.t13 { font-size: 1.3rem; }
.t12 { font-size: 1.2rem; }
.t11 { font-size: 1.1rem; }
.t10 { font-size: 1rem; }
.t09 { font-size: 0.9rem; }
.t08 { font-size: 0.8rem; }
.t07 { font-size: 0.7rem; }
.t06 { font-size: 0.6rem; }

/*--------------- 表示切替（隠す側だけ指定）---------------*/
/* スマホ表示時に隠す */
@media (max-width: 767px) {
  .pc-only,
  .sp-none { display: none !important; }
}

/* PC表示時に隠す */
@media (min-width: 768px) {
  .sp-only,
  .pc-none { display: none !important; }
}
.min{
  font-family: "Noto Serif JP", sans-serif !important;
}
.go{
	font-family:Noto Sans JP",Roboto",sans-serif !important;
}
/* TCDデフォルトフッターを非表示 */
.l-footer {
    display: none !important;
}
body { padding-bottom: 0 !important; }
.l-main, main { margin-bottom: 0 !important; }

  /* height: 60px; は既存のままでOK */
.p-page-header__title {
  font-size: 24px; 
  line-height: 1.6; 
  /* 縦中央配置 */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;     /* line-heightの影響を消す */
  /* height: 60px; は既存のままでOK */
}
/* スマホ表示でさらに小さくしたい場合 */
@media (max-width: 768px) {
  .p-page-header__desc--vertical,
  .p-page-header__desc--vertical .t-container,
  .p-page-header__desc--vertical span {
    font-size: 20px;
  }
  .p-page-header__title {
    font-size: 16px;
  }
}

/* ページヘッダー下スペースタブレット用 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .p-page-header {
        margin-bottom: 40px;
    }
}
/* テキストカラー変更 */
.p-archive-header__title,
.p-date__month,
.p-date__day,
.p-date {
    color: #c08b7e !important;
}

/* タブレット表示時：ヘッダーロゴの上下にパディングを追加 */
@media (min-width: 768px) and (max-width: 1024px) {
  #js-header .l-header__logo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}