@charset "UTF-8";

/************************************************************
WORKS
************************************************************/

/*CONTENTS*******************************************/

/*******************************df*/

.title{
	margin-top:20px;
	color:#ffffff;
	font-size:16px;
	line-height:1.5;
}

.staff{
	margin-top:0px;
	color:#cccccc;
	font-size:11px;
	line-height:1.5;
}

.credit{
	color:#999999;
	padding-left:96px;
	font-size:11px;
	line-height:1.5;
}

.thumbnail_list{
	list-style:none;
	margin:10px auto 0 auto;
	width:768px;
	font-size:0;
	line-height:0;
}

.thumbnail_list li{
	display:inline-block;
	margin-right:1%;
	margin-bottom:1%;
	width:24.25%;
	height:auto;
}

.thumbnail_list li:nth-child(4n){
	margin-right:0;
}

.thumbnail_list li img{
	width:100%;
	height:auto;
}

.work_list{
	line-height:2.5;
}

.yt{
	display:inline-block;
	padding:3px 3px 3px 3px;
	border:1px solid #ff6666;
	background:#ff0000;
	font-size:12px;
	line-height:1;
}

/*******************************SP*/

@media screen and (max-width: 480px){

.credit{
	padding-left:0;
}

.thumbnail_list{
	width:100%;
}

.thumbnail_list li{
	width:49.5%;
}

.thumbnail_list li:nth-child(4n){
	margin-right:1%;
}

.thumbnail_list li:nth-child(2n){
	margin-right:0;
}

}