@charset "UTF-8";
/* ==================================================
feture
================================================== */

.contsBlk{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
#contsArea section{
    margin: 0 auto 120px;
    width: 90%;
    text-align: left;
}

.featureArea{
    position: relative;
    padding-top: 24px;
}
.featureArea .cntTtl{
    margin: 1em auto 40px;
}

.featureArea .featureCnt{
    width: 90%;
    margin: 20px auto 0;
}
.featureArea .featureCnt li{
    margin: 0 0 40px;
}
.featureArea .featureCnt .VolDate{
    margin: 0 auto 10px;
    line-height: 1;
}
.featureArea .featureCnt figcaption{
    margin: 16px auto 0;
    text-align: left;
}
.featureArea .featureCnt figcaption p{
    line-height: 1;
}
.featureArea .featureCnt figcaption p.featTxt{
    line-height: 1.5;
}
.featureArea .featureCnt figcaption p{
    line-height: 1;
}
.featureArea .featureCnt figcaption p.featTag{
    margin: 0 auto 12px;
}
.featureArea .featureCnt figcaption p.featTag:nth-child(2n){
    line-height: 1.1;
}
.featureArea .featureCnt li.new::after{
    content: none;
}
.featureArea .featureCnt li.new .date{
    position: relative;
    padding: 0 0 0 4.2rem;
}
.featureArea .featureCnt li.new .date::after{
    content: "NEW";
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    padding: 0;
    position: absolute;
    left: 0;
    top: 40%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: .4rem .6em;
    font-size: 1.0rem;
    background: #6E0023;
}

/*バナーブロック*/
.bnrBlk{
    margin: 2em auto 4em;
    width: 90%;
    line-height: 1.5;
}
.bnrBlk{
}
.bnrBlk .imgBlk{
    width: 90%;
    margin: 15px auto 0;
}
/****************/

@media screen and (min-width: 641px) {
    .featureArea .cntTtl{
        margin: 3em auto 40px;
    }
    .featureArea .featureCnt{
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 100px);
        max-width: 1200px;
    }

    .featureArea .featureCnt li{
        width: calc(50% - 25px);
    }
    .featureArea .featureCnt li a{
        width: 100%;
        display: block;
    }

    /*バナーブロック*/
    .bnrBlk{
        margin: 8em auto;
        width: 90%;
    }
    .bnrBlk .imgBlk{
        width: 70%;
        margin: 20px auto 0;
    }
    /****************/
}
@media screen and (min-width: 961px) {
    .bnrBlk .imgBlk{
        width: 55%;
    }
}

@media screen and (min-width: 2000px) {
/*
    .featureArea .cntTtl{
        margin: 5em auto 40px;
    }
*/
}