/* historypage用css */

.year{
		text-align:center;
		margin:auto;
	}

td{
	border-color:#fff;
	padding-bottom:8px;
}


.flex-main{
	display:flex;
/*	flex-flow: row nowrap; /*左から右へ配置　折り返しなし*/
/*	justyfy-content: flex-start; /*左揃*/
	align-items: stretch; /*垂直方向の揃え*/
		padding: 20px 0 20px 0;
		background-color:;
	}
	
.sidebar{
	box-sizing:border-box;
	flex-basis: 160px;
	flex-shrink: 0;
	border:1px solid #808080;
	padding: 30px 30px 30px 30px;
	text-align:center;
	background-color:;
}


@media only screen and (min-width: 481px){ /* 大画面用 */
	.sidebar{
	box-sizing:border-box;
	flex-basis: 240px;
	flex-shrink: 0;
	border:1px solid #808080;
	padding: 30px 30px 30px 30px;
	text-align:center;
	background-color:;
	}
}
	
.main-col{
	flex-shrink: 1;
	/*border:1px solid #808080;*/
	margin-left:10px;
	padding: 30px 0 30px 30px;
	background-color:;
	}

.pare{
	background-color:#fffccc;
	margin: 12px;
	padding: 10px;
	border:1px solid #808080;
}

.litter{

	display:flex;
	margin: 12px;
	border:;
	background-color:;
}

.box{
	flex-basis: 124px;
	border:1px solid #808080;
	background-color:;
	margin: 2px;
	text-align:center;
	
}