@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Kurenaido&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
/*
font-family: 'IBM Plex Sans JP', sans-serif;
font-family: 'Zen Antique', serif;
font-family: 'Zen Antique Soft', serif;
font-family: 'Zen Kaku Gothic Antique', sans-serif;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-family: 'Zen Kurenaido', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: 'Zen Old Mincho', serif;
 */
/*　bootstrap5 アイコン　*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body {
    font-family: 'Zen Maru Gothic', sans-serif;
    color: #000000;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #000000cc;
    text-decoration: underline;
}

h1 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.125rem;
}

h4 {}

h5 {}

h6 {}

main p {
    text-indent: 1rem;
    text-align: justify;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.no-indent {
    text-indent: 0;
}

@media (max-width: 767.98px) {
    .row .content-area {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/*
ヘッダー
**********************************************************************/
/*
グローバルナビ navbar
フッター・リンク
*/

#wrapper-navbar {
    background-color: #A0D7E6;
}

nav#main-nav {
    color: aliceblue;
}

nav #main-menu .nav-link,
#footer-link .nav-link {
    color: #7F4F22;
}

#main-menu li,
#footer-link li {
    position: relative;
}

#main-menu li::before,
#footer-link li::before {
    content: "";
    display: block;
    height: 1em;
    border-left: 1.5px solid #7F4F22;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

#main-menu li a.nav-link,
#footer-link li a.nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 500;
}

#main-menu li:last-child::after,
#footer-link li:last-child::after {
    content: "";
    display: block;
    height: 1em;
    border-right: 1.5px solid #7F4F22;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 767.98px) {
    #main-menu li:last-child::after {
        content: none;
    }

    #main-nav .offcanvas {
        background-color: #A0D7E6;
    }

    #main-menu li a.nav-link {
        padding-left: 1.5rem;
        padding-right: 1rem;
    }

    #main-menu li::before {
        content: "";
        display: block;
        height: 1em;
        border-left: none;
        top: -5px;
        font-family: "Font Awesome 5 Free";
        content: '\f144';
        font-weight: 900;
        color: #ffffff8a;
    }
}

/*
サイドバー
**********************************************************************/
/*
フッター
**********************************************************************/

footer .site-info {
    font-size: 10px;
    text-align: center;
}

#wrapper-footer {
    padding-bottom: 1rem;
    padding-top: 3rem;
}

#wrapper-footer .footer-link {
    padding-bottom: 1rem;
}

#wrapper-footer .sponsor-area {
    font-weight: 300;
    color: #595757;
    margin-top: 7rem;
    margin-bottom: 2rem;
}

#wrapper-footer .sponsor-area h3 {
    /*color: #595757;*/
    font-size: 1.1rem;
    font-weight: 300;
}

#wrapper-footer .sponsor-area h3 span {
    font-size: 0.8rem;
}

#wrapper-footer p.sponsor-list {
    text-align: justify;
    line-height: 2rem;
    color: #000000cc;
}

/*
トップページ
**********************************************************************/

.home .card p {
    font-size: 13px;
    text-indent: 0;
    line-height: 1.5rem;
}

.card-footer .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*background-color: #A0D7E6;*/
    border: none;
}

.card-footer .btn:hover {
    /*background-color: #a0d7e69d;*/
    background-color: #A0D7E6;
}

.top-banner img {
    background-color: #FFFAC9;
    border-radius: 30px;
    /*border: solid 2px #e8e8e8;*/
}

.top-banner img:hover {
    background-color: #fde37b;
}

@media (max-width: 767.98px) {
    .top-banner img {
        border-radius: 1rem;
    }
}


/*
がん検診　記事本文
**********************************************************************/

#cancer-check-wrapper .container {
    max-width: 680px;
}

main.site-main h1 {
    font-size: 2rem;
    letter-spacing: 2px;
    line-height: 1.5;
}

main.site-main hr {
    opacity: 100;
}

.square-border {
    border: solid 1px #595758;
    padding: 2rem 3rem;
    border-radius: 10px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.square-border p {
    margin-bottom: 0;
    text-indent: 0;
}

.img_square-border {
    border: solid 1px #595758;
    padding: 2rem 2rem;
    border-radius: 10px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.img_square-border figure,
.img_square-border figure img,
.img_square-border2 figure,
.img_square-border2 figure img {
    margin-bottom: 0;
}

.img-cap {
    margin: 3rem 0 3rem 0;
}

.img-cap .img_square-border2 {
    border: solid 1px #595758;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.img-cap .img_square-border2 img {}

.img-cap p {
    font-size: 10px;
    line-height: 1rem;
    text-indent: 0;
}

.imageBox_01 {
    margin-top: 1.8rem;
    margin-bottom: 3rem;
}

figure.wp-block-image figcaption {
    margin-top: 0;
    color: #000000;
}

.cancer-check-main .pub-date {
    text-indent: 0;
}

/*

**********************************************************************/
/*

**********************************************************************/
/*
ブレークポイント　最大幅（以下）
****/
/* `sm` は極小デバイス（縦向きモバイル, 576px未満）に適用 */

@media (max-width: 575.98px) {}

/* `md` は小デバイス（横向きモバイル, 768px 未満）に適用 */

@media (max-width: 767.98px) {}

/* `lg` は中デバイス（タブレット, 992px 未満）に適用 */

@media (max-width: 991.98px) {}

/* `xl` は大デバイス（デスクトップ, 1200px 未満）に適用 */

@media (max-width: 1199.98px) {}

/* `xxl` は特大デバイス（ワイド・デスクトップ, 1400px 未満）に適用 */

@media (max-width: 1399.98px) {}