@charset "UTF-8";

/*--------------------------------------------------------
タイポグラフィ
--------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

@media screen and (max-width: 639px) {
  h1.wp-block-heading {
    font-size: 28px !important;
  }

  h2 {
    font-size: calc(var(--size-h2) * .5);
  }
}

/* 明朝フォント */
h1.mincho,
h2.mincho,
h3.mincho,
h4.mincho,
h5.mincho,
h6.mincho,
p.mincho {
  font-family: var(--type-primary-font-serif);
  font-feature-settings: "palt";
}


/* 英語 */
h1.en,
h2.en,
h3.en,
h4.en,
h5.en,
h6.en,
p.en {
  font-family: var(--type-english-font);
  letter-spacing: 0;
  font-feature-settings: "palt";
}


/* margin,paddingの余白なし */
p.no-space,
h1.no-space,
h2.no-space,
h3.no-space,
h4.no-space,
h5.no-space,
h6.no-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* リスト */
ol.wp-block-list {
  margin-left: 32px;
}

ul.wp-block-list li,
ol.wp-block-list li {
  /* margin-bottom: 16px; */
}

/* 親テーマのliのcolor指定を上書き（ul/olの色を継承できるようにする） */
ul li,
ol li {
  color: inherit;
}

/* ul/olにインラインスタイルで色が設定されている場合、liに継承 */
ul[style*="color"] li,
ol[style*="color"] li {
  color: inherit !important;
}


/* ブログ */
.article h1.article_title {
  font-size: 40px;
}

/*----- アーカイブページ -----*/
h1.main-title.archive {
  font-size: 40px;
}


/*----- フッターボトム -----*/
#footer-bottom,
#footer-bottom p,
#footer-bottom td,
#footer-bottom li,
#footer-bottom dt,
#footer-bottom dd {
  color: var(--color-wh) !important;
}






/* =======================================
　このサイト用の上書き
======================================= */


/* h2レスポンシブ（センタリング） */
h2.responsive {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* h3デフォルト（左ボーダーあり） */
h3.wp-block-heading {
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.3;
  border-left: 6px solid var(--color-primary02);
  padding: 8px 0 12px 10px;
}


/* h3飾りあり（アンダーライン） */
h3.wp-block-heading.kazari {
  border-left: none;
  border-bottom: 1px solid var(--color-wh);
  padding: 8px;
  margin-left: -8px;
  margin-right: -8px;
}

h3.wp-block-heading.kazari.bk {
  border-bottom: 1px solid var(--color-primary-font-main);
}


/* h3飾りなし */
h3.wp-block-heading.no-kazari {
  border: none;
  padding: 0;
}


/* h3飾り両端（線） */
h3.wp-block-heading.kazari-both-lline {
  border: none;
  position: relative;
  padding: 8px 0;
  display: inline-block;
}

h3.wp-block-heading.kazari-both-lline::before,
h3.wp-block-heading.kazari-both-lline::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5vw;
  max-width: 100px;
  height: 1px;
  background-color: #FFF;
  transform: translateY(-50%);
}

h3.wp-block-heading.kazari-both-lline::before {
  right: calc(100% + 16px);
}

h3.wp-block-heading.kazari-both-lline::after {
  left: calc(100% + 16px);
}