a.button{
   display:block;
   padding:10px;
   margin:0 auto;
   color:#337ab7;/* 文字色 */
   text-align:center;
   font-size:14px;
   font-weight: bold;
   border-radius: 0px;   
   text-decoration: none;
   width: 50%;
   border: 3px solid #337ab7;/*枠*/
}
/* マウスオーバー時 */
a.button:hover{
   color:#ffffff!important;
   background: #337ab7;/* 反転背景色 */
}
/* 内部リンク（ブログカード）がスマホではみ出るのを防ぐ */
@media screen and (max-width: 767px) {

  .wp-block-embed,
  .wp-block-embed__wrapper,
  .wp-block-embed__wrapper > * {
    max-width: 100% !important;
  }

  .wp-block-embed img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* a8c系ブログカード対策 */
  .wp-embedded-content {
    max-width: 100% !important;
  }
}
/* Kale スマホ表示を note 風にする（器から変える最終版） */
@media screen and (max-width: 767px) {

  /* サイト全体の基準文字サイズを上げる */
  html {
    font-size: 17px !important;
  }

  body {
    line-height: 1.85 !important;
  }

  /* 本文エリアの横幅を制限 */
  .site-content,
  .content-area,
  .container {
    max-width: 42em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
  }

  /* 本文テキスト */
  p,
  li {
    line-height: 1.85 !important;
    letter-spacing: 0.02em !important;
  }

  /* 見出し */
  h2 {
    line-height: 1.4 !important;
    margin-top: 2.2em !important;
    margin-bottom: 0.8em !important;
  }

  h3 {
    line-height: 1.45 !important;
    margin-top: 2em !important;
    margin-bottom: 0.6em !important;
  }
/* note並みに読みやすくする最終微調整 */
@media screen and (max-width: 767px) {

  /* スマホの基準文字サイズをさらに上げる */
  html {
    font-size: 17px !important;
  }

  /* 本文幅をさらに絞る（1行21〜22字） */
  .site-content,
  .content-area,
  .container {
    max-width: 38em !important;
  }

  /* 本文テキストを明示的に指定 */
  p,
  li {
    font-size: 1em !important;
    line-height: 1.9 !important;
    letter-spacing: 0.02em !important;
  }
}
	/* スマホ本文を note サイズまで引き上げる（px固定） */
@media screen and (max-width: 767px) {

  /* 本文の最大幅をさらに絞る */
  .site-content,
  .content-area,
  .container {
    max-width: 360px !important;
  }

  /* 本文文字をはっきり大きく */
  p,
  li {
    font-size: 16px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.03em !important;
  }
}