/* CSS Document */

/*--------------------------------------------------------------
1.0 new-products
--------------------------------------------------------------*/
#new_products{
	font-family: "ヒラギノ明朝 Pro W3", HiraMinPro-W3, serif;
	/*background:#F1E2D6;*/
	background:#ffd9b0;
	font-size:17px;
	padding-bottom:80px;
}


/*------------------------------
	1.1 movie_area
------------------------------*/
#new_products .movie_area{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#000;
	font-size:0;
}

#new_products .movie_area video{
	width:80%;
}

/*#new_products .movie_area{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}*/

/*#new_products .movie_area video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

/*------------------------------
	1.2 contents
------------------------------*/
#new_products #content{
	text-align:center;
	margin:0 auto;
}

#new_products #content h1{
	font-size:40px;
	margin-top:30px;
}

#new_products #content h1 span{
	display:block;
	font-size:28px;
	margin-top:-10px;
}

#new_products #content .inner{
	max-width:1140px;
	margin:50px auto 0;
	text-align:center;
	position:relative;
}

#new_products #content .inner h2{
	font-size:26px;
}

#new_products #content .inner p.disc{
	width:80%;
}

#new_products #content .inner p{
	text-align:left;
	display:inline-block;
	font-weight:600;
}

#new_products #content .inner p.click{
	margin-top:20px;
	font-size:15px;
}

#new_products .inner .img_area{
	margin:20px auto;
}

#new_products .inner .img_area li{
	width:32%;
	display:inline-block;
	box-sizing:border-box;
	justify-content:space-between;
	padding:2%;
}

.pro_img{
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

#new_products .inner .img_area img.pro_img:hover{
	transform:scale(1.1);
	cursor:pointer;
}

/*------------------------------
	1.3 detail
------------------------------*/
#new_products .common{
	max-width:1140px;
	margin:50px auto;
	text-align:center;
	background:#fff;
	position:absolute;
	left:0;
	/*margin-left: calc(-50vw + 0%);
    margin-right: calc(-50vw + 50%);*/
}

#new_products #anchovy,#new_products #french,#new_products #kakeru,#new_products #gouda,#new_products #mozzarella,#new_products #smoked,#new_products #sliced,#new_products #choleste{
	display: -ms-flex;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}    

#new_products .common .left1{
	width:50%;
	font-size:0;
}

#new_products .common .right1{
	width:50%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	box-sizing:border-box;
}

#new_products .common .right1 .box{
	padding:0 10px 10px 10px;
}

#new_products .common .right1 img{
	width:50%;
	display:block;
	margin:0 auto;
}

#new_products .common .right1 p.name{
	font-size:22px;
	font-weight:600;
}

#new_products .common .right1 p.text{
	width:90%;
	text-align:left;
}

#new_products .common .right1 li{
	width: 29%;
	margin-right: 2%;
	display: inline-block;
	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 10px 1px;
}

#new_products .common .right1 li a{
	color:#fff;
	font-weight:600;
	box-sizing:border-box;
	padding:10px 15px;
	font-size:15px;
}

#new_products .common .back{
	background:#e95a24;
}

#new_products .common .right1 li.back:hover{
	background:#fff;
	border:2px solid #e95a24;
}

#new_products .common .right1 li.back:hover a{
	color:#e95a24;
}

#new_products .bottom{
	padding-bottom:530px;
}