.title-collection1 {
color : gray;
font-size : 20px;
font-weight : bold;
text-align:center;
width:50%;
margin : 0 auto;
margin-top : 30px;
background-color: #eeeeee;
padding:10px;
}

hr {
background-color: #ff0000;
}



.title-collection2 {
width:50%;
margin : 0 auto;
margin-top : 30px;
padding:10px;
margin-bottom:30px;

}




@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */


.title-collection1 {
color : gray;
font-size : 20px;
font-weight : bold;
text-align:center;
width:80%;
margin : 0 auto;
margin-top : 30px;
background-color: #eeeeee;
padding:10px;
}



.title-collection2 {
width:95%;
margin : 0 auto;
margin-top : 30px;
padding:10px;
}



}


@media screen and (max-width: 700px) {
	/* 480px以下に適用されるCSS（スマホ用） */

.title-collection1 {
color : gray;
font-size : 20px;
font-weight : bold;
text-align:center;
width:100%;
margin : 0 auto;
margin-top : 30px;
background-color: #eeeeee;
padding:10px;
}


.title-collection2 {
width:100%;
margin : 0 auto;
margin-top : 30px;
padding:10px;
}



}