@charset "UTF-8";

/*
Theme Name: 地域包括ケア推進病棟協会
Description: 地域包括ケア推進病棟協会 用テーマ
Version: 1.0.1
*/


.post-type-archive-academy .c-list-news__cat{
    /* width: calc(150 /1440 * 100vw) !important; */
    width:auto !important;
    padding: 0 10px !important;
}
.post-type-archive-academy .c-list-news__body{
    /* padding-left: calc(170 /1440 * 100vw) !important; */
    padding-left:150px !important;
}
@media (max-width: 769px) {

    .post-type-archive-academy .c-list-news__cat{
        width:auto !important;
        padding: 0 10px !important;
    }
    .post-type-archive-academy .c-list-news__body{
        padding-left:0 !important;
    }
    .post-type-archive-academy .c-list-news__body time{
        /* padding-left:  calc(230 /769 * 100vw) !important; */
        padding-left:8.7142857143em !important;
    }
    .post-type-archive .c-btn-color{
        /* width:auto !important; */
        width: 10.8333333333em !important;
    }
}
/* p-home-links__icon: SNSアイコンを縦積み */
.p-home-links .p-home-links__icon {
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4em;
    padding: 0.8em 0;
    position: relative;
}

.p-home-links .p-home-links__icon:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 1px;
    width: 2.5em;
    left: .5555555556em;
    background-color: #fff;
}

.p-home-links .p-home-links__icon a {
    width: auto;
    height: auto;
    display: block;
}
.p-home-links .p-home-links__icon a + a::before {
    content: none;
}
.p-home-links .p-home-links__icon img {
    width: 2.4em;
    height: 2.4em;
    display: block;
}
/* Instagramアイコンだけサイズ調整 */
.p-home-links .p-home-links__icon img[alt="instagram"] {
    width: 2em;
    height: 2em;
}

/* l-header-sp-nav__item--sns: SPメニューのSNSアイコン行 */
.l-header-sp-nav__item.l-header-sp-nav__item--sns {
    border-top: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 0 16px 26px;
}
.l-header-sp-nav__item--sns .l-header-sp-nav__sns-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
}
.l-header-sp-nav__item--sns .l-header-sp-nav__sns-link img {
    width: 100%;
    height: auto;
    display: block;
}
/* Instagramアイコンだけ高さを揃える */
.l-header-sp-nav__item--sns .l-header-sp-nav__sns-link img[alt="instagram"] {
    width: 28px;
    height: 28px;
}

/* l-footer__sns: フッターSNSアイコン行 */
.l-footer__sns {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 24px 0;
}
.l-footer__sns-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
}
.l-footer__sns-link img {
    width: 100%;
    height: auto;
    display: block;
}
/* Instagramアイコンだけサイズ調整 */
.l-footer__sns-link img[alt="instagram"] {
    width: 25px;
    height: 25px;
}
@media (max-width: 769px) {

    .l-footer__sns {

        padding: 24px 0 10px 0;
    }
}

/* ==========================================================================
   施設基準比較表（page-bed-function-comparison）
   ========================================================================== */
.p-bed-comparison .c-ttl-subpage {
    line-height: 130%;
}
.p-bed-comparison .c-content > p {
    margin-bottom: 1.2em;
}
.c-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1em 0 1.5em;
    border: 1px solid #d5d9e0;
}
.c-compare-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 1080px;
    font-size: 13px;
    line-height: 1.6;
    background: #fff;
}
.c-compare-table caption {
    caption-side: top;
    text-align: left;
    font-weight: 700;
    padding: 10px 12px;
    background: #f3f5f8;
    border-bottom: 1px solid #d5d9e0;
}
.c-compare-table th,
.c-compare-table td {
    border: 1px solid #d5d9e0;
    padding: 8px 10px;
    vertical-align: top;
    text-align: left;
    word-break: break-word;
}
/* ヘッダー行（病床種別） */
.c-compare-table thead th,
.c-compare-table tr:first-child th,
.c-compare-table tr:nth-child(2) th {
    background: #1f3a93;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
}
/* 大分類（縦のカテゴリ列） */
.c-compare-table th.cat {
    background: #e8edf6;
    color: #1f3a93;
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    width: 2.4em;
    letter-spacing: 0.05em;
}
/* 大分類ごとの色分け */
.c-compare-table th.cat--structure { background: #2b5c9b; color: #fff; }  /* 病棟ストラクチャー */
.c-compare-table th.cat--process   { background: #1f8a70; color: #fff; }  /* 病棟プロセス・アウトカム */
.c-compare-table th.cat--hospital  { background: #b5722a; color: #fff; }  /* 病院ストラクチャー・プロセス */
.c-compare-table th.cat--rehab     { background: #8a4a86; color: #fff; writing-mode: horizontal-tb; width: auto; white-space: normal; }  /* リハビリテーション・栄養・口腔管理（横組み） */
/* 項目列（行見出し） */
.c-compare-table th[scope="row"] {
    background: #f6f8fb;
    font-weight: 700;
    min-width: 8em;
}
.c-compare-table tbody td {
    background: #fff;
}
.c-table-notes {
    font-size: 12px;
    line-height: 1.7;
    color: #444;
}
.c-table-notes p {
    margin-bottom: 0.8em;
    padding-left: 1em;
    text-indent: -1em;
}
/* 「戻る」ボタン上のマージン */
.p-bed-comparison .c-btn-round__container {
    margin-top: 100px;
}
@media (max-width: 769px) {
    .c-compare-table {
        font-size: 12px;
    }
    .c-compare-table th.cat {
        width: 2em;
    }
    /* h1のPC用改行をスマホでは無効化 */
    .p-bed-comparison .c-ttl-subpage .u-br-pc {
        display: none;
    }
    /* パンくずをスマホで折り返す（3階層＋長文でも崩れないように） */
    .p-bed-comparison .c-breadcrumbs > span {
        flex-wrap: wrap;
        row-gap: 2px;
    }
    .p-bed-comparison .c-breadcrumbs > span > span {
        white-space: normal;
    }
    .p-bed-comparison .c-breadcrumbs > span > span:not(:last-child) a {
        white-space: normal;
        word-break: break-word;
    }
}