/* ----------------------------------------- */ /* ビュー スラッグ: blog-all - 開始 */ /* ----------------------------------------- */ #blog{ padding: 0 10px; } #blog .col-md-3{ padding: 5px; } #blog_pagination .pagination{ display: inline-block; } #blog_pagination .pagination li{ display: inline; float: left; } #blog_pagination .page-item.active .page-link { color: #fff; background-color: #333; border-color: #333; border-radius: 0; margin:0; } #blog_pagination a.page-link{ color:#333; border-radius: 0; margin:0; } /* ----------------------------------------- */ /* ビュー スラッグ: blog-all - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: blog-all - 開始 */ /* ----------------------------------------- */ .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: blog-all - 終了 */ /* ----------------------------------------- */