Works

/* ----------------------------------------- */ /* View: works_all - 開始 */ /* ----------------------------------------- */ @media only screen and (max-width: 767px){ .row_flex{display: block;} } @media only screen and (min-width: 768px){ .row_flex{display: flex;} } .pagination > .active > span{ background-color: #1e306e; border-color: #1e306e; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color: #1e306e; border-color: #1e306e; } /* ----------------------------------------- */ /* View: works_all - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: works_all内のアイテムをループする - 開始 */ /* ----------------------------------------- */ .wpb_content_element{margin-bottom:0px;} div.topics_top{position: relative;} div.col-sm-4{padding:0px;} div.topics_special{background-color: rgba(30,48,110,0.8); color:#fff; position:absolute; top:0; left:0; width:30%; text-align:center; padding:10px; font-size:14px; font-family: sans-serif; font-weight: 700;} div.topics_creative_info{background-color: rgba(0,190,13,0.8); color:#fff; position:absolute; top:0; left:0; width:30%; text-align:center; padding:10px; font-size:14px; font-family: sans-serif; font-weight: 700;} div.topics_recruit{background-color: rgba(255,156,0,0.8); color:#fff; position:absolute; top:0; left:0; width:30%; text-align:center; padding:10px; font-size:14px; font-family: sans-serif; font-weight: 700;} .row {max-width: initial;} .col-sm-4 img{width: 100%;} .topics_date{font-size:14px; text-align:right; margin-bottom:0px; padding: 5px 10px;} .topics_title{margin-bottom:10px; padding: 0px 10px;} .linkbox{ position: relative; width:100%; height:100%; } .linkbox a{ display: block; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 2; padding-bottom: 0px; } .linkbox a:hover{ background-color: rgba(0, 0, 0, 0.3) !important; padding-bottom: 0px; transition: all 500ms 0s ease-in-out; } /* ----------------------------------------- */ /* Content Template: works_all内のアイテムをループする - 終了 */ /* ----------------------------------------- */