#event_campaign_list.multi{display:flex;flex-wrap:wrap}.event_campaign_data.narrow{padding:5px;width:33%;position:relative}.event_campaign_data.narrow .kbn_name{position:absolute;z-index:5;left:30px;top:15px;width:90px;text-align:center;color:#FFF;margin:0;padding:0 3px;font-size:13px;border-radius:3px}.event_campaign_data.narrow.event .kbn_name{background-color:rgba(31,110,255,0.9)}.event_campaign_data.narrow.campaign .kbn_name{background-color:rgba(255,111,0,0.9)}.event_campaign_data.narrow .image{position:relative;clear:both;overflow:hidden;opacity:1}.event_campaign_data.narrow .image::before{display:block;padding-top:56%;content:""}.event_campaign_data.narrow .image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition-duration:.2s}.event_campaign_data.narrow .image img:hover{transform:scale(1.2,1.2)}.event_campaign_data.narrow .title{width:100%;color:#004691;font-size:14px;font-weight:bold;text-align:center;margin:10px 5px}.event_campaign_data.narrow .date{width:95%;color:#FFF;background:#e854a1;margin:0 auto 10px;font-size:13px;text-align:center}.event_campaign_data.narrow .link_panel{width:95%;margin:0 auto 5px}.event_campaign_data.narrow .link{width:100%;color:#004691;background:#FFF;height:42px;font-weight:bold;font-size:15px;vertical-align:middle;line-height:42px;position:relative;text-align:center;border:1px solid #e5e5e5}.event_campaign_data.narrow .link.open span::before{display:block;content:"";position:absolute;top:50%;left:93%;width:0;height:0;margin-top:-7px;border:7px solid transparent;border-left-color:transparent;border-left-style:solid;border-left-width:7px;border-left:7px solid #004691}.event_campaign_data.narrow .link.close{background:#e5e5e5}.event_campaign_data.wide{padding:0;color:#333;background-color:#f8f8f8;margin-top:10px}.event_campaign_data.wide:not(:last-child){margin-bottom:10px}.event_campaign_data.wide .header{width:100%;margin-bottom:10px;color:#FFF;background-color:#e854a1;text-align:center}.event_campaign_data.wide .title{padding:3px 8px;color:#FFF;font-size:16px;font-weight:bold}.event_campaign_data.wide .date{padding:1px;background-color:#c12476}.event_campaign_data.wide .body{display:flex;flex-wrap:wrap}.event_campaign_data.wide .left{width:30%;padding:5px}.event_campaign_data.wide .image{width:100%}.event_campaign_data.wide .image img{width:100%}.event_campaign_data.wide .right{width:70%;display:flex;flex-direction:column;padding:5px}.event_campaign_data.wide .kbn_name{width:90px;text-align:center;color:#FFF;margin:0 0 3px 0;padding:0 3px;font-size:13px;border-radius:3px}.event_campaign_data.wide.event .kbn_name{background-color:rgba(31,110,255,0.7)}.event_campaign_data.wide.campaign .kbn_name{background-color:rgba(255,111,0,0.7)}.event_campaign_data.wide .right .content{font-size:14px}.event_campaign_data.wide .right .remaining{padding:1px;font-size:14px;background-color:#fffad8;text-align:center}.event_campaign_data.wide .right .remaining .caution{margin-left:5px;margin-right:5px;color:#c61d56;font-size:20px;font-weight:bold}.event_campaign_data.wide .link{width:100%;margin-top:auto;margin-bottom:5px;text-align:right}@media only screen and (max-width:959px){#container.responsible .event_campaign_data.narrow{padding:10px;width:50%}}@media only screen and (max-width:768px){#container.responsible .event_campaign_data.narrow .title{font-size:13px;margin:10px 0}#container.responsible .event_campaign_data.narrow{padding:10px 5px}#container.responsible .event_campaign_data.narrow .date{font-size:12px}#container.responsible .event_campaign_data.wide .left{width:40%}#container.responsible .event_campaign_data.wide .right{width:60%}#container.responsible .event_campaign_data.wide .right .content{font-size:12px}}@media only screen and (max-width:640px){#container.responsible .event_campaign_data.narrow{padding:0;width:100%;margin:0 auto 10px;background:#e5e5e5}#container.responsible .event_campaign_data.narrow .link{height:36px;font-weight:bold;font-size:13px;line-height:36px}#container.responsible .event_campaign_data.wide .left,#container.responsible .event_campaign_data.wide .right{width:100%}}