/* ===============================================
    * NEWS *
=============================================== */
.newslist {
    width: 100%;
}
.cardUnit-news__card {
    border-bottom: 1px solid var(--aria);
}
.cardUnit-news__card_links {
    position: relative;
    display: block;
}
.cardUnit-news__card_links::after {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.498%22%20height%3D%2212.429%22%20viewBox%3D%220%200%207.498%2012.429%22%3E%3Cg%20transform%3D%22translate(-374.596%20-603.051)%22%3E%3Cpath%20d%3D%22M6.292%2C6.365-.4.449.4-.449l6.69%2C5.916Z%22%20transform%3D%22translate(375%20603.5)%22%2F%3E%3Cpath%20d%3D%22M.4%2C6.545-.4%2C5.658l6.69-6.1.809.887Z%22%20transform%3D%22translate(375%20608.935)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cardUnit-news__card:first-child {
    border-top: 1px solid var(--aria);
}
.news-ttl-top {
    display: flex;
    align-items: center;
}
.news-ttl-top__news_date {
    font-family: var(--quattrocento-sans);
    font-weight: bold;
    line-height: 1.5;
}
.news-ttl-top__news_ttl {
    letter-spacing: calc(30rem / 1000);
    line-height: 1.5;
    text-align: left;
}
/* ニュース表示のコントロール 総合トップ以外は非表示*/
.cardUnit-news > *:not(.news-brand__total) {
    display: none;
}
/* ニュースコンテンツは非表示*/
.news-contents,
.news__Box {
    display: none;
}
@media only screen and (max-width: 767px) {
    /* ===========================
      * Style of SmartPhone-view *
    =========================== */
    /* ===============================================
        * NEWS *
    =============================================== */
    .block-Sp {
        display: block;
    }
    .c-block-news {
        padding: calc(78 * (100vw / 750)) 0 calc(80 * (100vw / 750));
    }
    .newslist {
        max-width: inherit;
        padding: 0 calc(35 * (100vw / 750));
        margin: calc(40 * (100vw / 750)) auto 0;
    }
    /* .cardUnit-news__card_links{} */
    .cardUnit-news__card_links::after {
        right: calc(20 * (100vw / 750));
        width: calc(12 * (100vw / 750));
        height: calc(23 * (100vw / 750));
    }
    .cardUnit-news__card_links > a,
    .totalTop .cardUnit-news__card_links,
    .rosemadame .cardUnit-news__card_links {
        display: block;
        padding: calc(36 * (100vw / 750)) 0;
    }
    .cardUnit-news__card:nth-child(n + 3) {
        display: none;
    }
    .news-ttl-top {
        align-items: flex-start;
    }
    .news-ttl-top {
        font-size: calc(24 * (100vw / 750));
    }
    .news-ttl-top__news_date {
        margin-right: calc(60 * (100vw / 750));
        padding-top: calc(6 * (100vw / 750));
    }
    .news-ttl-top__news_ttl {
        padding-right: calc(60 * (100vw / 750));
    }
    .news-ttl-top__news_ttl_break-sp {
        display: block;
    }
}
@media only screen and (min-width: 768px) {
    /* ===============================================
        * COMMON *
    =============================================== */
    /* ===============================================
        * NEWS *
    =============================================== */
    .c-block-news {
        width: 100%;
        margin: 0 auto;
        /*padding: 8.8rem 0 9rem;*/
        padding: 7.6rem 0 9rem;
    }
    .newslist {
        max-width: 84rem;
        padding: 0 2rem;
        margin: 3.4rem auto 0;
    }
    .cardUnit-news__card_links {
        transition: all 0.3s;
    }
    .cardUnit-news__card_links::after {
        right: 1rem;
        width: 7px;
        height: 12px;
        transition: all 0.3s;
    }
    .cardUnit-news__card_links > a,
    .totalTop .cardUnit-news__card_links,
    .rosemadame .cardUnit-news__card_links {
        padding: 2.2rem 1rem;
        display: block;
    }
    .cardUnit-news__card_links:hover {
        opacity: 0.6;
    }
    .cardUnit-news__card_links:hover::after {
        right: 0.5rem;
        opacity: 0.6;
    }
    .news-ttl-top {
        font-size: 1.2rem;
    }
    .news-ttl-top__news_date {
        margin-right: 6rem;
        padding-top: 0.3rem;
        width: 6rem;
        text-align: left;
        padding-left: 0.3rem;
    }
    .news-ttl-top__news_ttl {
        padding-right: 3rem;
    }
    .news-ttl-top__news_ttl_break-sp {
        display: inline;
    }
}