@charset "UTF-8";
.single main header.entry-header,
.single main .entry-content{
    padding: 15px;
}

.single main article {
    border: none;
}
.single main article img{
    max-width: 100%;
    height: auto;
}

.single main article .entry-meta,
.single main article .entry-footer,
.single main article .mashsb-container,
.single main article h1 {
    margin: 20px 0;
}

.single main article .entry-meta {
    text-align: right;
}

.single main article .entry-content {
    border-bottom: 1px #eee solid;
}

.single main article .entry-footer .tags_list a {
    display: inline-block;
    color: #7a7a7a;
    font-size: 11px !important;
    padding: 4px 7px;
    margin: 5px;
    background: #eee;
}

.single main article .entry-footer .tags_list a::before {
    font-family: FontAwesome;
    content: "\f02b";
    margin-right: 5px;
}


/*.single main article h1.entry-title {
  position: relative;
  padding: 0 .5em .5em 2em;
}
.single main article h1.entry-title a{
  color: #00ba97;
    display: block;
}*/
/*.single main article h1.entry-title::before,
.single main article h1.entry-title::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.single main article h1.entry-title::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #00ba97;
}
.single main article h1.entry-title::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}
*/

/*.single main article h1:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #194374;
}

.single main article h1:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #194374;
}*/
/*
.single main article h2 {
    margin: 25px 0;
    padding: 0 15px;
    background: #eee;
    font-size: 2.1rem;
    border-left: solid 5px #00ba97;
    border-bottom: solid 3px #d7d7d7;
    line-height: 88px;
}*/




/*
.single main article h3 {
    margin: 20px 0;
    padding: 10px 10px 10px 15px;
    background: #eee;font-size: 1.8rem;
}*/


/*.single main article h3 {
position: relative;
padding: 5px 5px 5px 42px;
background: #77c3df;
    font-size: 1.8rem;
color: white;
margin-left: -33px;
line-height: 1.3;
z-index:0;
}

.single main article h3:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}*/

.single main article h3 {
    padding-bottom: 5px;
    border-bottom: 2px solid #edb5d2;
}



.single main article h4 {
    position: relative;
    font-weight: bold;
}



.single main article h5 {
    position: relative;
    padding-left: 1.2em;
    font-size: 1.5rem;
    line-height: 1.4;
}

.single main article h5:before {
    font-family: FontAwesome;
    content: "\f075";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: #5ab9ff;
}

.single main article h6 {
    font-size: 1.3rem;
}

.single main article p {
    line-height: 1.5rem;
}

.single main article br {
    line-height: 0.5rem;
}

.single main article h4,
.single main article h5,
.single main article h6,
.single main article p,
.single main article table,
.single main article ul,
.single main article ol,
.single main article dl,
.single main article pre,
.single main article dl,
.single main article address {
    /*margin: 20px 10px;*/
}

.single main article address {
    background: #ddd;
    padding: 5px;
}

.single main article dl dd {
    margin-top: 10px;
}

.single main article ul li {
    padding: .5rem;
}

/*.single main article ul,
.single main article ol {}

.single main article ul li {
    padding: 5px;
}*/



/*.single-course main article h1{
    background: #194374;
    margin: 0;
    padding: 15px;
    color: #fff;
}*/


/* プラグイン */

#toc_container {
    border: 0;
    background: none;
}

#toc_container .toc_title {
    background: #333;
    color: #fff;
    font-size: 1.2rem
}

#toc_container ul li a {
    display: block;
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 5px;
    background: #eee;
}

#toc_container ul li a:before {
    content: ">> ";
}


@media (max-width: 575px) {
    .single main article h1{
        font-size: 1.3rem;
        line-height: 2.3rem;
    }
    .single main article h2{
        font-size: 1.2rem;
    }
    .single main article h3{
        font-size: 1rem;
    }
}