/* Y'S GEAR : list.css */


/*======================================================================*
 *  [ common | 共通項目 ]
 *======================================================================*/

.contentsWidth h2 {
	margin: 0 0 5px 0;
	color: #606060;
	border-bottom: 1px solid #a5a5a5;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	line-height: .8;
}


/*======================================================================*
 *  [ photoListWrap | 投稿作品 ]
 *======================================================================*/

.photoListWrap {
	max-width: 940px;
	margin: 0 auto;
}


/*======================================================================*
 *  [ photoList | 投稿作品一覧 ]
 *======================================================================*/

.photoList {
	margin: 0 0 40px 0;
}
.photoList li {
	width: 25%;
	float: left;
	padding: 12px 12px 11px 11px;
	box-sizing: border-box;
}
.photoList li .inner {
	border: 1px solid #ebebeb;
}

/* [ img | サムネイル ] */
.photoList .img {
	display: block;
	margin: 0 0 10px 0;
}
.photoList .img img {
	display: block;
	width: 100%;
	height: auto;
}

/* [ name | 投稿者名 ] */
.photoList .name {
	margin: 0 5px 10px 5px;
	color: #999;
	text-align: right;
}

/* [ dl | タイトル＆テキスト ] */
.photoList dl {
	margin: 0 5px 10px 5px;
}
.photoList dt {
	margin: 0 0 5px 0;
	color: #363a90;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}


/*======================================================================*
 *  [ Media Queries 768 ] 
 *======================================================================*/

@media screen and (max-width: 768px) {
	
	/*==================================================================*
	 *  [ photoList | 投稿作品一覧 ]
	 *==================================================================*/
	
	.photoList li {
		padding: 5px;
	}
	
}


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
	
	/*==================================================================*
	 *  [ common | 共通項目 ]
	 *==================================================================*/
	
	.contentsWidth h2 {
		margin: 0 0 1px 0;
		padding: 10px;
		background: #919191;
		border: none;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.05;
		text-align: center;
	}
	
	
	/*==================================================================*
	 *  [ photoListWrap | 投稿作品 ]
	 *==================================================================*/
	
	.photoListWrap {
		margin: 0 -10px;
	}
	
	
	/*==================================================================*
	 *  [ photoList | 投稿作品一覧 ]
	 *==================================================================*/
	
	.photoList li {
		width: 33.33333333%;
		padding: 1px;
	}
	
	
}


/*======================================================================*
 *  [ Media Queries 375 ] 
 *======================================================================*/

@media screen and (max-width: 375px) {
	
	/*==================================================================*
	 *  [ photoList | 投稿作品一覧 ]
	 *==================================================================*/
	
	.photoList li {
		width: 50%;
	}
	
}