@charset "utf-8";




/**  historypage **/




#historypage{
background:#ffff;
margin:2em auto;
padding-bottom:2em;
}
@media only screen and (min-width: 1170px) { /*pc*/
#historypage{
max-width:1150px;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#historypage{
margin:0em 0px 2em;
max-width:100%;
}

}

#main section#historypage h2{
margin-bottom:0.5em;

}


@media only screen and (min-width: 1170px) {/*pc*/

.entry{
width:900px;
margin:0 auto;
}

}


@media only screen and (max-width: 1169px) {/*sp*/

.entry{
width:96%;
margin:0 auto;
}

}


.date{
font-size:80%;
text-align:right;
}

#main #historypage h3{
font-size:140%;
margin-top:1.5em;
margin-bottom:1.5em;
text-align:center;
}

#main #historypage h3:after{
content:"";
display:block;
height:2px;
background: rgba(15,139,166,0.34);
margin-top:8px;
}



#main dl{
border-bottom:1px solid #ccc;
margin-top:2em;
}


#main dt{
width:20%;
clear:both;
float:left;
text-align:center;
border-top:1px solid #ccc;
padding:1em;
color: rgba(183, 51, 32, 1);
}



#main dd{
margin-left:20%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:1em;
}

#main dd li{
padding:3px 5px;
}

#main dd li:before{
display:inline-block; 
vertical-align: middle;
/*以下丸つくる*/
content:'';
width:0.3em;
height:0.3em;
background: #666;
border-radius: 50%;
margin-right: 8px;

}

#main dd li ul{
margin-left:2em;
}


@media only screen and (max-width: 767px) {/*sp*/

#main dt{
width:100%;
clear:both;
text-align:left;
border-top:1px solid #ccc;
padding:0.5em;
color: rgba(183, 51, 32, 1)
}



#main dd{
border-top:1px solid #ccc;
border-left:none;
padding:0.5em 0.5em 0.5em 1em;
margin:0;
}

}


#main table{
font-size:95%;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-top:2em;
margin-bottom:1.5em;
width:100%;
}

#main table caption{
text-align:left;
}

#main table th{
background-color:#fff;
border-top:1px solid #ccc;
line-height:1.5em;
font-weight:normal;
color:#004B64;
padding:5px 15px 5px 5px;
text-align:right;
white-space:nowrap;
width:20%;
}

#main table td{
background-color:#ffffff;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
line-height:130%;
color:#333333;
padding:5px 10px 5px 15px;

}



@media only screen and (max-width: 767px) {/*sp*/

#main table{
margin-left:0;
}
#main table th{
white-space:nowrap;
}
}