@charset "UTF-8";.kizilist{width:100%;}
.kizilist .cassette{float:left;width:48%;margin-bottom:7%;background-color:#fff;box-sizing:border-box;border:1px solid #e6e6e6;border-bottom-width:1px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.cassette{position:relative;}
.cassette a{color:#333;}
.kizilist .cassette h2{height:110px;box-sizing:border-box;}
.kizilist .cassette .thumbnail img{height:auto;width:100%;}
.scc{position:absolute;top:0px;left:0px;background:#4164a4;display:inline-block;padding:5px 8px;line-height:1;color:#fff;}
.kizilist .cassette .thumbnail .scc img{width:14px;margin-right:5px;vertical-align:bottom;}
.scc span{font-size:75%;color:#777;}
.cassette .thumbnail > div{position:relative;}
.kizilist .cassette_inner>a>div{text-align:center;background:#f2f2f2;height:183px;overflow:hidden;}
.kizilist .cassette .detail{position:relative;padding:20px 10px 15px 10px;height:180px;box-sizing:border-box;}
.kizilist .cassette.new .detail:before{content:'NEW';display:inline-block;background-color:#87bc44;padding:0 12px;position:absolute;transform:translateY(-50%);font-size:90%;color:#fff;top:0;left:20px;border-radius:3px;font-family:'Roboto', sans-serif;}
.cassette .detail .date{font-family:'Roboto Condensed', sans-serif;color:#777;}
.cassette .detail .date:before{content:url(../../images/common/icon_tokei.png);display:inline-block;vertical-align:middle;margin-right:5px;}
.cassette .detail .cate_wrap{height:1.8em;overflow:hidden;float:right}
.cassette .detail h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:110%;}
.cassette .detail .category{font-weight:bold;color:#FFF;font-size:11px;font-size:1.1rem;background-color:#f5f5f5;border-radius:10px;padding:5px 0px;line-height:1;margin-bottom:5px;margin-left:3px;width:80px;display:inline-block;text-align:center;}
@media screen and (max-width:768px){.kizilist .cassette{margin:0 1% 2%;border-bottom-width:1px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.kizilist .cassette h2{line-height:1.5;}
.cassette .detail .category{margin-left:0;}
.kizilist .cassette.new .detail:before{transform:translateY(-100%);left:0;}
.cassette .detail .cate_wrap{transform:scale(0.8);transform-origin:right bottom;}
.kizilist .cassette .detail{height:110px;padding:10px 10px 15px 10px;}
.kizilist .cassette_inner>a>div{min-height:110px;height:30vw;}
.kizilist .cassette h2{height:100px;}
.kizilist .cassette .desc{position:absolute;top:0;right:10px;transform:translateY(-110%);}
.kizilist .cassette .date{display:none;}
}
@media screen and (min-width:769px){.kizilist .cassette{width:32%;margin-right:2%;margin-bottom:2%;}
.kizilist .cassette .detail{padding:17px 20px 20px;height:164px;}
#common .cassette .detail .desc{display:none;}
#subcontent .kizilist .cassette .detail{padding:15px 10px;height:125px;}
.kizilist .cassette:nth-child(3n){margin-right:0;}
.cassette .detail .cate_wrap{float:right;}
.cassette .detail .category{float:right;}
}
@media screen and (max-width:340px){.kizilist .cassette .detail{}
.cassette .detail .cate_wrap{float:none;}
}
.newicon{display:none;font-family:'Roboto', sans-serif;}
#content .scc, #s1 .scc{display:none;}
@media screen and (max-width:768px){.kizilist .cassette.new .detail:before{content:none;}
.object{text-align:left;transform:scale(0.8);transform-origin:left top;}
.cassette .detail .cate_wrap{height:auto;}
.kizilist .cassette .detail{height:110px;padding:10px 10px 15px 10px;}
.cassette .detail .cate_wrap, .cassette .detail .category{float:none;height:auto;}
.cassette .detail .date{display:none;}
.kizilist .cassette .desc{position:absolute;top:-5px;right:5px;;transform:translateY(-100%);}
.cassette .detail .category{font-weight:bold;font-size:1.1rem;border-radius:10px;padding:0;line-height:2;width:80px;display:inline-block;text-align:center;margin-left:0;margin-bottom:0;vertical-align:bottom;}
.scc, .new .newicon{left:auto;top:auto;background-color:#4164a4;display:inline-block;padding:5px 8px;line-height:1;color:#fff;vertical-align:top;}
.new .newicon{background-color:#87bc44;}
}