/*
grid
*/
.grid *
{
	box-sizing: border-box;
}

.grid
{
	max-width: 940px;
}

/*
clearfix
*/
.grid:after
{
    content:" ";
    display:block;
    clear:both;
}

/*
grid-item
*/
.grid-item
{
	width: 188px;
	height: 188px;
    background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-color:#fff;
	border: 1px solid #f5f5f5;
	overflow: hidden;
	float: left;
	display: block;
}

/*
横長
*/
.grid-item--width2
{
    background-position: top center;
}

/*
縦横2マス
*/
.grid-item--height2.grid-item--width2
{
    background-position: top left;
}

/*
タイトル
*/
.grid-item:nth-child(1)
{
	background-color: #5abaec;
	text-indent: -200%;
}