@charset "UTF-8";


.calendar-outline{
margin:0 auto;
}

.calendar-outline > div{
margin-bottom:10px;
text-align:center;
}


dl.carendar-cont{
text-align:left;
font-size:120%;
}

dl.carendar-cont dt {
padding:5px 0 5px 5px;
font-weight:700;
background-color:#EBEBEB;
}

dl.carendar-cont dd {
padding:5px 0 0 5px;
margin-bottom:20px;
}

p.note{
text-align:left;
font-size:90%;
margin-left:1em;
padding-left:1em;
text-indent:-1em;
padding:0.5em 0;
}

}


@media only screen and (max-width:640px) {


dl.carendar-cont dt{
width:auto;
float:none;
margin:5px 3px 0 3px;
padding:3px 5px;
color:#F7F7F7 !important;
border:1px solid #CCC;
font-weight:700;
}


dl.carendar-cont dd{
margin:0 3px 10px;
padding:5px;
line-height:1.5;
color:#000 !important;	
}


}


@media only screen and (min-width:900px) {
	
.calendar-outline{
display:flex;
flex-wrap:wrap;
}

.calendar-outline > div{
flex:1;
}

.calendar-outline > div img{
width:100%;
height:auto;
}

	
dl.carendar-cont{
padding-left:1em;

}
	

dl.carendar-cont dt{
clear:left;
width:10em;
float:left;
padding:10px 0 10px 0;
background-color:#FFF;
margin:0;
border-top:#CCC solid 1px;
}


dl.carendar-cont dd {
float:left;
width:80%;
padding:10px 0 10px 20px;
margin:0;
border-top:#CCC solid 1px;
}

dl.carendar-cont dt:last-child{
border-bottom:#CCC solid 1px;
}

dl.carendar-cont dt:last-child+dd{
border-bottom:#CCC solid 1px;
}


}