@charset "UTF-8";

/*
 * Lower-page headings
 * Gutenberg: 見出しブロック > スタイル > Tenmaru H2 / H3 / H4
 */

#body_wrap .tm-heading-h2,
#body_wrap .is-style-tm-heading-h2,
.editor-styles-wrapper .tm-heading-h2,
.editor-styles-wrapper .is-style-tm-heading-h2 {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 61px;
  align-items: center;
  margin: 0;
  padding: 4px 12px;
  border: 0 !important;
  border-bottom: 2px solid #ff8755 !important;
  border-radius: 0;
  background: #fff1e6 !important;
  box-shadow: none;
  color: #111111;
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: left;
}

#body_wrap .tm-heading-h3,
#body_wrap .is-style-tm-heading-h3,
.editor-styles-wrapper .tm-heading-h3,
.editor-styles-wrapper .is-style-tm-heading-h3 {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  margin: 0;
  padding: 6px 20px 6px 16px;
  border: 0 !important;
  border-bottom: 1px solid #ff8755 !important;
  border-left: 4px solid #ff8755 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: left;
}

#body_wrap .tm-heading-h4,
#body_wrap .is-style-tm-heading-h4,
.editor-styles-wrapper .tm-heading-h4,
.editor-styles-wrapper .is-style-tm-heading-h4 {
  box-sizing: border-box;
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  margin: 0;
  padding: 6px;
  border: 0 !important;
  border-bottom: 2px solid #d9d9d9 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: left;
}

#body_wrap .tm-heading-h2::before,
#body_wrap .tm-heading-h2::after,
#body_wrap .is-style-tm-heading-h2::before,
#body_wrap .is-style-tm-heading-h2::after,
#body_wrap .tm-heading-h3::before,
#body_wrap .tm-heading-h3::after,
#body_wrap .is-style-tm-heading-h3::before,
#body_wrap .is-style-tm-heading-h3::after,
#body_wrap .tm-heading-h4::before,
#body_wrap .tm-heading-h4::after,
#body_wrap .is-style-tm-heading-h4::before,
#body_wrap .is-style-tm-heading-h4::after {
  content: none !important;
}

@media (max-width: 640px) {
  #body_wrap .tm-heading-h2,
  #body_wrap .is-style-tm-heading-h2,
  .editor-styles-wrapper .tm-heading-h2,
  .editor-styles-wrapper .is-style-tm-heading-h2 {
    min-height: 50px;
    padding: 4px;
    font-size: 20px;
    line-height: 1.5;
  }

  #body_wrap .tm-heading-h3,
  #body_wrap .is-style-tm-heading-h3,
  .editor-styles-wrapper .tm-heading-h3,
  .editor-styles-wrapper .is-style-tm-heading-h3 {
    padding: 4px 8px;
    font-size: 18px;
    line-height: 2;
  }

  #body_wrap .tm-heading-h4,
  #body_wrap .is-style-tm-heading-h4,
  .editor-styles-wrapper .tm-heading-h4,
  .editor-styles-wrapper .is-style-tm-heading-h4 {
    padding: 4px 6px;
    font-size: 17px;
    line-height: 2;
  }
}
