@charset "utf-8";

/* pc/sp共通 */
/** catalogTtl **/
.mainContents .catalogTtl{
}
.mainContents .catalogTtl h1{
}
.mainContents .catalogTtl .withSearch .searchForm{
}
.mainContents .productsMenuBtn{
	cursor:pointer;
	margin:0;
}
.mainContents .recipeTitle {
	margin: 10px 0;
	color:#e60012;
	font-size: 22px;
}
.mainContents .date ,
.mainContents .hot_date {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
}
@media screen and (max-width:767px){
	.mainContents .date {
		font-size: 14px;
	}
}
/** slideLocalNavi **/
.mainContents.slideLocalNaviArea{
	position:relative;
	z-index:110;
}
.mainContents .slideLocalNavi h3{
	font-size: 18px;
	margin:25px 0 10px 0;
}
.mainContents .slideLocalNavi h3:first-child{
	margin:0 0 10px 0;
}
.mainContents .slideLocalNavi .recipeTit::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/recipe/images/2018/icon_05.png) no-repeat 50% 50%;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .slideLocalNavi .wordTit::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/recipe/images/2018/icon_17.png) no-repeat 50% 50%;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .slideLocalNavi .productTit::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 15px;
	background: url(/recipe/images/2018/icon_19.png) no-repeat 50% 50%;
	-webkit-background-size: 22px 15px;
	background-size: 22px 15px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .slideLocalNavi .timetTit::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/recipe/images/2018/icon_20.png) no-repeat 50% 50%;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	vertical-align: middle;
	margin-right: 5px;
}


/* searchForm */
.mainContents .searchArea .searchBox{
	padding: 7px 50px 7px 10px;
	font-size: 16px;
}
.mainContents .searchArea dd {
	position: absolute;
	right: 5px;
	top: 5px;
 width: 40px;
 height: 40px;
}
.mainContents .searchArea button{
 width: 40px;
 height: 40px;
}
/* keywords */
.mainContents .catalogTtl .rightArea{
	display:table-cell;
	vertical-align:top;
	width: 430px;
}
.mainContents .catalogTtl .rightArea .title{
	margin: 5px 0 0 0;
}
.mainContents .catalogTtl .rightArea .title::before{
	content: "";
	display: inline-block;
	background:#fff url(/recipe/images/2018/icon_11.png) no-repeat center center;
	background-size: 15px 14px;
	width:15px;
	height:14px;
	margin-right: 3px;
	vertical-align: middle;
}
.mainContents .keywords{
	margin: 10px 0 0 0;
	letter-spacing: -.4em;
}
.mainContents .keywords li{
	display: inline-block;
	letter-spacing: normal;
	border:1px solid #e2e2e2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin: 7px 8px 0 0;
	font-size:15px;
}
.mainContents .keywords a{
	color:#333;
	text-decoration: none;
	display: block;
	padding: 7px 13px 7px 10px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mainContents .keywords a::before{
	content: "";
	display: inline-block;
	background:#fff url(/recipe/images/2018/tag.png) no-repeat center center;
	background-size: 16px 16px;
	width:16px;
	height:16px;
	margin-right: 3px;
	vertical-align: middle;
}
.mainContents .keywords a:hover{
	color:#e60012;
	text-decoration: none;
	font-weight: bold;
}
@media screen and (max-width:767px){
	.mainContents .keywords li{
		display: inline-block;
		letter-spacing: normal;
		border:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		margin: 7px 8px 0 0;
		font-size:15px;
	}
	.mainContents .keywords a{
		padding: 4px;
		background-color: #fff;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		text-decoration: underline;
	}
}
/* rankingArea */
.mainContents .rankingArea {
	max-width: 310px;
	margin-left: auto;
}
.mainContents .rankingArea .lankTitle{
	margin: 0 auto;
	width: 100px;
}
.mainContents .rankingArea .rankingTxt{
	font-size:18px;
	text-align: center;
	font-weight: normal;
}
.mainContents .rankingArea .tabSwitch {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	border-bottom: 1px solid #e2e2e2;
}
.mainContents .rankingArea .tabSwitch li{
	width:32%;
	text-align: center;
	font-size:15px;
}
.mainContents .rankingArea .tabSwitch li a{
	cursor: pointer;
	display: block;
	background-color: #e2e2e2;
	border:1px solid #e2e2e2;
	color:#888888;
	padding: 5px;
	margin-bottom: -1px;
}
.mainContents .rankingArea .tabSwitch li.active a{
	background-color: #fff;
	color:#e60012;
	font-weight: bold;
	border-bottom:1px solid #fff;
}
.mainContents .rankingArea .tabBoxes ul{
	display:none;
}
.mainContents .rankingArea .tabBoxes ul:first-child{
	display:block;
}
.mainContents .rankingArea .tabBoxes li{
	border-bottom: 1px dotted #e2e2e2;
	margin-bottom: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;
}
.mainContents .rankingArea .tabBoxes a{
	display: block;
	color:#333;
	width:calc(100% - 50px);
}
.mainContents .rankingArea .tabBoxes li::before{
	content: "";
	display: block;
	width:40px;
	height:40px;
}
.mainContents .rankingArea .tabBoxes li.ranking01::before{
	background:url(/recipe/images/2018/lank1.png) no-repeat 50% 50%;
	-webkit-background-size:33px 33px;
	background-size:33px 33px;
	margin-right: 10px;
}
.mainContents .rankingArea .tabBoxes li.ranking02::before{
	background:url(/recipe/images/2018/lank2.png) no-repeat 50% 50%;
	-webkit-background-size:33px 33px;
	background-size:33px 33px;
	margin-right: 10px;
}
.mainContents .rankingArea .tabBoxes li.ranking03::before{
	background:url(/recipe/images/2018/lank3.png) no-repeat 50% 50%;
	-webkit-background-size:33px 33px;
	background-size:33px 33px;
	margin-right: 10px;
}
.mainContents .rankingArea .tabBoxes li.ranking04::before{
	background:url(/recipe/images/2018/lank4.png) no-repeat 50% 50%;
	-webkit-background-size:33px 33px;
	background-size:33px 33px;
	margin-right: 10px;
}
.mainContents .rankingArea .tabBoxes li.ranking05::before{
	background:url(/recipe/images/2018/lank5.png) no-repeat 50% 50%;
	-webkit-background-size:33px 33px;
	background-size:33px 33px;
	margin-right: 10px;
}
.mainContents .rankingArea .tabBoxes li .rcpimg {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	margin: 0 1rem 0 0;
}
img.object-fit-img {
	width: 55px;
	height: 44px;
	border-radius: 4px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}


/* brandArea */
.mainContents .brandArea {
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 1px;
}
.mainContents .brandArea .lankTitle{
	margin: 0 auto;
	width: 100px;
}
.mainContents .brandArea .brandTitle{
	margin: 0 auto;
	width: 100px;
}
.mainContents .brandArea .brandTxt{
	font-size:18px;
	text-align: center;
	font-weight: normal;
}
.mainContents .brandArea .brandCont{
	margin-top: .6em;
}
.mainContents .brandArea .brandCont img{
	width: 100%;
}
.mainContents .brandArea .brandCont img{
	width: 100%;
}
/* 知識・スキル */
.mainContents .articleTit a{
	display: block;
}
.mainContents .articleTit .txt{
	font-size:15px;
}
.mainContents .articleTit .txt img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.mainContents .articleTit .img img{
	width: 100%;
}

/* もっと見る */
.showmore_content { position:relative; overflow:hidden; }
.showmore_trigger {
	display: block;
	text-align: center;
	margin-top: 30px;
}
.showmore_trigger .more,
.showmore_trigger .less{
		cursor: pointer;
	display: inline-block;
	text-align: center;
	padding: .8em 4em;
	color: #fff;
	font-weight: bold;
	letter-spacing: .1em;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e60012;
	vertical-align: top;
	line-height: 1.6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 auto;
	width: 17em;
}
.showmore_trigger span { display:block; }
.showmore_trigger .more::after{
	content: "";
	display: inline-block;
	width:16px;
	height:16px;
	background:url(/recipe/images/2018/icon_12.png) no-repeat 50% 50%;
	-webkit-background-size:16px 16px;
	background-size:16px 16px;
	margin-right: 10px;
	vertical-align: middle;
	margin-left: 10px;
}
.showmore_trigger .less::after{
	content: "";
	display: inline-block;
	width:16px;
	height:16px;
	background:url(/recipe/images/2018/icon_13.png) no-repeat 50% 50%;
	-webkit-background-size:16px 16px;
	background-size:16px 16px;
	margin-right: 10px;
	vertical-align: middle;
	margin-left: 10px;
}

/* pc */
@media screen and (min-width:768px){
	/** slideLocalNaviWrap **/
	.mainContents .slideLocalNaviWrap{
		opacity:0;
		visibility:hidden;
		transition:all .4s ease-in-out;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:1.5em 0 2em;
		background:#fff;
		border-bottom:1px solid #ddd;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .slideLocalNaviWrap .borderLinkArea{
		transform:scale(.1);
		transition:all .4s ease-in-out;
	}
	.mainContents .slideLocalNaviWrap.active{
		opacity:1;
		visibility:visible;
	}
	.mainContents .slideLocalNaviWrap.active .borderLinkArea{
		transform:scale(1);
	}
	/** catalogTtl **/
	.mainContents .catalogTtl{
		position:relative;
		margin-bottom:2em;
	}
	.mainContents .catalogTtl h1{
		padding-right:340px;
	}
	.mainContents .catalogTtl .withSearch .searchForm{
		width:330px;
	}
	.mainContents .catalogTtl .dynamicReadBox{
		position:absolute;
		bottom:0;
		right:0;
	}
	/** slideLocalNavi **/
	.mainContents .slideLocalNavi{
		max-width:1112px;
		margin:0 auto;
		padding:0 10px;
		font-size:14px;
		overflow:hidden;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn{
		position:relative;
		padding-left:130px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea{
		margin-left:30px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit .alike,
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a,
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a .cellCol{
		text-align:left;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a{
		padding:10px 12px;
		line-height:1.2;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn{
		position:absolute;
		top:0;
		left:0;
		width:130px;
		height:130px;
		border:3px solid #e60012;
		background:#e60012 url(/recipe/images/2018/btn_menu_close.png) no-repeat center center;
		text-indent:-9999px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
		border-radius:9px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	/** catalogTtl **/
	.mainContents .catalogTtl{
		display:table;
	}
	.mainContents .catalogTtl .productsMenuArea{
		display:table-cell;
		width:130px;
		border-right:30px solid transparent;
	}
	.mainContents .catalogTtl .ttlArea{
		display:table-cell;
		vertical-align:top;
	}
	.mainContents .catalogTtl .ttlArea .ttlType1{
		margin-top: 22px;
		margin-bottom: 7px;
		padding-right: 10px;
	}
	.mainContents .catalogTtl .ttlArea .hitsNumber{
		font-size: 20px;
		margin-left: 20px;
	}
	.mainContents .catalogTtl .ttlArea .dynamicReadBox{
		margin:0;
	}
	.mainContents .catalogTtl .ttlArea .searchForm{
		margin-right:10px;
		max-width: 500px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn{
		width:130px;
		height:130px;
		border:3px solid #e60012;
		background:#fff url(/recipe/images/2018/btn_menu.png) no-repeat center center;
		text-indent:-9999px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
		border-radius:9px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn.active,
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn:hover{
		background:#e60012 url(/recipe/images/2018/btn_menu_hover.png) no-repeat center center;
	}
	.mainContents .catalogTtl{
		display:table;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	/** srotTab **/
	.mainContents .catalogTtl .srotTab{

	}
	.mainContents .catalogTtl .srotTab ul{
		display:table;
		margin:0;
	}
	.mainContents .catalogTtl .srotTab ul li{
		position:relative;
		overflow:hidden;
		display:table-cell;
		width:140px;
		vertical-align:middle;
		text-align:center;
		border-right:10px solid transparent;
	}
	.mainContents .catalogTtl .srotTab ul li:hover,
	.mainContents .catalogTtl .srotTab ul li.current{
		color:#e60012;
		font-weight:bold;
	}
	.mainContents .catalogTtl .srotTab ul li:last-child{
		border-right:0;
	}
	.mainContents .catalogTtl .srotTab ul li::after{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:100%;
		height:3px;
		background:#e6e6e6;
	}
	.mainContents .catalogTtl .srotTab ul li:hover::after,
	.mainContents .catalogTtl .srotTab ul li.current::after{
		background:#e60012;
	}
	.mainContents .catalogTtl .srotTab ul li span{
		display:block;
		padding:75px 10px;
		margin:-55px 0;
		background:#f2f2f2;
		cursor:pointer;
	}
}
/* sp */
@media screen and (max-width:767px){
	.mainContents .slideLocalNavi h3{
		font-size: 16px;
		margin:25px 6px 10px 6px;
	}
	/* searchForm */
	.mainContents .searchArea .searchBox{
		padding: 0px 38px 0px 10px;
		font-size: 14px;
	}
	.mainContents .searchArea dd {
		position: absolute;
		right: 4px;
		top: 4px;
		width: 28px;
		height: 28px;
	}
	.mainContents .searchArea button{
		width: 28px;
		height: 28px;
	}
	/** slideLocalNaviWrap **/
	.mainContents .slideLocalNaviWrap{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:0 6px 2em;
		background:#fff;
		border-bottom:1px solid #ddd;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .slideLocalNavi{
		overflow:hidden;
	}
	.mainContents.slideLocalNaviArea .container{
		margin:0;
	}
	.mainContents.slideLocalNaviArea .searchForm{
		margin:1em 6px;
		padding-bottom:1em;
		border-bottom:1px solid #ddd;
	}
	.mainContents .catalogTtl .ttlArea{
		position:relative;
		z-index:1;
	}
	/** searchArea **/
	.mainContents .catalogTtl .ttlArea .searchBoxArea{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	.mainContents .catalogTtl .productsMenuArea{
		margin:1em 0 0;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn{
		position:relative;
		padding:10px 10px 10px 30px;
		border:2px solid #e60012;
		color:#e60012;
		font-weight:bold;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:#fff url(/recipe/images/2018/icon_arrow_down.png) no-repeat center center;
		-webkit-background-size:18px 13px;
		background-size:18px 13px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn.active{
		background:#fff url(/recipe/images/2018/icon_arrow_up.png) no-repeat center center;
		-webkit-background-size:18px 13px;
		background-size:18px 13px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::before{
		position:absolute;
		display:block;
		content:"";
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::before{
		top:14px;
		left:10px;
		width:15px;
		height:15px;
		background:url(/recipe/images/2018/icon_menu.png) no-repeat 0 0;
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn{
		margin-top:30px;
		text-align:center;
		color:#e60012;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn .icon{
		display:inline-block;
		padding-left:18px;
		background:url(/recipe/images/2018/btn_close.png) no-repeat 0 center;
		-webkit-background-size:12px 12px;
		background-size:12px 12px;
	}
	.mainContents .catalogTtl .ttlArea .searchBoxArea .searchBoxAreaIn{
		display:none;
		padding:15px 2%;
		margin:0 -2%;
		background:#fff;
		border-bottom:1px solid #e6e6e6;
	}
	/** srotTab **/
	.mainContents .catalogTtl .srotTab{
		margin:1em 0;
	}
	.mainContents .catalogTtl .srotTab ul{
		display:flex;
		margin-right:-1%;
		margin-left:-1%;
		flex-wrap:wrap;
		-webkit-align-items:stretch;
		align-items:flex-start;
		-webkit-align-items:center;
		align-items:center;
		align-items:stretch;
	}
	.mainContents .catalogTtl .srotTab ul li{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		width:23%;
		margin:0 1% 10px;
		text-align:center;
		background:#f2f2f2;
		padding:15px 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		cursor:pointer;
	}
	.mainContents .catalogTtl .srotTab ul li span:hover,
	.mainContents .catalogTtl .srotTab ul li.current span{
		color:#e60012;
		font-weight:bold;
	}
	.mainContents .catalogTtl .srotTab ul li::after{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:100%;
		height:3px;
		background:#e6e6e6;
	}
	.mainContents .catalogTtl .srotTab ul li:hover::after,
	.mainContents .catalogTtl .srotTab ul li.current::after{
		background:#e60012;
	}
	.mainContents .catalogTtl .srotTab ul li span{
	}
}
/* sliderArea */
.mainContents .themeArea {
	margin-bottom: 50px;
}
.mainContents .sliderArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	align-items: center;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.mainContents .sliderArea img {
	width: auto;
	height: auto;
}
.mainContents .bigThumb {
	position: relative;
	text-align: center;
	width: 100%;
	height: auto;
}
.mainContents .bigThumb a{
}
@media screen and (min-width:768px){
	.mainContents .bigThumb {
		max-width: 560px;
		max-height: 340px;
		overflow: hidden;
		z-index: 1;
		height: 322px;
	}
	.mainContents .sliderArea .bigThumb img{
		width: 100%;
		max-width: 100%;
		position: absolute;
		bottom:20px;
		left:0;
	}
}
@media screen and (max-width:767px){
	.mainContents .sliderArea .bigThumb {
		overflow: hidden;
		width: 100%;
		height: 57vw;
	}
	.mainContents .sliderArea .bigThumb img{
		width: 100%;
		position: absolute;
		bottom:20px;
		left:0;
	}
}
.mainContents .sliderArea .smallThumb {
	width: 160px;
	margin-left: 20px;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.mainContents .sliderArea .smallThumb ul{
	margin: 0;
}
.mainContents .sliderArea .smallThumb li{
	position: relative;
	margin: 10px 0;
	border:2px solid #fff;
	-ms-transition:all .4s;
	-webkit-transition:all .4s;
	transition:all .4s;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow: hidden;
}
.mainContents .sliderArea .smallThumb li a{
	display: block;
	position: relative;
	width: 100%;
	height: 90px;
}
.mainContents .sliderArea .smallThumb li.active{
	border:2px solid #e60012;
}
.mainContents .sliderArea .smallThumb img{
	width: 100%;
	height: auto;
	min-width: 160px;
	position: absolute;
	left: 50%;
	top:44%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.mainContents .sliderArea .title {
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	margin: 0;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 2;
}
.mainContents .sliderArea .title span{
	display: block;
	background-color: #f8f8f8;
	padding: 10px;
	color:#333;
	margin:0 15px;
	font-weight: bold;
}
.mainContents .sliderArea .title span::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-right:.5em;
	width:.5em;
	height:.8em;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
}

/* tipsCont */
.mainContents .tipsCont {
	border-bottom: 1px dotted #e2e2e2;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.mainContents .tipsCont dl{
	position: relative;
	min-height: 120px;
	margin:0;
}
.mainContents .tipsCont .tumb{
	position: absolute;
	left:0;
	top:0;
	width: 140px;
	text-align: center;
}
.mainContents .tipsCont .tipsTitle{
	padding-left: 155px;
	margin-left: 0;
	padding-top: 0;
	font-size:18px;
	font-weight: bold;
}
.mainContents .tipsCont .tipsText{
	padding-left: 155px;
	margin-left: 0;
	margin-top: .5em;
	font-size:15px;
}
.mainContents .tipsCont a{
	color:#333;
}
@media screen and (max-width:767px){
	.mainContents .tipsCont .tumb{
		position: absolute;
		left:0;
		top:0;
		width: 100px;
		text-align: center;
	}
	.mainContents .tipsCont .tipsTitle{
		padding-left: 115px;
		font-size:16px;
	}
	.mainContents .tipsCont .tipsText{
		padding-left: 115px;
		font-size:13px;
	}
}
/* _detail */
.mainContents .tit{
	font-size: 20px;
	margin: 0;
}
.mainContents .detailData {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.mainContents .detailData dl {
	border:1px solid #e2e2e2;
	border-right:none;
	width: calc(100% / 3);
	margin: 1em 0 0 0;
	padding: 10px;
}
.mainContents .detailData dl:last-child {
	border-right:1px solid #e2e2e2;
}
.mainContents .detailData dt ,
.mainContents .detailData dd {
	margin: 0;
	text-align: center;
}
.mainContents .detailData dt {
	font-size: 15px;
}
.mainContents .detailData .cooking::before {
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background:url(/recipe/images/2018/icon_01.png) no-repeat 50% 50%;
	-webkit-background-size:26px 26px;
	background-size:26px 26px;
	vertical-align: middle;
	margin-right: 3px;
}
.mainContents .detailData .energy::before {
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background:url(/recipe/images/2018/icon_02.png) no-repeat 50% 50%;
	-webkit-background-size:26px 26px;
	background-size:26px 26px;
	vertical-align: middle;
	margin-right: 3px;
}
.mainContents .detailData .salt::before {
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background:url(/recipe/images/2018/icon_03.png) no-repeat 50% 50%;
	-webkit-background-size:26px 26px;
	background-size:26px 26px;
	vertical-align: middle;
	margin-right: 3px;
}
.mainContents .detailData dd {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}
@media screen and (max-width:767px){
	.mainContents .detailData dl {
		padding: 5px;
	}
	.mainContents .detailData .cooking::before {
		width:20px;
		height:20px;
		-webkit-background-size:20px 20px;
		background-size:20px 20px;
	}
	.mainContents .detailData .energy::before {
		width:20px;
		height:20px;
		-webkit-background-size:20px 20px;
		background-size:20px 20px;
	}
	.mainContents .detailData .salt::before {
		width:20px;
		height:20px;
		-webkit-background-size:20px 20px;
		background-size:20px 20px;
	}

}
.mainContents .note {
	font-size: 15px;
}
.mainContents .exBtnArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	/* 位置揃え */
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
		/* 垂直方向の揃え */
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;

	margin-top: 20px;
}
.mainContents .exBtnArea .snsShareBtnArea{
	width: 45%;
	padding: 0 0 0 12%;
	margin-bottom: 1em;
	background: transparent;
	border-radius: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .exBtnArea .snsShareBtnArea p{
	display: none;
}
.mainContents .exBtnArea .snsShareBtnArea ul,
.mainContents .exBtnArea #recipe_head_btns{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	/* 垂直方向の揃え */
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;

	margin: 0;
}
@media screen and (max-width:767px){
	.mainContents .exBtnArea .snsShareBtnArea ul{
		-webkit-box-pack:end;
		-ms-flex-pack:end;
		-webkit-justify-content:flex-end;
		justify-content:flex-end;
	}
	.mainContents .exBtnArea .snsShareBtnArea ul li{
		margin-left: 15px;
		margin-right: 0;
	}
}
.mainContents .exBtnArea #recipe_head_btns{
	width: 290px;
	margin-bottom: 1em;
}
.mainContents .exBtnArea #recipe_head_btns li:first-child{
	padding-left: 10px;
}
.mainContents .exBtnArea #recipe_head_btns li{
	width: 50%;
	padding-left: 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .exBtnArea #recipe_head_btns li a{
	cursor: pointer;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	min-height: 20px;
	line-height: 20px;
	padding: .3em 1em .3em 3em;
	color: #333;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	border: 2px solid #e60012;
	-webkit-border-radius: 5000px;
	-moz-border-radius: 5000px;
	border-radius: 5000px;
	white-space: nowrap;
}
/* .mainContents .exBtnArea #recipe_head_btns li a.btn_mobile:hover,
.mainContents .exBtnArea #recipe_head_btns li a.btn_print:hover{
	background-color: #e60012;
	color:#fff;
} */
.mainContents .exBtnArea #recipe_head_btns li a.btn_mobile{
	background: #fff url(/recipe/images/2018/icon_15.png) no-repeat 13% 50%;
}
.mainContents .exBtnArea #recipe_head_btns li a.btn_print{
	background: #fff url(/recipe/images/2018/icon_14.png) no-repeat 13% 50%;
}
.mainContents .kind {
	font-size: 15px;
}
.mainContents .kind a{
	color:#333;
}
.mainContents .kind li{
	display: inline-block;
}
.mainContents .kind li::before{
	content: "\007c";
	margin-left: 5px;
	padding-right: 5px;
}
/* table */
.mainContents .tableWrap.type5 table thead th{
	font-weight: bold;
	text-align-last: left;
	padding-left: 0;
}
.mainContents .tableWrap.type5 table th span{
	text-align: left;
}
.mainContents .tableWrap.type5 table tbody th{
	font-weight: normal;
	text-align-last: left;
	padding-left: 0;
}
.mainContents .tableWrap.type5 table th ,
.mainContents .tableWrap.type5 table td{
    border-top: 1px dotted #e2e2e2;
}
.mainContents .tableWrap.type5 table thead th ,
.mainContents .tableWrap.type5 table thead td{
    border-top: none;
		padding-top: 0;
}
.mainContents .tableWrap.type5 .em{
	color:#e60012;
}

/* numberList */
.mainContents .numberList{
	list-style: none;
	counter-reset: li;
	font-size:15px;
	padding-left: 0;
	margin-bottom: 30px;
}
.mainContents .numberList li{
	position: relative;
	padding-left: 1.5em;
	border-bottom: 1px dotted #e2e2e2;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.mainContents .numberList li::before{
	position: absolute;
	left:0;
	top:-3px;
	counter-increment: li;   /* li の数を一つずつ増加 */
	content: counter(li) "";          /* 数を表示 */
	color:#e60012;
	font-weight: bold;
	font-size:20px;
}
/* borderArea */
.mainContents .borderArea {
	border: 1px solid #f2eee6;
	padding: 20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mainContents .borderArea h3{
	margin:0;
	color:#e60012;
	font-size: 18px;
}
.mainContents .borderArea .usedProducts{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	text-align: center;
	/* align-items: start; */
	/* 位置揃え */
	/* -webkit-box-pack:start; */
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;
}
.mainContents .borderArea .usedProducts li{
	width: calc(100% / 3);
	max-width: 152px;
	padding-right: 15px;
   margin-bottom: 10px;
}
.mainContents .borderArea .usedProducts span{
	display: block;
	margin-bottom: 10px;
}
.mainContents .borderArea .usedProducts a{
	color:#333;
}
/* memoList */
.mainContents .memoList{
padding-left: 0;
	list-style-type: disc;
}
.mainContents .memoList li{
	margin-left: 1.5em;
	text-indent: 0;
}
.mainContents #recipe_detail_use p{
	margin: 1em 0 0 0;
}
.mainContents #recipe_detail_use p + .memoList{
	margin: 0;
}
.mainContents .ttlType2 + .date{
	margin: 0 0 10px 0;
	font-size:15px;
	color:#888;
}

/* _search */
.mainContents .roundCorner {
	border: 2px solid #f2eee6;
	padding: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:start ;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .roundCorner .searchTop {
	width: 110px;
	text-align: center;
	padding-right: 20px;
}
.mainContents .roundCorner .searchTop p{
	margin: 0;
}
.mainContents .roundCorner .searchCont {
	width:calc(100% - 130px);
}
.mainContents .roundCorner .searchCont dl{
	border-bottom: 1px dotted #e2e2e2;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:start ;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
}
.mainContents .roundCorner .searchCont .search_word_list{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	/* 位置揃え */
	-webkit-box-pack:start ;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	margin-left: 0;
}
.mainContents .roundCorner .searchCont .search_word_list .list{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:start ;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	margin-left: 0;
}
.mainContents .roundCorner .searchCont .search_word_list {
	width: calc(100% - 160px);
}
.mainContents .roundCorner .searchCont .search_word_list ul{
	margin: 0;
}
.mainContents .roundCorner .searchCont .search_word_list ul li{
	display: inline-block;
	margin-right: 10px;
}
.mainContents .roundCorner .searchCont .search_word_list ul li:last-child{
	margin-right: 0;
}
.mainContents .roundCorner .searchCont .search_word_list p{
	margin: 0;
	color: #e60012;
	white-space: nowrap;
}
.mainContents .roundCorner .searchCont .search_word_list .list{
	margin-right: 40px;
}
.mainContents .roundCorner .searchCont .search_word_list .list:last-child{
	margin-right: 0	;
}
.mainContents .tab_search_sort_modified ,
.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:start ;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	margin: 0;
}
.mainContents .tab_search_sort_modified {
	position: absolute;
	right:18px;
	top:15px;
}
/* search_result */
.mainContents .searchTtl {
	font-weight: bold;
	font-size: 20px;
}
.mainContents .searchTop .btn{
	display: inline-block;
	color: #fff;
	background-color: #e60012;
	margin-top: 10px;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mainContents .searchTop .btn::after {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/recipe/images/2018/icon_18.png) no-repeat 50% 50%;
	-webkit-background-size:16px 16px;
	background-size:16px 16px;
	vertical-align: middle;
	margin-left: 3px;
}
.mainContents .roundCorner .searchCont dt {
	font-weight: bold;
	width: 150px;
	margin-right: 10px;
}
.mainContents .roundCorner .searchCont .category dt::before {
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/recipe/images/2018/icon_05.png) no-repeat 50% 50%;
	-webkit-background-size:18px 18px;
	background-size:18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .roundCorner .searchCont .conditions{
	margin-bottom: 0;
}
.mainContents .roundCorner .searchCont .conditions dt::before {
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/recipe/images/2018/icon_06.png) no-repeat 50% 50%;
	-webkit-background-size:18px 18px;
	background-size:18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .roundCorner .searchCont a{
	color:#333;
}
.mainContents .roundCorner .searchCont a::after {
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	background:url(/recipe/images/2018/icon_07.png) no-repeat 50% 50%;
	-webkit-background-size:14px 14px;
	background-size:14px 14px;
	vertical-align: middle;
	margin-left: 5px;
}
/* searchIn */
.mainContents .searchIn > .col3{
	width: 200px;
}
.mainContents .searchIn > .col9{
	width: calc(100% - 230px);
}
/* search_condition */
.mainContents .navSearch .conditionTitle{
	font-size:18px;
	border-top:2px solid #e2e2e2;
	border-bottom:2px solid #e2e2e2;
	margin: 0;
	padding: 10px 0;
}
.mainContents .navSearch .recipeTit::before {
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/recipe/images/2018/icon_05.png) no-repeat 50% 50%;
	-webkit-background-size:18px 18px;
	background-size:18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .navSearch .wordTit::before {
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/recipe/images/2018/icon_17.png) no-repeat 50% 50%;
	-webkit-background-size:18px 18px;
	background-size:18px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .navSearch .productTit::before {
	content:"";
	display:inline-block;
	width:22px;
	height:15px;
	background:url(/recipe/images/2018/icon_19.png) no-repeat 50% 50%;
	-webkit-background-size:22px 15px;
	background-size:22px 15px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .navSearch .timetTit::before {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url(/recipe/images/2018/icon_20.png) no-repeat 50% 50%;
	-webkit-background-size:20px 20px;
	background-size:20px 20px;
	vertical-align: middle;
	margin-right: 5px;
}
.mainContents .navSearch a{
	color:#333;
}
.mainContents .navSearch .recipeTit,
.mainContents .navSearch .wordTit,
.mainContents .navSearch .productTit,
.mainContents .navSearch .timetTit{
	font-size: 15px;
}
.mainContents .navSearch ul{
	margin: 0;
}
.mainContents .navSearch .cg_check li,
.mainContents .navSearch .otherCategory li,
.mainContents .navSearch .check li{
	border-top:1px dotted #e2e2e2;
	padding: 5px;
}
.mainContents .navSearch .cg_check ul li,
.mainContents .navSearch .otherCategory ul ul li,
.mainContents .navSearch .check ul li{
	margin-top: 5px;
	padding-left: 1em;
}
.mainContents .navSearch .toggle_box{
	display: none;
}
.mainContents .navSearch .otherCategory {
	margin-bottom: 30px;
}
.mainContents .navSearch .otherCategory p{
	cursor: pointer;
	background-color: #ddd;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.mainContents .navSearch .otherCategory p::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/recipe/images/2018/icon_09.png) no-repeat 50% 50%;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	margin-left: 3px;
}
.mainContents .navSearch .otherCategory p.active::after {
	width: 16px;
	height: 16px;
	background: url(/recipe/images/2018/icon_16.png) no-repeat 50% 50%;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
}
.mainContents .navSearch #btn_search_release a{
	display: inline-block;
	color: #fff;
	background-color: #e60012;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	width: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .navSearch #btn_search_release a::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/recipe/images/2018/icon_18.png) no-repeat 50% 50%;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	margin-left: 3px;
}
.mainContents .searchIn .tab_search_sort_modified a{
	color:#666;
}
.mainContents .searchIn .tab_search_sort_modified_txt {
	font-weight: bold;
}
.mainContents .searchIn .tab_search_sort_modified_txt::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 13px;
	background: url(/recipe/images/2018/icon_08.png) no-repeat 50% 50%;
	-webkit-background-size: 12px 13px;
	background-size: 12px 13px;
	vertical-align: middle;
	margin-right: 3px;
}
.mainContents .searchIn .tab_search_sort_modified_lists li::before{
	content: "|";
	display: inline-block;
	color: #e2e2e2;
	margin-left: 8px;
	padding-right: 8px;
}
.mainContents .searchIn .tab_search_sort_modified_lists li:first-child{
	margin-left: 5px;
}
.mainContents .searchIn .tab_search_sort_modified_lists li:first-child::before{
	display: none;
}
.mainContents .searchIn .tab_search_sort_modified_lists a{
	display: inline-block;
}
.mainContents .searchIn .tab_search_sort_modified_lists .select{
	color:#e60012;
	border-bottom: 2px solid #e60012;
}
@media screen and (max-width:1024px){
	.mainContents .tab_search_sort_modified {
		position: relative;
		top:0;
		right:0;
		margin-bottom: 20px;
	}
}
.mainContents .searchIn a{
	color:#666;
}
.mainContents .searchIn .row{
	margin-top: 50px;
}
.mainContents .searchIn .row:first-child{
	margin-top: 0;
}
.mainContents .searchIn .search_item_img img{
	width: 100%;
}
.mainContents .searchIn .search_item_data{
	border-bottom: 1px dotted #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	/* 位置揃え */
	-webkit-box-pack:justify ;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	/* 垂直方向の揃え */
	-ms-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
}
.mainContents .searchIn .search_item_data .search_item_data_1,
.mainContents .searchIn .search_item_data .search_item_data_2,
.mainContents .searchIn .search_item_data .search_item_data_3{
	font-size: 12px;
	text-align: center;
}
.mainContents .searchIn .search_item_data .search_item_data_1::before {
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	background:url(/recipe/images/2018/icon_01.png) no-repeat 50% 50%;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
	vertical-align: middle;
	margin-right: 0;
}
.mainContents .searchIn .search_item_data .search_item_data_2::before {
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	background:url(/recipe/images/2018/icon_02.png) no-repeat 50% 50%;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
	vertical-align: middle;
	margin-right: 0;
}
.mainContents .searchIn .search_item_data .search_item_data_3::before {
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	background:url(/recipe/images/2018/icon_03.png) no-repeat 50% 50%;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
	vertical-align: middle;
	margin-right: 0;
}
.mainContents .searchIn .search_item_name{
	margin: 0;
	font-weight: bold;
}
.mainContents .searchIn .mainProducts {
	background-color: #f2eee6;
	padding: 5px 5px 10px 5px;
	margin-top: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .searchIn .mainProducts dl{
	margin: 0;
	padding: 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	/* 方向 */
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	/* 折り返し */
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	/* 位置揃え */
	-webkit-box-pack:justify ;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	/* 垂直方向の揃え */
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;
}
.mainContents .searchIn .mainProducts dt{
	text-align: center;
	color:#766551;
	font-weight: bold;
	width: 100%;
	font-size: 14px;
	margin-bottom: 5px;
}
.mainContents .searchIn .mainProducts dd{
	margin: 0;
	line-height: 1.2;
	position: relative;
}
.mainContents .searchIn .mainProducts dt + dd{
	background-color: #fff;
	width: 54px;
	height:54px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mainContents .searchIn .mainProducts dd img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	max-width: 54px;
	max-height: 54px;
}
.mainContents .searchIn .mainProducts dd:last-child{
	width: calc(100% - 70px);
}
.mainContents .searchIn #search_pager {
	text-align: center;
	margin:60px auto 30px;
}
.mainContents .searchIn #search_pager li{
	display: inline-block;
	margin:0 auto;
}
.mainContents .searchIn #search_pager li.back span ,
.mainContents .searchIn #search_pager li.next span {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	min-height: 20px;
	line-height: 20px;
	padding: .3em 1.5em;
	color: #ddd;
	border: 2px solid #ddd;
	-webkit-border-radius: 5000px;
	-moz-border-radius: 5000px;
	border-radius: 5000px;
	white-space: nowrap;
}
.mainContents .searchIn #search_pager li.current_page {
	font-weight: bold;
	margin:0 15px;
}
.mainContents .searchIn #search_pager li.back a {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	min-height: 20px;
	line-height: 20px;
	padding: .3em 1.5em;
	color: #333;
	border: 2px solid #e60012;
	-webkit-border-radius: 5000px;
	-moz-border-radius: 5000px;
	border-radius: 5000px;
	white-space: nowrap;
	position: relative;
}
.mainContents .searchIn #search_pager li.back a:before {
	position: absolute;
	left:8px;
	top:50%;
	margin-top: -.35em;
	content: "";
	display:inline-block;
	width:.45em;
	height:.7em;
	background: #fff url(/common/images/2017/icon_link_arrow-red.png) no-repeat 90% 50%;
	-webkit-background-size: .45em .7em;
	background-size: .45em .7em;
	-moz-transform:    rotateY( -180deg );  /* Firefox用 */
	-webkit-transform: rotateY( -180deg );  /* Chrome,Safari,新しいOpera用 */
	-ms-transform:     rotateY( -180deg );  /* IE9用 */
	transform:         rotateY( -180deg );  /* CSS3の書き方 */
}
.mainContents .searchIn #search_pager li.next a {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	min-height: 20px;
	line-height: 20px;
	padding: .3em 1.5em;
	color: #333;
	border: 2px solid #e60012;
	-webkit-border-radius: 5000px;
	-moz-border-radius: 5000px;
	border-radius: 5000px;
	white-space: nowrap;
	position: relative;
}
.mainContents .searchIn #search_pager li.next a::after {
	position: absolute;
	right:8px;
	top:50%;
	margin-top: -.35em;
	content: "";
	display:inline-block;
	width:.45em;
	height:.7em;
	background: #fff url(/common/images/2017/icon_link_arrow-red.png) no-repeat 90% 50%;
	-webkit-background-size: .45em .7em;
	background-size: .45em .7em;
}

/* 例外 */
@media screen and (min-width: 767px) and (max-width: 1023px) {
	.mainContents .searchIn .colSP12 .colSP12 {
		width: 50%;
	}
}
@media screen and (max-width: 1023px) {
	.mainContents .searchIn .row {
    margin-top: 0;
	}
	.mainContents .searchIn .mainProducts {
		margin-bottom: 30px;
	}
}
/* pc */
@media screen and (min-width:768px){
	.mainContents .recipe .col8 {
		width: 68%;
	}
	.mainContents .recipe .col4 {
		width: 32%;
	}
	.mainContents .tagmore_trigger{
		display: none;
	}
	.mainContents .btn_more_narrow {
		display: none;
	}
	.mainContents #more_narrow_panel{
		display: block;
	}
	.mainContents .imgLinkArea > .container > .row.recomend_recipe {
		display: flex;
		flex-direction: column;
	}
	.mainContents .imgLinkArea > .container > .row.recomend_recipe .col2_5.colSP6{
		width: auto;
		height: auto;
	}
	.mainContents .imgLinkArea .row.recomend_recipe article .articleTit a {
		display: flex;
	}

	.mainContents .imgLinkArea > .container > .row.recomend_recipe .col2_5.colSP6 span.img {
		min-width: 215px;
	}

	.mainContents .imgLinkArea > .container > .row.recomend_recipe .col2_5.colSP6 span.txt {
		margin-left: 1.5rem;
	}


}
/* sp */
@media screen and (max-width:767px){
	.mainContents .ttlType1 {
		margin: 1em 0 0;
	}
	.mainContents .searchIn > .col3{
		width: 100%;
	}
	.mainContents .searchIn > .col9{
		width: 100%;
	}
	.mainContents .catalogTtl .ttlArea .hitsNumber {
		font-size: 15px;
		margin-left: 10px;
	}
	.mainContents .catalogTtl .rightArea{
		width: 100%;
		margin-top: 30px;
	}
	.mainContents .catalogTtl .rightArea .title{
		font-size: 16px;
		margin-top: 20px;
	}
	.mainContents .keywords{
		margin-top: 0;
	}
	.mainContents .keywords li{
		font-size: 14px;
	}
	.mainContents .recipeTitle {
    font-size: 16px;
	}
	/* sliderArea */
	.mainContents .sliderArea {
		-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.mainContents .sliderArea .smallThumb {
		width: 100%;
		margin: 10px 0 0 0;
	}
	.mainContents .sliderArea .smallThumb ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		/* 方向 */
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
		flex-direction:row;
		/* 折り返し */
		-ms-flex-wrap:nowrap;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		/* 位置揃え */
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:center;
		justify-content:center;
	}
	.mainContents .sliderArea .smallThumb ul li{
		width: 50%;
		height: 95px;
	}
	/* tipsCont */
	.mainContents .tipsCont .tipsTitle {
    font-size: 15px;
	}
	.mainContents .tipsCont .tipsText {
    font-size: 14px;
	}
	.mainContents .rankingArea .tabBoxes li {
    font-size: 16px;
	}
	/* rankingArea */
	.mainContents .rankingArea {
		max-width: none;
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.mainContents .brandArea {
		max-width: none;
		width: 100%;
		margin-top: 0;
	}
	.mainContents .rankingArea .rankingTxt ,
	.mainContents .brandArea .brandTxt {
			font-size: 17px;
	}

	/*_detail */
	.mainContents .spMtZ {
		margin-top: 1em;
	}
	.mainContents .tit {
    font-size: 17px;
		margin-top: .5em!important;
	}
	.mainContents .detailData dt {
    font-size: 13px;
	}
	.mainContents .detailData dd {
    font-size: 19px;
	}
	.mainContents .note {
    font-size: 14px;
	}
	.mainContents .exBtnArea #recipe_head_btns{
		display: none;
	}
	.mainContents .exBtnArea .snsShareBtnArea{
		width: 100%;
	}
	.mainContents .navSearch {
		margin-bottom: 20px;
	}

	.mainContents .tags{
		background-color: #f2eee6;
		padding: 5px;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
		margin-top: 20px;
	}
	.mainContents .tagmore_trigger{
		display: block;
		color:#e60012;
		padding: 5px;
		text-align: center;
		font-size:15px;
		font-weight: bold;
	}
	.mainContents .tagmore_trigger .more::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/recipe/images/2018/icon_09.png) no-repeat 50% 50%;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 10px;
	}
	.mainContents .tagmore_trigger .less::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/recipe/images/2018/icon_16.png) no-repeat 50% 50%;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 10px;
	}
	.mainContents .tableWrap table .wid60 {
    width: 60%!important;
	}
	.mainContents .tableWrap table .wid40 {
    width: 40%!important;
	}
	.mainContents .tableWrap.type5 table th {
    padding: 10px 10px;
	}
	.mainContents .tableWrap.type5 table td {
    padding: 10px 0 10px 0;
	}
	.mainContents .tableWrap.type5 table thead th{
		text-align-last: center;
	}
	.mainContents .tableWrap.type5 table tbody th{
		text-align: left;
	}
	.mainContents .tableWrap.type5 table tbody td{
		text-align: right;
		padding-left: 5px;
	}


	.mainContents .borderArea{
		margin-bottom: 60px;
		padding: 10px;
	}

	.mainContents .borderArea .usedProducts{
		/* 折り返し */
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.mainContents .borderArea .usedProducts li {
    width: calc(100% / 2);
    max-width: none;
    padding: 0 5px;
		margin-bottom: 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .numberList {
    font-size: 14px;
	}
	.mainContents .numberList li::before {
    font-size: 19px;
	}
	.mainContents .memoList li{
    font-size: 14px;
	}
	.mainContents .numberList + .borderArea {
		margin-bottom: 0;
	}
	.mainContents .ttlType2 + .date {
    font-size: 14px;
	}
	.mainContents .btn_more_narrow {
		display: block;
	}
	.mainContents #more_narrow_panel{
		display: none;
	}
	.mainContents .search_list_item{
		display: block;
		margin-bottom: 30px;
	}
	.mainContents .search_list_item + .mainProducts {
		margin-top: -20px;
	}
	.mainContents .search_list_item::after{
		content:'.';
		display:block;
		height:0;
		font-size:0;
		clear:both;
		visibility:hidden;
	}
	.mainContents .searchIn .search_item_img{
		width: 120px;
		margin-right: 10px;
		float: left;
	}

	.mainContents .searchIn .search_item_data,
	.mainContents .searchIn .search_item_name{
		float: left;
		width: calc(100% - 130px);
	}
	.mainContents .searchIn .search_item_data{
		margin: 0 0 10px 0;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mainContents .searchIn .search_item_name{
	}
	.mainContents .searchIn .search_item_data .search_item_data_1::before,
	.mainContents .searchIn .search_item_data .search_item_data_2::before,
	.mainContents .searchIn .search_item_data .search_item_data_3::before{
		margin-right: 3px;
	}
	.mainContents .searchIn .search_item_data .search_item_data_1 div ,
	.mainContents .searchIn .search_item_data .search_item_data_2 div ,
	.mainContents .searchIn .search_item_data .search_item_data_3 div {
		display:inline-block;
	}
	.mainContents #search_result.roundCorner {
 		padding: 10px;
		 display: block;
	}
	.mainContents #search_result.roundCorner .searchTop{
		width: 100%;
		text-align-last: left;
	}
	.mainContents #search_result.roundCorner .searchTtl,
	.mainContents #search_result.roundCorner #btn_search_release {
		display: inline-block;
		margin-right: 15px;
	}
	.mainContents .roundCorner .searchCont{
		margin-top: 15px;
	}
	.mainContents .roundCorner .searchCont dl{
		display: block;
	}
	.mainContents .roundCorner .searchCont,
	.mainContents .roundCorner .searchCont dt,
	.mainContents .roundCorner .searchCont .search_word_list{
		width: 100%;
	}
	.mainContents .roundCorner .searchCont dt{
		margin-bottom: 5px;
	}
	.mainContents .roundCorner .searchCont .search_word_list .list{
		margin-bottom: 5px;
	}
	.mainContents .roundCorner .searchTop{
		padding-right: 0;
	}
	.mainContents .btn_more_narrow{
		cursor: pointer;
		text-align: center;
		color:#e60012;
		margin-bottom: 40px;
		font-weight: bold;
		background-color: #f2eee6;
		padding: 10px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.mainContents .btn_more_narrow span::after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/recipe/images/2018/icon_09.png) no-repeat 50% 50%;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
		vertical-align: middle;
		margin-left: 3px;
	}
	.mainContents .btn_more_narrow.open span::after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/recipe/images/2018/icon_16.png) no-repeat 50% 50%;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
		vertical-align: middle;
		margin-left: 3px;
	}
	.mainContents .searchIn .tab_search_sort_modified_lists li:first-child,
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul li{
		margin:0;
	}
	.mainContents .searchIn .tab_search_sort_modified_lists li::before,
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_txt{
		display: none;
	}
	.mainContents .searchIn .tab_search_sort_modified_lists .select{
		border-bottom: none;
	}
	.mainContents .tab_search_sort_modified{
		position: absolute;
		right:6px;
		top:6px;
		z-index: 1;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul{
		display: inline-block;
		height:2.3em;
		overflow: hidden;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		transition: all 0.4s;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul li{
		background-color: #fff;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul.active{
		height:100%;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul a{
		display: block;
		padding: 5px;
	}
	.mainContents .searchIn .tab_search_sort_modified_lists .select{
		color:#333;
		padding:5px 20px 5px 10px;
		background: url(/recipe/images/2018/icon_10.png) no-repeat 97% 50%;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
		font-weight: bold;
		background-color: #f6f6f6;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul li{
		border:1px solid #e2e2e2;
		border-bottom: none;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul li:first-child{
		border: none;
	}
	.mainContents .tab_search_sort_modified .tab_search_sort_modified_lists ul li:last-child{
		border-bottom:1px solid #e2e2e2;
	}
	.mainContents .mainContentsIn.spMtz{
		margin-top: 0;
	}
}



/* top */
@media screen and (max-width:767px){
	.recipeTop .ttlType1{
		/* display: none; */
	}
	.recipeTop .searchForm {
		/* margin-top: 30px; */
	}
}

@media print{
	.mainContents .slideLocalNaviIn,
	.mainContents .productsMenuArea,
	.mainContents .searchForm,
	.mainContents .exBtnArea,
	.mainContents .tags,
	.mainContents .weeklyrecipelist,
	.mainContents .specialrecipelist,
	.mainContents .recentrecipelist,
	#ot-sdk-btn-floating,
	#onetrust-banner-sdk,
	.mainContents #karte-c{
		display: none;
	}
}
