/*
 * iweb52-style29
 *
 * Copyright 2017, TANK
 * 
 * 
 * 2017 / 04 / 26
 */


/* + NPBox
*----------------------------------------------------------------------------*/
#NPBox ul {
	overflow: hidden;
}

#NPBox ul li {
	margin: 20px 10px;
	float: left;
	width: calc(25% - 20px);
}

#NPBox ul li > div ,
#NPBox ul li.product h4 {
	margin: 0 15px;
}

#NPBox ul li.news {
	background: #8F7E64;
}

#NPBox ul li.news h3.tit ,
#aboutBox .info h3.tit {
	text-align: center;
	font-family: "Times New Roman";
	font-weight: normal;
	font-size: 30px;
	color: #fff;
}

#NPBox ul li.news .bd {
	margin: 10px 30px;
}

#NPBox ul li.news ul li {
	margin: 0;
	float: none;
	width: 100%;
	color: #fff;
}

#NPBox ul li.news ul li p ,
#NPBox ul li.news ul li h4 {
	padding: 5px 0;
	text-align: center;
}

#NPBox ul li.news ul li h4 {
	padding-top: 0;
	height: 25px;
	border-bottom: 1px #fff dotted;
	-webkit-line-clamp: 1;
}

#NPBox ul li.news ul li a {
	color: #fff;
}

#NPBox ul li .productPhoto {
	border: 10px #fff solid;
}

#NPBox ul li:hover .productPhoto {
	border: 10px #8F7E64 solid;
}

#NPBox ul li .productPhoto img {
	background: no-repeat 50%;
}

#NPBox ul li:hover .productPhoto img {
	background-image: url(/images/29/index/icon-prodZoom.png);
}

#NPBox ul li.product h4 {
	margin: 10px 0;
	height: 30px;
	text-align: center;
	font-size: 16px;
}

#NPBox ul li.product h4 a {
	color: #716a6a;
}


/* + aboutBox
*----------------------------------------------------------------------------*/
#aboutBox {
	overflow: hidden;
	margin: 40px 0;
	padding: 80px 0 30px;
	background: url(/images/29/index/img-line.jpg) no-repeat center 0;
}

#aboutBox > div {
	margin: 0 1%;
	width: 47%;
	display: inline-block;
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

#aboutBox .aboutPhoto {
	overflow: hidden;
}

#aboutBox .aboutPhoto:hover a.photo {
	background-size: 120% auto;
}

#aboutBox .info h3.tit {
	color: #73634A;
}

#aboutBox .info {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

#aboutBox .info article {
	margin: 15px 0;
	line-height: 210%;
	font-size: 16px;
}

#aboutBox .info p.more {
	text-align: right;
}


/* + adBox
*----------------------------------------------------------------------------*/
#adBox {
	padding: 25px 0;
	background: #403726;
}

#adBox .list {
	float: left;
	width: 25%;
}

#adBox .list a {
	margin: 0 15px;
}


/************ = 適應性 = ************/
/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#NPBox ul li {
		width: calc(50% - 20px);
	}
}

/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#adBox .list {
		margin: 10px 0;
		width: 50%;
	}
}

/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#aboutBox > div {
		width: 97%;
	}
}

/* +width:450 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
	#NPBox ul li ,
	#adBox .list {
		width: 100%;
	}
}