/* 記事本文
----------------------------------------------- */
.article-body {
    color: #080000;
    font-size: 14px;
    line-height: 1.6;
}
/* 見出しリスト */
.article-body-inner h1{
}

.article-body-inner h2 {        /* 角がぺろっと剥がれるデザイン */
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}
.article-body-inner h2:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.article-body-inner h3{        /* 左に線＋塗り */
  padding: 0.5em;        /* 文字周りの余白 */
  color: #494949;        /* 文字色 */
  background: #fffaf4;        /* 背景色 */
  border-left: solid 5px #ffaf58;        /* 左線（実線 太さ 色）*/
}

.article-body-inner h4{        /* 肉球マーカー */
  position: relative;        /* 相対位置 */
  padding-left: 1.5em;        /* アイコン分のスペース */
  line-height: 1.4;        /*行高*/
  color: #7b6459;        /*文字色*/
  background: #fffafa;        /* 背景色 */
}
.article-body-inner h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";        /* 肉球アイコンのユニコード */
  position: absolute;        /* 絶対位置 */
  font-size: 1.2em;        /* サイズ */
  left: 0;        /* アイコンの位置 */
  top: 0;        /* アイコンの位置 */
  color: #ff938b;         /* アイコン色 */
}

.article-body-inner blockquote {
    background-color:#fafafa;
    border: 1px solid #fff;
}
.article-body-inner blockquote:before {
    color: #ddd;
}
.article-body-inner img.pict{
    border: 5px solid #fff;
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2);
    height: auto;
    margin: 1em 6px 1.5em!important;
    max-width: 98.4%;
}
/*----------------------------------------------- */
/* ボックスデザイン（ラベルをつけたようなデザイン） */ 
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;     /*BOXの色*/
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;     /*BOXのタイトル枠の色*/
    color: #ffffff;     /*BOXのタイトル枠内の色*/
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}