@charset "UTF-8";
/* ====================================================
　新着お知らせ（topicsInfo）
==================================================== */

/* ----- topicsInfo ----- */
.topicsInfo{ }

/* topBorder
---------------------------------------------------- */
.topicsInfo.topBorder{ border-top: 1px solid; }

/* entry
---------------------------------------------------- */
.topicsInfo .entry{
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid;
    padding-top: 0.875em;    /* 14px相当（bodyの1.6rem=16px基準） */
    padding-bottom: 0.875em; /* 同上 */
}

/* 線種
---------------------------------------------------- */
.topicsInfo.borderSolid.topBorder,
.topicsInfo.borderSolid .entry{ border-color: var(--color-border); }
.topicsInfo.borderDashed.topBorder,
.topicsInfo.borderDashed .entry{ border-color: var(--color-border); border-style: dashed; }
.topicsInfo.borderDotted.topBorder,
.topicsInfo.borderDotted .entry{ border-color: var(--color-border); border-style: dotted; }

/* date（dt）
---------------------------------------------------- */
.topicsInfo .date{
    flex-shrink: 0;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    color: #6e80ab;
}

/* tag（dt内span）
---------------------------------------------------- */
.topicsInfo .tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    margin-left: 1.0909em;   /* 12px相当（自身のfont-size 1.1rem=11px基準） */
    padding-right: 0.9091em; /* 10px相当（同上） */
    padding-left: 0.9091em;  /* 同上 */
    border: 1px solid #bcbcbc;
    border-radius: 13px;
    background: var(--color-white);
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    color: #8a8a8a;
    white-space: nowrap;
    vertical-align: middle;
}

/* text（dd）
---------------------------------------------------- */
.topicsInfo .text{
    margin-left: 1.1429em; /* 16px相当（自身のfont-size 1.4rem=14px基準） */
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    color: var(--color-text);
}
.topicsInfo .text a{
    display: block;
    color: var(--color-primary);
    text-decoration: underline;
    transition: opacity var(--transition);
}
.topicsInfo .text a:hover{ opacity: 0.7; }

/* is-pdf（PDFファイルへのリンクの場合、タイトル末尾にPDFアイコンを付与） */
.topicsInfo .text a.is-pdf{
    display: flex;
    align-items: baseline;
    gap: 0.4286em; /* 6px相当（自身のfont-size 1.4rem=14px基準） */
}
.topicsInfo .text a.is-pdf::after{
    flex-shrink: 0;
    font-family: 'FontAwesome';
    font-size: 0.9286em; /* 13px相当（自身のfont-size 1.4rem=14px基準） */
    content: '\f1c1';
    color: var(--color-primary);
}

/* body（dd.text内、本文が入力されている場合のみ出力）
---------------------------------------------------- */
.topicsInfo .body{
    margin-top: 0.5em;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: var(--color-text);
}

/* dateInline（PC横並び / SP縦並び）
---------------------------------------------------- */
@media print, screen and (min-width: 768px){
    .topicsInfo.dateInline .entry{ flex-direction: row; }
}
@media screen and (max-width: 767px){
    .topicsInfo.dateInline .entry{
        flex-direction: column;
        gap: 0.375em; /* 6px相当（bodyの1.6rem=16px基準） */
    }
    .topicsInfo.dateInline .text{ margin-left: 0; }
}

/* dateBlock（常時縦並び）
---------------------------------------------------- */
.topicsInfo.dateBlock .entry{
    flex-direction: column;
    gap: 0.375em; /* 6px相当（bodyの1.6rem=16px基準） */
}
.topicsInfo.dateBlock .text{ margin-left: 0; }