@charset "UTF-8";

/*-------------------------------------------------------------------
 *
 * File Name   :products.css
 *
-------------------------------------------------------------------*/

body{
	zoom:1;
}

/*===================================================================
	main
===================================================================*/
div.mainArea{
	width:1080px;
	margin:0 auto;
}

/*===================================================================
	productsHead
===================================================================*/
div.productsHead{
	display:table;
	width:1000px;
	margin:0 auto;
}
div.productsHead h1{
	display:table-cell;
	background:url(/babyfood/products/images/products_ttl.jpg) left top no-repeat;
	width:231px;
	height:92px;
	padding-right:55px;
}
div.productsHead h1 img{
	display:none;
}
div.productsHead p.lead{
	display:table-cell;
	color:#5d2e00;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}
/*===================================================================
	productsMain
===================================================================*/
div.productsMain{
	float:right;
}
/*===================================================================
	productsMain - productsTtl
===================================================================*/
div.productsTtlWrap{
	background-color:#fff;
	margin-bottom:20px;
}
div.productsTtl{
	background:url(/babyfood/products/images/products_bg_main02.gif) left top no-repeat;
}
div.productsTtlInr{
	background:url(/babyfood/products/images/products_bg_main02_2.gif) left bottom no-repeat;
	width:714px;
	padding:50px 35px 25px;
}
div.productsTtl h2{
	color:#eb0028;
	font-size:32px;
	font-weight:bold;
}
div.productsTtl p.lead{
	color:#862c00;
	font-size:18px;
	font-weight:bold;
}
div.productsTtl p.link{
	margin-top:1em;
	text-align:right;
}
div.productsTtl p.link a{
	background:url(/babyfood/products/images/products_ico_arrow02.gif) center right no-repeat;
	padding-right:17px;
	font-size:16px;
	font-weight:bold;
	color:#eb0028;
	border-bottom:1px dotted #e2be56;
}

/*===================================================================
	#productsInfo
===================================================================*/
div#productsInfo{
	background:url(/babyfood/products/images/products_bg_main01_3.gif) left top repeat-y;
	width:837px;
}
div#productsInfo.sectionWrap .section{
	background:url(/babyfood/products/images/products_bg_main04.gif) left top no-repeat;
}
div#productsInfo.sectionWrap .section .sectionInr{
	background:url(/babyfood/products/images/products_bg_main04_2.gif) left bottom no-repeat;
	padding:30px 60px 5px 0;
}
div#productsInfo h2{
	width:871px;
	margin:0 auto;
}

div#productsInfo ul.productsList{
	width:946px;
	font-size:0;
	text-align:center;
	margin:15px auto 25px;
}
div#productsInfo ul.productsList li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	width:235px;
	margin:0 2px 2px 0;
}
div#productsInfo ul.productsList li.products04{
	margin-right:0;
}
div#productsInfo ul.productsList li a{
	width:235px;
	height:202px;
	background:url(/babyfood/images/top_icn_arrow.png) 205px center no-repeat;
	display:block;
}
div#productsInfo ul.productsList li a dl{
	text-align:center;
}
div#productsInfo ul.productsList li a dl dt{
}
div#productsInfo ul.productsList li a dl dt img{
	width:235px;
}
div#productsInfo ul.productsList li a dl dd{
	width:100%;
	display:table;
}
div#productsInfo ul.productsList li a dl dd .title{
	display:table-cell;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	color:#eb0028;
	height:40px;
	vertical-align:middle;
}
div#productsInfo ul.productsList li a dl dd .title span{
	display:block;
	font-size:80%;
	font-weight:normal;
}
div#productsInfo ul.productsList li a:hover img{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}

/*===================================================================
	.searchArea
===================================================================*/
.searchAreaHead,
.searchArea{
	width:695px;
	margin:0 auto;
}

p.search_error{
	color:#eb0028;
	margin:1em 0;
	font-size:16px;
}
p.btn_conditions,
p.btn_conditions_on{
	text-align:center;
	margin:40px auto 0;
}
p.btn_conditions span:hover,
p.btn_conditions_on:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}
p.btn_conditions span{
	display:inline-block;
	background:url(/babyfood/images/top_btn_conditions.png) left top no-repeat;
	width:263px;
	height:39px;
	cursor:pointer;
}
p.btn_conditions_on span{
	display:inline-block;
	background:url(/babyfood/images/top_btn_conditions_on.png) left top no-repeat;
	width:263px;
	height:39px;
	cursor:pointer;
}
p.btn_search{
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
}
p.btn_search a{
	display:block;
	background:url(/babyfood/images/search.png) left 15% top 50% no-repeat,
	url(/babyfood/images/btn_bg.png) left top no-repeat;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	width:249px;
	margin:0 auto;
	padding:17px 0px 17px 30px;
}
p.btn_search a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}
p.btn_re_search{
	width:100%;
	text-align:center;
	margin-top:10px;
}
p.btn_re_search a{
	display:block;
	background:url(/babyfood/images/search.png) left 15% top 50% no-repeat,
	url(/babyfood/images/btn_bg.png) left top no-repeat;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	width:249px;
	margin:0 auto;
	padding:17px 0px 17px 30px;
}
p.btn_re_search a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}

.searchArea dl{
	position:relative;
}
.searchArea dl dd li{
	float:left;
}
.searchArea dl dd input[type=checkbox]{
	position:absolute;
	width:0;
	height:0;
	margin:0;
	left:0;
	top:0;
	opacity:0;
}
.searchArea dl dd label{
	background:url(/babyfood/common/images/bg_checkbox_off.gif) left 8px no-repeat;
	display:inline-block;
	position:relative;
	cursor:pointer;
	padding:10px 0 10px 27px;
	margin-right:11px;
}
.searchArea dl dd label.active{
	background-image:url(/babyfood/common/images/bg_checkbox_on.gif);
}
/*===================================================================
	#productsSearch
===================================================================*/
div#productsSearch h3{
	display:inline-block;
}
div#productsSearch p.lead{
	display:inline-block;
	font-size:16px;
	line-height:43px;
	vertical-align:bottom;
}

div#productsSearch .searchArea{
	display:none;
	margin-top:20px;
}
div#productsSearch .searchArea dl{
	float:left;
	font-size:14px;
	margin:0 0 20px 0;
}
div#productsSearch .searchArea dl dt{
	display:inline-block;
	color:#fff;
	font-size:17px;
	background-color:#f67f00;
	margin-bottom:-1px;
	padding:5px 10px 3px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
div#productsSearch .searchArea dl dd{
	background-color:#fff8dc;
	border-top:3px solid #f67f00;
	padding:0 17px;
	font-size:14px;
	position:relative;
}
div#productsSearch .searchArea dl.allergySearch dt{
	display:block;
	font-size:14px;
	background-color:#f66800;
	height:18px;
	padding:11px 10px;
}
div#productsSearch .searchArea dl.allergySearch dt img{
	margin-right:17px;
}
div#productsSearch .searchArea dl.allergySearch dt span{
	border-bottom:3px solid #ffde7b;
}

div#productsSearch .searchArea dl.allergySearch dd{
	border-top:none;
	font-size:14px;
}

/*===================================================================
	productsMain - index
===================================================================*/
body.index .mainArea{
	width:1129px;
	padding-left:47px;
}
div.productsListWrap{
	background:url(/babyfood/products/images/products_bg_main01_3.gif) left top repeat-y;
	width:830px;
	margin:0 auto;
}
div.productsList{
	background:url(/babyfood/products/images/products_bg_main01.gif) left top no-repeat;
	width:830px;
}
div.productsListInr{
	background:url(/babyfood/products/images/products_bg_main01_2.gif) left bottom no-repeat;
	width:688px;
	padding:20px 45px 50px;
}
div.productsListInr h2{
	padding-bottom:40px;
	color:#eb0028;
	text-align:center;
	font-size:32px;
	font-weight:bold;
}
div.productsListInr h2 span{
	padding-left:0.5em;
	font-size:24px;
}
body.index div.productsListInr .productsListContent,
body.category div.productsListInr .productsListInr02.border-bottom .productsListContent{
	background:url(/babyfood/products/images/products_bg_footer.gif) left bottom repeat-x;
	margin-bottom:30px;
	padding-bottom:40px;
}
body.index div.productsListInr .productsListContent.last,
body.category div.productsListInr .productsListInr02.border-bottom .productsListContent.last{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
body.index #kid{
	margin-top:30px;
}
body.index #kid div.productsListInr .productsListContent{
	/*background:none;
	margin-bottom:0;
	padding-bottom:0;*/
}
body.index #kid div.productsListInr .productsListContent dl{
	margin-bottom:0;
}
body.index div.productsListInr .productsListContent h3{
	color:#eb0028;
	font-size:24px;
	font-weight:bold;
}
body.index div.productsListInr .productsListContent h3 a{
	background:url(/babyfood/products/images/products_ico_arrow01.gif) center right no-repeat;
	padding-right:23px;
	color:#eb0028;
	font-size:24px;
	font-weight:bold;
}
body.index div.productsListInr .productsListContent h3 a:hover{
	text-decoration:underline;
}
body.index div.productsListInr .productsListContent h3 a span{
	font-size:16px;
	line-height:24px;
	vertical-align:middle;
}
body.index div.productsListInr .productsListContent .lead{
	color:#862c00;
	font-size:14px;
	font-weight:bold;
}
body.index div.productsListInr .productsListContent dl{
	display:inline-block;
	width:334px;
	vertical-align:top;
	margin:30px 15px 0 0;
}
body.index div.productsListInr .productsListContent dl.even{
	margin-right:0;
}
body.index div.productsListInr .productsListContent dl dt{
	position:relative;
	display:inline-block;
	padding:2px;
	border:4px solid #cfb055;
}
body.results div.productsListInr .productsListContent dl dt p.img{
	position:relative;
	display:inline-block;
	padding:2px;
	border:4px solid #cfb055;
}
body.results div.productsListInr .productsListContent dl dt{
	width:142px;
	padding:0;
	border:none;
}
body.results div.productsListInr .productsListContent dl dt p.link{
	display:block;
}
body.results div.productsListInr .productsListContent dl dt p.link a{
	background:url(/babyfood/products/images/products_ico_arrow02.gif) center right no-repeat;
	padding-right:17px;
}
body.index div.productsListInr .productsListContent dl dt a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}
body.index div.productsListInr .productsListContent dl dt p.link a:hover{
	text-decoration:underline;
	opacity:1.0;
}
body.index div.productsListInr .productsListContent dl dt span{
	display:table;
	width:130px;
	height:114px;
	border:1px dotted #cfb055;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
}
body.index div.productsListInr .productsListContent dl dt span a{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
body.index div.productsListInr .productsListContent dl dt span a img{
	width:auto;
	max-width:75%;
	height:auto;
	max-height:94px;
}
body.index div.productsListInr .productsListContent dl dt span a[href="bin/"] img{
	max-width:90%;
}
@media all and (max-width:767px) { /* SP */
  body.index div.productsListInr .productsListContent dl dt span a[href="bin/"] img {
    max-width: 85%;
  }
}
body.index div.productsListInr .productsListContent dl dt span.ico{
	position:absolute;
	display:block;
	top:-12px;
	left:-12px;
	padding:0;
	border:none;
	z-index:1;
}
body.index div.productsListInr .productsListContent dl dd{
	width:175px;
	float:right;
}
body.index div.productsListInr .productsListContent dl dd h4{
	margin-bottom:1em;
	color:#862c00;
	font-weight:bold;
}
body.index div.productsListInr .productsListContent dl dd h4 span{
	display:block;
	font-size:11px;
}
body.index div.productsListInr .productsListContent dl dd h4 span.ex{
	font-size:8px;
	vertical-align:top;
}
body.index div.productsListInr .productsListContent dl dd p span{
	display:block;
	font-size:11px;
}
body.index div.productsListInr .productsListContent dl dd p{
	display:block;
	line-height:150%;
}
body.index div.productsListInr .productsListContent dl dd p.link{
	margin-top:1em;
	font-weight:bold;
}
body.index div.productsListInr .productsListContent dl dd a{
	background:url(/babyfood/products/images/products_ico_arrow02.gif) center right no-repeat;
	padding-right:17px;
	text-decoration:underline;
}
body.index div.productsListInr .productsListContent dl dd a:hover{
	text-decoration:none;
}
/*===================================================================
	productsMain - category
===================================================================*/
body.results .mainArea,
body.category .mainArea{
	width:1126px;
	padding-left:44px;
}
body.category p.pagetop{
	width:780px;
	margin:10px 0;
}
body.category p.cmn_pagetop{
	width:1070px;
	margin:30px auto;
}
body.category div.productsTtl,
body.category div.productsTtlWrap,
body.results div.productsTtl,
body.results div.productsTtlWrap{
	width:785px;
}
body.category div.productsTtlInr,
body.results div.productsTtlInr{
	width:730px;
	padding:60px 20px 30px 35px;
}
body.category div.productsTtlInr .fl_l{
	width:560px;
}
body.results div.productsTtlInr .fl_l{
	width:100%;
}
body.category div.productsTtlInr .fl_r{
	width:150px;
}
body.category div.productsTtlInr h2{
	margin-bottom:10px;
}
body.category div.productsTtlInr h2 span{
	font-size:28px;
}
body.category ul.productsCategoryList{
	width:698px;
	margin:0 auto;
	font-size:0;
}
body.category ul.productsCategoryList li{
	display:inline-block;
	width:170px;
	margin:0 4px 7px 0;
	font-size:12px;
	vertical-align:top;
}
body.category ul.productsCategoryList li img{
	display:none;
}
body.category ul.productsCategoryList li a{
	display:block;
	width:170px;
	height:55px;
}
body.category ul.productsCategoryList li.category01 a{
	background:url(/babyfood/products/images/products_btn_category01_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category02 a{
	background:url(/babyfood/products/images/products_btn_category02_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category03 a{
	background:url(/babyfood/products/images/products_btn_category03_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category04 a{
	background:url(/babyfood/products/images/products_btn_category04_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category05 a{
	background:url(/babyfood/products/images/products_btn_category05_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category06 a{
	background:url(/babyfood/products/images/products_btn_category06_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category07 a{
	background:url(/babyfood/products/images/products_btn_category07_off.png) left top no-repeat;
}
body.category ul.productsCategoryList li.category08 a{
	background:url(/babyfood/products/images/products_btn_category08_off.png) left top no-repeat;
}
body.category ul.productsCategoryList li.category09 a{
	background:url(/babyfood/products/images/products_btn_category09_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category10 a{
	background:url(/babyfood/products/images/products_btn_category10_off.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category01 a:hover{
	background:url(/babyfood/products/images/products_btn_category01_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category02 a:hover{
	background:url(/babyfood/products/images/products_btn_category02_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category03 a:hover{
	background:url(/babyfood/products/images/products_btn_category03_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category04 a:hover{
	background:url(/babyfood/products/images/products_btn_category04_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category05 a:hover{
	background:url(/babyfood/products/images/products_btn_category05_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category06 a:hover{
	background:url(/babyfood/products/images/products_btn_category06_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category07 a:hover{
	background:url(/babyfood/products/images/products_btn_category07_on.png) left top no-repeat;
}
body.category ul.productsCategoryList li.category08 a:hover{
	background:url(/babyfood/products/images/products_btn_category08_on.png) left top no-repeat;
}
body.category ul.productsCategoryList li.category09 a:hover{
	background:url(/babyfood/products/images/products_btn_category09_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList li.category10 a:hover{
	background:url(/babyfood/products/images/products_btn_category10_on.gif) left top no-repeat;
}
body.category ul.productsCategoryList.allergy li{
	margin:0 10px 7px 0;
}
body.category div.productsList{
	background:none;
}
body.category div.productsListInr{
	width:auto;
	margin-top:30px;
	padding:0;
}
body.category div.productsListInr h2,
body.category div.productsListInr h3{
	background-color:#fff8dc;
	width:780px;
	padding-bottom:0;
	color:#eb0028;
}
body.category div.productsListInr h3{
	background-color:#fff;
	width:100%;
	margin:15px 0 0;
	font-size:18px;
	font-weight:bold;
}
body.category div.productsListInr02{
	background:url(/babyfood/products/images/products_bg_main01.gif) left top no-repeat;
	width:688px;
	margin-top:-30px;
	padding:100px 96px 50px 45px;
}
body.category.happy div.productsListInr02{
	margin-top:-75px;
}
body.category div.productsListInr .productsListContent p.lead span{
	font-size:11px;
}
body.category div.productsListInr .productsListContent p.lead span.fwB{
	font-size:14px;
	font-weight:bold;
}
body.category div.productsListInr .productsListContent ul{
	font-size:0;
}
body.category div.productsListInr .productsListContent ul li{
	display:inline-block;
	position:relative;
	width:142px;
	margin-right:40px;
	margin-top:20px;
	font-size:12px;
	vertical-align:top;
}
body.category div.productsListInr .productsListContent ul li.last{
	margin-right:0;
}
body.category div.productsListInr .productsListContent ul li p.productsImg{
	position:relative;
	margin-bottom:0.5em;
	padding:2px;
	border:4px solid #cfb055;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span{
	display:table;
	width:130px;
	height:130px;
	padding:3px;
	border:1px dotted #cfb055;
	box-sizing:border-box;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span a{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}
body.category div.productsListInr .productsListContent ul li p.productsImg span img{
	width:auto;
	max-width:75%;
	height:auto;
	max-height:94px;
}
body.category div.productsListInr .productsListContent ul li p.productsImg a{
	display:block;
}
body.category div.productsListInr .productsListContent ul li p.link a{
	background:url(/babyfood/products/images/products_ico_arrow02.gif) center right no-repeat;
	text-align:left;
	padding-right:17px;
}
body.category div.productsListInr .productsListContent ul li p.link a:hover{
	text-decoration:underline;
}
body.category div.productsListInr .productsListContent ul li p.ico,
body.results div.productsListInr .productsListContent p.ico{
	margin-bottom:0.5em;
}
body.category div.productsListInr .productsListContent ul li p.ico img,
body.results div.productsListInr .productsListContent p.ico img{
	width:100%;
}
body.results div.productsListInr .productsListContent dl dt p.new,
body.category div.productsListInr .productsListContent ul li p.new{
	position:absolute;
	top:-12px;
	left:-12px;
	z-index:99;
}
body.results div.productsListInr .productsListContent dl dt p.new img,
body.category div.productsListInr .productsListContent ul li p.new img{
	width:100%;
}
body.category div.productsListInr .productsListContent ul.style02 li p.productsImg span img{
	width:100%;
	height:100%;
	max-width:none;
	max-height:none;
	margin:0;
}

/* HIDE NEW&renewal mark 20160610  */
body.category div.productsListInr .productsListContent ul li p.new {
	display:none;
}

/*===================================================================
	productsMain - productsDetail
===================================================================*/
div.productsDetailWrap{
	background-color:#fff;
	width:778px;
}
div.productsDetail{
	background:url(/babyfood/products/images/products_bg_main03.gif) left top no-repeat;
}
div.productsDetailInr{
	background:url(/babyfood/products/images/products_bg_main03_2.gif) left bottom no-repeat;
	width:695px;
	min-height:300px;
	padding:45px 41px 50px 42px;
}
div.productsDetail h3{
	color:#f12547;
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
div.productsDetail h3 img{
	margin-left:0.5em;
	vertical-align:top;
}
div.productsDetail .txtArea{
	margin-bottom:20px;
}
div.productsDetail .productsDetailImg{
	float:left;
	width:300px;
}
.detail div.productsDetail .productsDetailImg{
	display:table;
	width:287px;
	border:4px solid #cfb055;
	padding:2px;
	box-sizing:border-box;
}
div.productsDetail .productsDetailImg span{
	display:table-cell;
	width:100%;
	height:253px;
	padding:3px;
	text-align:center;
	border:1px dotted #cfb055;
	box-sizing:border-box;
	vertical-align:middle;
}
div.productsDetail .productsDetailImg p{
	margin:10px 0;
}
div.productsDetail .productsDetailContent{
	float:right;
	width:365px;
	min-height:285px;
}
div.productsDetail .productsDetailContent .mainTxt{
	color:#862c00;
	font-size:16px;
	font-weight:bold;
}
div.productsDetail .productsDetailContent02 .fl_l,
div.productsDetail .productsDetailContent02 .fl_r{
	width:336px;
}
div.productsDetail .productsDetailContent p,
div.productsDetail .productsDetailContent div.mb5{
	margin-bottom:20px;
}
div.productsDetail .productsDetailContent div.mb5 a{
	display:inline-block;
	height:23px;
	overflow:hidden;
}
div.productsDetail .productsDetailContent div.mb5 a img{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:auto !important;
	height:auto !important;
}
div.productsDetail .productsDetailContent div.mb5 a img:hover{
	top:-23px;
	left:0;
}
div.productsDetail .productsDetailImg ul,
div.productsDetail .productsDetailContent ul{
	margin-bottom:20px;
	text-indent:-1em;
	padding-left:1em;
}
div.productsDetail .productsDetailContent02 p{
	line-height:175%;
}
div.productsDetail dl{
	margin:0 0 20px;
}
div.productsDetail .productsDetailContent02 dl{
	margin-top:10px;
	line-height:175%;
}
div.productsDetail dl dt{
	font-weight:bold;
	margin-bottom:5px;
}
div.productsDetail dl dt.ttl{
	background-color:#f12547;
	padding:0 5px 0 35px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:27px;
	text-indent:-35px;
	border-radius:5px;
}
div.productsDetail dl dt.ttl img{
	margin-right:5px;
	vertical-align:text-bottom;
}
div.productsDetail dl dd{
	margin-bottom:20px;
}
div.productsDetail .productsDetailContent02 dl dd span{
	display:block;
	margin-top:0.5em;
	font-size:12px;
}
div.productsDetail .productsDetailContent02 dl dd ul li{
	background:url(/babyfood/products/images/products_ico_notice.gif) left 2px no-repeat;
	padding-left:25px;
	line-height:22px;
}
div.productsDetail p.allergyInfo{
	margin-bottom:20px;
}
div.productsDetail p.allergyInfo a{
	background:url(/babyfood/common/images/cmn_ico_arrow02.gif) right 5px no-repeat;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
div.productsDetail p.allergyInfo a:hover{
	text-decoration:none;
}

div.productsDetail div.allergyTxt{
	display:block;
	padding:0;
}
div.productsDetail div.allergyTxt .img{
	margin-bottom:5px;
}
div.productsDetail div.allergyTxt .txt{
	color:#862c00;
	margin-bottom:0;
}
div.productsDetail div.allergyTxt .txt + .txt{
	padding-left:1em;
	text-indent:-1em;
}

div.productsTtlWrap div.allergyTxt.month{
	display:block;
	margin-top: 20px;
	padding:0;
}
div.productsTtlWrap div.allergyTxt .img{
	margin-bottom:5px;
}
div.productsTtlWrap div.allergyTxt .txt{
	color:#862c00;
	margin-bottom:0;
}
div.productsTtlWrap div.allergyTxt .txt + .txt{
	padding-left:1em;
	text-indent:-1em;
}
div.productsTtlWrap div.allergyTxt.allergy{
	display:block;
	margin-top: 10px;
	padding:0;
}
div.productsTtlWrap div.allergyTxt.allergy .txt{
	padding-left:1em;
	text-indent:-1em;
}

div.productsDetail table{
	width:100%;
	margin:10px 0 30px;
	text-align:center;
}
div.productsDetail .productsDetailContent02 table{
	width:100%;
	margin-bottom: 10px;
}
div.productsDetail table th{
	width:20%;
	background-color:#f3dea0;
	padding:7px 0;
	border:1px solid #cfb055;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	word-break:break-all;
}
div.productsDetail .productsDetailContent02 table th{
	width:40%;
	padding-left:3%;
	text-align:left;
	word-break:break-all;
}
div.productsDetail table td{
	padding:7px 0;
	border:1px solid #cfb055;
	vertical-align:middle;
	word-break:break-all;
}
div.productsDetail .productsDetailContent02 table td{
	padding-left:3%;
	text-align:left;
}

div.productsDetail .productsDetailContent02 .tableCaption {
	margin-bottom: 10px;
	text-align: right;
}
div.productsDetail .productsDetailContent02 .tableCaption:last-child {
	margin-bottom: 30px;
}

div.productsDetail .productsDetailContent03 {
	padding-top: 20px;
	border-top:1px dotted #a27e12;
}
div.productsDetail .productsDetailContent03 .list-disc {
	margin-bottom: 10px;
	padding-left: 1em;
}
div.productsDetail .productsDetailContent03 .list-disc::before {
	content: '・';
	margin-left: -1em;
}
div.productsDetail .productsDetailContent03 table{
	width:100%;
}
div.productsDetail .productsDetailContent03 table th{
	padding-left:3%;
	text-align:left;
	word-break:break-all;
}
div.productsDetail .productsDetailContent03 table td{
	padding-left:3%;
	text-align:left;
}
div.productsDetail .productsDetailContent03 p {
	margin-bottom: 10px;
}
div.productsDetail p.backBtn{
	margin-bottom:40px;
}
div.productsDetail p.update{
	text-align:right;
	margin-bottom:25px;
}
.fcBr .bold {
  font-weight: bold;
}


/*===================================================================
	productsFooterNav
===================================================================*/
div.productsFooterNav{
	background:url(/babyfood/products/images/products_bg_footer.gif) left top repeat-x;
	padding-top:40px;
}
div.productsFooterNav h4{
	margin-bottom:15px;
	color:#5d2e00;
	font-size:14px;
	font-weight:bold;
}
div.productsFooterNav ul{
	font-size:0;
}
div.productsFooterNav li{
	display:inline;
	font-size:12px;
	margin:0 0.5em 5px 0;
	padding-right:0.5em;
	border-right:1px solid #000;
}
div.productsFooterNav li.last{
	border-right:0;
}
div.productsFooterNav li a{
	text-decoration:underline;
}
div.productsFooterNav li a:hover{
	text-decoration:none;
}
/*===================================================================
	productsNav
===================================================================*/
.productsNavWrap{
	background-color:#fff;
	margin-top:30px;
	float:left;
}
div.productsNav{
	background:url(/babyfood/products/images/products_bg_menu01.gif) left top no-repeat;
}
div.productsNavInr{
	background:url(/babyfood/products/images/products_bg_menu01_2.gif) left bottom no-repeat;
	width:215px;
	padding:20px 30px 40px;
}
div.productsNav dl{
	margin-bottom:20px;
}
div.productsNav dl.month{
	margin-top:40px;
}
div.productsNav dl dt{
	color:#a27e12;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
div.productsNav dl dd ul li{
	background:url(/babyfood/common/images/cmn_ico_arrow02.gif) right 16px no-repeat;
	padding:3px 0;
	border-bottom:1px dotted #a27e12;
}
div.productsNav dl dd ul li a{
	display:block;
	background-position:left 2px;
	background-repeat: no-repeat;
	color:#862c00;
	min-height:32px;
	line-height:32px;
	padding:2px 0 2px 38px;
}
div.productsNav dl dd ul li a span{
	font-size:12px;
}
div.productsNav dl dd ul li.nikoniko a,
div.productsNav dl dd ul li.happyrecipe a,
div.productsNav dl dd ul li.happy a,
div.productsNav dl dd ul li.nakayoshi a,
div.productsNav dl dd ul li.spread a{
	line-height:17px;
}
div.productsNav dl dd ul li a:hover,
body.bin div.productsNav dl dd ul li.bin a,
body.nikoniko div.productsNav dl dd ul li.nikoniko a,
body.smile div.productsNav dl dd ul li.smile a,
body.happyrecipe div.productsNav dl dd ul li.happyrecipe a,
body.happy div.productsNav dl dd ul li.happy a,
body.oyatsu div.productsNav dl dd ul li.oyatsu a,
body.dessert div.productsNav dl dd ul li.dessert a,
body.nakayoshi div.productsNav dl dd ul li.nakayoshi a,
body.spread div.productsNav dl dd ul li.spread a,
body.month_5 div.productsNav dl dd ul li.month_5 a,
body.month_7 div.productsNav dl dd ul li.month_7 a,
body.month_9 div.productsNav dl dd ul li.month_9 a,
body.month_12 div.productsNav dl dd ul li.month_12 a,
body.month_16 div.productsNav dl dd ul li.month_16 a,
body.month_18 div.productsNav dl dd ul li.month_18 a{
	background-color:#fde5e9;
	border-radius:5px;
}
div.productsNav dl dd ul li.bin a{
	background-image:url(/babyfood/products/images/products_ico_menu01_1.png);
}
div.productsNav dl dd ul li.nikoniko a{
	background-image:url(/babyfood/products/images/products_ico_menu01_7.png);
}
div.productsNav dl dd ul li.smile a{
	background-image:url(/babyfood/products/images/products_ico_menu01_3.png);
}
div.productsNav dl dd ul li.happyrecipe a{
	background-image:url(/babyfood/products/images/products_ico_menu01_8.png);
    background-position: left center;
}
div.productsNav dl dd ul li.happy a{
	background-image:url(/babyfood/products/images/products_ico_menu01_4.png);
}
div.productsNav dl dd ul li.oyatsu a{
	background-image:url(/babyfood/products/images/products_ico_menu01_5.png);
}
div.productsNav dl dd ul li.dessert a{
	background-image:url(/babyfood/products/images/products_ico_menu01_6.png);
}
div.productsNav dl dd ul li.spread a{
	background-image:url(/babyfood/products/images/products_ico_menu02_3.png);
}
div.productsNav dl dd ul li.nakayoshi a{
	background-image:url(/babyfood/products/images/products_ico_menu02_2.png);
}
div.productsNav dl dd ul li.month_5 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_1.png);
}
div.productsNav dl dd ul li.month_7 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_2.png);
}
div.productsNav dl dd ul li.month_9 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_3.png);
}
div.productsNav dl dd ul li.month_12 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_4.png);
}
div.productsNav dl dd ul li.month_16 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_5.png);
}
div.productsNav dl dd ul li.month_18 a{
	background-image:url(/babyfood/products/images/products_ico_menu03_6.png);
}
div.productsBnrArea p{
	padding-top:10px;
	text-align:center;
}

/*===================================================================
	products - yoiko
===================================================================*/
body.yoiko div.productsHead{
	width:1000px;
	margin:0 auto;
	background:url(/babyfood/products/yoiko/images/yoiko_ttl_bg.gif) left top no-repeat;
}
body.yoiko div.productsHead h1{
	display:block;
	background:url(/babyfood/products/yoiko/images/yoiko_ttl.jpg) left top no-repeat;
	width:463px;
	height:92px;
	padding-right:55px;
}
body.yoiko div.productsHead h1 img{
	display:none;
}
body.yoiko div.productsHead p.lead{
	display:block;
	padding:15px 45px;
	color:#5d2e00;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}
body.yoiko div.mainArea{
	width:1077px;
}
body.yoiko div.yoikoDetailWrap{
	background-color:#fff;
	width:1077px;
}
body.yoiko div.yoikoDetail{
	background:url(/babyfood/products/yoiko/images/yoiko_bg_main01.gif) left top no-repeat;
}
body.yoiko div.yoikoDetailInr{
	background:url(/babyfood/products/yoiko/images/yoiko_bg_main02.gif) left bottom no-repeat;
	width:836px;
	padding:50px 121px;
}
body.yoiko div.yoikographArea{
	width:780px;
	padding-left:56px;
}
body.yoiko div.yoikoDetail div.fl_l,
body.yoiko div.yoikoDetail div.fl_r{
	width:50%;
	margin-bottom:50px;
}
body.yoiko div.yoikoDetail div.yoikoGraph{
	width:386px;
	margin:0 auto;
}
body.yoiko div.yoikoDetail p.yoikoLead{
	margin-bottom:10px;
	color:#862c00;
    font-size:110%;
    font-weight:bold;
}
body.yoiko div.yoikoDetail p.graph{
	margin-top:7px;
	font-size:83%;
}
body.yoiko div.aside ul li.fl_l,
body.yoiko div.aside ul li.fl_r{
	width:50%;
}
body.yoiko div.aside{
	display:block;
	margin-bottom:30px;
	padding:20px 0;
    background-color:#ffdee5;
	border-radius:5px;
    -webkit-border-radius:5px;
}
body.yoiko div.aside ul{
	background:url(/babyfood/products/yoiko/images/yoiko_dot.gif) center top repeat-y;
}
body.yoiko div.aside ul li.fl_l dl.allergyDisplay,
body.yoiko div.aside ul li.fl_r dl.allergyDisplay{
	width:80%;
	margin:0 auto;
}
body.yoiko div.aside ul li.fl_l dl.allergyDisplay dt,
body.yoiko div.aside ul li.fl_r dl.allergyDisplay dt{
	margin-bottom:10px;
	color:#862c00;
	font-weight:bold;
	font-size:120%;
}
body.yoiko div.aside ul li.fl_l dl.allergyDisplay dd{
	line-height:2;
}
body.yoiko div.aside ul li.fl_r dl.allergyDisplayDetail{
	margin-bottom:10px;
}
body.yoiko div.aside ul li.fl_r dl.allergyDisplayDetail dt{
	display:block;
	margin-bottom:0;
	padding:5px 10px;
	color:#ffffff;
	font-size:100%;
    background-color:#ee859a;
	border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
}
body.yoiko div.aside ul li.fl_r dl.allergyDisplayDetail dd{
	display:block;
	padding:5px 10px;
    background-color:#fffbeb;
	border:1px solid #ee859a;
	color:#904422;
	border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
}
.ta_c{
	text-align:center;
}
p.yoikodetailBtn{
	margin:0 auto;
	text-align:center;
}
p.yoikodetailBtn a{
	display:block;
    width:197px;
    hegiht:35px;
    line-height:35px;
    margin:0 auto;
}
p.yoikodetailBtn a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
	filter:alpha(opacity=70);
}

/*===================================================================
	babycam banner
===================================================================*/

p.exbnr {
	margin-top:-10px;
}

/*===================================================================
	Loading gif in .productsListContent Page
===================================================================*/

.productsListContent .loadingArea {
    padding: 40px 0 20px;
}

.productsListContent .loadingArea img {
    display: block;
    margin: 0 auto 5px;
}

.productsListContent .loadingArea .loadingText {
    text-align: center;
}

/* =================================================================
	END
================================================================= */


@media all and (max-width:767px) { /* SP */
/* =================================================================

	SP

================================================================= */
/*===================================================================
	main
===================================================================*/
div.mainArea{
	width:94%;
	margin:0 auto;
}

/*===================================================================
	productsHead
===================================================================*/
div.productsHead{
	background:url(/babyfood/common/images/sp/cmn_ttl_bg.png) center top no-repeat;
	background-size:100%;
	width:90%;
	text-align:center;
}
div.productsHead h1{
	display:block;
	background:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
div.productsHead h1 img{
	display:block;
	margin:0 auto;
}
div.productsHead p.lead{
	display:block;
	width:100%;
	font-size:14px;
	line-height:1.5em;
}

/*===================================================================
	productsMain
===================================================================*/
div.productsMain{
	float:none;
}

/*===================================================================
	productsMain - productsTtl
===================================================================*/
div.productsTtlWrap{
	width:auto !important;
}
div.productsTtl{
	background:url(/babyfood/products/images/sp/products_bg_main02.gif) left top no-repeat;
	background-size:100%;
	width:auto !important;
}
div.productsTtlInr{
	background:url(/babyfood/products/images/sp/products_bg_main02_2.gif) left bottom no-repeat;
	background-size:100%;
	width:auto !important;
	padding:50px 3% 25px;
}
div.productsTtl h2{
	font-size:150%;
}
div.productsTtl p.lead{
	font-size:120%;
}

/*===================================================================
	section
===================================================================*/
div.sectionWrap{
	background:#fff;
	width:90%;
	margin:0 auto;
}
div.sectionWrap .section{
	background:url(/babyfood/images/sp/top_bg_section_01.gif) center top no-repeat !important;
	background-size:100% !important;
}
div.sectionWrap .section .sectionInr{
	background:url(/babyfood/images/sp/top_bg_section_02.gif) center bottom no-repeat !important;
	background-size:100% !important;
}
/*===================================================================
	#productsInfo
===================================================================*/
div#productsInfo{
	width:100%;
}
div#productsInfo.sectionWrap .section .sectionInr{
	padding:30px 0 0 0;
}
div#productsInfo h2{
	margin:0;
	width:auto;
}
div#productsInfo ul.productsList{
	font-size:0;
	width:90%;
	margin:0 auto 20px;
}
div#productsInfo ul.productsList li{
	display:block;
	background:none;
	float:left;
	width:46%;
	margin:0 2% 5px 0;
	border:3px solid #e2d8cc;
	border-radius:5px;
	font-size:100%;
	vertical-align:top;
}
div#productsInfo ul.productsList li:nth-child(2n){
	float:right;
	margin-right:0;
}
div#productsInfo ul.productsList li a{
	display:block;
	background:url(/babyfood/images/sp/top_icn_arrow.png) right center no-repeat;
	background-size:auto 20px;
	width:auto;
	height:auto;
}
div#productsInfo ul.productsList li a dl{
}
div#productsInfo ul.productsList li a dl dt img{
	width:100%;
}
div#productsInfo ul.productsList li a dl dd{
	display:table;
	width:100%;
}
div#productsInfo ul.productsList li a dl dd .title{
	display:table-cell;
	font-weight:bold;
	font-size:13px;
	color:#eb0028;
	height:40px;
	vertical-align:middle;
}
div#productsInfo ul.productsList li a dl dd .title span{
	display:block;
	font-size:80%;
	font-weight:normal;
}
/*===================================================================
	.searchArea
===================================================================*/
.searchArea{
	width:90%;
	margin:0 auto;
}
p.btn_conditions,
p.btn_conditions_on{
	background:none !important;
	max-width:300px;
	width:auto !important;
	margin:20px auto 0 !important;
	text-align:center;
}
p.btn_conditions img{
	visibility:hidden;
}
p.btn_conditions span,
p.btn_conditions_on span{
	display:inline-block;
}
p.btn_conditions span{
	background:url(/babyfood/images/sp/top_btn_conditions.png) center top no-repeat;
	background-size:100% auto;
}
p.btn_conditions_on span{
	background:url(/babyfood/images/sp/top_btn_conditions_on.png) center top no-repeat;
	background-size:100% auto;
	width:auto;
	height:auto;
}
p.btn_search{
	width:100%;
	text-align:center;
	margin-top:20px;
	float:none;
}
p.btn_search a{
	display:block;
	background:url(/babyfood/images/search.png) left 15% top 50% no-repeat,
	url(/babyfood/images/btn_bg.png) left top no-repeat;
	background-size:7vw auto,contain;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	width:200px;
	margin:0 auto;
	padding:13px 0px 13px 30px;
}
p.btn_search a:hover{
	opacity:1.0;
}
p.btn_re_search{
	width:100%;
	text-align:center;
	margin-top:20px;
	float:none;
}
p.btn_re_search a{
	display:block;
	background:url(/babyfood/images/search.png) left 15% top 50% no-repeat,
	url(/babyfood/images/btn_bg.png) left top no-repeat;
	background-size: 7vw auto,contain;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	width:200px;
	margin:0 auto;
	padding:13px 0px 13px 30px;
}
p.btn_re_search a:hover{
	opacity:1.0;
}

.searchArea dl dd li{
	float:left;
}
.searchArea dl dd input[type=checkbox]{
	display:none;
	margin:0;
	padding-right:0;
}
.searchArea dl dd input[type=checkbox] label{
	background:url(/babyfood/common/images/bg_checkbox_off.gif) left 5px no-repeat;
	position:relative;
	display:inline-block;
	cursor:pointer;
	padding:5px 0 5px 27px;
	margin-right:11px;
}
.searchArea dl dd input[type=checkbox] label.active{
	background-image:url(/babyfood/common/images/bg_checkbox_on.gif);
}

/*===================================================================
	#productsSearch
===================================================================*/
div#productsSearch{
	margin-bottom:5px;
}
div#productsSearch .searchAreaHead{
	margin:0;
	width:auto;
}
div#productsSearch h3{
	display:block;
	border-bottom:2px dotted #cfb055;
	margin-bottom:10px;
}
div#productsSearch h3 img{
	padding-left:3%;
	width:70%;
}
div#productsSearch p.lead{
	display:block;
	padding-left:5%;
	margin-bottom:10px;
	font-size:100%;
	line-height:normal;
	vertical-align:auto;
}
div#productsSearch .searchArea{
	display:none;
	margin-top:0;
}
div#productsSearch .searchArea dl{
	margin:0 0 10px;
	font-size:100%;
	float:none;
}
div#productsSearch .searchArea dl dt{
	display:inline-block;
	color:#fff;
	font-size:120%;
	background-color:#f67f00;
	padding:5px 0.7em 2px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
div#productsSearch .searchArea dl dd{
	background-color:#fff8dc;
	border-top:3px solid #f67f00;
	padding:3px 3%;
	font-size:100%;
}
div#productsSearch .searchArea dl.allergySearch{
	margin-bottom:20px;
}
div#productsSearch .searchArea dl.allergySearch dt{
	background-color:#f67f00;
	padding:10px;
	font-size:100%;
	border-radius:0;
	height:auto;
}
div#productsSearch .searchArea dl.allergySearch dt img{
	width:133px;
	padding-right:50%;
	margin:0 0 5px;
}
div#productsSearch .searchArea dl.allergySearch dt span{
	display:inline-block;
	border-bottom:3px solid #ffde7b;
}
div#productsSearch .searchArea dl.allergySearch dd{
	background-color:#fde5cc;
	border-bottom:10px solid #f67f00;
}

/*===================================================================
	productsMain - index
===================================================================*/
body.index .mainArea{
	width:94%;
	padding-left:0;
}
body.index div.productsListWrap{
	background:none;
	background-color:#fff;
	width:100%;
	margin-top:20px;
}
body.index div.productsList{
	background:none;
	width:100%;
}
body.index div.productsListInr{
	background:url(/babyfood/products/images/sp/products_bg_main02_2.gif) left bottom no-repeat;
	background-size:100%;
	width:100%;
	padding:0 0 50px;
}
body.index div.productsListInr h2{
	background:#fff8dc url(/babyfood/products/images/sp/products_bg_ttl.gif) left top no-repeat;
	background-size:100%;
	padding-bottom:20px;
}
body.index div.productsListInr .productsListContent{
	width:94%;
	padding:0 3% 15px;
	margin-bottom:40px;
}
  body.index #kid div.productsListInr .productsListContent { padding-bottom: 40px; }
body.index div.productsListInr02{
	background:url(/babyfood/products/images/sp/products_bg_main01.gif) left top no-repeat;
	background-size:100%;
	width:100%;
	padding:30px 0 0;
}
body.index div.productsListInr .productsListContent.last{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}
body.index div.productsListInr .productsListContent dl{
	width:100%;
	margin-bottom:40px;
}
body.index div.productsListInr .productsListContent.last dl{
	margin-bottom:0;
}
body.index div.productsListInr .productsListContent dl dt{
	display:block;
	width:50%;
	margin:0 auto 20px;
	float:none;
}
body.index div.productsListInr .productsListContent dl dt a:hover{
	opacity:1.0;
}
body.results div.productsListInr .productsListContent dl dt p.img{
	display:block;
	width:100%;
	margin:0 auto 20px;
	float:none;
}
body.index div.productsListInr .productsListContent dl dt span,
body.results div.productsListInr .productsListContent dl dt p.img span{
	width:100%;
}
body.index div.productsListInr .productsListContent dl dt span.new,
body.results div.productsListInr .productsListContent dl dt p.new{
	width:25%;
	top:-20px;
	left:-20px;
}
body.index div.productsListInr .productsListContent dl dd{
	width:50%;
	margin:0 auto;
	float:none;
}
body.index div.productsListInr .productsListContent dl dd p.link{
	margin-top:0.5em;
}
/*===================================================================
	productsMain - category
===================================================================*/
body.category .mainArea{
	width:94%;
	padding-left:0;
}
body.category p.pagetop{
	width:50%;
	margin:20px auto 0;
}
body.category p.cmn_pagetop{
	width:47%;
}
body.category div.productsTt,
body.category div.productsTtlWrap{
	width:100%;
}
body.category div.productsTtlInr{
	width:94%;
	padding:45px 3% 20px;
}
body.category div.productsTtl h2 span{
	font-size:80%;
}
body.category div.productsTtlInr .fl_l{
	width:94%;
	padding:20px 3%;
	float:none;
}
body.category div.productsTtlInr .ttl{
	display:table;
	width:100%;
	margin-bottom:10px;
}
body.category div.productsTtlInr .ttl h2{
	display:table-cell;
	width:80%;
	vertical-align:middle;
}
body.category div.productsTtlInr .ttl p{
	display:table-cell;
}
body.category div.productsTtlInr .fl_r{
	display:none;
	width:100%;
	float:none;
}
body.category ul.productsCategoryList{
	width:100%;
}
body.category ul.productsCategoryList li{
	width:100%;
}

body.category ul.productsCategoryList li img{
	display:block;
}
body.category ul.productsCategoryList li a{
	display:block;
	width:auto;
	height:auto;
}
body.category ul.productsCategoryList li.category01 a,
body.category ul.productsCategoryList li.category02 a,
body.category ul.productsCategoryList li.category03 a,
body.category ul.productsCategoryList li.category04 a,
body.category ul.productsCategoryList li.category05 a,
body.category ul.productsCategoryList li.category06 a,
body.category ul.productsCategoryList li.category07 a,
body.category ul.productsCategoryList li.category08 a,
body.category ul.productsCategoryList li.category09 a,
body.category ul.productsCategoryList li.category10 a,
body.category ul.productsCategoryList li.category01 a:hover,
body.category ul.productsCategoryList li.category02 a:hover,
body.category ul.productsCategoryList li.category03 a:hover,
body.category ul.productsCategoryList li.category04 a:hover,
body.category ul.productsCategoryList li.category05 a:hover,
body.category ul.productsCategoryList li.category06 a:hover,
body.category ul.productsCategoryList li.category07 a:hover,
body.category ul.productsCategoryList li.category08 a:hover,
body.category ul.productsCategoryList li.category09 a:hover,
body.category ul.productsCategoryList li.category10 a:hover{
	background:none;
}
body.category ul.productsCategoryList.allergy{
	text-align:left;
}
body.category div.productsListWrap{
	width:100%;
}
body.category div.productsList{
	width:100%;
}
body.category div.productsListInr{
	background:url(/babyfood/products/images/sp/products_bg_main02_2.gif) left bottom no-repeat;
	background-size:100%;
	width:100%;
	margin:0;
}
body.category div.productsListInr h2{
	background:#fff8dc url(/babyfood/products/images/sp/products_bg_main04.png) left top no-repeat;
	background-size:100%;
	width:100%;
	font-size:150%;
	padding-top:30px;
	padding-bottom:10px;
}
body.category div.productsListInr h3{
	font-size:130%;
}
body.category div.productsListInr02{
	background:url(/babyfood/products/images/sp/products_bg_menu01.gif) left top no-repeat;
	background-size:100%;
	width:94%;
	margin:0;
	padding:20px 3% 30px;
}
body.category.happy div.productsListInr02{
	margin-top:0;
}
body.nikoniko div.productsListInr02{
	width:100%;
	padding:20px 0 30px;
}
body.nikoniko div.productsListInr .productsListContent{
	width:94%;
	padding:0 3%;
}
body.category div.productsListInr .productsListContent ul{
	width:96%;
	margin:0 auto;
}
body.category div.productsListInr .productsListContent ul li{
	width:47%;
	margin-right:6%;
	box-sizing:border-box;
}
body.category div.productsListInr .productsListContent ul li:nth-child(2n){
	margin-right:0;
}
body.category div.productsListInr .productsListContent ul li p.productsImg{
	width:100%;
	box-sizing:border-box;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span{
	width:100%;
	height:auto;
	box-sizing:border-box;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span img{
	width:auto;
	max-width:80%;
	height:auto;
	max-height:100px;
	margin:15px 0;
}
body.category div.productsListInr .productsListContent ul li p.productsImg span a:hover,
body.category div.overLineupAreaInr .productsListContent ul li p.productsImg span a:hover,
body.category div.overMainAreaInr02 .productsListContent ul li p.productsImg span a:hover{
	opacity:1.0;
}
body.category div.productsListInr .productsListContent ul.style02 li p.productsImg span img{
	width:100%;
	height:auto;
	max-width:none;
	max-height:none;
	margin:0;
}
/*===================================================================
	productsMain - productsDetail
===================================================================*/
div.productsDetailWrap{
	width:auto;
	margin-bottom:30px;
}
.nikoniko div.productsDetailWrap{
	width:auto;
	margin-right:0;
}
div.productsDetail{
	background:url(/babyfood/products/images/sp/products_bg_main03.gif) left top no-repeat;
	background-size:100%;
}
div.productsDetailInr{
	background:url(/babyfood/products/images/sp/products_bg_main02_2.gif) left bottom no-repeat;
	background-size:100%;
	width:auto;
	padding:50px 3%;
}
div.productsDetail h3{
	padding:0 3%;
}
div.productsDetail h3 img{
	width:auto;
	height:1.2em;
}
div.productsDetail .productsDetailImg,
.detail div.productsDetail .productsDetailImg{
	width:60%;
	margin:0 auto 20px;
	float:none;
}
div.productsDetail .productsDetailImg span{
	height:auto;
	padding:20px 0;
}
div.productsDetail .productsDetailImg span img{
	width: auto;
    max-width: 60%;
    height: auto;
    max-height: 140px;
}
.nikoniko div.productsDetail .productsDetailImg img,
.nikoniko div.productsDetail .productsDetailContent img{
	display:block;
	width:60%;
	margin:0 auto 20px;
}
.nikoniko div.productsDetail .productsDetailContent div.allergyTxt .img img{
	width:100%;
	margin:0;
}
.nikoniko div.productsDetail .productsDetailImg{
	width:94%;
	padding:0 3%;
	float:none;
}
div.productsDetail .productsDetailImg p{
	margin:0.5em 0;
}
div.productsDetail .productsDetailContent{
	min-height:0;
}
div.productsDetail .productsDetailContent,
div.productsDetail .productsDetailContent02{
	width:auto;
	float:none;
}
div.productsDetail .productsDetailContent02 .fl_l,
div.productsDetail .productsDetailContent02 .fl_r{
	width:100%;
}
div.productsDetail .productsDetailContent div.mb5{
	margin:0 auto 20px;
	text-align:center;
}
div.productsDetail .productsDetailContent div.mb5 a img{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
}
div.productsDetail .productsDetailContent div.mb5 a img:hover{
	top:auto;
	left:auto;
}
div.productsDetail .productsDetailContent02 dl{
	margin-top:0;
}
div.productsDetail .productsDetailContent03 {
	padding-top: 0;
	border-top:0;
}
div.productsDetail dl dt.ttl{
	background:#f12547;
	border-radius:5px;
}
div.productsDetail dl dt.ttl img{
	width:1.5em;
}
div.productsDetail dl dt.nb{
	padding-top:0;
	border-top:none;
}
div.productsDetail dl dd{
	padding-bottom:20px;
	border-bottom:1px dotted #dbae2c;
}
div.productsDetail p.allergyInfo{
	padding-bottom:15px;
	border-bottom:1px dotted #dbae2c;
}
div.productsDetail table{
	width:94%;
	margin:10px auto 30px;
}
div.productsDetail table th{
	padding:1%;
}
div.productsDetail p.nutrition,
div.productsDetail p.update{
	padding:0 3%;
}
div.productsDetail .productsDetailContent02 p.nutrition,
div.productsDetail .productsDetailContent02 p.update{
	padding:0;
}
div.productsDetail div.allergyTxt .img{
	background:none;
	width:55%;
	height:auto;
	padding-right:5%;
}
div.productsDetail div.allergyTxt .txt,
div.productsDetail div.allergyTxt .img{
	vertical-align:middle;
}

div.productsTtlWrap div.allergyTxt .img{
	background:none;
	width:55%;
	height:auto;
	padding-right:5%;
}
div.productsTtlWrap div.allergyTxt .txt,
div.productsTtlWrap div.allergyTxt .img{
	vertical-align:middle;
}

/*===================================================================
	productsFooterNav
===================================================================*/
div.productsFooterNav h4,
div.productsFooterNav ul{
	padding:0 3%;
}
div.productsFooterNav li{
	display:inline;
	line-height:1.8em;
	word-break:break-all;
}

/*===================================================================
	productsNav
===================================================================*/
.productsNavWrap{
	float:none;
}
div.productsNav{
	background:url(/babyfood/products/images/sp/products_bg_menu01.gif) left top no-repeat;
	background-size:100%;
}
div.productsNavInr{
	background:url(/babyfood/products/images/sp/products_bg_main02_2.gif) left bottom no-repeat;
	background-size:100%;
	width:auto;
	padding:20px 3%;
}
div.productsNav dl dd ul li{
	width:100%;
	font-weight:bold;
}
div.productsNav dl dd ul li a{
	background-position:left 3px;
	background-repeat: no-repeat;
	color:#862c00;
	min-height:34px;
	line-height:34px;
}
div.productsNav dl dd ul li.menu01_2 a,
div.productsNav dl dd ul li.menu01_4 a,
div.productsNav dl dd ul li.menu02_1 a{
	line-height:17px;
}
div.productsBnrArea p{
	width:70%;
	margin:0 auto;
	padding-top:10px;
}

/*===================================================================
	products - yoiko
===================================================================*/
body.yoiko div.productsHead{
	width:94%;
	background:none;
}
body.yoiko div.productsHead h1{
	display:block;
	background:none;
	width:90%;
	height:auto;
	padding-right:0;
}
body.yoiko div.productsHead h1 img{
	display:block;
}
body.yoiko div.productsHead p.lead{
	padding:5% 0;
}
body.yoiko div.mainArea{
	width:94%;
}
body.yoiko div.yoikoDetailWrap{
	background-color:#fff;
	width:auto;
}
body.yoiko div.yoikoDetail{
	background:url(/babyfood/products/yoiko/images/sp/yoiko_bg_main01.gif) left top no-repeat;
	background-size:100%;
}
body.yoiko div.yoikoDetailInr{
	background:url(/babyfood/products/yoiko/images/sp/yoiko_bg_main02.gif) left bottom no-repeat;
	background-size:100%;
	width:auto;
	padding:50px 3%;
}
body.yoiko div.yoikographArea{
	width:100%;
	padding-left:0;
}
body.yoiko div.yoikoDetail div.fl_l,
body.yoiko div.yoikoDetail div.fl_r{
	float:none;
	width:100%;
	margin-bottom:50px;
}
body.yoiko div.yoikoDetail p.yoikoLead{
	padding-left:3%;
}
body.yoiko div.yoikoDetail div.yoikoGraph{
	width:90%;
}
body.yoiko div.yoikoDetail div.yoikoImg{
	display:none;
}
body.yoiko div.aside ul li.fl_l,
body.yoiko div.aside ul li.fl_r{
	float:none;
	width:100%;
}
body.yoiko div.aside ul li.fl_l{
	margin-bottom:5%;
}
body.yoiko div.aside ul{
	background:none;
}
body.yoiko div.aside ul li.fl_l dl.allergyDisplay,
body.yoiko div.aside ul li.fl_r dl.allergyDisplay{
	width:85%;
}

/*===================================================================
	Loading gif in .productsListContent Page
===================================================================*/

.productsListContent .loadingArea img {
    width: auto;
}

/* =================================================================
	END
================================================================= */
}
/* =================================================================
	SideNavAdd
================================================================= */
div.productsNav div.nutrients{
	margin-top:40px;
	margin-bottom:20px;
}
div.productsNav div.nutrients ul li{
	background:url(/babyfood/common/images/cmn_ico_arrow02.gif) right 16px no-repeat;
	padding:3px 0;
	border-bottom:1px dotted #a27e12;
}
div.productsNav div.nutrients ul li a{
	display:block;
	background-position:left 2px;
	background-repeat: no-repeat;
	color:#862c00;
	min-height:32px;
	line-height:32px;
	padding:2px 0 2px 38px;
}
div.productsNav div.nutrients ul li a span{
	font-size:12px;
}
div.productsNav div.nutrients ul li.allergy a{
	line-height:17px;
}
div.productsNav div.nutrients ul li a:hover,
body.allergy div.productsNav div.nutrients ul li.allergy a,
body.vegetable div.productsNav div.nutrients ul li.vegetable a,
body.fe div.productsNav div.nutrients ul li.fe a,
body.ca div.productsNav div.nutrients ul li.ca a{
	background-color:#fde5e9;
	border-radius:5px;
}
div.productsNav div.nutrients ul li.allergy a{
	background-image:url(/babyfood/products/images/products_ico_menu04_1.png);
}
div.productsNav div.nutrients ul li.vegetable a{
	background-image:url(/babyfood/products/images/products_ico_menu04_2.png);
}
div.productsNav div.nutrients ul li.fe a{
	background-image:url(/babyfood/products/images/products_ico_menu04_3.png);
}
div.productsNav div.nutrients ul li.ca a{
	background-image:url(/babyfood/products/images/products_ico_menu04_4.png);
}
@media all and (max-width:767px) { /* SP */
div.productsNav div.nutrients ul li{
	width:100%;
	font-weight:bold;
}
div.productsNav div.nutrients li a{
	background-position:left 3px;
	background-repeat: no-repeat;
	color:#862c00;
	min-height:34px;
	line-height:34px;
}
}
.note_allergy_box {
  clear: both;
  width: 100%;
  padding-top: 1em;
}
.note_allergy_contents {
  padding: 2em 0 1em;
  color: #404040;
  background: #fff8dc;
  border-radius: 1em;
  text-align: center;
}
.note_allergy_txt_area {
  display: inline-block;
  text-align: left;
}
.note_allergy_link {
  text-align: right;
}
.note_allergy_link a {
  color: #404040;
}
.note_allergy_link a::after {
  content: "";
  display: inline-block;
  width: .8em;
  height: .8em;
  margin-left: .5em;
  background: url("/babyfood/images/top/icon_arrow02.svg") no-repeat center center / contain;
}
@media all and (min-width:768px) {
  .note_allergy_link a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width:767px) { /* SP */
  .note_allergy_contents {
    padding: 1.5em;
    text-align: left;
  }
  .note_allergy_link {
	margin-top: 1em;
  }
}