/* ----------------------------------------- */ /* View: topics_top - 開始 */ /* ----------------------------------------- */ @media only screen and (max-width: 767px){ .row_flex{display: block;} } @media only screen and (min-width: 768px){ .row_flex{display: flex;} } /* ----------------------------------------- */ /* View: topics_top - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in topics_top - 開始 */ /* ----------------------------------------- */ .wpb_content_element{margin-bottom:0px;} div.topics_top{position: relative; background-color: #fff;} 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,255,18,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; font-size:15px; line-height:1.4;} .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: Loop item in topics_top - 終了 */ /* ----------------------------------------- */