body.pc #th-calendar {
position:relative;
margin: 0 0 15px;
padding: 12px;
background-image: url(../images/s-widget-top.png), url(../images/s-widget-bot.png), url(../images/s-widget-mid.png);
background-repeat: no-repeat, no-repeat, repeat-y;
background-position: center top, center bottom, center top;
}

body.sp #th-calendar {
	position:relative;
	margin: 0 0 15px;
	padding: 10px;
	background-image: url(../images/information-mid-sp.png);
	background-size: 50px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	list-style: none;
}


#th-calendar>div.th-calendar-content{box-sizing:border-box}

#th-calendar .th-cal-month{
	margin-bottom:5px;
	padding:3px 0;
	font-size:0.9rem;
	font-weight:bold;
	text-align:center;
}
#th-calendar .th-cal-btn{
	display:inline-block;
	position:absolute;
	margin:0;
	color:#333;
	background-repeat:no-repeat;
	background-color:#ddd;
	text-align:center;
	font-size:0.6rem;
	line-height:1;
	padding:6px 9px;
	border-radius:40px;
	cursor:pointer
	}
body.pc #th-calendar .th-cal-btn{
	top:13px;
	right:10px;
}
body.sp #th-calendar .th-cal-btn{
	top:10px;
	right:10px;
}
#th-calendar .th-cal-btn:hover{
	background-color:#ccc
}
#th-calendar .th-cal-btn.th-cal-next-month{
	padding-right:20px;
	background-image:url(../images/arrow-next.svg);
	background-position:calc( 100% - 10px ) center
}
#th-calendar .th-cal-btn.th-cal-this-month{
	padding-left:20px;
	background-image:url(../images/arrow-prev.svg);
	background-position:10px center
}
#th-calendar .th-cal-other-message{
	padding-top:8px;
	margin:5px 0;
	border-top:dashed 1px #ddd;
	line-height:1.5;
	font-size:0.8rem
}


#th-calendar table{width:100%;margin:0 0 5px;border-collapse:collapse;border-color:#ff0000}
#th-calendar table th{padding:2px 0;text-align:center;vertical-align:middle;border:none;border:solid 1px rgba(0,0,0,0.2);background-color:#fff;color:#333;font-weight:500;font-size:0.8rem;line-height:1.3}
#th-calendar table td{padding:0;text-align:center;vertical-align:middle;border:none;border:solid 1px rgba(0,0,0,0.2);background-color:#fff;color:#333;font-weight:500;font-size:0.8rem;line-height:1.3}
#th-calendar table th>div,#th-calendar table td>div{padding:5px 0;position:relative}
#th-calendar table th>div>span,#th-calendar table td>div>span{display:none;width:120px;padding:6px 5px;position:absolute;z-index:999;top:calc( 100% + 1px );left:0;background:#fff;background:#e5fab6;color:#333;box-shadow:0 1px 2px rgba(0,0,0,0.3);font-size:0.7rem;line-height:1.3;text-align:left}
#th-calendar table tr:first-of-type th,#th-calendar table tr:first-of-type td{background:#eee}
#th-calendar table tr td:first-child,#th-calendar table tr th:first-child{color:#ff4d6a}
#th-calendar table tr td:last-child,#th-calendar table tr th:last-child{color:#08c}
#th-calendar table tr td.holiday{color:#ff4d6a}
#th-calendar table .close-usual-all{background:#ffd9e5}
#th-calendar table .close-usual-am{background:-webkit-linear-gradient(top, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0));background:linear-gradient(to bottom, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0))}

#th-calendar table .close-usual-pm{
background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1) 50%, #ffd9e5 50%, #ffd9e5);
background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1) 50%, #ffd9e5 50%, #ffd9e5);
}

#th-calendar table .close-holiday-all{background:#ffd9e5}
#th-calendar table .close-holiday-am{background:-webkit-linear-gradient(top, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0));background:linear-gradient(to bottom, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0))}
#th-calendar table .close-holiday-pm{background:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 50%, #ffd9e5 50%, #ffd9e5);background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, #ffd9e5 50%, #ffd9e5)}
#th-calendar table .close-date-all{background:#ffd9e5}
#th-calendar table .close-date-am{
background:-webkit-linear-gradient(top, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1));
background:linear-gradient(to bottom, #ffd9e5, #ffd9e5 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1));
}

#th-calendar table .close-date-pm{
background:-webkit-linear-gradient(top, #fff, #fff 50%, #ffd9e5 50%, #ffd9e5);
background:linear-gradient(to bottom, #fff, #fff 50%, #ffd9e5 50%, #ffd9e5);
}

#th-calendar table .close-usual-all.close-date-pm,#th-calendar table .close-usual-all.close-date-am,#th-calendar table .close-usual-pm.close-date-all,#th-calendar table .close-usual-pm.close-date-am,#th-calendar table .close-usual-am.close-date-all,#th-calendar table .close-usual-am.close-date-pm{background:#ffd9e5}#th-calendar table .other-schedule{background:#e5fab6 !important;cursor:pointer}#th-calendar ul.th-cal-mark{width:100%;margin:0;padding:0;display:flex;-webkit-display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}

#th-calendar ul.th-cal-mark li{padding:0.2rem 1em 0.2rem 1.3rem;margin:0 0 0.2rem;box-sizing:border-box;list-style:none;font-size:0.7rem;line-height:1.3;position:relative}
#th-calendar ul.th-cal-mark li:before{content:'';display:block;width:1rem;height:1rem;background-color:#fff;position:absolute;top:50%;left:0;margin-top:-0.5rem;box-shadow:0 1px 1px 1px rgba(0,0,0,0.15)}
#th-calendar ul.th-cal-mark li.other-schedule{width:100%}#th-calendar ul.th-cal-mark li.close-all:before{background:#ffd9e5}

#th-calendar ul.th-cal-mark li.close-am:before{background:-webkit-linear-gradient(top, #ffd9e5, #ffd9e5 50%, #fff 50%, #fff);background:linear-gradient(to bottom, #ffd9e5, #ffd9e5 50%, #fff 50%, #fff)}

#th-calendar ul.th-cal-mark li.close-pm:before{
background:-webkit-linear-gradient(top, #fff, #fff 50%, #ffd9e5 50%, #ffd9e5);
background:linear-gradient(to bottom, #fff, #fff 50%, #ffd9e5 50%, #ffd9e5);
}

#th-calendar ul.th-cal-mark li.other-schedule:before{background:#e5fab6;}



/*# sourceMappingURL=calendar.css.map */