@charset "UTF-8";

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

:root {
    /* テキストカラー */
    --color_text: #141414;
    /* アクセントカラー1 */
    --color_accent1: #0091a1;
    /* アクセントカラー2 */
    --color_accent2: #dff0f2;
}


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

.article-header h1,
.article-contents h2,
.article-contents h3,
.sns-share>p {
    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 {
    text-decoration: underline 1px var(--color_accent1);
}

.article-contents h2 span {
    line-height: 1.8;
    color: var(--color_accent1);
    background-color: var(--color_accent2);
}

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

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

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

#article_template .btn-back a {
    background-color: var(--color_accent2);
}