/* =========================================
   キャンペーン・お知らせ・よみもの タブバー
   - 背景グレー帯は全幅、内部 1280px 中央寄せ
   - position 非使用、padding/margin/border-bottom で配置
   ========================================= */

.news-tabs {
    width: 100%;
    background-color: #f0f0f0;
}

.news-tabs__inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
}

.news-tabs__item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 8px;
    box-sizing: border-box;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color 0.15s;
}

.news-tabs__item:link,
.news-tabs__item:visited {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.news-tabs__item:hover {
    color: #000;
    opacity: 1;
    text-decoration: none;
}

.news-tabs__item.is-active {
    color: #000;
    border-bottom-color: #eb6ea5;
}

/* SP */
@media screen and (max-width: 640px) {
    .news-tabs__item {
        height: 38px;
        font-size: 14px;
    }
}