#contents {
  margin-top: 5px;
}
.main-contents {
  border: 1px solid #f3f3f3;
  margin: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ===============*/
/*== mod ==*/
.clear{clear:both}

.pull-left{float:left;}
.pull-right{float:right;}

.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.pt-10{padding-top:10%;}

.bold{font-size:15px; font-weight:bold;}

#recipe-header{
  width:100%;
}
#recipe-header img{
  width: 100%;
}
/*== resipe-title ==*/
.recipe-title {
  background: #fcffe5;
  padding: 8px 0px;
  border-bottom: 5px solid #889b00;
  margin-bottom: 10px;
}
.recipe-title h1{
    color:#321e1e;
    font-size:15px;
    font-weight:bold;
    padding:0px 5px;
}
/*== resipe-section-title ==*/
.recipe-area-title {
  font-size: 14px;
  margin-bottom: 10px;
  text-indent:5px;
}

.recipe-area-title span{
  vertical-align: middle;
  padding-right:5px;
}

.recipe-area-title:after {
  content: '';
  margin-top: 6px;
  display: block;
  height: 1px;
  background-color: #ff8401;
}

.material-area-title {
  font-size: 14px;
  margin-bottom: 10px;
  text-indent:5px;
}

.material-area-title span{
  vertical-align: middle;
  padding-right:5px;
}

.material-area-title:after {
  content: '';
  margin-top: 6px;
  display: block;
  height: 1px;
  background-color: #ff8401;
}

.section-title{
    padding:10px 0;
    margin-bottom:20px;
    border-left:5px solid #f3992c;
    border-bottom:1px solid #cec4b9;
}
.section-title h1{
    color:#321e1e;
    font-size:14px;
    font-weight:bold;
    text-align: left;
    text-indent: 14px;
}

 /*== recipe-top-area ==*/
.new-thumb{
  background:#333;
  height:auto;
  overflow:hidden;
  padding:3px 3px 1px;
  background: #cec4b9;
}
.new-thumb > img{ width:100%; outline:none; }

.watch-btn{
  width:100%;
  background:#F63;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom:#d68624 6px solid;
  background: linear-gradient(top,  #F6A73F,  #F39227);
  background: -ms-linear-gradient(top,  #F6A73F,  #F39227);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6A73F), to(#F39227));
  background: -moz-linear-gradient(top,  #F6A73F,  #F39227);
}

.watch-btn > a{
  display:block;
  color:#FFF;
  width:100%;
  padding:10px 0px;
  text-align: center;
  font-weight: bold;
}

.watch-btn span{
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px; 
}

.resipe-btn{
  width:100%;
  overflow:hidden;
  _zoom:1;  
}

/*== material ==*/
.material-area {
  padding: 0 8px 25px 8px;
  clear: both;
}
.material-area table {
  width: 100%;
  color: #333333;
  font-size: 14px;
  border-spacing: 0;
}
.recipe-table-title {
  vertical-align: middle;
}
.material-area th {
  margin-bottom: 2px;
  text-align: left;
  background-color: #fff1e3;
  padding: 0 7px;
}

.material-area th span {
  vertical-align: middle;
  padding-right: 3px;
}
.material-area tr {
  width: 100%;
  height: 26px;
  line-height: 1.5em;
}
.material{
  border-bottom: 1px solid #cec4b9;
}
.amount{
  border-bottom: 1px solid #cec4b9;
  text-align: right;

}
.amount-long {
  border-bottom: 1px solid #cec4b9;
  text-align:right;
}
.material-area .no-border{
  border-bottom: none;
}
.table-check{
  border-bottom: 1px solid #cec4b9;
  width:6%;
  text-align: center;
}
.material-image {
  width: 215px;
  margin: 0 auto 15px auto;
}
.material-image img {
  display: block;
  width: 215px;
}
.material-long {
   border-bottom: none;
}
.reset-btn{
  text-align: center;
}
.reset-btn span{
  vertical-align: middle;
  padding-right:5px;
}

input[type="checkbox"]{
  -webkit-appearance: none;
  width:20px;
  height:18px;
  border:none;
  border-radius: 0;
  background-image:url(../images/icon_ck.jpg);
}

input[type="checkbox"]:checked{
  background-position: -21px 0;
}

.reset-btn button{
  border-top: 1px solid #F6A73F;  
    border-right: 1px solid #F3992C;  
    border-bottom: 1px solid #F3992C;  
    border-left: 1px solid #F6A73F;   
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #FFF;
    background:#F6A73F;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    text-shadow: 0 -1px 1px #F3992C;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
}

/*== cook ==*/
.cook-area {
  padding: 0 8px;
  margin-bottom: 25px;
}

.cook-list li {
  overflow: hidden;
  padding: 15px 0;
  list-style: none;
  border-bottom: 1px solid #cec4b9;
  clear: both;
}

.cook-list li:first-child {
  padding-top: 3px;
}

.cook-list li img {
  width: 50%;
  float: right;
  padding: 0 0 10px 10px;
}

.cook-box{
  width: 85%; 
}

.cook-number {
  display: block;
  width: 13%;
  font-size: 23px;
  font-weight: bold;
  color: #ffcc95;
}

.cook-list, .cook-title {
  margin-bottom: 10px;
  padding-top: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.cook-content {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
/*== summary ==*/
.teacher-summary{
  border:1px solid #cec4b9;
  overflow: hidden;
  padding:10px;
}

.point-summary{
  border:1px solid #cec4b9;
  overflow: hidden;
  padding:10px;
}

.product-summary{
  border:1px solid #cec4b9;
  overflow: hidden;
  padding:10px;
}

.summary-area{
  width:100%;
  margin-bottom: 10px;
  display:table;
}
.summary-title{ 
  font-size:13px;
  border-left:5px solid #f3992c;
  text-indent:5px;
} 
.summary-text{
  width: 60%;
  font-size:13px;
  line-height: 1.3em;
  display: table-cell;
  vertical-align: middle;
}
.summary-img{
  width:90%;
}
.summary-img img{
  width: 100%;
}
/*== movie ==*/
.movie-box{
  clear: both;
  margin: 10px auto;

  text-align: center;
  border:1px solid #ccc;
  width: 300px;
  height: 169px;
}

/*== 170321修正 ==*/
.recipe-rec-area .bx-wrapper .bx-controls-direction a {
  z-index: 999;
}