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


/*2018/03/22 食品情報DBページの複製*/
body #foods_db,body #foods_db p,body #foods_db ul,body #foods_db li,body #foods_db dl,body #foods_db dt,body #foods_db dd,body #foods_db h1,body #foods_db h2,body #foods_db h3,body #foods_db h4{ line-height: 1.5; }
#foods_db #mainV04{ width: 100%; height: 231px; margin-top: 48px; padding: 0; background-color: #e19140; }
#foods_db #mainV04 .mainV04_inner { width: auto; height: 231px; background-image: url(/web/jp/kikaku/images/maker_foods_db_mainv.png);background-position:  100% 0; background-repeat:  no-repeat;}
#foods_db #mainV04 .mainV04_inner h1{ width: 475px; padding-top: 90px; text-align: center; color: #ffffff; font-weight: bold; font-size: 24px; text-shadow: #e19140 1px 1px 8px, #e19140 -1px 1px 8px,#e19140 1px -1px 8px,#e19140 -1px -1px 8px;}
#foods_db #mainV04 .mainV04_inner h1 span{ display:block; font-size:42px;}
#foods_db #mainV04 .mainV04_inner h1 br{ display: none; }
#foods_db #mainV04 .mainV04_inner img{ display: table-cell;}
#foods_db h2.orgLine{margin-bottom:25px;padding:14px 14px 14px 17px;border-left:10px solid #e19140;background:#f0f0f1;font-size:20px;font-weight:bold;}
#foods_db .merit_table{ position:relative;}
#foods_db .merit_table ul li{ display: table; table-layout: fixed; width: 100%; font-weight:bold; margin-bottom: 30px;}
#foods_db .merit_table ul li > span{ display:table-cell; vertical-align: middle;}
#foods_db .merit_table ul li > span.merit_cell_before{ width: 440px; background-color: #f2f2f2; padding: 8px 8px 8px 40px;}
#foods_db .merit_table ul li > span.merit_cell_after{ color:#e19140; font-size: 17px; padding-right: 40px;}
#foods_db .merit_table ul li > span.merit_cell_arr{ width: 54px; text-align: center;}
#foods_db .merit_table ul li > span.merit_cell_arr img{ vertical-align: middle; }
#foods_db .merit_table span.before_img{ position: absolute; top: 90px; left: 0;}
#foods_db .merit_table span.before_img img{ height: 120px;}
#foods_db .merit_table span.after_img{ position: absolute; top: 90px; right: 0;}
#foods_db .merit_table span.after_img img{ height: 120px;}
#foods_db .merit_all{ text-align:center; margin: 15px auto 30px;}
#foods_db .merit_all p { font-size:20px; font-weight:bold; color:#333333; padding-top:10px;}
#foods_db .merit_all p span{ display: block; }
#foods_db .merit_all p span.txt_l{ font-size:24px;}
#foods_db ul.voice_box{}
#foods_db ul.voice_box li{ float: left;width: 33.33%; text-align: center;}
#foods_db ul.voice_box li p{ padding: 20px 30px; text-align: left;}
#foods_db ul.voice_box li p span{ display: block; font-weight: bold; padding-bottom: 10px; text-align: center;}
#foods_db .jirei_contents { background-color: #F7F7F7; margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px;}
#foods_db .jirei_contents .jirei_wrap{ margin: 0 auto; }
#foods_db .jirei_contents .card_box.three,#foods_db .jirei_contents .card_box.two { margin: auto; padding: 0; }
#foods_db .jirei_contents .jirei_wrap a{ display: block;margin: 0 auto;}
#foods_db .jirei_contents .jirei_wrap a .card { background: #fff; border-radius: 5px; border: 1px #ccc solid; height: 326px; }
#foods_db .jirei_contents .jirei_wrap.wrap3{ margin: 0 2%; }
#foods_db .jirei_contents .jirei_wrap.wrap3 .card_box.three{ float: left; width: 33.33%;}
#foods_db .jirei_contents .jirei_wrap.wrap3 a{ width:258px; }
#foods_db .jirei_contents .jirei_wrap.wrap2{ width: 560px; }
#foods_db .jirei_contents .card_box.one { width: 700px; margin: auto; padding: 0 0 60px 0; }
#foods_db .jirei_contents .card_box.one .card { width:670px;}
#foods_db .jirei_contents .card_box.one .card-title { margin-bottom:20px !important; }
#foods_db .jirei_contents .card_box.one .card-img  { border-radius: 5px 0 5px 0; width: 300px !important; display:inline-block; height: auto; }
#foods_db .jirei_contents .card_box.one .card-content { padding: 30px 0 0 25px; width: 320px !important;display:inline-block; vertical-align:top; }
#foods_db .jirei_contents .card_box.one { width: 310px; margin: auto; padding: 0 0 40px 0; }
#foods_db .jirei_contents a:hover .card-img { opacity: 0.7; }
#foods_db .jirei_contents .card-img { border-radius: 5px 5px 0 0; max-width: 100%; height: auto; }
#foods_db .jirei_contents .card-content { padding: 20px; }
#foods_db .jirei_contents .card-title { font-size: 18px; margin-bottom: 10px; font-weight: bold; text-align: center; color: #333; }
#foods_db .jirei_contents .card-text { color: #333; font-size: 14px; line-height: 1.5; }
#foods_db .jirei_contents .card-link { text-align: center; border-top: 1px solid #eee; padding: 20px; }
#foods_db .jirei_contents .card-link a { text-decoration: none; color: #0bd; margin: 0 10px; }
#foods_db .jirei_contents .card-link a:hover { color: #0090aa; }
#foods_db .jirei_contents .jirei_title{ margin: 0 5% 30px; text-align: center; font-size: 30px; font-weight: normal;}
#foods_db .cnv_btn{
	margin: 20px auto 30px;
	text-align: center;
}
#foods_db .text_read{
	margin: 20px 0 0;
}

@media screen and (max-width:1023px){
	#foods_db #mainV04{
		margin-top: 0;
	}
	#foods_db #mainV04 .contents{
		width: 95%;
		margin: 0 0 0 5%;
	}
	#foods_db #mainV04 .mainV04_inner{
		background-position: 100% 48px;
	}
	#foods_db #mainV04 .mainV04_inner h1{
		width: 380px;
		padding-top: 105px;
	}
	#foods_db ul.voice_box li p{
		padding: 20px 10px;
	}
	#foods_db .jirei_contents{
		padding-bottom: 0;
	}
	#foods_db .jirei_contents .jirei_wrap.wrap3 .card_box.three{ 
		width: 50%;
		margin-bottom: 40px;
	}
}
@media screen and (min-width:568px) and (max-width:1023px){
	#foods_db .merit_table ul li > span.merit_cell_before,#foods_db .merit_table ul li > span.merit_cell_after{
		width: auto;
	}
}
@media screen and (max-width:810px){
	#foods_db .merit_table ul li > span.merit_cell_after .indention{
		display: none;
	}
}
@media screen and (max-width:885px){
	#foods_db #mainV04 .mainV04_inner{
		background-image: url(/web/jp/kikaku/images/maker_foods_db_mainv02.png);
	}
}
@media screen and (max-width:767px){
	#breadcrumbs{
		background-color: rgba(255,255,255,0.7);
	}
	#foods_db #mainV04 .mainV04_inner{
		background-position: 50% 48px;
	}
	#foods_db #mainV04 .mainV04_inner h1{
		margin: 0 auto;
		padding-top: 110px;
	}
	#foods_db ul.voice_box li{
		width: 50%;
	}
	#foods_db .jirei_contents{
		padding-top: 40px;
	}
	#foods_db .jirei_contents .jirei_wrap.wrap3 .card_box.three{ 
		width: 44%;
		margin: 0 3% 40px;
	}
	#foods_db .jirei_contents .jirei_wrap.wrap3 a{
		width: 100%;
	}
	#foods_db .btn_inquiry_text{
		font-size: 18px;
	}
	#foods_db .btn_inquiry_text br{
		display: none;
	}
}
@media screen and (min-width:568px) and (max-width:767px){
	#foods_db .merit_table span.before_img{
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#foods_db .merit_table span.after_img{
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#foods_db .jirei_contents .jirei_title{
		font-size: 20px;
	}
}
@media screen and (max-width:567px){
	#foods_db #mainV04 .contents{
		width: 100%;
		margin: 0;
	}
	#foods_db #mainV04 .mainV04_inner{
		padding: 0 5%;
	}
	#foods_db #mainV04 .mainV04_inner h1{
		width: auto;
		padding-top: 105px;
		line-height: 1.2;
	}
	#foods_db #mainV04 .mainV04_inner h1 br{
		display: inline;
	}
	#foods_db #mainV04 .mainV04_inner h1 span{
		margin-top: 10px;
	}
	#foods_db .merit_table{
		margin-bottom: 4em;
	}
	#foods_db .merit_table ul li{
		display: block;
		letter-spacing: -0.4em;
	}
	#foods_db .merit_table ul li > span{
		letter-spacing: normal;
		box-sizing: border-box;
	}
	#foods_db .merit_table ul li > span.merit_cell_before{
		display: block;
		width: auto;
		margin-bottom: 10px;
		padding: 8px 16px;
	}
	#foods_db .merit_table ul li > span.merit_cell_after,#foods_db .merit_table ul li > span.merit_cell_arr{
		display: inline-block;
	}
	#foods_db .merit_table ul li > span.merit_cell_after{
		width: calc( 100% - 76px );
		padding: 8px 0 8px 16px;
	}
	#foods_db .merit_table ul li:last-child > span.merit_cell_after{
		padding-right: 32px;
	}
	#foods_db .merit_table ul li > span.merit_cell_arr{
		width: 34px;
		height: 44px;
		margin-left: 40px;
	}
	#foods_db .merit_table span.before_img,#foods_db .merit_table span.after_img{
		top: auto;
		bottom: -56px;
	}
	#foods_db .merit_all p span{
		margin-bottom: 10px;
	}
	#foods_db .merit_all p span br{
		display: none;
	}
	#foods_db ul.voice_box li{
		float: none;
		width: 100%;
	}
	#foods_db .jirei_contents .jirei_title{
		font-size: 18px;
	}
	#foods_db .jirei_contents .jirei_wrap.wrap3 .card_box.three{ 
		width: 100%;
		margin: 0 0 40px;
	}
	#foods_db .jirei_contents .jirei_wrap.wrap3 a{
		width: 258px;
	}
}
@media screen and (max-width:437px){
	#foods_db .merit_table{
		margin-bottom: 3em;
	}
	#foods_db .merit_table span.before_img,#foods_db .merit_table span.after_img{
		bottom: -32px;
	}
}
@media screen and (max-width:343px){
	#foods_db .merit_table{
		margin-bottom: 2em;
	}
	#foods_db .merit_table span.before_img,#foods_db .merit_table span.after_img{
		bottom: -8px;
	}
}