@charset "utf-8";

#fv { background: url(../images/works/fv.jpg) center top no-repeat;}

#intro { padding: 75px 0 70px;}
#intro_movie { padding: 0px;}
#intro_movies { padding: 0 0 10px;}
#works { padding: 0 0 70px;}
#works ul { margin: 0 0 0 -20px;}
#works ul li { float: left; width: 490px; margin: 0 0 15px 20px;}
#works ul li .detail { background: #f6f6f6; padding: 20px 0 ; text-align: center; height: 130px;}
#works ul li .detail h4 { font-size: 16px; font-weight: bold; padding: 15px 0 0; line-height: 30px; min-height: 53px;}
#works ul li .detail span { color: #797979; }
#works ul li .detail p { color: #797979;}

#intro p.lead{ padding: 0;}

#works .brands{
	margin-bottom: 80px;
}

#works .brands tr td{
	padding: 15px 20px;
}

#works .brands img{
	object-fit: contain;
	width: 100%;
}
#works p.otherbrand{
	text-align: center;
	margin-bottom: 80px;
}

#results { text-align: center; padding: 0 0 40px; }
#results h3 { font-size: 22px; padding: 0 0 25px; font-weight: bold; }
#results p { font-size: 16px; }


/* ------------------------------------------------------------ mobile */

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

#fv { background-size: cover;}

#intro { padding: 35px 0 40px;}
#works { padding: 0 0 35px;}
#works ul { margin: 0;}
#works ul li { float: none; width: 100%; margin: 0 0 15px 0;}
#works ul li .movie {  position: relative; padding-bottom: 60%; overflow: hidden;}
#works ul li .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#works ul li .detail { height: auto;}
#works ul li .detail h4 { padding: 10px 0 15px; min-height: inherit;}

#works .brands{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}
#works .brands tr td{
	display: inline-block;
	width: 42%;
	height: 60px;
	padding: 1.5em 1em;
}
#works .brands tr td:nth-child(odd){
	float: left;
}
#works .brands tr td:nth-child(even){
	float: right;
}

#works .brands img{
	object-fit: contain;
	width: 100%;
}
#works .brands .no{
	display: none;
}

#results p { font-size: 13px; }


}


@media only screen and (orientation : portrait) { 
	#navigation 			{ position: fixed; top:0; margin: 0 0 0; right: 0; left: 0; }
}