@charset "utf-8";

/*=====================================================================================
	
	Document    : works-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   一覧

---------------------------------------------------------------------------*/

.works-list li,
.works-list li:nth-child(4n+1),
.works-list li:nth-child(4n+4) {
	width:30.6%;
	float:left;
	margin-right:4%;
	margin-top:4%;
}

.works-list li:nth-child(3n+3) {
	margin-right:0;
}


@media screen and (max-width:420px) {
	.works-list li,
	.works-list li:nth-child(4n+1),
	.works-list li:nth-child(4n+4),
	.works-list li:nth-child(3n+3) {
		width:48%;
		float:left;
		margin-right:4%;
		margin-top:4%;
	}
	
	.works-list li:nth-child(2n) {
		margin-right:0;
	}
}


/*-------------------------------------------------------
   シンプルモダン
-------------------------------------------------------*/

.smodren-movie iframe {
	height:350px;
}

@media screen and (max-width:420px) {
	.smodren-movie iframe {
		height:250px;
	}
}


/*---------------------------------------------------------------------------

   詳細

---------------------------------------------------------------------------*/

/*-------------------------------------------------------
   写真（大）+ POINT
-------------------------------------------------------*/

/* ボタン */
@media screen and (max-width:420px) {
	.slideB-wp a.slide-bt {
		width:20px;
		height:50px;
		margin-top:-50px;
	}
		
	.slideB-wp a.slide-bt span {
		height:50px;
	}
}