@charset "UTF-8";

/* =====================================================================
    色設定
======================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

:root {
    /* テキストカラー */
    --color_text: #000000;
    /* アクセントカラー1 */
    --color_accent1: #9f1224;
    /* アクセントカラー2 */
    --color_accent2: #ffffff;
}


/* =====================================================================
    style
======================================================================*/
.gDef-top-banner {
    background: #ffffff;
}

.wrapper {
    background: transparent;
}

.wrapper::before {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-image: url(../images/common_bg01_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -5;
}

@media screen and (min-width: 768px) {
    .wrapper::before {
        background-image: url(../images/common_bg01_pc.jpg);
    }
}

.article-header h1,
.article-contents h2,
.article-contents h3,
.article-contents * {
    font-family: "Noto Serif JP", serif;
}

.article-inner,
.header-link li a {
    color: var(--color_text);
}

.sns-share-list li svg {
    fill: var(--color_text);
}

.sns-share-list li.linkShare svg {
    stroke: var(--color_text);
}

.article-contents p span,
.article-contents p a:hover,
.article-header time,
.header-link li a:hover {
    color: var(--color_accent1);
}

.article-contents p a {
    color: #5f5f5f!important;
    text-decoration: underline 1px #5f5f5f;
}

.article-contents h2 {
    color: var(--color_text);
}

.article-contents h3 {
    color: var(--color_text);
    border-left-color: var(--color_text);
}

.article-header time::after,
.sns-share {
    border-top-color: var(--color_text);
}

.article-contents p strong {
    color: var(--color_accent2);
    background-color: var(--color_text);
}

#article_template .btn-back a {
    color: var(--color_accent2);
    font-family: "Noto Serif JP", serif;
    background-color: var(--color_text);
}