main{font-family:sans-serif;margin:0 auto;max-width:1200px;width:100%}main a:hover{opacity:.8}main .container{column-gap:30px;display:grid;grid-template-columns:minmax(900px,1fr) 300px}main .container .sub h1.side-headding{align-items:center;display:flex;flex-direction:column;font-family:Roboto Condensed,sans-serif;justify-content:center;text-align:center}main .container .sub h1.side-headding .headding-main{border-bottom:none;display:inline-block;font-size:24px;letter-spacing:1px;padding-bottom:0}main .container .sub h1.side-headding .headding-sub{display:inline-block;font-size:14px;font-weight:400;margin-top:-5px}@media (max-width:560px){main{padding:0 10px;width:calc(100% - 20px)}main .container{display:block;grid-template-columns:100%;width:100%}}.article-item-list{width:100%}.article-item-list .item{cursor:pointer;width:100%}.article-item-list .item:hover{opacity:.8}.article-item-list .item .grd{border-bottom:1px solid #121212;column-gap:20px;display:grid;grid-template-columns:290px 1fr;margin-bottom:20px;padding-bottom:20px;width:100%}.article-item-list .item .grd .thumbnail{aspect-ratio:16/9;width:100%}.article-item-list .item .grd .thumbnail img{height:100%;object-fit:cover;width:100%}.article-item-list .item .grd .information{position:relative}.article-item-list .item .grd .information .title{color:#121212;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:10px}.article-item-list .item .grd .information .description{display:-webkit-box;-webkit-box-orient:vertical;border:none;color:#121212;font-size:14px;-webkit-line-clamp:3;line-height:1.4;overflow:hidden;padding:0}.article-item-list .item .grd .information .sub-information{align-items:end;bottom:0;display:grid;grid-template-columns:1fr 200px;left:0;position:absolute;width:100%}.article-item-list .item .grd .information .sub-information .tag a{border:1px solid #666;border-radius:10px;color:#666;display:inline-block;font-size:11px;line-height:1.3;padding:1px 10px}.article-item-list .item .grd .information .sub-information .tag a:hover{border:1px solid #ad154f;color:#ad154f}.article-item-list .item .grd .information .sub-information .publish-date{color:#666;font-size:12px;line-height:1.3;text-align:right}@media (max-width:560px){.article-item-list{width:100%}.article-item-list .item .grd{column-gap:0;grid-template-columns:100%;row-gap:20px}.article-item-list .item .grd .information{position:static}.article-item-list .item .grd .information .description{margin-bottom:10px}.article-item-list .item .grd .information .sub-information{grid-template-columns:1fr 90px;position:static}}main.list h1{align-items:center;display:flex;flex-direction:column;font-family:Roboto Condensed,sans-serif;justify-content:center;text-align:center}main.list h1 span.headding-main{border-bottom:2px solid #ad154f;display:inline-block;font-size:32px;font-weight:700;line-height:1.1}main.list h1 span.headding-sub{display:inline-block;font-size:18px;font-weight:400;padding-top:5px}main.list .description{border:double #121212;padding:20px}main.list .pagenation{column-gap:20px;display:grid;grid-template-columns:120px 120px;justify-content:center}main.list .pagenation span{display:block;text-align:center}main.list .pagenation span a{color:#121212;font-weight:700}main.list .pagenation span a:hover{color:#ad154f}