/***
 * 診療時間
 */
.schedule
 {
     display: flex;
     margin:-1em;
 }
.schedule > *
 {
     margin:1em;
 }
.schedule > .schedule-table
 {
     flex:0 0 calc(60% - 2em);
 }
.schedule > .schedule-table > table
 {
     width:100%;
     border-spacing:0px;
     border-collapse:separate;
     
     border-top:1px solid var(--body-border-color);
     border-left:1px solid var(--body-border-color);
 }
.schedule > .schedule-table > table tr th
 {
     border-bottom:1px solid var(--body-border-color);
     border-right:1px solid var(--body-border-color);
     text-align:center;
     vertical-align:middle;
     
     padding:0.5em;
     
     background-color:#EFEFEF;
     color:var(--main-color);
     font-weight:bold;
 }
.schedule > .schedule-table > table tr td
 {
     border-bottom:1px solid var(--body-border-color);
     border-right:1px solid var(--body-border-color);
     text-align:center;
     vertical-align:middle;
     
     padding:0.8em 0.8em 1.0em 0.8em;
     
     background-color:#FFFFFF;
 }
.schedule > .schedule-table > table tr td > i,
.schedule > .schedule-table > table tr td > .mark
 {
     line-height:1;
     font-size:1.2em !important;
 }
.schedule > .schedule-table > table tr td > span
 {
     position:absolute;
     bottom:0.00em;
     left:0;
     width:100%;
     text-align:center;
 }
.schedule > .schedule-table > .usage
 {
 }
.schedule > .schedule-table > .usage > .prop
 {
     display: inline-flex;
     align-items: center;
     align-content: center;
     line-height:1;
     margin-right:1em;
 }
.schedule > .schedule-table > .contact
 {
     display: flex;
     align-items: center;
     align-content: center;
 }
.schedule > .schedule-table > .contact > .tel
 {
     margin:0.5em;
     flex:0 0 calc(50% - 0.5em);
 }
.schedule > .schedule-table > .contact > .tel > .tel-no
 {
     display: inline-flex;
     align-items: center;
     align-content: center;
     
     line-height:1;
 }
.schedule > .schedule-table > .contact > .tel > .tel-no > i
 {
     font-size:1.8em !important;
     color:var(--main-color);
 }
.schedule > .schedule-table > .contact > .tel > .tel-no > span
 {
     font-size:2.0em;
     font-weight:bold;
 }
.schedule > .schedule-table > .contact > .reserve
 {
     margin:0.5em;
     flex:0 0 calc(50% - 0.5em);
 }
.schedule > .schedule-table > .contact > .reserve > .button
 {
     width:100%;
     text-align:center;
 }
 
.schedule > .schedule-info
 {
     flex:0 0 calc(40% - 2em);
 }
.schedule > .schedule-info > .schedule-info-list
 {
     /*padding:1em;*/
     padding:1.0em calc(0.5em + var(--border-radius) / 4);
     background-color:#FFFFFF;
     border:1px solid var(--body-border-color);
     border-radius: var(--border-radius);
 }
 .schedule > .schedule-info > .schedule-info-list > .close-info > .prop
 {
     display: flex;
     align-items: center;
     align-content: center;
     
     line-height:1;
 }
.schedule > .schedule-info > .schedule-info-list > .close-info > .prop > .label
 {
     padding:0.5em 0.8em;
     margin-right:0.25em;
     background-color:var(--accent-background-color);
     color:var(--accent-font-color);
	 border-radius: calc(var(--border-radius) * 0.5);
 }

.schedule > .schedule-info > .schedule-info-list > ul.with-mark
 {
     margin:0;
     padding:0;
     list-style:none;
     margin-top:0.5em;
     margin-bottom:0.5em;
 }
.schedule > .schedule-info > .schedule-info-list > ul.with-mark > li
 {
     margin:0;
     padding:0;
     list-style:none;
     
     padding-left:2.0em;
     text-indent:-2.0em;
     margin-bottom:0.5em;
 }
.schedule > .schedule-info > .schedule-info-list > ul.with-mark > li:last-child
 {
     margin-bottom:0.0em;
 }
.schedule > .schedule-info > .schedule-info-list > ul.notice
 {
     margin:0;
     padding:0;
     margin-bottom:0.5em;
 }
.schedule > .schedule-info > .schedule-info-list > ul.notice > li
 {
     margin-bottom:0.5em;
 }
.schedule > .schedule-info > .schedule-info-list > ul.notice > li:last-child
 {
     margin-bottom:0.0em;
 }
 /* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	/***
	 * 診療時間
	 */
     .schedule
     {
         display: flex;
         flex-wrap:wrap;
         margin:-1em;
     }
     .schedule > *
     {
         margin:1em;
     }
     .schedule > .schedule-table
     {
         flex:0 0 calc(100% - 2em);
     }
     .schedule > .schedule-table > table
     {
         width:100%;
         border-spacing:0px;
         border-collapse:separate;
     }
     .schedule > .schedule-table > table tr th
     {
         text-align:center;
         vertical-align:middle;
         
         padding:0.4em;
         
         color:var(--main-color);
         font-weight:bold;
     }
     .schedule > .schedule-table > table tr td
     {
         text-align:center;
         vertical-align:middle;
         
         padding:0.4em 0.4em 0.8em 0.4em;
     }
     .schedule > .schedule-table > table tr td > i
     {
         line-height:1;
         font-size:1.2em !important;
     }
     .schedule > .schedule-table > table tr td > span
     {
         position:absolute;
         bottom:0.20em;
         left:0;
         width:100%;
         text-align:center;
     }
     .schedule > .schedule-table > .contact
     {
         display: flex;
         align-items: center;
         align-content: center;
     }
     .schedule > .schedule-table > .contact > .tel
     {
         margin:0.5em;
         flex:0 0 calc(50% - 0.5em);
     }
     .schedule > .schedule-table > .contact > .tel > .tel-no
     {
         display: inline-flex;
         align-items: center;
         align-content: center;
         
         line-height:1;
     }
     .schedule > .schedule-table > .contact > .tel > .tel-no > i
     {
         font-size:1.2em !important;
     }
     .schedule > .schedule-table > .contact > .tel > .tel-no > span
     {
         font-size:1.5em;
         font-weight:bold;
     }
     .schedule > .schedule-table > .contact > .tel > .reception
     {
         font-size:0.5em;
     }
     .schedule > .schedule-table > .contact > .reserve
     {
         margin:0.5em;
         flex:0 0 calc(50% - 0.5em);
     }
     .schedule > .schedule-table > .contact > .reserve > .button
     {
         width:100%;
         text-align:center;
     }
 
     .schedule > .schedule-info
     {
         flex:0 0 calc(100% - 2em);
     }
     .schedule > .schedule-info > .schedule-info-list
     {
         /* padding:1em; */
     }
     .schedule > .schedule-info > .schedule-info-list > ul.with-mark
     {
         margin:0;
         padding:0;
         list-style:none;
         margin-bottom:0.5em;
     }
     .schedule > .schedule-info > .schedule-info-list > ul.with-mark > li
     {
         margin:0;
         padding:0;
         list-style:none;
         
         padding-left:2.0em;
         text-indent:-2.0em;
         margin-bottom:0.5em;
     }
     .schedule > .schedule-info > .schedule-info-list > ul.with-mark > li:last-child
     {
         margin-bottom:0.0em;
     }
     .schedule > .schedule-info > .schedule-info-list > ul.notice
     {
         margin:0;
         padding:0;
         margin-bottom:0.5em;
     }
     .schedule > .schedule-info > .schedule-info-list > ul.notice > li
     {
         margin-bottom:0.5em;
     }
     .schedule > .schedule-info > .schedule-info-list > ul.notice > li:last-child
     {
         margin-bottom:0.0em;
     }
 }