.title{
	display: flex;
	padding: 1em;
	flex-direction: column;
	border-bottom: solid 1px #c9171e;
	font-size: 1.5em;
	font-weight:bold;
}

.title2{
	padding: 1em;
	border-bottom: solid 1px #c9171e;
	font-size: 1.5em;
	font-weight:bold;
}


.sidebar{
	background-color: #fff;
	padding: 20px;
}
.main{
	background-color: #fff;
	padding: 20px;
}
footer{
	text-align: center;
	background-color: #222;
	color: #fff;
}
 
@media screen and (min-width : 768px) { /* デスクトップ用CSS */
	.title{
		flex-direction: row;
	}
	.container{
		display: flex;
	}
	.sidebar{
		width: 500px;
	}
	.main{
		flex: 1;
		order: 2;
	}
}