@charset "utf-8";
/* CSS Document */


.category_uppertext h2 {border:1px solid #333; width:240px; text-align:center; padding:10px; margin:0 auto 20px; font-size:18px;}
.category_uppertext h3 {font-size:16px; margin:0 0 3px;}
.category_uppertext img {width:100%; margin-bottom:10px;}
.category_uppertext img:hover {opacity:0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.cate_seriesBox, .cate_itemBox, .cate_contentsBox {margin-bottom:50px; color:#333;}
.ser_text {font-size:14px; margin:0;}
.cont_text {font-size:12px;}
.cate_seriesBox td, .cate_itemBox td {width:49%; margin-bottom:20px; padding:0 3px; display:inline-block; vertical-align:top;}
.cate_contentsBox td {width:33.3%; vertical-align:top}
.cate_contentsBox td .rank {background-color:#333; color:#fff; width:35px; height:35px; text-align:center; margin:0 auto 10px; line-height:35px; font-size:16px;}
.more_btn {background-color:#333; color:#fff !important; padding:8px 0; width:350px; display:block; text-decoration:none; margin-top:10px;}

@media screen and (max-width:767px) {
.categorydescription h2 {border:1px solid #333; width:240px; text-align:center; padding:10px; margin:0 auto 20px; font-size:18px; font-weight:bold;}
.categorydescription h3 {font-size:16px; margin:0 0 3px; font-weight:bold;}
.categorydescription img {width:100%; margin-bottom:2px;}
.categorydescription img:hover {opacity:0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.cate_seriesBox td, .cate_itemBox td {width:47.5%; margin-bottom:10px;}
.cate_seriesBox td {margin-bottom:15px;}
.cate_contentsBox td {width:32%;}
.more_btn {width:160px; padding:5px 0; font-weight:bolder;}
}


p.s_title {text-align:center; display:block; font-size:15px; color:#d40000; line-height:1.3; font-weight:normal; letter-spacing:1px; margin:0;}
p.title {text-align:center; font-size:20px; letter-spacing:3px; color:#333; font-weight:bold; margin:0;}
#if_rank {border:none; padding-top:20px;}