@import (once) "default.less";
@import (once) "common.less";


/* calendar ///////////////////////*/
.calendar{
padding:60px 0 60px 0;

.title{
padding:0;
}

.pager{
.tar;
padding:0 0 20px 0;
}

.table{
.pr;
}

table{
width:100%;
border:1px #bfc3bd solid;
}
.td1{
padding:15px 0;
background:@c3;
.tac;
.ffg;
font-size:13pt;
font-weight:normal;
}
td:first-child{
background:#ffeced;
}
td:last-child{
background:#d0f0e6;
}

td{
vertical-align:top;
width:14%;
background-color:#FFFFFF;
border-bottom:1px #bfc3bd solid;
border-right:1px #bfc3bd solid;
}

tr:last-child td{
border-bottom:0;
}
td:last-child{
border-right:0;
}

.day{
padding:5px;
text-align:center;
.ffg;
font-size:10pt;
font-weight:normal;
}

td a{
.db;
.tal;
padding:10px;
font-size:9pt;
line-height:150%;
}

td a:hover{
.tdu;
}

}


@media (max-width:480px) {
.calendar{
padding:10px 0 60px 0;

.title{
padding:20px 0 0 0;
}

.td1{
.dn;
}

td{
.db;
width:100%;
padding:0 0 0 30px;
border-left:1px #CCCCCC solid;
}
tr:last-child td{
border-bottom:1px #CCCCCC solid;
padding:0 0 0 30px;
}


.day{
.dib;
height:100%;
width:30px;
margin-left:-30px;
}
td a{
.dib;
padding:3px;
.tdu;
}

.pager{
padding:0 0 10px 0;
}

}
}



/* .detail ///////////////////////*/
.detail{
padding:60px 0 120px 0;

.date{
.tar;
}

.text{
padding:20px 0 0 0;
}

}


@media (max-width:480px) {
.detail{
padding:30px 0 60px 0;

}
}