@charset "UTF-8";




/* section.contents-area */
#jcola section.contents-area .jcola-discription-container {
    width: 90%;
    margin: 0 auto;
}
#jcola section.contents-area .jcola-discription-container .sub {
    font-size: 2.2rem;
    color: #fdff59;
    line-height: 1.3;
    margin: 20px 0 20px;
    font-weight: bolder;
}
#jcola section.contents-area .jcola-discription-container .sub.jcola-midnight {
    color: #fbc630;
}
#jcola section.contents-area .jcola-discription-container .discription {
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: bold;
}
#jcola section.contents-area .jcola-discription-container .discription .zero-color {
    color: #fdff59 !important;
}
#jcola section.contents-area .jcola-discription-container-outer {
    padding-bottom: 30px;
}
#jcola section.contents-area .jcola-discription-container-outer.jcola {
    background-color: #0072c0;
}
#jcola section.contents-area .jcola-discription-container-outer.jcola-zero {
    background-color: #231815;
}
#jcola section.contents-area .jcola-discription-container-outer.jcola-midnight {
    background-color: #05003e;
}
#jcola section.contents-area .jcola-discription-container-outer .lineup {
    width: 90%;
    margin: 30px auto 0;
}


/* recommend */
#jcola .special-recommend-area {
    padding-top: 60px;
    text-align: center;
}
#jcola .special-recommend-area h3 {
    width: 59%;
    margin: 0 auto 30px;
}
#jcola .special-recommend-area .special-banner-container {
    width: 89%;
    margin: 10px auto 20px;
}
#jcola .special-recommend-area .special-banner-container li a {
    display: block;
    width: 100%;
    transition: all .1s linear;
}
#jcola .special-recommend-area .special-banner-container li a:hover {
    opacity: 0.8;
}
#jcola .special-recommend-area .special-banner-container li:nth-child(2) {
    margin-top: 15px;
}
#jcola .special-recommend-area .special-banner-container li:nth-child(3) {
    margin-top: 32px;
}