/* ----------------------------------------- */ /* ビュー スラッグ: blog-top - 開始 */ /* ----------------------------------------- */ #blog{ padding: 0 10px; } #blog .col-md-3{ padding: 0 5px; } /* ----------------------------------------- */ /* ビュー スラッグ: blog-top - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-blog-top - 開始 */ /* ----------------------------------------- */ .linkbox.blog{ background-color: #fff; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2); } .blog-info-wrap{ padding:1em; } .blog-img{ width:100%; height:auto; } .blog-info{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .blog-date{ display:inline-block; } .blog-date p{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:90%; color:#777777; vertical-align: top; margin-bottom: .5em; } .blog-date p::after{ content:"|"; font-weight:100; padding: 0 .5em; } .blog-cat{ display:inline-block; } .blog-cat p{ color:#777777; font-weight:700; font-size:90%; display:inline-block; vertical-align: top; margin-bottom: .5em; } .blog-title{ color:#333333; text-align:justify; margin-bottom: 0px; } @media(max-width:767px){ } /* ----------------------------------------- */ /* Content Template: loop-item-in-blog-top - 終了 */ /* ----------------------------------------- */