h3{
font-size:20px;
margin: 0;}
.news-content{
padding:20px;
}
.event-post-item{
padding:0px;
}
.event-post-item li {
  list-style:none;
  display:flex;
  border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.event-post-item li:hover .left_image {
background-color:rgba(193, 25, 32,0.4);
background-blend-mode:multiply;
      transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.event-post-item li:hover h3 {
text-decoration:underline;
      cursor: pointer;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.left_image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    position: relative;
    width: 30%;
    margin-right: 30px;
  border:1px solid #ccc;
}
.eventimage{
    position:absolute;
}

/*----------------------サムネ帯：ステータス---------------------------*/
.left_image::before
{    
    position:absolute;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    bottom:0;
}
.onair::before{
    content:"公開中";
   background-color:#c11920;
}
.reception::before{
content: "登録受付中" ;  
  background-color:#74DE18;
}
.end::before{
    content:"受付終了";
   background-color:#A6A6A6;
}
.release::before{
content: "記事公開中" ;  
  background-color:#ee7800;
}


.event-right
{
  width: 70%;
  align-items:center;
}
.event-right .data
{
    display: block;
    margin-bottom: 20px;
    font-size: 1.8rem;
    color: rgba(35, 35, 35, 1.0);
}
.event-right h3{
    line-height: 3rem;
    font-weight: bold;
}
/*----------------------アイコン：カテゴリ
.event-right ::before{ 

}
.webinar::before{
content: " ウェビナー " ;  
}
.contents::before{
content: " コンテンツ " ;  
}
.archive::before{
content: " アーカイブ " ;  
}
.event::before{
content: " イベント " ;  
}
---------------------------*/

a[target=_blank] h3:after {
    background-image: url(//9496159.fs1.hubspotusercontent-na1.net/hubfs/9496159/raw_assets/public/Staging/STG%20AsiaQuest_August2021/images/target_blank_off_b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: 27px 10px;
    content: " ";
    display: inline-block;
    height: 15px;
    left: 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 13px;
}
.news_link {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-family: Roboto, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important;
    margin: 0px;
    padding: 0px;
  margin-bottom: 80px;
}

.news_link li {
    text-align: center;
    font-weight: bold;
    list-style: none;
    background: transparent;
    border: 0;
    padding: 0 0 2px 0;
    display: inline;
    color: #6f6f6f;
    margin: 0;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    margin: 0 25px;
    display: inline-block;
    float: none;
    position: relative;
    cursor: pointer;
}
.news_link li:hover {
background: transparent;
    border-bottom: 1px solid #232323;
    color: #232323;
}
.news_link li.active {
background: transparent;
    border-bottom: 1px solid #232323;
    color: #232323;
}

@media(max-width: 767px){
  .news_link li {
display: block;
    padding: 5px 0;
    width: 100%;
    margin: 0;
    }
    .news_link 
  {margin-bottom: 20px;}
}
@media(max-width: 560px){
  .left_image::before
{    
    font-size: 11px;
} 
  .event-post-item li {
    border-bottom: 1px solid #ccc;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
  .event-right h3 {
    font-weight: 600;
    font-size: 12px;
  line-height: 1.75rem;
}
.event-right .data {
    color: #232323;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.event-right :before {
    border: 1px solid #c11920;
    border-radius: 3px;
    color: #c11920;
    display: block;
    font-size: .2rem;
    font-weight: 700;
    margin-right: 6px;
    max-width: 60px;
    padding: inherit;
    text-align: center;
}
  .left_image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ccc;
    height: 85px;
    margin-right: 10px;
    position: relative;
    width: 30%;
}
}
.cat_icon {
    border: 1px solid #c11920 !important;
    padding: 5px 5px;
    color: #c11920;
    font-size: 1.25rem;
    margin-right: 3px;
    border-radius: 3px;
    font-weight: 600;
}
.dnd_area-row-0-padding {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
@media (max-width: 991px){
.dnd_area-row-0-padding {
    padding-top:  0px !important;
    padding-bottom:  30px !important;
  }}
@media (max-width: 767px){
.dnd_area-row-0-padding {
    padding-top:  30px !important;
    padding-bottom:  30px !important;
  }}

.more-btn{
    background-color:black;
    color: #fff;
    padding: 10px;
    margin: 0 auto;
    width: 200px;
    text-align:center;
}

.more-btn:hover{
    cursor: pointer;
}

.event_tag {
    font-size: 13px;
    padding: 5px 10px 4px;
    color: #333;
    border-radius: 4px;
    background-color: #f2f2f2;
  display:none;
}
.event_tag:before {
	content: "#";	

}
.event_tag:hover{
    font-weight: bold;
}
}
.selected {
    font-weight: bold;
}
.tag_btn{
padding:0;
      margin-bottom: 0;
}