/*
 * 松風苑について・歩み・館内案内
 * 元CSS行: 1941-2082
 */

/*松風苑について
********************************************************************/
#post-17 .entry-header {
    background-image: url('/wp-content/uploads/common/sub-t05.jpg');
}
#post-17 .entry-content {
    overflow: visible;
}
.abt-1 {
    margin-right: calc(50% - 50vw);
}
.abt-1 > .wp-block-column > p {
    margin-top: 0 !important;
}
.name {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-weight: bold;
}
.abt-2 .name {
    font-size: 120%;
}
.abt-2 > .wp-block-column > p {
    margin-top: 0 !important;
}
.abt-3 h3 {
    background-color: #005438;
    color: white;
    text-align: center;
    padding: 8px 0;
}
.dltable {
    width: 100%; /* テーブルの横幅を500pxに指定 */
    display: flex; /* 子要素のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}
.dltable dt, .dltable dd {
    margin: 0px;
    border-bottom: 1px solid #c0bcc3; /* 各セルの下の線。テーブルの下の線も補える。 */
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding: 5px; /* 各セルに余白を取る */
}
.dltable dt {
    width: 150px; /* dt（見出し項目）の横幅を200pxに指定 */
}
.dltable dd {
    width: calc(100% - 150px); /* テーブル幅からdtを引いた分の横幅を指定。 */
}
@media screen and (max-width:450px) {
    .dltable {
        width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */
        border-left: none; /* テーブルの左の線を消す */
        display: block; /* 横並びにさせないようブロック要素にする */
    }
    .dltable dt, .dltable dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横幅を幅いっぱいに指定 */
        padding: 10px; /* 各セルに余白を取る */
    }
    .dltable dt {
        font-weight: bold;
        border-bottom: none; /* 下の線を消す（ddの下の線が残る） */
        padding-bottom: 0; /*ddとの距離を近づけるため、0にする*/
    }
}
a.top-ayumi-bt {
    color: white;
}
.top-ayumi-bt {
    font-size: 260%;
    max-width: 400px;
    padding: 6% 0 6% 15%;
    margin: 35px auto 70px;
    display: block;
    background-image: url(/wp-content/uploads/about/ma-bt301.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.top-ayumi-bt:hover {
    color: #E1E1E1;
    -webkit-transition: all .3s;
    transition: all .3s;
}
@media screen and (max-width:800px) {
    .top-ayumi-bt {
        font-size: 200%;
    }
}
/*松風苑の歩み
********************************************************************/
#post-19 .entry-header {
    background-image: url('/wp-content/uploads/common/sub-t06.jpg');
}
#post-19 .entry-content {
    max-width: 750px;
    margin: 0 auto;
}
/*館内のご案内
********************************************************************/
#post-21 .entry-header {
    background-image: url('/wp-content/uploads/common/sub-t07.jpg');
    background-position: right
}
#post-21 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
    margin-left: var(--wp--style--block-gap, 1em);
}
@media screen and (max-width:1000px) {
    #post-21 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
        margin-left: var(--wp--style--block-gap, 0.85em);
    }
}
.img-bt-1em {
    margin-bottom: 1.3em
}
@media screen and (max-width:1000px) {
    .img-bt-1em {
        margin-bottom: 0.75em
    }
}
.btn-kjt {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    max-width: 450px;
    padding-top: 8%;
    margin: 35px auto 100px;
    display: block;
    background-image: url(/wp-content/uploads/facilities/kjt-bt1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.btn-kjt:hover {
    opacity: 0.7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*館内のご案内-end
********************************************************************/