@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500;600&display=swap');
.calendar{width: 100%;display: inline-block;position:relative;vertical-align: top;font-family: 'Work Sans', sans-serif !important;font-size: 17px;text-align: center;}
.calendar *{
	font-family: 'Work Sans', sans-serif !important;	
}
.calendar .bg-highlight{
	display: block;
	width: 100%;
	height: 0px;
	margin: 4px auto;
	background: #154fb0;
}
.cal_wrapper{
	width: 100%;
	max-width: 760px;
	display: inline-block;
	/* border: 5px solid #0058a4; */
	/* box-shadow: 5px 5px 0 #acdae6; */
	/* border-radius: 15px; */
	padding: 10px 5px 5px;
	background: #FFF;
	position: relative;
	margin: 10px auto 0;
	/* box-shadow: 0px 3px 0 #6cb8ff; */
	border: 1px solid #ccc;
	border-radius: 5px;
}

@media (max-width:480px){
	.cal_wrapper{
		width: 100%;
		display: inline-block;
	}

    div.cal_wrapper table.cal tr td div.off_morning {
        background-size: contain !important;
    }

}
.calendar .cal_wrapper table{width: 100%;position: relative;}

.calendar p{padding: 0px 0 0px;}
.calendar .pink{ width: 15px; height: 15px; background: #ff7778; display: inline-block; border-radius: 3px;}
.calendar .blue{ width: 15px; height: 15px; background: #86c2fc; display: inline-block; border-radius: 3px;}
.calendar .green{ width: 15px; height: 15px; background: #b7b7b7; display: inline-block; border-radius: 3px;}
.calendar .yellow{ width: 15px; height: 15px; background: #ffdf81; display: inline-block; border-radius: 3px;}
.remark { font-size: 12px; margin-bottom: 8px;  }
/* .cal_ui{ display: none;
    margin: 0 auto;
    width: 160px;
} */


.calendar .cal_ui input.prev{/* float: left; */}
.calendar .cal_ui input.next{/* float: right; */}
.col_title{
    font-size: 16px !important;
    display: inline-block;
    background: url(../images/store_icon.jpg) left no-repeat;
    border-bottom: 2px solid #147cf1 !important;
    display: block;
    text-align: center!important;
    padding: 0px 0 3px 0px !important;
    line-height: 22pt;
    /* color: #5c3108 !important; */
    margin: -2px auto 5px !important;
    font-size: 15px;
}


div.cal_wrapper {
	/* padding: 10px 0px; */
}
div.schedule_wrapper {
	padding: 10px 0px;
	width: 310px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
div.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.schedule_wrapper div.schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th{
	background: #FFF;
	border: 2px solid #fff;
}
#sche_disp2 div.cal_wrapper table.cal tr th {
    /* background: #ffd3d3; */
}
div.cal_wrapper table.cal tr th p {
	margin: 0px;
	color: #343434;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
div.cal_wrapper table.cal tr th p span{margin:0 5px;font-size: 36px;line-height: 30px;}
div.cal_wrapper table.cal tr th div.cal_ui {
	/*float: right;*/
	position: relative;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	padding: 0 5px;
	border: none;
	color: #3260CC;
	font-size: 12px;
	border-radius: 50%;
	background-color: #DBEFFF;
	text-align: center;
	display: block;
	}
	.next{}
	.prev{}

	div.cal_wrapper table.cal tr th div.cal_ui input {
		position:absolute;
		top: 0px;
	}
	.next{right: 0;}
	.prev{
		right: 29px;
	}
    



#sche_disp2 div.cal_wrapper table.cal tr th div.cal_ui input{
	/* color: #ff9ca9; */
}
div.cal_wrapper table.cal tr td {
	/* border-top: solid 1px #EEE; */
	width: 14%;
}
div.cal_wrapper table.cal tr td {
	/* font-size: 12px; */
	text-align: center;
	/* padding: 2px; */
	/* height: 53px; */
	background: #FFF;
	/* border: 2px solid #fff; */
	line-height: 31px;
}
#sche_disp2 div.cal_wrapper table.cal tr td{
	/* background: #ffd3d3; */
}
div.cal_wrapper table.cal tr.headline td {
	/* padding: 5px 0px; */
	color: #555555;
	font-weight: bold;
	/* background-color: #e9e9e9; */
	/* background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent)); */
	/* -webkit-background-size: 4px 4px; */
	font-size: 16px;
	/* border-bottom: 19px solid #FFF; */
	line-height: 27px;
	/* height: 50px; */
}
div.cal_wrapper table.cal tr.headline td div{
	padding: 0px 0 5px;
	border-bottom:4px solid #154fb0;
}
div.cal_wrapper table.cal tr.headline td:first-child{
	/* background-color: #ffe1e1; */
	/* background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fefefe), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fefefe),color-stop(.75, #fefefe), color-stop(.75, transparent),to(transparent)); */
	color: #e9353a;
}
div.cal_wrapper table.cal tr.headline td:first-child div{
	color: #e9353a;
}

div.cal_wrapper table.cal tr.headline td:last-child{
	/* background-color: #d7e9ff; */
	/* background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fefefe), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fefefe),color-stop(.75, #fefefe), color-stop(.75, transparent),to(transparent)); */
}
div.cal_wrapper table.cal tr.headline td:last-child div{
	color: #3e7bea;

}
div.cal_wrapper table.cal tr.headline {
	/* border-bottom: 2px solid #000 !important; */
	/* background-color: #a3e38d; */
}

tr.headline {}

tr.headline {}
#sche_disp2 tr.headline {
	/* background-color: #ff9ca9 !important; */
}
#sche_disp2 tr.headline td{
	/* background-color: #ff9ca9 !important; */
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	/* padding: 5px 4px; */
	/* font-size: 13px; */
	text-align: center;
	color: #343434;
	/*background-color: #FFF;*/
	/* border-radius: 3px; */
	/* line-height: 58px; */
	font-weight: bold;
	font-size: 16px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

/* ﾃｯﾂｿﾂｽﾃ遺€ｰﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽAﾃｯﾂｿﾂｽNﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽXﾃｯﾂｿﾂｽwﾃｯﾂｿﾂｽﾃｨ窶堋ｷﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽﾃ�€堙ｯﾂｿﾂｽﾃｯﾂｿﾂｽﾃ姑但ﾃｯﾂｿﾂｽﾃｯﾂｿﾂｽ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #3e7bea;
	/* background: #f3f8fe; */
}
div.cal_wrapper table.cal tr td div.Sun {
	/* color: #1a4612 !important; */
	/* background: #fff2f2; */
	color: #e9353a;
	/* font-weight: bold; */
	/* font-size: 17px; */
}
.Sun2 {
	color: #ff0000 ;
}
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.Holyday {
	font-weight: bolder;
	color: #fff !important;
	background-color: #52a8fb;
}*/
div.cal_wrapper table.cal tr td div.event {
	font-weight: bolder;
	color: #212529 !important;
	background-image: url("/common/images/day_off_morning.png");
	background-repeat: no-repeat;
	background-size: 38px;
	background-position: center;
	color: #FFF;
}
div.cal_wrapper table.cal tr td div.eigyou {
	font-weight: bolder;
	color: #212529 !important;
	background-image: none !important;
}
div.cal_wrapper table.cal tr td div.off_morning {
	/* color: #fff !important; */
	background-color: #FFF;
	background-image: url("/cal/images/day_off.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	color: #FFF;
}
div.cal_wrapper table.cal tr td div.off_afternoon {
	font-weight: bolder;
	background-color: #ffdf81 !important;
	color: #fff;
}
div.cal_wrapper table.cal tr td div.off_week {
	/* color: #fff !important; */
	background-color: #FFF;
	background-image: url("/common/images/day_off.png");
	background-repeat: no-repeat;
	background-size: 38px;
	background-position: center;
	color: #FFF;
}

div.cal_wrapper table.cal tr td div.off.Sun2 {
	/* color: #fff !important; */
	background-color: #FFF;
	background-image: url("/cal/images/day_off.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
div.cal_wrapper table.cal tr td div.off_non {
	/* font-weight: normal; */
	/* color: #7c7c7c !important; */
	background: none;
}
div.cal_wrapper table.cal tr td div.off {
	color: #212529 !important;
	background-image: url("/cal/images/day_off_morning.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #b0b0b0 !important;
	background: none;
	/* font-weight: bold; */
	/* font-size: 17px; */
}

#sche_disp2 div.cal_wrapper table.cal tr td div.backward {
	color: #b0b0b0 !important;
	/* background-color: #ffd3d3 !important; */
}

div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
/*div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #1facfc;
}*/

.cal_remark {
    text-align: center;
    margin-top: 0px;
}

.cal_remark br{
	display: none;
}
@media (max-width: 1020px){

	.cal_wrapper {
		max-width: 760px;
		/* border-radius: 15px; */
	}



}

@media (max-width: 767px){


}

@media (max-width: 580px){

	.cal_wrapper {
		width: 100%;
		max-width: 760px;
		/* border-radius: 15px; */
	}
	div.cal_wrapper table.cal tr td div {
		font-size: 20px;
		background-size: 94% !important;
	}


	div.cal_wrapper table.cal tr.headline td {
		border-bottom: 5px solid #FFF;
	}
	div.cal_wrapper table.cal tr.headline td div{
		padding: 0px 0 0px;
		border-bottom:4px solid #154fb0;
	}
	div.cal_wrapper table.cal tr td {
		line-height: 39px;
	}
	.cal_remark br{
		display: none;
	}
}
@media (max-width: 420px){

	.cal_wrapper {
	}
	div.cal_wrapper table.cal tr td div {
		font-size: 18px;
		background-size:100% !important;
	}




}