@charset "utf-8";

.miso-category { padding:0px; }
.miso-category a { display:block; }
.miso-category .ca-head a {
    background: #ff3a77 !important;
    padding: 30px 20px;
    border-radius: 0 30px 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: relative;
}
.miso-category .ca-head a::after {
    content: "";
    background: url("/img/custom/logo_white.svg") no-repeat;
    background-size: cover;
    width: 119px;
    height: 80px;
    position: absolute;
    right: -15px;
    bottom: -20px;
    opacity: 0.2;
}
.miso-category .ca-head a i { margin-right:4px; }
.miso-category .ca-body {
    background: #fff;
    padding: 15px 10px 30px;
}
.miso-category .ca-sub1 {  }
.miso-category .ca-sub1 a {
    font-size: 16px;
    padding: 15px 10px 10px;
    border-bottom:1px solid #eee;
    transition: all 0.3s;
}
.miso-category .ca-sub1 a:hover {color: #ff3a77;}
.miso-category .ca-sub1.on > a {
    border-bottom: 1px solid #ff3a77;
    color: #ff3a77;
}
.miso-category .ca-sub1.on > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.miso-category .ca-sub2 { padding:0; margin:0; list-style:none; background: #fff; padding:0px; margin:0px; }
.miso-category .ca-sub2 li { border-bottom:1px solid #eee; }
.miso-category .ca-sub2 li:last-child { border-bottom:1px solid #ddd; }
.miso-category .ca-sub2 li a { display:block; padding:6px 20px; padding-right:10px; }
.miso-category .ca-sub2 li a:hover,
.miso-category .ca-sub2 li.on a { font-weight:bold !important; color:#000 !important; }
.miso-category .ca-line { font-weight:bold; padding:10px; background:#f1f1f1; border-bottom:1px solid #ddd; font-size:14px; }
.miso-category .new { color:crimson; }