@charset "UTF-8";
.main{padding-bottom:100px}
body.media .content{padding:0 10%}
body.media .media_list{padding-top:40px}
body.media .media_list li+li{margin-top:30px;padding-top:30px;border-top:1px dotted #ccc}
body.media .media_list li a{text-decoration:underline}
body.media .media_list li dl{display:-webkit-box;display:-ms-flexbox;display:flex}
body.media .media_list li dl .thumb{width:120px;margin-right:50px}
body.media .media_list li dl .thumb .has_border{border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}
body.media .media_list li dl dd{width:-webkit-calc(100% - 120px);width:calc(100% - 120px)}
body.media .media_list li dl dd .date{display:block}
@media only screen and (max-width:767px){.main{padding-bottom:60px}
body.media .content{padding:0}
body.media .media_list{padding-top:20px}
body.media .media_list li+li{margin-top:25px;padding-top:25px}
body.media .media_list li dl .thumb{width:80px;margin-right:20px}
body.media .media_list li dl dd{width:-webkit-calc(100% - 80px);width:calc(100% - 80px)}
}