@charset "utf-8";
.webtong_calendar_wrap {width:50%;float: left;padding:0 10px}
.webtong_calendar_wrap table {width:100%;font-size: 1.5rem;color: #171717;}
.webtong_calendar_wrap table thead th {text-align: center;padding: 10px 0;}
.webtong_calendar_wrap table tbody tr {}
.webtong_calendar_wrap table tbody td {width: 14%;}
.webtong_calendar_wrap table tbody td:first-child,
.webtong_calendar_wrap table tbody td:rast-child {width: 15%;}
.webtong_calendar_wrap table tbody td {padding: 27px 0;text-align: center;position: relative;}
.webtong_calendar_wrap table tbody td span.muted {color: #c3c3c3}
.webtong_calendar_wrap table tbody td a.dot {position: absolute;width: 100%;height: 30px;background-color:#DEE2FF;left: 0;top: 50%;margin-top: -15px;line-height: 27px;color: #171717;text-decoration: none; border-top: 2px solid #00178A; border-bottom: 2px solid #00178A; }
.webtong_calendar_wrap table tbody td a.dot.on {background-color:#00178A;color: white;}
.webtong_calendar_wrap table tbody td a.dot:hover {border:2px solid #00178A;}
.webtong_calendar_wrap table tbody td a.dot:focus {border:1px solid #00178A;background-color:#00178A;color:#fff;}
.webtong_calendar_wrap .calendar-head {text-align: left;font-size: 1.7rem;padding:20px 0 0 0;}
.webtong_calendar_wrap .calendar-head a {display: inline-block;background: url('../images/sub/calendar_head.png') no-repeat 5px -21px;text-indent: -999em;height: 30px;width: 17px;line-height: 27px;margin: 0 5px;border:1px solid #fff;border-radius: 3px; }
.webtong_calendar_wrap .calendar-head a:hover {border:1px solid #DEE2FF;}
.webtong_calendar_wrap .calendar-head .prev-year {}
.webtong_calendar_wrap .calendar-head .next-year {background-position:3px 9px}
.webtong_calendar_wrap p.top_txt {font-size: 1.4rem;color:#555;}
.webtong_calendar_wrap .list {border: 1px solid #D2D2D2;font-size: 1.5rem;margin-top:10px;}
.webtong_calendar_wrap .list .list-wrap {padding: 20px;line-height: 1.3rem;}
.webtong_calendar_wrap .list .list-wrap dl {padding: 15px;background-color: #F1F1F1;margin-top:10px;}
.webtong_calendar_wrap .list .list-wrap dl:first-child {margin-top:0;}
.webtong_calendar_wrap .list .list-wrap dt {position: relative;clear: both;min-width:auto;float: left;padding:5px 10px 5px 5px;font-weight: 600}
.webtong_calendar_wrap .list .list-wrap dt:after {position: absolute; content: '';width:1px;height:15px;background-color: #BFBFBF;right:-4px;top:9px;}
.webtong_calendar_wrap .list .list-wrap dd {padding: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.webtong_calendar_wrap .list .list-wrap dd.dates0,
.webtong_calendar_wrap .list .list-wrap dd.place {font-size: 1.5rem;color:#8B8B8B;}
.webtong_calendar_wrap .list .list-wrap dd.place {margin-top:10px;}
.webtong_calendar_wrap .list .list-wrap dt,
.webtong_calendar_wrap .list .list-wrap dl a {font-size: 1.8rem;}
.webtong_calendar_wrap .list .list-wrap dl a {padding-left:3px;text-decoration: none;color:#171717;}
.webtong_calendar_wrap .list .list-wrap dl a:hover {text-decoration:underline;}
.webtong_calendar_wrap .list .list-wrap dl a strong:focus-visible{
	outline: 2px solid #00178A;
	outline-offset: 3px;
	display: table-caption;
}

@media screen and (max-width: 899px) {
    .webtong_calendar_wrap {width:100%;float:none}
	.webtong_calendar_wrap p.top_txt {text-align: left;margin-top:20px;}
	.webtong_calendar_wrap .list {}
	.webtong_calendar_wrap .list .list-wrap {overflow-y: none;height:auto;}
	.webtong_calendar_wrap table tbody td {padding: 10px 0;}
	.webtong_calendar_wrap .list .list-wrap dt,
	.webtong_calendar_wrap .list .list-wrap dl a {font-size: 1.5rem;}
	.webtong_calendar_wrap .list .list-wrap dd.dates0,
	.webtong_calendar_wrap .list .list-wrap dd.place {font-size: 1.3rem;}
	.webtong_calendar_wrap .list .list-wrap dd.place {margin-top:5px;}
}

@media (min-width: 900px){
	.webtong_calendar_wrap p.top_txt {text-align: right;margin-top:70px;}
	.webtong_calendar_wrap .list .list-wrap {overflow-y:scroll;height:400px;}
	
	
}