/*
 * ヘッダ告知帯。
 * 移行前にテーマ側にあった .mifune-menu（1行）/ .hatsumoude-menu（2行）の
 * 見た目をそのまま再現している。背景色・文字色はプラグインが個別にインライン指定する。
 */

.kj-header-notice {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    font-size: 1.1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ae3c2c;
    color: #fff;
}

/* ---- 1行（帯全体がリンク） ---- */

.kj-header-notice--bar {
    line-height: 55px;
    white-space: nowrap;
}

.kj-header-notice--bar > a,
.kj-header-notice--bar > .kj-header-notice__text {
    display: block;
    width: 100%;
}

/* 帯の文字色設定をリンクにも効かせる（テーマの a:link より詳細度を上げる） */
.kj-header-notice--bar > a:link,
.kj-header-notice--bar > a:visited,
.kj-header-notice--bar > a:hover,
.kj-header-notice--bar > a:active {
    color: inherit;
    text-decoration: none;
}

/* ---- 2行（見出し＋リンク行） ---- */

.kj-header-notice--stacked {
    line-height: 45px;
    white-space: normal;
    border-bottom: 1px solid #333;
    padding: .5em;
}

.kj-header-notice--stacked .kj-header-notice__body {
    line-height: 1.3;
    max-width: 780px;
    padding: 0 .5em;
}

.kj-header-notice__heading {
    font-size: 1.2em;
}

.kj-header-notice__text > div {
    margin-bottom: .5em;
}

.kj-header-notice__link {
    line-height: 1.5;
}

.kj-header-notice__link a {
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 959.98px) {
    .kj-header-notice {
        font-size: .9em;
    }
}

@media screen and (max-width: 768px) {
    .kj-header-notice__text,
    .kj-header-notice__link {
        text-align: left;
    }
}