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

#news{
	width:100%;
	padding-top:50px;
	margin-bottom:100px;
}

#news .ttl{
    width: 90%;
    max-width: 1100px;
    margin:0 auto 60px;
}

#news .ttl dt{
	background:#000;
	color:#FFFFFF;
	font-size:45px;
	letter-spacing:3px;
    padding: 30px 0;
}

#news .ttl dt span{
    font-size: 20px;
    display: block;
}

#news .ttl dd{
    font-size: 16px;
    width: 90%;
    max-width: 680px;
    text-align: left;
    margin: 40px auto;
}




#news .news_ttl{
	background:#000;
	color:#FFFFFF;
	padding:30px 50px;
	font-size:45px;
	max-width:1000px;
	margin:0 auto 50px;
	letter-spacing:3px;
}

#news .news_ttl span{
	font-size:20px;
}


#news .color{
	width:90%;
	max-width:1000px;
	margin:30px auto 10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;

}

#news .color dl{
	width:19%;
	margin-bottom:30px;
	text-align: center;
	font-size:13px;
}


#news .color dd:nth-of-type(1){
	text-align:center;
	font-size:14px;
	margin:15px 0;
	font-weight:bold;
}


#news .color dd:nth-of-type(2){
	text-align:left;
	font-size:12px;
	/*margin:15px 0;*/
}


#news .color_text{
	border-top:#333333 1px solid;
	max-width:1000px;
	margin:0 auto;
	padding:40px 0 30px;		
}

/*
#news .color_text dl{
	text-align:left;
	font-size:13px;
}

#news #color_text dt{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;

}

#news #color_text dt span{
	font-size:19px;
}
*/


#news .producer{
	max-width:900px;
	display:flex;
	border:#666666 1px dashed;
	margin:0 auto 60px;
	padding:30px 5%;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#news .producer .box{
    width: 48%;
}

#news .producer .box dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#news .producer .box dt{
    width: 28%;
}

#news .producer .box dd{
    width: 70%;
    text-align: left;
    font-size: 13px;
}

#news .producer .box dd p{
    font-weight: bold;
    font-size: 16px;
}

#news .producer .box dd span{
    font-size: 12px;
    display: block;
    margin: 5px 0;
}




#news .produce{
	max-width:800px;
	/*display:flex;	*/	
	border:#666666 1px dashed;
	margin:0 auto 60px;
	padding:30px 100px;
}

#news .produce p{
    width: 100%;
}

#news .produce dl{
	width:1000px;
	display:flex;
	text-align:left;
}

#news .produce dt{
	width:300px;
}

#news .produce dt img{
	max-width:230px !important;
}

#news .produce dd{
	width:530px;
	font-size:13px;
	margin:15px 0;
}


#news .produce dd span{
	margin:10px 0;
	display:block;
	font-size:20px;
	font-weight:bold;
}


#news .produce .produce_text{
	font-size:13px;
	border-top:#666 1px solid;
	text-align:left;
	padding-top:30px;
	margin-top:20px;
}

#news .produce .produce_text span{
	font-size:16px;
	font-weight:bold;
	display:block;
}




/*一つの時*/
#news .color001{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin:30px auto 10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#news .color001 dl{
	margin:30px 0 50px;
	font-size:25px;
	font-weight:bold;
}

#news .color001 dt{
	font-size:16px;
	font-weight:normal;	
}

#news .color001 dt span{
	font-size:14px ;
}



#news #newsbtn a{
	font-size:16px;
	border-bottom:#666666 1px solid;
	padding:20px 20px;
	margin:0 0  100px;
}



@media only screen and (max-width:768px) { 


#news .color{
	width:80%;
	
}



#news .color dl{
	width:40%;
	margin:0 1% 30px 0;
	text-align: center;
	font-size:13px;
}


#news .news_ttl{
	font-size:30px;
	letter-spacing:0px;

}



#news .produce{
	width:70%;
	padding:30px 10%;
}

#news .produce dd{
	width:100%;
	margin:0 auto;	
}

#news .produce dt{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#news .produce dt img{
	width:100% !important;
}

#news .produce dl{
	width:100%;
	display: block;
}


#news .produce dd span{
	margin:30px 0;
}

#news .color001 img{
	width:100% !important;
}

}

/*
@media only screen and (max-width:640px) { 

#newsmain_pc{
	display:none !important;
}

#newsmain_sp{
	display: block;
}

}*/