@charset "utf-8";

/*
------------------------------------
index
------------------------------------
*/

.featherlight-content{border-radius: 10px;}
.featherlight .featherlight-close-icon{position: fixed !important;  line-height: 45px !important;  width: 45px !important; color: #fff !important}

/* main visual img
------------------------------------
*/

body{
	position: relative;
}
/*
body:before{
	position: absolute;
	top: -13px;
	right: -20px;
	background: url(../img/himawari.png) no-repeat;
background: url(../img/snowman.png) no-repeat;
	background-size: cover;
	content: "";
	display: inline-block;
	width: 164px;
	height: 148px;
	z-index: 9999;
}
*/
.items {
    position: absolute;
    z-index: 50;
    bottom: 10px;
    right: 10px;
    display: flex;
}

.items img{
	display: block;
	margin-left: 10px;
}

.mainvisual{
	overflow:hidden;
/*	box-shadow:0 0 5px 5px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 10px 10px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 10px 10px rgba(0,0,0,0.15);
	-o-box-shadow:0 0 10px 10px rgba(0,0,0,0.15);
	-ms-box-shadow:0 0 10px 10px rgba(0,0,0,0.15);*/
}
.bx-pager.bx-default-pager{display:none;}
.bx-wrapper{margin:0 auto !important;}

#image-bloc {height: 440px;}
.bx-viewport {
	overflow: visible!important;

}
.main-container {overflow: hidden; padding-bottom: 150px;}
.slider {
  list-style: none;
  margin: 0;
  padding: 0;
	position:relative;
}
.slider span{
	display:block;
	height:58px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;	
}
/*
.slider span:before{
	width: 100%;
	height: 60px;
	content: "";
	background: url("../img/bg_summer01.png") 0 0 no-repeat;
    background: url(../img/bg_snow001.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	background-size: contain;
    top: 4px;
}

.slider a:before{
	width: 100%;
	height: 400px;
	content: "";
    background:none;
	background: url(../img/bg_snow002.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	background-size: contain;
    top: 0;
}
*/

.slider a span{
	background:rgba(17, 0, 0, 0.5);
/*	background-size: cover;*/
}
.slider a{
	border: solid 1px #fff;
}

/*
.slider a:hover{
	border: solid 1px #FF3333;
}
.slider a:hover span em{
	text-decoration: underline;
	font-weight: bold;
}
.slider a:nth-child(odd) span{
	background:rgba(0, 177, 242, 0.8);
} */

.slider span em{display:table-cell; /*height:60px;*/ vertical-align:middle; color:#fff; letter-spacing:-0.01em; position: absolute; top: 14px;}
.slider span em img{display:inline-block; vertical-align:baseline; margin:0 10px -5px 15px;}
/*
.slide {transition-duration: 0.3s;}
.slide:hover {transform: scale(1.2); transition-duration: 0.3s; }*/

.cook_movie {width:100%; margin:20px 0; }
.cook_movie img {width:100%; border-radius:10px; }


@media (max-width: 767px){
	.slider span{height:40px;}
	.slider span em{/*height:40px;*/ top: 6px;}
	.slider span em img{ max-height:25px; width:auto; float:left; }
	.slider span em{font-size:1em;}
    .slider span em .recipe_ttl {display:inline-block;}
	.slider span:before{
		top: 1px;
	}
}

@media screen and (min-width: 768px){
	.slider span em{font-size:1.2em;}
}

/* others
------------------------------------
*/


.heading01{font-size:1.4em; line-height:1; padding-bottom:4px; border-bottom:1px solid #ccc; display: flex !important; align-items: center;border-bottom:1px solid #FB409A; color:#FB409A;}
.heading01 img{max-width:110px; max-height:75px;}
.heading01 em{font-size:1.45em;}
.heading01 div span{display: block; margin-top: 5px; font-size: 14px;}
.heading01 div.btn_wrap{ margin-left: auto;}
.heading01 a{ display: inline-block; margin-left: auto; border-radius: 5px; font-size: 14px; padding: 10px;  line-height: 1.5; color: #fff; background: #FB409A; }
.heading01 div.btn_wrap a{margin-left: 10px;}
.heading01 a span{display: none;}
.heading01 a:hover{opacity: 0.7; }
/* .green .heading01{border-bottom:1px solid #c2da89; color:#86b81b;}
.green .heading01 a{ background: #86b81b; }
.orange .heading01{border-bottom:1px solid #f9ca7b; color:#f39800;}
.orange .heading01 a{ background: #f39800; }
.blue .heading01{border-bottom:1px solid #7fd6f1; color:#00afec;}
.blue .heading01 a{ background: #00afec; }
.pink .heading01{border-bottom:1px solid #f3a7c7; color:#e85298;}
.pink .heading01 a{ background: #e85298; }
.red .heading01{border-bottom:1px solid #fa4b6b; color:#ff3258;}
.red .heading01 a{ background: #ff3258; }
.darkblue .heading01{border-bottom:1px solid #6ca3e2; color:#58a2f8;}
.darkblue .heading01 a{ background: #58a2f8; }
.brown .heading01{border-bottom:1px solid #eda985; color:#f16c1a;}
.brown .heading01 a{ background: #f16c1a; }
.yellow .heading01{border-bottom:1px solid #fce470; color:#f8cf0b;}
.yellow .heading01 a{ background: #f8cf0b; } */

.recipe-group section a .inner h3{ font-size:1.2em;}
.recipe-group section a .inner h3{ font-size:1em;}
.recipe-group section a .inner h3 img{float:right; vertical-align:middle; margin-left:10px; margin-top:10px;}

.recipe-group section a:hover .inner h3 img,
.recipe-group section a:hover .inner ul li img{
	opacity:1.0;
  -moz-opacity:1.0;
  filter:alpha(opacity = 100);
}

iframe{width: 60vw !important}

@media (max-width: 479px){
	h3.sp-tx-s{font-size:1.07em !important;}
	.heading01{font-size:1.00em !important;}
	.heading01 em{ display:block; line-height:1.2;}
	.heading01 img{max-height:40px; width:auto; margin-right:10px; float:left;}
	.recipe-group section{border-bottom:1px solid #ccc; padding:5px 10px;}
	.recipe-img{width:40%; height:auto; float:left; padding-right:10px; box-sizing:border-box;}
	.recipe-group .text{width:60%; height:auto; float:right; box-sizing:border-box;}
	.recipe-group section a .inner.clearfix{position: relative;}
	.recipe-group section a .inner ul li{display:inline-block; margin-right:10px !important; font-size:0.84em !important;}
	.recipe-group section a .inner ul li img{margin-right:3px !important; vertical-align:baseline; max-height:13px !important; width:auto;}
	.recipe-group .text{position:static !important; margin-top:0 !important; padding-left:10px !important;}
	.recipe-group section a .inner h3{ font-size:1.00em !important; vertical-align:middle !important; display:inline; min-width:210px;}
/* 	.recipe-group section a .inner h3 .height span{ font-size:0.84em;} */
	.recipe-group section a .inner h3 img{max-height:25px !important; position: absolute;left: auto;right: 0;top: auto;bottom: 0;margin: 0 !important;}
	.recipe-group section a .inner h3.small span{font-size:0.90em;}
}

@media (max-width: 767px){
	.heading01{margin-top:20px; padding:0 10px 8px 10px; font-size:1.15em;}
	.heading01 em{font-size:1.60em;}
	.heading01 img{max-height:40px; width:auto; margin-right:10px;}
	.heading01 a{ font-size: 14px; padding:5px 10px;}
	.recipe-group section{border-bottom:1px solid #ccc; padding:5px 10px; position:relative;}

	.recipe-img{max-width:40% !important; padding:0; margin:0; overflow:hidden; height:auto; float:left;}
	a:hover .recipe-img{max-width:40% !important; overflow:hidden;}
	.recipe-group .text{width:60%; padding-left:15px; height:auto; float:right; box-sizing:border-box; position:absolute; top:40px; left:40%; margin-top:-30px;}
	.recipe-group .text.lines{margin-top:-35px;}
	.recipe-group .text h3{margin-bottom:5px;}
 	.recipe-group .text h3 img{max-width:30px !important; margin:10px 5px 0 0 !important; position: absolute; left: 0; top: 100%;}
	
	.recipe-group section a .inner ul li{display:inline-block; margin-right:10px;}
	.recipe-group section a .inner ul li img{margin-right:3px; vertical-align:baseline; max-height:15px; width:auto;}
	iframe{width: 85vw !important}
	body:before{
		width: 90px;
		height: 81px;
        top:-26px;
		right: -11px;

	}
	
	
}

@media screen and (min-width: 768px){
	.heading01{margin:20px 0 0;}
	.heading01 + div.clearfix{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px;}
	.heading01 + div.clearfix::before{ width: 280px; height: 0;content: "";display: block;order: 1;}
	.heading01 + div.clearfix::after{ width: 280px; height: 0;}
	.heading01 img{margin-right:15px; max-height:65px; width:auto;}
	.recipe-group{margin:0 5px;}
	.recipe-group section{
		max-width:280px;
		margin-top:20px;
		position: relative;
		}
	.recipe-group section a{
		border:1px solid #ccc;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		behavior:url("/coop_recipe/PIE.htc");
		margin:0;
		display:block;
	}

	.recipe-group.green section a,
	.recipe-group.orange section a,
	.recipe-group.blue section a,
	.recipe-group.pink section a,
	.recipe-group.red section a,
	.recipe-group.darkblue section a,
	.recipe-group.brown section a,
	.recipe-group.yellow section a{border:1px solid #ccc; background: #fff; height: 100%;}

	.recipe-group section a:hover{ border: 1px solid #FB409A;}
	
	/* .recipe-group.green section a:hover {background:url(../img/bg01.gif) repeat-x 0 -30px #fffdf7;}
	.recipe-group.orange section a:hover{background:url(../img/bg02.gif) repeat-x 0 -30px #fffdf7;}
	.recipe-group.blue section a:hover{background:url(../img/bg03.gif) repeat-x 0 -30px #fffdf7;}
	.recipe-group.pink section a:hover{background:url(../img/bg04.gif) repeat-x 0 -30px #fffdf7;} */
	
	.recipe-img{max-width:270px; height:auto; display:block; margin:0 auto; border-radius: 5px;}
	.recipe-group section a .inner{
		margin-top:19px;
		padding:10px 7px 5px;
	}
	.recipe-group section a .inner h3 .pc-tx-s{font-size:0.83em;}	
	.recipe-group section a .inner h3{ display: flex; justify-content: space-between; align-items: center; height: 2.5rem;}
	.recipe-group section a .inner h3 img{margin-right:0px; margin-top:4px; /*max-height:40px;*/ max-width:30px; height:auto; border: solid 1px #999;max-width: 38px;padding: 5px;border-radius: 5px;}
	.recipe-group section a .inner h3 .height span{font-size:90%;}
	.recipe-group section a .inner h3 .height{vertical-align:middle; display:table-cell;}
	.recipe-group section a .inner h3.small span{font-size:0.95em;}
	

	.recipe-group section a .inner ul{text-align:center; padding:7px 0 0; /*--border-top:1px solid #ccc;--*/ }
	.recipe-group section a .inner ul li{
		display:inline-block;
		margin-right:12px;
	}
	.recipe-group section a .inner ul li img{margin-right:3px; max-height:15px; width:auto; vertical-align:baseline;}
}

@media ( min-width: 768px) and ( max-width: 1130px){
	.recipe-group section{max-width:inherit; width: 32%;}
	.recipe-group section a .inner ul{ margin-top: 5px; }
}

@media screen and (min-width: 1024px){
	.heading01 img{max-height:75px; width:auto;}
	.recipe-group section a .inner{padding:30px 10px 10px;}
	.recipe-group section a .inner .lines{position:relative;}
	.recipe-group section a .inner h3{padding:0; font-size:1.2em; display: flex; justify-content: space-between; align-items: center; height: 4rem;}
	.recipe-group section a .inner h3 span.height{line-height: 1.2; padding: 10px 0;}
	.recipe-group section a .inner h3 img{ position: absolute;top: 5px;right: 0;border: solid 1px #999;max-width: 38px;padding: 5px;border-radius: 5px;}
	.recipe-group section a .inner ul li{font-size:1em;}
	.recipe-group section a .inner ul li img{max-height:20px; width:auto;}
	
}

/*
------------------------------------
recipe pages
------------------------------------
*/

.swiper-container{
	max-width: 48%;
	height: auto;
	margin: 0 0 20px 0 !important;
	padding: 0 0 0 0;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
  }
  
  .swiper-container img{
	width: 100%;
  }
  
  .swiper-pagination-bullet{
	width: 15px !important;
	height: 15px !important;
	border: solid 3px #fff;
	background: #fff !important;
	opacity: 0.8 !important;
  }
  
  .swiper-pagination-bullet-active{
	background: #FC409A !important;
  }

.recipe-page{
	border:1px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	behavior:url("/coop_recipe/PIE.htc");
	background-color:#fffefb;
	padding: 20px;
}
/* .recipe-page.orange{border:1px solid #f9ca7b;}
.recipe-page.blue{border:1px solid #7fd6f1;}
.recipe-page.pink{border:1px solid #f3a7c7;}
.recipe-page.red{border:1px solid #ff93a6;}
.recipe-page.darkblue{border:1px solid #7bb2f1;}
.recipe-page.brown{border:1px solid #eda985;}
.recipe-page.yellow{border:1px solid #fce470;} */

.heading02{border-bottom:1px solid #FB409A; color:#FB409A; padding-bottom:5px; display: flex; align-items: center;}
.recipe-page.orange .heading02{border-bottom:1px solid #f9ca7b; color:#f39800;}
.recipe-page.blue .heading02{border-bottom:1px solid #7fd6f1; color:#00afec;} 
.recipe-page.pink .heading02{border-bottom:1px solid #f3a7c7; color:#e85298;}
.recipe-page.red .heading02{border-bottom:1px solid #ff93a6; color:#ff3258;}
.recipe-page.darkblue .heading02{border-bottom:1px solid #7bb2f1; color:#2c78e3;}
.recipe-page.brown .heading02{border-bottom:1px solid #eda985; color:#f16c1a;}
.recipe-page.yellow .heading02{border-bottom:1px solid #fce470; color:#f8cf0b;}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 20px;
	border-radius: 10px;
    overflow: hidden;

  }
  .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
  }

.well{
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin-bottom:20px;
	padding-left:10px;
}
.well li{display:inline-block; margin-right:10px; border-bottom:3px solid #c2db89; padding:0 5px 5px; line-height:1;}
.well li img{vertical-align:baseline; margin-right:5px;}

.panel dt{
	color:#e85298;
	font-size:1.60em;
	line-height:1;
}

.point_well{width: 48%;}
.point_well small{ display: block; margin-bottom: 10px; margin-top: -10px; text-align: right;}
.point_well .eiyou{ padding: 5px 10px; border-radius: 5px; background: #f1f1f1; margin-bottom: 10px; display: inline-block;}

.panel dt span{font-size:0.75em;}
.panel.point dt{color:#e85298;}
.panel.food dt{color:#f39800;}
.panel.cooking dt{color:#00afec;}
.panel.item dt{color:#86b81b;}
.panel dd table{width:100%;}
.panel dd table tr td{border-bottom:1px dotted #f9ca7b; padding:5px;}
.panel dd table tr.first td{padding-top:0;}
.panel.cooking dd table td{border-bottom:1px dotted #7fd6f1;}
.panel dd table td.number{/*border-bottom:none; */vertical-align:top;}
.panel.cooking dd table td.number{border-bottom:1px dotted #7fd6f1;}
.panel.cooking .flow{border-radius: 5px; margin: 10px 0;}
.panel.cooking .flow img{border-radius: 5px;}
mark{
	background-color:#f6b240;
	color:#fff;
	width:18px;
	height:18px;
	text-align:center;
	display:inline-block;
	vertical-align:baseline;
	margin:0 3px;
}
mark.mark01{
	width:auto;
	height:auto;
	line-height:1.4;
	background-color:#fff !important;
	color:#f39800;
	text-align:left;
}
.cooking mark{background-color:#54c3f1;}
.cooking mark.orange{background-color:#f6b240;}
.panel.item dd p strong{font-size:1.10em; margin-right: 10px; display: inline-block;}
.panel.item dd p a{display: inline-block; margin-top: 10px; padding: 10px; border-radius: 5px; line-height: 1; color: #fff; background: #86b81b;}
.panel.item dd p a:hover{opacity: 0.7;}
.panel.point dd .tender{border-top:1px dotted #f3a7c7; margin-top:10px; padding-top:10px;}

.N-icon{
	background:url(../img/bg_n.png) no-repeat bottom right;
	padding-bottom:5px;
	display:inline-block;
	font-size:1.40em;
	margin-right:-10px;
	/* float:right; */
}
.N-icon span{display:inline-block; background:#f39800; color:#fff; font-weight:bold; padding:7px 12px 5px; line-height:1;}

.recipe-group section a .inner h3 .height span.icon_new {
background-color:#ee1b1b;
color: #fff;
font-size: 0.7em;
padding: 0 3px;
margin: 0 0 0 4px;
}

/* アイコン追加 201807 */
.recipe-group section span.ico_new{position:absolute; top:8px; left:10px; background:#ff4f4d; color:#fff; font-size:14px; padding:7px 10px ; border-radius: 5px;}
.recipe-group section span.ico_favor{position:absolute; top:8px; left:10px; background:#ff9600; color:#fff; font-size:14px; padding:7px 10px ; border-radius: 5px;}
.recipe-group section span.ico_recommend{position:absolute; top:8px; left:10px; background:#e85298; color:#fff; font-size:14px; padding:7px 10px ; border-radius: 5px;}
.recipe-group section span.cooktime{ display: inline-block; position: absolute; top: 7px; padding: 4px 5px; right: 10px; background: #fff; border-radius: 5px; font-weight: bold; color: #86b81b; border: solid 2px #86b81b; }
.recipe-group section span.cooktime.jitan{color: #f00; border: solid 2px #f00; }
.time{display: none !important;}
.time + li{ border-right: solid 1px #ccc; padding-right: 10px;}
.popular { z-index: 20; display: inline-block; padding: 7px 5px; background: #FB409A; color: #fff; border-radius: 3px; position: absolute; top: 7px; left: 10px;}

@media (max-width: 479px){
	.N-icon{font-size:1.15em;}
	.heading03,.heading04,.heading05{font-size:1.38em !important; line-height:1.2 !important;}
	.heading03 span,.heading04 span{ font-size:0.72em; display:block;}
	.heading03 img,.heading04 img{float:left;}
	.panel dd table tr td span{ font-size:0.95em;}
	.panel dt{padding:0 !important; font-size:1.38em !important;}
	.panel dt img{margin:0 5px 0 0!important;}
	.panel.item dt{font-size:1.30em !important; letter-spacing:-0.01em;}
	.panel.item dd img{max-width:60px !important; }
	.panel.item dd p{width:75% !important; font-size: 12px;}
	.panel.item dd p strong{ font-size:1.23em !important; letter-spacing:-0.01em;}
	.panel.point dd .tender img{max-width:60px !important; width:25% !important;}
	.panel.point dd .tender p{width:75% !important;}
	
}

@media (max-width: 767px){
	.popular {padding: 3px;top: 5px;}
	.recipe-page{padding:10px 5px 20px !important; margin:0 10px;}
	.heading02{font-size:1.61em; margin:0 -5px; clear:both;}
	.heading02 img{max-height:40px; width:auto; margin:0 10px;}
	
	figure{margin:0; padding:0;	position: relative;}
	figure:before{
		width: 100%;
		height: 400px;
		content: "";
        background: none;
/*		background: url(../img/bg_snow002.png) 0 0 no-repeat;*/
		position: absolute;
		left: 0;
		background-size: contain;
		top: 0;
	}
	figure img{max-width:100%; height:auto; display:block; margin:15px auto 0;}
	.well li{margin-right:5px; border-bottom:3px solid #c2db89; padding:0 0 2px; line-height:1; font-size:0.92em;}
	.well li img{max-height:13px; width:auto; margin-right:7px;}
	.well{margin-top:10px; padding:0;}
	
	.panel dt{border-bottom:1px solid #f3a7c7; padding:0 5px; margin-top:15px;}
	.panel.food dt{border-bottom:1px solid #f9ca7b;}
	.panel.cooking dt{border-bottom:1px solid #7fd6f1;}
	.panel.item dt{border-bottom:1px solid #c2da89;}
	.panel dt img{max-height:25px; width:auto; margin-right:10px;}
	.panel dd{padding:10px 0;}
	.panel dd table tr td{border-bottom:1px dotted #f9ca7b; padding:5px 0;}

	.panel.item dd p{ width:80%; padding-left:10px; box-sizing:border-box; }
	.panel.point dd .tender img{ float:left; min-width:60px; max-width:75px; width:20%;}
	.panel.point dd .tender p{ width:80%; padding-left:10px; box-sizing:border-box; float:left;}
	#share li{margin-left:5px;}
	
	.recipe-group section span.ico_new,
	.recipe-group section span.ico_favor,
	.recipe-group section span.ico_recommend{top:10px; left:15px; border: solid 2px #fff;}

	.swiper-container{
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 0 0 0 0;
		box-sizing: border-box;
		margin-bottom: 20px;
		border-radius: 10px;
		overflow: hidden;
	  }

}


@media screen and (min-width: 768px){
.inner .clearfix{ display: flex; justify-content: space-between;}
.inner .clearfix::after{display: none;}
.inner dd.clearfix{display: block;}
.inner .clearfix.well{justify-content: left;}

.N-icon{margin-right:-15px; margin-top:10px;}
.heading02{margin:0 -9px 20px; font-size:3.00em;}
.heading02 img{margin:0 20px 0 10px; max-height:60px; width:auto;}
.heading03{font-size:2.60em; line-height:1.1;}
.heading03 span{ font-size:0.7em; display:block; padding-top:10px;}
.heading03 img{float:left;}
figure{
    max-width: 48%;
    height: auto;
    margin: 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    margin-bottom: 7px;
    border-radius: 10px;
    overflow: hidden;
	position: relative;
}

/* figure:before{
	width: 100%;
	height: 400px;
	content: "";
	background: url(../img/bg_snow002.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	background-size: contain;
    top: 0;
} */

.panel.panel-left.food{
	width: 48%;
}

.panel.cooking{
	width: 48%;
}

.well{
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin-bottom:20px;
	padding-left:10px;
}
.well li{display:inline-block; margin-right:10px; padding:0 0 3px; line-height:1;}
.well li em{font-size:1.38em;}
.well li img{vertical-align:baseline; margin-right:5px; max-height:15px; width:auto;}
.panel{

	box-sizing:border-box;
	margin-bottom:20px;
}
.panel dl{
	border:1px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	behavior: url("/coop_recipe/PIE.htc");
	position: relative;
	background:url(../img/bg04.gif) 0 -10px repeat-x #fff;
}
.panel.point dl{border:1px solid #f3a7c7; background:url(../img/bg04.gif) 0 -10px repeat-x #fff;}
.panel.food dl{border:1px solid #f9ca7b; background:url(../img/bg02.gif) 0 -10px repeat-x #fff;}
.panel.cooking dl{border:1px solid #7fd6f1; background:url(../img/bg03.gif) 0 -10px repeat-x #fff;}
.panel.item dl{border:1px solid #c2db89; background:url(../img/bg01.gif) 0 -10px repeat-x #fff;}
.panel-left dl{ margin-left:0;}
.panel.item {width: 100%; margin-top: 20px;}

.panel dt{
	display:table-cell;
	height:40px;
	vertical-align:middle;
	padding-left:10px;
	text-shadow:3px 3px 0px #fff, 3px -3px 0px #fff, -3px 3px 0px #fff, -3px -3px 0px #fff;
}
.panel.item dt{font-size:1.5em;}
.panel dt img{margin-right:10px; max-height:30px; width:auto;}
.panel dd{padding:10px;}
/* .panel.item dd img{ float:left; min-width:60px; max-width:75px; width:20%;} */
.panel.item dd p{ box-sizing:border-box;}

.panel.point dd .tender img{ float:left; min-width:60px; max-width:75px; width:20%;}
.panel.point dd .tender p{ width:80%; padding-left:10px; box-sizing:border-box; float:left;}

.sp {display:none;}

}

.panel.item .vari{display: flex; margin: 10px 0;}
.panel.item .vari div {margin-right: 10px;font-size: 14px; text-align: center;}
.panel.item .vari div p{margin-top: 5px;}
.panel.item a{ background: #76BB00; display: inline-block; border-radius: 5px; padding:5px 10px; color: #fff; margin-left: 10px; font-size: 13px; }

@media screen and (max-width: 768px){
/* .time{display: inline-block !important; font-weight: bold; font-size:14px; color: #f00; border-bottom: solid 1px #f00;} */
/* .recipe-group section span.cooktime{display: none} */
.point_well{width: 100%;}
.point_well small{ display: block; margin-bottom: 10px; margin-top: -10px; text-align: right;}
}


@media screen and (min-width: 1066px){
	.N-icon{margin-top:0;}
	.heading02{margin:0 -9px 20px;}
	.heading02 img{max-height:75px; width:auto; margin-bottom: 5px;}
	.panel.point dl{background:url(../img/bg04.gif) 0 0 repeat-x #fff;}
	.panel.food dl{background:url(../img/bg02.gif) 0 0 repeat-x #fff;}
	.panel.cooking dl{background:url(../img/bg03.gif) 0 0 repeat-x #fff;}
	.panel.item dl{background:url(../img/bg01.gif) 0 0 repeat-x #fff;}
	.panel dt{height:50px;}
	.panel.item dt{font-size:1.6em;}
	.panel dt img{margin-right:10px; max-height:34px; width:auto;}
	.well li{padding:0 5px 2px;}
	.well li em{font-size:1.5em;}
	.well li img{max-height:20px; width:auto;}

}


@media (max-width: 650px){
	.recipe-group section a .inner ul li img{vertical-align: text-bottom;}
	.recipe-group section a .inner h3 span{ display: block; width: 65%; }
	.recipe-group section a .inner h3 span span{ display: inline-block; width: 100%; }
	.recipe-group section span.cooktime{ padding: 2px; }
	.recipe-group section span.cooktime.jitan img{ width: 30px; }
	.heading01{flex-wrap: wrap}
	.heading01 div span{display: none;}
	.heading01 div.btn_wrap {width: 100%;}
	.heading01 div.btn_wrap a{width: auto;}
	.heading01 a{ font-size: 12px; padding:10px; display: block; width: 100%; text-align:center; margin-top: 10px;}
	.heading01 a span{display: block;}
	.featherlight .featherlight-close-icon{  line-height: 35px !important;  width: 35px !important;}

    .slider span em small {display:block; padding-left:34px;}
    .items {bottom:8px;}
    .items img {width:65px;}
    .sp {display: block;}

}

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

}