/* --------------------------------------------------
   全体の定義
-------------------------------------------------- */

.blog h1 {
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 30px;
}
.blog .blog_inner {
  max-width: 960px;
  width: 100%;
  margin: -100px auto 0;
  padding: 0 20px;
}
.blog .date {
  margin-bottom: 30px;
  text-align: right;
}
.blog .backLink {
  text-align: center;
  margin: 50px 0 100px;
}


.has-blue-color {
    color: #102040 !important;
}
.has-blue-background-color {
    background-color: #102040 !important;
}
.has-red-color {
    color: #BA0000 !important;
}
.has-red-background-color {
    background-color: #BA0000 !important;
}
.has-grey-color {
    color: #F2F7F4 !important;
}
.has-grey-background-color {
    background-color: #F2F7F4 !important;
}
.has-yellow-color {
    color: #FFF600 !important;
}
.has-yellow-background-color {
    background-color: #FFF600 !important;
}
.has-black-color {
    color: #000000 !important;
}
.has-black-background-color {
    background-color: #000000 !important;
}
.has-white-color {
    color: #ffffff !important;
}
.has-white-background-color {
    background-color: #ffffff !important;
}



/* --------------------------------------------------
   フォントサイズの定義 (PC/基本設定)
-------------------------------------------------- */
:root .has-small-font-size {
  font-size: 14px !important;
}
:root .has-normal-font-size {
  font-size: 16px !important;
}
:root .has-large-font-size {
  font-size: 24px !important;
  line-height: 1.4 !important;
}
:root .has-exlarge-font-size {
  font-size: 36px !important;
  line-height: 1.4 !important;
}

em {
  background: linear-gradient(transparent 60%, #FFF600 0%);
  display: inline;
  padding: 0 1px 0px;
  font-style: normal;
}

.wp-editCSS h2.wp-block-heading,
#wp-editCSS h2.wp-block-heading {
  padding: 0.5em;
  color: var(--blue);
  background: #dff0ee;
  border-left: solid 5px var(--blue);
  margin-bottom: 20px;
  font-size: 24px !important;
  font-weight: 700;
}
.wp-editCSS p,
#wp-editCSS p {
  margin-bottom: 20px;
}



/* --------------------------------------------------
   画面幅 1440px 以内
-------------------------------------------------- */
@media (max-width: 1440px) {
  :root .has-small-font-size {
    font-size: 1vw !important;
  }
  :root .has-normal-font-size {
    font-size: 1.2vw !important;
  }
  :root .has-large-font-size {
    font-size: 2vw !important;
  }
  :root .has-exlarge-font-size {
    font-size: 2.6vw !important;
  }


  .wp-editCSS h2.wp-block-heading,
  #wp-editCSS h2.wp-block-heading {
    margin-bottom: 1.5vw;
    font-size: 2vw !important;
  }
  .wp-editCSS p,
  #wp-editCSS p {
    margin-bottom: 1.5vw;
  }


}


/* --------------------------------------------------
   画面幅 767px 以内 (スマホ)
-------------------------------------------------- */
@media (max-width: 767px) {
  :root .has-small-font-size {
    font-size: 3vw !important;
  }
  :root .has-normal-font-size {
    font-size: 3.6vw !important;
  }
  :root .has-large-font-size {
    font-size: 5vw !important;
  }
  :root .has-exlarge-font-size {
    font-size: 6vw !important;
  }
  
  .wp-editCSS h2.wp-block-heading,
  #wp-editCSS h2.wp-block-heading {
    margin-bottom: 3vw;
    font-size: 4.6vw !important;
  }
  .wp-editCSS p,
  #wp-editCSS p {
    margin-bottom: 3vw;
  }

}