/* =====================
折りたたみ展開　details・summary 
=====================*/

/*  ▶︎を消す/標準的なブラウザ（Chrome/Firefox/Edge等）向け */
summary { list-style: none;}
summary::marker {display: none;}
/* ▶︎を消す/Safari（iPhone/Mac）向け */
summary::-webkit-details-marker {display: none;} 

summary{cursor: pointer;}


/* トップページニュースバー */
.news_bar{border:1px solid #ffe5cc;margin-bottom:20px;}
.open_details{padding:10px;}
.qr_image img{width:15%;}
.info_clinics{background:#ffe5cc;padding:10px 20px 10px 10px;text-align:left;}
.info_clinics.info_clinics_dark{background:rgba(255,124,0,.4);}
.info_clinics span{font-weight:bold;font-size:110%;font-weight:bold;}
@media only screen and (max-width: 767px) {
.info_clinics{text-align:left;padding:10px 10px}
}
table.kokyuuhou{margin-left:10px;}
table.kokyuuhou th{font-weight:bold;width:5em;text-align:left;padding-bottom:5px;}
table.kokyuuhou td{padding-bottom:5px;}
@media only screen and (max-width: 767px) {
table.kokyuuhou{margin-left:0;}
table.kokyuuhou tr{
   display:flex;
   flex-wrap:wrap;
}
table.kokyuuhou th{width:100%;padding-bottom:0;}
table.kokyuuhou td{padding-bottom:8px;}
}


@media only screen and (max-width: 767px) {
.calender_instance{font-size:80%;}
}


/*info02 本分中展開 */
.details_standard{width:80%;margin-left:20px;}
.details_standard summary{margin-bttom:10px;}

@media only screen and (max-width: 767px) {
.details_standard{width:100%;margin-left:0;}
}




/* =================================================================
2011.4.11 追加css
 ================================================================= */
/* info02設備・備品のコンテナflexbox
------------------------- */

.flex2021{border:0px solid;
   width:100%;
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    align-items:flex-start;        /* 縦の位置指定 */
    justify-content:space-between;       /* 横の位置指定・均等揃え */
    flex-wrap: wrap;            /* 折り返し指定 */

}
.flex2021.flex2021_end{    justify-content:flex-end;       /* 横の位置指定・右揃え */}

.h4_100{width:100%;}
.flex2021_box100{   width:100%;}

.flex2021_box50{ width:48%;}


@media only screen and (max-width: 767px) {
.flex2021_box50{ width:100%;margin-bottom:20px;}
}