.hukidasi{clear:both;overflow:hidden;position:relative;margin-bottom:20px}.hukidasi-img{border-radius:50%;box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);top:0;position:absolute;width:60px;height:60px}.hukidasi-img img{width:60px;height:60px}.img-name{left:10px;font-size:10px;top:60px;position:absolute}.hukidasi-text{float:left;margin:0 0 15px 80px}.hukidasi-text:before{border-color:transparent #ccc transparent transparent;border-style:solid;border-width:7px 10px 7px 0;top:15px;position:absolute;width:0;height:0;display:block;content:"";left:70px}.hukidasi-content{font-size:16px;line-height:25px;border-radius:6px;border:2px solid #ccc;position:relative;background:rgba(255,105,180,.2);padding:15px;color:#555}.hukidasi-right .hukidasi-img{right:0}.hukidasi-right .img-name{right:10px;left:auto}.hukidasi-right .hukidasi-text{float:right;margin:0 80px 15px 0}.hukidasi-right .hukidasi-text:before{border-color:transparent transparent transparent #ccc;border-width:7px 0 7px 10px;right:70px;left:auto}.hukidasi-black .hukidasi-content{border-color:#000}.hukidasi-blue .hukidasi-content{border-color:#00f}.hukidasi-green .hukidasi-content{border-color:green}.hukidasi-yellow .hukidasi-content{border-color:#ff0}.hukidasi-red .hukidasi-content{border-color:red}.hukidasi-bg-black .hukidasi-content{background:rgba(0,0,0,.2)}.hukidasi-bg-blue .hukidasi-content{background:rgba(0,0,255,.2)}.hukidasi-bg-green .hukidasi-content{background:rgba(0,128,0,.2)}.hukidasi-bg-yellow .hukidasi-content{background:rgba(255,255,0,.2)}.hukidasi-bg-red .hukidasi-content{background:rgba(255,0,0,.2)}.hukidasi-black:before{border-color:transparent #000 transparent transparent}.hukidasi-blue:before{border-color:transparent #00f transparent transparent}.hukidasi-green:before{border-color:transparent green transparent transparent}.hukidasi-yellow:before{border-color:transparent #ff0 transparent transparent}.hukidasi-red:before{border-color:transparent red transparent transparent}.hukidasi-right .hukidasi-black:before{border-color:transparent transparent transparent #000}.hukidasi-right .hukidasi-blue:before{border-color:transparent transparent transparent #00f}.hukidasi-right .hukidasi-green:before{border-color:transparent transparent transparent green}.hukidasi-right .hukidasi-yellow:before{border-color:transparent transparent transparent #ff0}.hukidasi-right .hukidasi-red:before{border-color:transparent transparent transparent red}.blog-card{width:100%;padding:10px;margin-bottom:20px;display:block;border-radius:3px;box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);background:#fff}.blog-card-flex{display:flex}.blog-card-eyecatch{margin-right:10px;flex:1.5;display:block;overflow:hidden}.blog-card-eyecatch img{display:block;width:100%;margin-bottom:0}.blog-card-content{flex:2}.blog-card-title{font-size:12px;display:block;color:gray;font-weight:700}.blog-card-excerpt{display:none;color:gray}@media (min-width:768px){.blog-card-excerpt{display:block;margin-top:15px;font-size:12px}.blog-card{padding:20px}.blog-card-eyecatch{margin-right:20px;flex:1}.blog-card-title{font-size:17px}}