@charset "utf-8";


/*LIST*/


.topiclist {
  margin-top: 10px;
}
.topiclist li{
  overflow:hidden;
  padding:1% 0;
  border-bottom:1px solid #ccc;
}

.topiclist li .ph{
   width:48%;
   float:left;
   margin:0 2% 0 0;
}


.topiclist li article{
   /*width:50%;
   float:left;*/
   font-size:1.2rem;
   line-height:1.6;
}

.topiclist li article .day{
   font-size:1rem;
}

#event .topiclist li article h3,
#news .topiclist li article h3{
   font-size:1.5rem;
   font-weight:bold;
   color:#DC001D;
   margin-bottom:10px;
   overflow: visible;
   white-space: normal;
   text-overflow: clip;
}

@media screen and (max-width: 764px) {
  .topiclist li article{
  width:96%;
  float:none;
  margin:auto;
  display:block;
}
}
@media screen and (max-width: 480px) {
.topiclist {
    margin-top: 0px;
}
.topiclist li{
  }

   .topiclist li .ph{
   width:100%;
   display:block;
   margin:2% 0 1%;}

   .topiclist li article{
   font-size:1rem;}
}