@Charset "utf-8";
@import url("common.css");

.t35 {font-size:35px; color:#313131;}


.calendar {max-width:1400px; margin:70px auto 130px; padding:0 3%;}
.calendar .title {display:flex; justify-content:space-between; align-items:flex-end;}
.calendar .title .text {font-size:32px; font-weight:500; color:#2c4b48;}
.calendar .title .more {font-size:20px; font-weight:300; color:#808080; padding-bottom:5px;}
.calendar .list {display:flex; flex-wrap:wrap; margin-top:20px;}
.calendar .list .item {display:flex; align-items:center; width:50%; margin-bottom:15px;}
.calendar .list .item .num {display:flex; align-items:center; justify-content:center; flex-direction:column; width:70px; height:70px; font-size:18px; font-weight:300; color:#2c4b48; background:#d9d9d9;}
.calendar .list .item .num b {font-size:30px; font-weight:500; line-height:1;}
.calendar .list .item .text {width:calc(100% - 70px); padding:10px 50px 10px 30px; font-size:18px; font-weight:300; color:#808080; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.calendar .list .item.on .num {color:#fff; background:#2c4b48;}
.calendar .list .item.on .num b {color:#fff;}
.calendar .list .item.on .text {color:#2c4b48;}
.calendar .list .item:hover .num {color:#fff; background:#2c4b48;}
.calendar .list .item:hover .num b {color:#fff;}
.calendar .list .item:hover .text {color:#2c4b48;}

@media only screen and (max-width:1000px) {
	.calendar .list .item {width:100%;}
	.calendar .list .item .text {padding:10px 10px 10px 30px;}
}