@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 640px){
	#catalog_img_wrap_in2{
		margin-left: 15px;
	}
	#catalog_img_wrap .catalog-pdf-a{
		display: block;
	}
	.catalog_img_sec{
		width: 200px;
		/*height: 200px;*/
		box-sizing: border-box;
		border: 1px solid #3d531e;
		overflow: hidden;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		position: relative;
	}
	.catalog_img_sec:before{
		content: "";
		display: block;
		background: rgba(77,111,30,0.75);
		background-image: url(../images/catalog/dw.png);
		background-position: center;
		background-size: cover;
		position: absolute;
		z-index: 99;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
	}
	.catalog_img_sec:hover:before{
		display: block;
	}
	.catalog_img_sec .maku a{
		display: block;
		width: 200px;
		/*height: 200px;*/
	}
	.catalog_img_sec .catalog_pic{
		/*position: absolute;*/
	}
	.catalog-pdf-a:nth-of-type(4n) .catalog_img_sec{
		margin-right: 0;
	}
	.catalog-pdf-a:nth-of-type(4n+1) .catalog_img_sec{
		clear: both;
	}
	.catalog-pdf-a:nth-of-type(5n) .catalog_img_sec{
		//clear: both;
	}
	.catalog_img_sec img{
		width: 100%;
		vertical-align: bottom;
	}

}


/* *************************** */
/* モバイル ******************* */
/* *************************** */
@media screen and (max-width: 640px){
	
	#title{
		background-image: url(../images/corp/sp_back.jpg);	
	}
	.catalog_img_sec{
		width: 45%;
		/*height: 200px;*/
		box-sizing: border-box;
		border: 1px solid #3d531e;
		overflow: hidden;
		float: left;
		margin-right: 5%;
		margin-bottom: 30px;
		position: relative;
	}
	.catalog_img_sec:before{
		content: "";
		display: block;
		background: rgba(77,111,30,0.75);
		background-image: url(../images/catalog/dw.png);
		background-position: center;
		background-size: cover;
		position: absolute;
		z-index: 99;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
	}
	.catalog_img_sec:hover:before{
		display: block;
	}
	.catalog_img_sec .maku a{
		display: block;
		width: 10%;
		/*height: 200px;*/
	}
	.catalog_img_sec img{
		width: 100%;
		vertical-align: bottom;
	}
	#catalog_img_wrap .catalog-pdf-a:nth-child(2n) .catalog_img_sec,
	#catalog_img_wrap .catalog-pdf-a:nth-child(4n) .catalog_img_sec{
		float: right;
		margin-right: 0;
	}
	#catalog_img_wrap .catalog-pdf-a:nth-child(2n+1) .catalog_img_sec{
		clear: both;
	}

}