/*******************************************
*
* css for 5-56を知る > 5-56PRODUCT SERIES
*
********************************************/
@charset "UTF-8";

#contentBody{
	width:100%;
	min-width:1100px;
}

#pageBody {
	padding: 0 0;
}

.productItem{
	display:block;
	overflow:hidden;
	width:50%;
	min-height:445px;
	position:relative;
	float:left;
	background: #2f3031;
	background: -moz-linear-gradient(-45deg,  #2f3031 0%, #101112 100%);
	background: -webkit-linear-gradient(-45deg,  #2f3031 0%,#101112 100%);
	background: linear-gradient(135deg,  #2f3031 0%,#101112 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3031', endColorstr='#101112',GradientType=1 );
}

.info{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.info > span{
	display:none;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	#contentBody{
		min-width:100%;
	}

	.productItem{
		width:100%;
		min-height:auto;
		float:none;
	}

	.info{
		display:block;
		overflow:hidden;
		position:relative;
		top:auto;
		left:auto;
		background-color:#d50c24;
		padding:0.5em 1em;
		text-align:center;
	}

	.info > img{
		display:none;
	}

	.info span{
		display:block;
		color:#ffffff;
		line-height:125%;
	}


}



.inner{
	display:block;
	overflow:hidden;
	width:545px;
	margin:0 auto;
	padding:25px 10px;
	text-align:center;
}

.inner h4 > span{
	display:none;
}

.inner p{
	display:block;
	overflow:hidden;
	font-size: 1.4rem;
    line-height:175%;
    color: #FFFFFF;
    text-align:left;
    margin-bottom:25px;
}

.photo{
	display:inline-block;
	overflow:hidden;
	margin:10px 0;
}


.copyTxt{
	display:block;
	overflow:hidden;
	font-size: 2.0rem;
    line-height:125%;
    color: #FFE100;
    margin-bottom:10px;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.inner{
		width:100%;
		padding:25px 20px;
	}


}


a.icf_itemBtn{
	display:inline-block;
	overflow:hidden;
	padding:0.5em 1em;
	color:#ffffff;
	border:1px solid #ffffff;
}

a.icf_itemBtn:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#d80c25;
}

a.icf_itemBtn:after {
    content: "\f105";
    color: #ffffff;
    margin-left:1em;
}

/* for SP --------------------------*/
@media screen and ( max-width:896px) {



}



/*------------------------------------------
 First Box
 ------------------------------------------*/
.productItem:first-child{
	width:100%;
}

.productItem:first-child .inner{
	width:815px;
	padding: 25px 0;
}

.productItem:first-child .inner p{
	font-size: 1.6rem;
}

.productItem:first-child .copyTxt{
	font-size: 3.0rem;
	margin-top:45px;
}

.textBox{
	display:inline-block;
	width:615px;
	overflow:hidden;
	text-align:left;
}

.textBox .photo{
	display:none;
}

.photo_lg{
	float:left;
}


/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	.productItem:first-child .inner{
		width:100%;
		padding: 25px 20px;
	}

	.productItem:first-child .inner p{
		font-size: 1.4rem;
	}

	.productItem:first-child .inner h4 > img{
		width:auto;
		height:40px;
	}

	.productItem:first-child .copyTxt{
		font-size: 2.0rem;
		margin-top:0;
	}

	.textBox{
		display:inline-block;
		width:auto;
		overflow:hidden;
		text-align:center;
	}

	.textBox .photo{
		display:inline-block;
	}

	.photo_lg{
		display:none;
	}

}