#logo{ color: #1C75BC; font-size: 20px; opacity: 0.9; padding-right: 20px;}
.nav-align{ padding: 0px 20px; font-size: 14px;}
#about{padding-top: 30px;}
.sub-intro img{padding: 0px 40px;}
/*#quotation {padding: 20px 0px 10px 0px;}*/
/*#quotation img {width:45px; height: 35px;}*/
#content2 .c2_mouseover:hover{cursor: pointer }
#footer{margin: 0; background-color: whitesmoke; padding:40px 0px 30px 0px; border: rgba(0,0,0,0.3); margin-top: 30px;}
#SNS_logo span{padding: 10px;}
#SNS_logo span img{width:35px; height: 35px;}

.about h3{ padding: 2% 0% 1% 0%; font-weight: bold; font-size: 1rem; color: rgba(0,0,0,0.6)}
.about p{ padding-left: 1%; color: rgba(10, 10, 10, 0.7); font-size: 1rem;}

.markdownx-editor {width:100%;}
#post_detailed{width:100%}
#post_detailed img{width:80%}
#post_detailed code{color: rgba(10, 10, 10, 0.7); padding:1;}

/*@include media-breakpoint-down(xs) {}*/
/*@include media-breakpoint-down(sm) {}*/
/*@include media-breakpoint-down(md) {}*/
/*@include media-breakpoint-down(lg) {}*/

.imgflow{ overflow: hidden !important; height: auto;}

.card-img-top{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -ms-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    top:0;
    left:0;
    width:100%;
}


.card-img-top:hover{
    opacity: 0.9;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.card-title{
    font-size: 1rem;
    color: rgba(0,0,0,0.7);
    font-weight: bold;
}

.readmore {
    color: rgba(0,0,0,0.7);
    font-size: 1rem;
    opacity: 0.8;
    float: right;
}

@media screen and (max-width: 760px)
{
    .head-intro {font-size: 1.2rem; text-align: center;}
    .head-intro p{line-height: 35px; }
    #content2 span {font-size: 0.9rem;}
    .about h3{ font-size: 1rem;}
    .about p{ font-size: 0.8rem;}
    .imgflow{height: auto;}
}

.markdown-body {
}

@media (max-width: 767px) {
    .markdown-body {
    }
}