@charset "utf-8";


body {
	font: 14px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #333;
	background:#EEE;
}


#contents{
	padding:0;
}
.grid-items {
	margin-right: auto;
	margin-left: auto;
}


@media only screen and (min-width: 1536px){
	.grid-items {
		width:1536px;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	.grid-items {
		width:1280px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.grid-items {
		width:1024px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-items {
		width:768px;
	}
}
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-items {
		width:550px;
	}
}
@media only screen and (max-width: 511px) {
	.grid-items {
		width:256px;
	}
}

.grid-items li {
	margin: 10px;
	width: 250px;
	background:#FFF;
	box-shadow: #CCC 0px 2px 3px;
}
.grid-items li img{
	max-width:100%;
}

.grid-items h1{
	font-size: 4.0vw;
	line-height: 1.5em;
	font-weight: bold;
	color:#1d4fab;
	padding-left:12px;
}

.grid-items h1 span{
	font-size: 2.3vw;
	font-weight: 400;
}

.grid-items li p{
	padding:10px;
	font-size:14px;
	
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-items h1{
	font-size: 38px;
	line-height: 1.5em;
	font-weight: bold;
	color:#1d4fab;
	padding-left:12px;
}

.grid-items h1 span{
	font-size: 22px;
	font-weight: 400;
}

.grid-items li p{
	padding:10px;
	font-size:13px;
	
}
}

@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-items h1{
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	color:#1d4fab;
	padding-left:12px;
}

.grid-items h1 span{
	font-size: 23px;
	font-weight: 400;
}

.grid-items li p{
	padding:12px;
	font-size:13px;
	
}
}

@media only screen and (max-width: 511px) {
	.grid-items h1{
	font-size: 23px;
	line-height: 1.5em;
	font-weight: bold;
	color:#1d4fab;
	padding-left:12px;
}

.grid-items h1 span{
	font-size: 16px;
	font-weight: 400;
}

.grid-items li p{
	padding:12px;
	font-size:13px;
	
}
}