@charset "UTF-8";

/*-------------------------
__
-------------------------*/
#content #main .low_title_box{background:url("/topics/images/main_bg.jpg")no-repeat center center/cover;}
#content #main #tipics_content{box-sizing:border-box;max-width:1040px;margin:100px auto;padding:0 20px;text-align:left;}
#content #main #tipics_content ul.topics_list li{border-bottom:1px solid #eae6e4;}
#content #main #tipics_content ul.topics_list li a{color:#2c2c2c;text-decoration:none;}
#content #main #tipics_content ul.topics_list li dl{display:flex;}
#content #main #tipics_content ul.topics_list li dl dt,
#content #main #tipics_content ul.topics_list li dl dd{box-sizing:border-box;padding:25px 0;}
#content #main #tipics_content ul.topics_list li dl dt{color:#777;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:0.06em;width:150px;}
#content #main #tipics_content ul.topics_list li dl dd{width:calc(100% - 150px);font-size:15px;line-height:1.5;letter-spacing:0.04em;}
#content #main #tipics_content ul.topics_list li a dl dd{text-decoration:underline;}
#content #main #tipics_content ul.topics_list li dl dd .new_icon{display:inline-block;font-size:14px;font-weight:700;color:#fff;padding:3px 10px;background:var(--color1);margin-left:20px;}

@media only screen and (min-width: 768px) {
  #content #main #tipics_content ul.topics_list li a dl dt,
  #content #main #tipics_content ul.topics_list li a dl dd{transition:color 0.3s;}
  #content #main #tipics_content ul.topics_list li a:hover dl dt,
  #content #main #tipics_content ul.topics_list li a:hover dl dd{color:var(--color1);}
  #content #main #tipics_content ul.topics_list li a:hover dl dd{text-decoration:none;}
}
@media only screen and (max-width: 767px) {
  #content #main #tipics_content{margin:40px auto;}
  #content #main #tipics_content ul.topics_list li dl{display:block;}
  #content #main #tipics_content ul.topics_list li dl dt{padding:15px 0 5px;width:100%;}
  #content #main #tipics_content ul.topics_list li dl dd{padding:0 0 15px;width:100%;}
}