/*
===========================================================================

	Title : quality.css

===========================================================================
*/


/***************************************************************
*
*	PC view
*	
****************************************************************/


/* pc 共通
------------------------------------------------------------ */

.mnfct .att{
	margin-left: 62px;
}
#wrap #content .inner sub{
	position: relative;
	top: -2px;
}
#wrap #content .inner .lead{
	margin: 0 auto 30px;
	width:820px;
}

#wrap #content .inner .h3Lead{
	margin: 0 auto 50px;
	width:95%;
}

#wrap #content .inner table{
	border-left: 2px solid #ded3cf; 
	border-bottom: 2px solid #ded3cf; 
	border-top: 2px solid #ded3cf;
	margin: 0 0 10px;
	width: 100%;

}

#wrap #content .inner table th{
	border-right: 2px solid #ded3cf;
	font-weight: bold;
	background:#f8f6f5 url(../image/submenu_line.png) repeat-x 0 bottom;
	background-size:7px 2px;
	text-align: center;
	padding: 14px;
}

#wrap #content .inner .sec02_table th{

	padding:5px 14px;
}

#wrap #content .inner table th span{
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
}

#wrap #content .inner table th.txt_l{
	text-align: left;
}

#wrap #content .inner table th.bottom-border{
	border-bottom: 2px solid #ded3cf;
	background-image: none;

}

#wrap #content .inner table td{
	border-right: 2px solid #ded3cf;
	background:url(../image/submenu_line.png) repeat-x 0 bottom;
	background-size:7px 2px;
	padding: 14px; 
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}


#wrap #content .inner .sec02_table td{
	text-align: center;
}

#wrap #content .inner table .last_no_boreder{
	background-image: none;
}

#wrap #content .inner table .w18{
	width:25%;
}

#wrap #content .inner table .w24{
	width:26%;
}

#wrap #content .inner table .w8{
	width:7%;
}


#wrap #content .inner .txt_c{
	text-align: center;
}

#wrap #content .inner .mt{
	margin-top: 20px;
	}
#wrap #content .inner .lh20{
	line-height:20px;
	}





/* pc dietary
------------------------------------------------------------ */
#wrap #content .inner h3 {
	background: url(../image/line_pc.png)repeat-x left bottom;
	background-size: 7px 2px;
	font-weight: bold;
	font-size: 22px;
	padding-bottom:7px;
	margin-bottom: 30px;
}

#wrap #content .inner section {
  width: 95%;
  margin: 0 auto 50px;
}

#wrap #content .inner section p {
	margin-bottom:15px !important;
}

#wrap #content .inner section p.leftBlc{
	float: left;
	width: 48%;
}
#wrap #content .inner section p.rightBlc{
	float: right;
	width: 48%;

}

#wrap #content .inner section p.centBlc img {
	display: block;
	margin: 0 auto;
}



/* pc mnfct
------------------------------------------------------------ */


#wrap #content.mnfct .inner dl {
	margin: 0 0 15px;
}


#wrap #content.mnfct .inner dl dt{
	width:191px;
	float: left;
}

#wrap #content.mnfct .inner dl dd{
	width:690px;
	float: right;
	margin-right:50px; 
}

#wrap #content.mnfct .inner dl dd p{
	margin: 0 0 5px;
}



#wrap #content .inner .btn{
	margin:30px auto 0 ;
	width:462px;
}



#wrap #content.mnfct .inner dl dd ul li{
	width:220px;
	float: left;
	margin: 0 10px 0 0  ;
}

#wrap #content.mnfct .inner dl dd ul li img {
	margin: 0 0 10px;
}


#wrap #content.mnfct .inner dl dd ul li p{
	font-size: 12px;
	line-height: 20px;
	margin:0  ;
}

/* pc ingre
------------------------------------------------------------ */
#wrap #content.ingre .inner .top_h3{
	margin-top: 60px;
}

#wrap #content.ingre .inner ul.img_list{
	width:810px;
	margin: 0 0 60px 90px;

}

#wrap #content.ingre .inner ul.img_list li{
	width: 250px;
	float: left;
	margin-right: 20px;
	

}

#wrap #content.ingre .inner ul.img_list li p{
	
	font-size: 12px;
	line-height: 20px;
	margin-top: 126px;


}

#wrap #content.ingre .inner p.attention{
	text-align: right;
	margin-bottom: 10px;
	margin-right: 117px;
	font-size: 12px;
}

#wrap #content.ingre .inner p.attention2{
	font-size: 12px;
	line-height: 18px;
}


#wrap #content.ingre .inner p.attention2 span{
	display: block;
	margin-left: 2em;
}

#wrap #content.ingre .inner .link_list {
    margin-bottom: 55px;
}

#wrap #content.ingre .inner .link_list li{
    display: inline-block;
    font-size: 14px;
    padding: 16px 11px 0;
    width:200px;
    background: url(../image/red_detail_arrow1.png) no-repeat no-repeat 0px 21px;
    background-size: 7px;
}

#wrap #content.ingre .inner .link_list li.long{

    width:250px;
}


#wrap #content.ingre .inner .btn_to_serch{
	margin: 40px auto 80px;
	width: 462px;

}




/***************************************************************
*
*	SP view
*	
****************************************************************/

@media screen and (max-width:769px){
	
#wrap #content h2{
	margin: 0 0 5% 0;
	}

#wrap #content .inner .lead{
	margin: 0 auto 30px;
	width:95%;
}
.mnfct .att{
	margin-left: 0%;
}

/* sp dietary
------------------------------------------------------------ */
#wrap .dietary .mainVis {
	background: url(../image/ttl_bg1.png) repeat left top;
	padding: 6% 6% 9% 6% !important;
	margin-bottom: 11% !important;
}


#wrap #content .inner h3 {
	padding-bottom: 3%;
	background-size: 7px 2px;
	margin-bottom: 5%;
	font-size: 14px;
}

#wrap #content .inner section p {
	margin-bottom:3% !important;
	padding: 0;
}

#wrap #content .inner section p.leftBlc{
	float:none;
	width: 95%;
}
#wrap #content .inner section p.rightBlc{
	float:none;
	width: 95%;

}



/* sp mnfct
------------------------------------------------------------ */

#wrap .mnfct .mainVis {
	background: url(../image/ttl_bg1.png) repeat left top;
	padding: 6% 6% 9% 6% !important;
	margin-bottom: 11% !important;
}

#wrap #content.mnfct .movie{
	margin:0% 5% 3%;
}

#wrap #content .inner .btn{
	margin:8% auto 3%;
	width: 78%;
}


#wrap #content.mnfct .inner dl {
	margin: 0 0 3%;
}


#wrap #content.mnfct .inner dl dt{
	width:100%;
	float: none;
}

#wrap #content.mnfct .inner dl dd{
	width:100%;
	float: none;
}

#wrap #content.mnfct .inner dl dd p{
	font-size: 11px;
	margin: 2% 0 3%;
	line-height: 16px;
	padding: 0;
}

#wrap #content.mnfct .inner dl dd ul li {
	width:48%;
	float: left;
	margin: 0 0 5%;
}

#wrap #content.mnfct .inner dl dd ul li img {
	margin: 0 0 3%;
}

#wrap #content.mnfct .inner dl dd ul li:nth-child(1) {
	margin: 0 3% 0 0  ;
}

#wrap #content.mnfct .inner dl dd ul li p{
	font-size: 9px;
	line-height: 14px;
	margin:0  ;
}


/* sp ingre
------------------------------------------------------------ */
#wrap  #content.ingre p{
	padding: 0;
}

#wrap .ingre .mainVis {
	background: url(../image/ttl_bg1.png) repeat left top;
	padding: 6% 6% 9% 6% !important;
	margin-bottom: 11% !important;
}


#wrap #content.ingre .inner .link_list {
	overflow:hidden;
}

#wrap #content.ingre .inner .link_list li{
    font-weight: nomal;
    font-size: 11px;

    padding: 2% 2% 2% 5%;
    background: url(../image/red_detail_arrow1.png) no-repeat no-repeat 5% 49%;
    background-size: 7px;
	width:40%;
	height:40px;
	line-height:40px;
	float:left;
	margin-bottom:2%;
	
	/* border */
	border:2px solid rgb(222, 211, 207);
	/* border-radius */
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	/* box-shadow */
	box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;
	-webkit-box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;
	-moz-box-shadow:rgba(221, 221, 221, 0.407843) 2px 2px 1px 1px;	
}


#wrap #content.ingre .inner .link_list li a{
	display:block;

}


#wrap #content.ingre .inner .link_list li.long{

   width:40%;
}


#wrap #content.ingre .inner .link_list li:nth-child(even){
	float:right;
}

#wrap .sitemap section ul.wako li{
	float:left;
}

#wrap #content.ingre .inner .link_list li.l2{
	line-height:20px;
}

#wrap #content.ingre .inner .link_list li.l3{
	line-height:15px;
}

#wrap #content.ingre .inner .link_list  {
    margin-bottom: 25px;
}


#wrap #content.ingre .inner p.attention{
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
	margin-right: 0;
}

#wrap #content.ingre .inner p.attention2{
	font-size: 11px;
	line-height: 18px;
}


#wrap #content.ingre .inner p.attention2 span{
	display: block;
	margin-left: 0;
}


#wrap #content.ingre .inner ul.img_list{
	width:100%;
	margin: 0 0 10px 3%;

}

#wrap #content.ingre .inner ul.img_list li{
	width: 45%;
	float: left;
	margin-right: 3%;
	

}


#wrap #content.ingre .inner ul.img_list .list_text{
	width: 91%;
	margin-right: 3%;
	

}



#wrap #content.ingre .inner ul.img_list li p{
	
	font-size: 12px;
	line-height: 20px;
	margin-top: 126px;


}

#wrap #content.ingre .inner .btn_to_serch{
	width:78%;
	margin: 0 auto;
}

}