/* ############################################################## */
.head_test {
    margin:  0;                 /* �f�t�H���gCSS�ł����� */
    font-size:  24px;           /* �����T�C�Y�w�� */
    border-bottom: solid 3px;   /* ���w�� */
    padding-bottom:  5px;       /* �]���w�� */
    margin-bottom: 15px;        /* ����̗]���w�� */
    position:  relative;        /* �ʒu���� */
    font-weight:  normal;       /* �����̑������� */
}

.head_test:before {
    content:  '';                   /* �󔒂̗v�f����� */
    width: 50px;                    /* ���w�� */
    height: 3px;                    /* �����w�� */
    background-color: #42a6ff;      /* �w�i�F�w�� */
    display:  block;                /* �u���b�N�v�f�ɂ��� */
    position:  absolute;            /* �ʒu���� */
    left:  0;                       /* �ʒu���� */
    bottom: -3px;                   /* �ʒu���� */
}

/* ############################################################## */
.sample_h_15{
font-size: 1.5em;/* �t�H���g�T�C�Y */
font-weight: bold;/* �t�H���g���� */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 3px #e3e3e2;/* �� */
color: #2043A3;/* �t�H���g�F */
}

.sample_h_15:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #2043A3;
width: 15%;
bottom: -3px;
}

/* ############################################################## */
.sample_h_16 {
position: relative;
border-left: 6px solid #ccc;
padding: 10px;
color: #000;
}

.sample_h_16::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #00a02e;
}

.sample_h_16::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #00a02e;
}

/* ############################################################## */
.section_2_tolk {
position: relative;
border-left: 6px solid #F0DE54;
padding: 10px;
color: #000;
}

.section_2_tolk::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #F0DE54;
}

.section_2_tolk::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 3px solid #3F97A3;
}
.section_2_explanation {
position: relative;
border-left: 6px solid #270C66;
padding: 10px;
color: #000;
}

.section_2_explanation::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #270C66;
}

.section_2_explanation::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 3px solid #3F97A3;
}

.title-left .tag{
    margin-left: 1.5em;
    /* color: #00a02e; */
    color: #29663A;
    font-weight: bold;
}

/* BLOG TOP */
.coffebreak{
  /* background-color: #E6B462; */
  background-color: #29663A;
  /* background-color: #00a02e; */
}
.PostItem i{
  color: #E3653B;
  /* color: #E6B462; */
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1.5em;
}

/* balloon内 小文字############################################################## */
.balloon .min-font{
  font-size: 12px;
}
@media screen and (max-width: 768px){
  .balloon .min-font{
    font-size: 10px;
  }
}


/* 引用文 */
.blockquote{
    position:relative;
    border-left:3px solid #3F97A3;
    padding-left: 0.625rem;
    margin-bottom: 1.875rem;
}
/* .blockquote:before{
    position:absolute;
    font-family:'FontAwesome';
    content:'\f10d';
    font-size: 1.25rem;
    color:#3F97A3;
} */
.blockquote p{
    position:relative;
    padding-left:1.875rem;
}
.blockquote .cite a{
    display: block;
    font-size:0.8rem;
    color:#3F97A3;
    text-align:right;
}

.post-title{
  padding-top: 1.25rem;
}