#contents #title-block { margin: 0 0 25px; padding: 45px 0 0; width: 810px; height: 300px; }
#contents #title-block h1 { font-family: 'Roboto'; font-weight: 100; letter-spacing: 0.1em; text-indent: 0.1em; margin: 0 auto 25px; width: 610px; color: #fff; font-size: 65px; text-align: center; }
#contents #title-block h1 span { font-weight: 400; letter-spacing: 0.1em; text-indent: 0.1em; display: block; padding: 2px 0; font-size: 18px; background: #000; }
#contents #title-block .category-read { letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 35px; text-align: center; color: #fff; }
#contents #title-block .category-read br { display: none; }
#contents #title-block.product { background: url(/magazine/assets/images/category/bg_product.jpg) no-repeat 0 0; }
#contents #title-block.challenge { background: url(/magazine/assets/images/category/bg_challenge.jpg) no-repeat 0 0; }
#contents #title-block.trend { background: url(/magazine/assets/images/category/bg_trend.jpg) no-repeat 0 0; }
#contents #title-block.pcgame { background: url(/magazine/assets/images/category/bg_pcgame.jpg) no-repeat 0 0; }
#contents #title-block.creator { background: url(/magazine/assets/images/category/bg_creator.jpg) no-repeat 0 0; }
#contents #title-block.solution { background: url(/magazine/assets/images/category/bg_solution.jpg) no-repeat 0 0; }
#contents #title-block.references { background: url(/magazine/assets/images/category/bg_references.jpg) no-repeat 0 0; }
#contents #title-block.event-info { background: url(/magazine/assets/images/category/bg_event.jpg) no-repeat 0 0; }
#contents #title-block.entry { background: url(/magazine/assets/images/category/bg_product.jpg) no-repeat 0 0; }
#contents .category-comment { margin: 0 auto 30px; padding: 0 35px; font-size: 12px; }
#contents .tag-title { letter-spacing: 0.1em; text-indent: 0.1em; display: block; margin: 0 0 25px; padding: 12px; font-size: 22px; color: #fff; text-align: center; background: #147fcc; }
#contents .tag-read { letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; margin: 0 0 25px; }
#contents #title-list { letter-spacing: 0.1em; text-indent: 0.1em; display: block; margin: 0 0 25px; padding: 12px; font-size: 22px; color: #fff; text-align: center; }
#contents #title-list.product { background-image: -webkit-linear-gradient(left, #891cff, #00c3ff); background-image: -ms-linear-gradient(left, #891cff, #00c3ff); }
#contents #title-list.challenge { background-image: -webkit-linear-gradient(left, #00ecbc, #0073e6); background-image: -ms-linear-gradient(left, #00ecbc, #0073e6); }
#contents #title-list.trend { background-image: -webkit-linear-gradient(left, #ff26fb, #00b3ff); background-image: -ms-linear-gradient(left, #ff26fb, #00b3ff); }
#contents #title-list.pcgame { background-image: -webkit-linear-gradient(left, #e95504, #f9be00); background-image: -ms-linear-gradient(left, #e95504, #f9be00); }
#contents #title-list.creator { background-image: -webkit-linear-gradient(left, #00a199, #00e67e); background-image: -ms-linear-gradient(left, #00a199, #00e67e); }
#contents #title-list.solution { background-image: -webkit-linear-gradient(left, #595757, #a7a7a8); background-image: -ms-linear-gradient(left, #595757, #a7a7a8); }
#contents #title-list.event-info { background-image: -webkit-linear-gradient(left, #0093e9, #80d0c7); background-image: -ms-linear-gradient(left, #0093e9, #80d0c7); }
#contents #title-list.entry { background-image: -webkit-linear-gradient(left, #891cff, #00c3ff); background-image: -ms-linear-gradient(left, #891cff, #00c3ff); }
#contents .sub-title-list { letter-spacing: 0.1em; text-indent: 0.1em; display: block; margin: 0 0 25px; padding: 12px; font-size: 22px; color: #fff; text-align: center; }
#contents .sub-title-list.references { background-image: -webkit-linear-gradient(left, #918bec, #0073e6); background-image: -ms-linear-gradient(left, #918bec, #0073e6); }
#contents .posts { margin: 0 auto; width: 740px; overflow: hidden; }
#contents .posts li { float: left; margin: 0 15px 30px; padding: 0 0 20px; width: 340px; height: 150px; border-bottom: 1px solid #dcdddd; position: relative; overflow: hidden; }
#contents .posts li.new:after { content: ""; display: block; width: 50px; height: 50px; background: url(/magazine/assets/images/common/new.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 0; pointer-events: none; }
#contents .posts li:last-child, #contents .posts li:nth-last-child(2) { border: none; }
#contents .posts li > a { float: left; display: block; margin: 0 20px 0 0; width: 150px; }
#contents .posts li > a img { display: block; width: 150px; height: 100px; }
#contents .posts li .post-desc { float: left; width: 170px; height: 120px; }
#contents .posts li .post-desc .post-title { display: block; color: #1e222b; font-size: 14px; }
#contents .posts li .post-desc .pr:before { content: "PR"; display: inline-block; margin: 0 8px 0 0; padding: 1px 4px; font-size: 84%; color: #fff; background: #1e222b; font-family: 'Roboto'; font-weight: 400; }
#contents .posts li .post-desc time { display: block; margin-top: 5px; color: #8e9095; font-size: 10px; }
#contents ul.page-numbers { margin: 0 0 30px; padding: 10px; border-top: 1px solid #e8e8e9; border-bottom: 1px solid #e8e8e9; text-align: center; }
#contents ul.page-numbers li { display: inline-block; }
#contents ul.page-numbers .page-numbers { font-family: 'Roboto'; font-weight: 400; letter-spacing: 0; display: inline-block; text-align: center; margin: 0 4px; padding: 4px; width: 30px; height: 30px; border: 1px solid #e8e8e9; color: #8e9095; }
#contents ul.page-numbers .page-numbers.current { background: #147fcc; color: #fff; }