@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

div.cal_wrapper {font-weight:500;}
div.cal_wrapper table.cal {width:100%; border-collapse:collapse; border-spacing:0;}
div.cal_wrapper table.cal tr:nth-child(1) th {position:relative; padding:0.8em 0 1.15em 0; border-bottom:1px solid #e2e2e2; color:#000; font-family:"Barlow", sans-serif; font-size:135%; line-height:1; vertical-align:middle;}
div.cal_wrapper table.cal tr th div.cal_ui {}
div.cal_wrapper table.cal tr th div.cal_ui input {position:absolute; margin:0.15em 0 0 0; border:0; background:none; color:#000; font-family:'Noto Sans JP', sans-serif; z-index:+1; cursor:pointer;}
div.cal_wrapper table.cal tr th div.cal_ui input:nth-child(1) {width:1.6em; height:1.6em; top:0.3em; left:0;}
div.cal_wrapper table.cal tr th div.cal_ui input:nth-child(2) {display: none;}
div.cal_wrapper table.cal tr th div.cal_ui input:nth-child(3) {width:1.6em; height:1.6em; top:0.3em; right:0;}
div.cal_wrapper table.cal tr:nth-child(1) th p {text-align:center; margin-block-start:0; margin-block-end:0;}
div.cal_wrapper table.cal tr td {width:calc(100% / 7); padding:1.2em 0 0 0; font-size:85%; text-align:center;}
div.cal_wrapper table.cal tr:nth-child(3) td {padding:0.7em 0 0 0;}
div.cal_wrapper table.cal tr:nth-child(2) td:first-child {color:#ea6282;}
div.cal_wrapper table.cal tr:nth-child(2) td:last-child {color:#7dbfe7;}
div.cal_wrapper table.cal tr.headline td {padding:2.8em 0 0.6em 0; font-size:70%;}
div.cal_wrapper table.cal tr.headline {}
div.cal_wrapper table.cal tr td div {position:relative; display:flex; align-items:center; justify-content:center; width:1.7em; height:1.6em; margin:0 auto; background:#f2edd0; border-radius:50%; line-height:2.2; text-align:center;}
div.cal_wrapper table.cal tr td div.Holyday {background:#ff8459 !important; color:#fff !important;}
div.cal_wrapper table.cal tr td div.backward {/*background:#f8f8f8; color:#cccccc; font-weight:400;*/}
div.cal_wrapper table.cal tr td div.Today::after {position:absolute; display:block; content:''; width:calc(1.6em + 2px); height:calc(1.6em + 2px); top:-3px; left:-3px; border:2px solid #ea6282; border-radius:50%;}
/* 前月・翌月の休日表示 */
div.cal_wrapper table.cal tr.headline + tr td:nth-child(1) div {background:#f2edd0; color:#ea6282;}
div.cal_wrapper table.cal tr:last-child td:last-child div {background:#f2edd0; color:#7dbfe7;}

div.cal_wrapper table.cal tr td div.Sat {
	background:#f2edd0; color:#7dbfe7;
}
div.cal_wrapper table.cal tr td div.Sun {
	background:#f2edd0; color:#ea6282;
}
/*
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}
*/

.f_calendar .note {margin:1.5em 0 0 0; font-size:85%; font-weight:500; text-align:right;}
.f_calendar .note span:nth-child(1) {color:#f2edd0; font-size:105%;}
.f_calendar .note span:nth-child(2) {color:#ff8459; font-size:105%;}

@media screen and (min-width:751px) and (max-width:1060px){
div.cal_wrapper table.cal tr td div {width:2.6em; height:2.6em; line-height:1.8;}
}

@media screen and (max-width:751px){
div.cal_wrapper table.cal tr:nth-child(1) th {font-size:120%; font-weight:800;}
div.cal_wrapper {font-size:130%;}
.f_calendar .note {margin:2em 0 0 0; font-size:100%;}
}

/* 前月・篤実の日付を非表示 */
div.cal_wrapper table.cal td .backward {display:none !important;}
div.cal_wrapper table.cal [id^="td_"] .backward {display:flex !important;}