@charset "utf-8";

.wrap-news-content.meat-08 .news-col > div.clearfix{
	width: 100%;
}
.wrap-news-content.meat-08 h4{
	font-weight: bold;
	margin-bottom: 8px;
}
.wrap-news-content.meat-08 .txt-ls p{
	text-indent: 0;
}
.news-table{
	border-bottom: 0;
}
.news-table table tr td:first-child{
	white-space: normal;
}
.news-table-item{
  border: 1px solid #bdb7a5;
  margin-top: 20px;
}
.news-table-item h3{
	background: #eeede8;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #bdb7a5;
}
.news-table-item .cont-item{
	padding: 0 10px 10px;
}
.news-table .only-sp{
	display: block;
}
.box-buttan {
  text-align: center;
  margin-top: 20px;
}
a.btn-01 {
  display: inline-block;
  min-width: 200px;
  height: 56px;
  padding: 0 30px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 56px;
  margin: 0 auto;
  background-image: url(/shared/img/svg/ar08.svg);
  background-repeat: no-repeat;
  background-position: center right 15px;
}
a.btn-01:hover {
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  color: #FFF;
  background-image: url(/shared/img/svg/ar02.svg);
}
.wrap-news-content .news-col{
	border-bottom: 0;
}
.wrap-news-content.meat-08 .news-col.st02{
	margin-top: 40px;
}
.wrap-news-content.meat-08 .news-col.last{
	border-bottom: 1px solid #d8d8d8;
}
.news-block-bott{
	border:  1px solid #bdb7a5;
	padding:  38px 20px;
}
.wrap-news-content.meat-08 .news-block-bott .news-col.last{
	border-bottom: 0;
}
.wrap-news-content .news-col > div.wrap-com{
	border-color: #dcd7d8;
}
.news-com{
	border-top: 1px solid #dcd7d8;
	margin-top: 50px;
	padding-top: 80px;
}
.ttl-step{
	width: 260px;
  background: #e10000;
  color: #fff;
  position: absolute;
  height: 34px;
  font-size: 18px;
  padding-left: 6px;
  z-index: 10;
  top: -12px;
  line-height: 34px;
}
.ttl-step:before{
	content: '';
	background: url('/sp/meat/08/img/img_ttl_step.png') no-repeat;
	width: 15px;
	height: 44px;
	position: absolute;
	left: -10px;
	top: 0;
}
.ttl-step span{
	display: inline-block;
  font-weight: bold;
}
.ttl-step span:first-child{
	width: 46px;
}
.ttl-step span:last-child{
	width: 200px;
	text-align: center;
}
.wrap-recommends.bake li figure{
	position: relative;
}
.wrap-recommends.bake li figure:after{
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: -14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 0 21px 20px;
	border-color: transparent transparent transparent #e10000;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #e10000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.wrap-recommends.bake li:last-child figure:after{
	border:  0;
}
.ls-recommends li{
	position: relative;
}
.wrap-news-content.meat-08 .wrap-com table td:first-child{
	padding-right: 26px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}
.wrap-news-content.meat-08 .wrap-com table td+td{
  width: inherit;
  text-align: left;
}
.wrap-news-content.meat-08 .wrap-com  table tr td{
	background: #fff;
}
.wrap-news-content.meat-08 .wrap-com  table td{
	border: 0;
}
.wrap-news-content .news-col-info p{
	text-align: left;
}
.news-block-bott a{
	text-decoration: underline;
	opacity: 1;
}
.news-block-bott a:hover{
	opacity: 1;
	text-decoration: none;
}
@media (min-width: 769px) and (max-width:1230px){
	.wrap-recommends.bake li figure:after{
    border-width: 16px 0 16px 15px;
    right: -22px;
	}
	.ttl-step span:first-child{
		width: auto;
		margin-right: 5px;
	}
	.ttl-step{
		width: 80%;
		font-size: 14px;
    padding-left: 5px;
	}
	.ttl-step span:last-child{
		width: auto;
	}
}
@media (min-width: 769px){	
	.wrap-news-content.meat-08 .news-block-bott .news-col.st02.last{
		margin-top: 40px;
	}
	.wrap-news-content.meat-08 .recipe .ls-recommends li .box-buttan{
	  position: absolute;
	  bottom: -66px;
	  left: 50%;
	  transform: translateX(-50%);
	}
	.recipe 
	.ls-recommends li .ls-recommends-ttl{
		text-align: left;
	}
	.wrap-news-content.meat-08 .recipe .ls-recommends li img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	}
	.wrap-news-content.meat-08 .recipe .ls-recommends li img:hover {
    text-decoration: none;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.4;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col .cl-right,
	.wrap-news-content.meat-08 .news-block-bott .news-col.last .cl-left{
		width: 65%;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col .cl-left,
	.wrap-news-content.meat-08 .news-block-bott .news-col.last .cl-right{
		width: 35%;
		padding-right: 20px;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col.last .cl-left{
		float: left !important;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col.last .cl-right{
		padding-left: 20px;
		padding-right: 0;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col.st02{
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	.wrap-news-content.meat-08 .news-col.news-com{
		margin-top: 72px;
    padding-top: 70px;
	}
	.news-table table td+td{
		width: 25%;
	}
	.wrap-news-content.meat-08 .news-col.st01 .cl-left{
		width: 54%;
    float: left;
	}
	.wrap-news-content.meat-08 .news-col.st01 .cl-right{
    width: 46%;
    padding-left: 3.5%;
	}
	.wrap-news-content.meat-08 .news-col{
		padding-bottom: 20px;
		margin-bottom: 0px;
	}
	.wrap-news-content.meat-08 .news-col.last{
		padding-top: 15px;
		padding-bottom: 30px;
	}	
	.wrap-news-content .news-head{
		margin-bottom: 57px;
	}
	.news-table table tr td:first-child{
		padding-left: 10px;
		padding-right: 10px;
	}
	.news-col-info.news-table .box-buttan{
		margin-top: 38px;
	}
	.box-buttan a.btn-01{
    min-width: 280px;
	}
	.wrap-news-content.meat-08 .news-table{
		padding-bottom: 0;
		margin-bottom: 69px;
	}
	.wrap-news-content.meat-08 .txt-ls p{
		margin-left: 0;
    line-height: 1.65rem;
	}
	.wrap-recommends.bake .ls-recommends{
		margin-top: 22px;
	}
	.wrap-recommends.recipe .ls-recommends li .ls-recommends-ttl{
		padding: 16px 2px 23px;
	}
	.wrap-news-content.meat-08 .news-col.bbq-info{
		margin-top: 60px;
	}
	.wrap-news-content.meat-08 .wrap-recipe{
    border-bottom: 1px solid #d8d8d8;
    margin-top: 37px;
    padding-bottom: 138px;
	}
	.wrap-news-content .news-col.bbq-info .cl-right{
		width: 54%;
	}
	.wrap-news-content .news-col.bbq-info .cl-left{
		width: 46%;
	}
	.news-block-bott{
		margin-top: 57px;
	}
	.wrap-recipe h3{
		margin-bottom: 17px;
	}
	.wrap-recipe .ls-recommends li figure{
		height: 232px;
    overflow: hidden;
	}
	.wrap-news-content .bbq-info .news-col-info .title{
		margin-bottom: 13px;
	}
	.bbq-info .box-buttan{
		margin-top: 25px;
	}
	.wrap-news-content .news-block-bott .news-col-info .title{
		margin-top: -5px;
		margin-bottom: 18px;
	}
}
@media (max-width: 768px) {
	.wrap-news-content.meat-08 a.btn-01{
		min-width: 80%;
	}
	.wrap-news-content.meat-08 .recipe a.btn-01{
		min-width: 100%;
		padding: 0 10px;
		   background-position: center right 10px;
	}
	.wrap-news-content.meat-08 .news-col{
		padding-bottom: 30px;
	}
	.wrap-news-content.meat-08 .news-col.st01 .cl-right{
		padding-top: 36px;
	}
	.wrap-news-content.meat-08 .news-col-info p{
		margin-top: 10px;
		margin-left: 0;
	}
	.wrap-news-content.meat-04 table td:first-child{
		padding-right: 4%;
	}
	.wrap-recommends.bake li{
		width: 100%;
		margin-bottom: 55px;
	}
	.ttl-step{
	width: 80%;
    height: 30px;
    line-height: 30px;
	}
	.ttl-step:before{
		content: '';
		background: url('/sp/meat/08/img/img_ttl_step_sp.jpg') no-repeat;
		height: 49px;
		left: -15px;
		background-position: bottom;
	}
	.ttl-step span:last-child{
    width: 86%;
	}
	.wrap-recommends.bake li figure:after{
		border:  0;
	}
	.wrap-recommends.bake li:after{
		content: '';
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: -30px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 21px 0 21px;
		border-color: #e10000 transparent transparent transparent;
		line-height: 0px;
		_border-color: #e10000 #000000 #000000 #000000;
		_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	}
	.wrap-recommends.bake li:last-child:after{
		border:  0;
	}
	.wrap-recommends.recipe .ls-recommends li{
		width: 100%;
	}
	.wrap-recommends.recipe .ls-recommends li .ls-recommends-ttl{
		text-align: left;
		padding: 15px 0;
	}
	.wrap-news-content.meat-08 .wrap-com  table tr td:first-child{
		width: 20%;
	}
	.wrap-news-content.meat-08 .wrap-com  table tr td{
		padding-bottom: 0;
	}
	.wrap-news-content.meat-08 .wrap-com  table{
		margin-top: 0;
	}
	.wrap-news-content.meat-08 .wrap-com table tr:first-child td{
		font-size: 100%;
	}
	.wrap-news-content.meat-08 .news-col{
		padding-bottom: 0;
	}
	.wrap-recommends.bake li:last-child{
		margin-bottom: 0;
	}
	.wrap-news-content.meat-08 .news-block-bott .news-col.st02{
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media (max-width: 640px){
	.wrap-news-content .cl-left .title{
		font-size: 15px;
		font-weight: bold;
		line-height: 26px;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
	.ttl-step span:last-child{
    width: 72%;
    margin-left: 10px;
	}
	.ttl-step{
		font-size: 15px;
	}
}