/* カレンダー準備時メッセージ */
.preCal{ display: flex; align-items: center; justify-content: center; min-height: 264px; }
/* PC用 カレンダー描画エリア */
.pcCalBox{}
/* PCサブ用 カレンダー描画エリア */
.pcSubCalBox {}
/* スマートフォン用 カレンダー描画エリア */
.spCalBox{}
/***********************/
/* calender year-month         */
/***********************/
.pcyBox { text-align:center; }
.pcSubyBox {}
.spyBox {}
/* PC */
p.pcYear {}
p.pcMonth {}
p.pcMonth span#pcMonth1 {}
p.pcMonth span#pcMonth2 {}
/* PCサブ */
p.pcSubYear {}
p.pcSubMonth {}
p.pcSubMonth span {}
/* スマートフォン */
p.spYear {}
p.spMonth {}
p.spMonth span {}
/* 切替ボタン PC */
.clrPcBtn {}
/* 切替ボタン PCサブ */
.clrPcSubBtn {}
/* 切替ボタン スマートフォン */
.clrSpBtn {}
/***********************/
/* calendertable       */
/***********************/
.pcCalCmn { margin-bottom:0; }/*PC共通*/
.pcCalSubCmn { }/*PCサブ共通*/
.spCalCmn { }/*スマートフォン共通*/
table.calTbl{ width:100%; border-collapse:collapse; border-spacing:2px; }
table.calTbl th, table.calTbl td{ line-height:48px; text-align:center; width:calc(100% / 7); vertical-align:middle; font-size:1.6rem; font-family:Verdana, Geneva, "sans-serif"; font-weight: normal; }
table.calTbl th{ } 
table.calTbl td{ background:#faf9f7; color:#555; }
/*診療日クラス*/
table.calTbl th.sat { }/*土曜日*/
table.calTbl td.sat { }/*土曜日*/
table.calTbl th.sun { color:#e1916e; }/*日曜*/
table.calTbl td.sun { color: #ff7857; }/*日曜*/
table.calTbl td.holiday { color: #e1916e; }/*祝日*/
table.calTbl td.child1, div.child1 { background: #ffd0e8; }/*小児治療日*/
table.calTbl td.child2, div.child2 { background: #f4faf9; }/*その他*/
table.calTbl td.day1, div.day1 { background: #faf9f7; }/*通常診療日*/
table.calTbl td.day2, div.day2 { background: #e9c0af; }/*半休日*/
table.calTbl td.day3, div.day3 { background: #FFF; }/*その他*/
table.calTbl td.half1, div.half1 { background: #daedea; }/*午後休診*/
table.calTbl td.half2, div.half2 { background: #ede4da; }/*午前休診*/
table.calTbl td.half3, div.half3 { background: #fff1b8; }/*半休日*/
table.calTbl td.hday1, div.hday1 { background: #e8e0dd; }/*休診日*/
table.calTbl td.hday2, div.hday2 { background: #FFF; }/*特別休診日*/
table.calTbl td.ortho1, div.ortho1 { background: #bba9a1; }/*矯正治療日*/
table.calTbl td.ortho2, div.ortho2 { background: #11d1d6; }/*矯正治療日*/
table.calTbl td.other1, div.other1 { background: #FFF; }/*その他*/
table.calTbl td.other2, div.other2 { background: #FFF; }/*その他*/
/* original */

.pcCalBox{ width: 448px; }
.pcyBox{ border-bottom: 1px solid #8a7a73; position:relative; }
.pcyBox p{ color:#8a7a73; display:inline-block; font-size:2.0rem; font-weight:bold; line-height:1em; margin-bottom:12px; }

.eDay1, .eDay2, .eHday1, .eOrtho1{ font-size:1.6rem; line-height:24px; padding-left: 48px; position:relative; margin-left:24px; }
.eDay1::before{ content:""; background:#faf9f7; border: 1px solid #8a7a73; display:block; position:absolute; top:0; left: 0; width:40px; height:24px; }
.eDay2::before{ content:""; background: #e9c0af; display:block; position:absolute; top:0; left: 0; width:40px; height:24px; }
.eHday1::before{ content:""; background: #e8e0dd; display:block; position:absolute; top:0; left: 0; width:40px; height:24px; }
.eOrtho1::before{ content:""; background: #bba9a1; display:block; position:absolute; top:0; left: 0; width:40px; height:24px; }

/* カレンダーチェック用 */
body#calcheck section{ display: flex; flex-wrap: nowrap; justify-content: space-between; width: 1360px; }
body#calcheck div.pcCalBox{ width:400px; }
body#calcheck div.pcyBox p{ font-size: 1.2rem; }
body#calcheck table.calTbl th, body#calcheck table.calTbl td{ font-size: 1.0rem; }
body#calcheck div.pcSubCalBox{ width:400px; }
body#calcheck div.spCalBox{ width:400px; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width:767px) {

	.pcCalBox{ margin: 0 auto; width: calc(100% - 32px); }
    .pcCalCmn { margin-bottom:32px; }/*PC共通*/
    .eDay1, .eDay2, .eHday1, .eOrtho1{ font-size:1.4rem; line-height:20px; padding-left: 26px; margin:0 0 12px 12px; }
    .eHday1{margin-bottom: 0;}
    .eDay1::before{ width:20px; height:20px; }
    .eDay2::before{ width:20px; height:20px; }
    .eHday1::before{ width:20px; height:20px; }
    .eOrtho1::before{ width:20px; height:20px; }

}