@charset "utf-8";
.recipeMv {
  background: url(../img/recipe/mv.png) 50% top no-repeat, url(../img/recipe/bg_mv.png) 50% top repeat-x;
  height: 281px;
}
.recipeMv h1 {
  color: rgba(0, 0, 0, 0);
}
#mainContents .secTxt01.recipeDesc {
  width: 78%;
  margin: 0 auto 40px;
}
.chikenfesBnr {
  width: 80%;
  margin: 0 auto 40px;
}
.chikenfesBnr a {
  display: block;
  width: 100%;
}
.chikenfesBnr a img {
  transition: 0.6s;
  transform: scale(1);
}
.chikenfesBnr a:hover img {
  transition: 0.6s;
  transform: scale(1.1);
}
#mainContents .recipeBnr {
  width: 85%;
  margin: 40px auto 0;
  text-align: center;
}
#mainContents .recipeBnr li {
  width: 17.64705882%;
  margin-right: 2.94117647%;
  float: left;
}
#mainContents .recipeBnr li:nth-child(2) img,
#mainContents .recipeBnr li:nth-child(4) img,
#mainContents .recipeBnr li:last-child img {
  padding-top: 10px;
}
#mainContents .recipeBnr li:last-child {
  margin-right: 0;
}
#mainContents .recipeBnr li a {
  display: block;
  vertical-align: middle;
}
#mainContents .recipeBnr li a img {
  transition: 0.6s;
  opacity: 1;
}
#mainContents .recipeBnr li a:hover img {
  transition: 0.6s;
  opacity: 0.8;
}
#mainContents .col03 {
  width: 78%;
  margin: 0 auto;
}
#mainContents .col03 .col03List {
  width: 30.76923077%;
  margin-right: 3.84615385%;
  margin-bottom: 40px;
}
#mainContents .col03 .col03List:nth-child(3n) {
  margin-right: 0;
}
#mainContents .col03 .col03List .recipeName {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0 5px;
  transition: 0.6s;
}
#mainContents .col03 .col03List .recipeDesc {
  font-size: 14px;
  line-height: 1.4;
  width: 89.16666667%;
  margin: 0 auto;
  transition: 0.6s;
}
#mainContents .col03 .col03List a {
  text-decoration: none;
  display: block;
  width: 100%;
  color: #000;
  box-shadow: 5px 5px 11px 1px #e1e1e1;
  padding-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.6s;
}
#mainContents .col03 .col03List a:hover {
  transition: 0.6s;
  transform: scale(1.1);
}
#mainContents .col03 .col03List a:hover .recipeName {
  transition: 0.6s;
  color: #e70012;
}
#mainContents .col03 .col03List a:hover .recipeDesc {
  transition: 0.6s;
  color: #e70012;
}
#mainContents .recipeMaterial {
  margin-bottom: 40px;
}
#mainContents .recipeMaterial .col02List:first-child {
  width: 36%;
  float: left;
}
#mainContents .recipeMaterial .col02List:last-child {
  width: 60%;
  float: right;
}
#mainContents .recipeMaterial .col02List .recipeDesc {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 15px;
}
#mainContents #recipeHowto {
  margin: 40px 0;
}
#mainContents #recipeHowto .secTxt01 {
  padding-left: 35px;
  position: relative;
  margin-bottom: 10px;
}
#mainContents #recipeHowto .secTxt01::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: #8cc63f;
  padding: 0 10px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
#mainContents #recipeHowto .secTxt01.icon01::before {
  content: "1";
}
#mainContents #recipeHowto .secTxt01.icon02::before {
  content: "2";
}
#mainContents #recipeHowto .secTxt01.icon03::before {
  content: "3";
}
#mainContents #recipeHowto .secTxt01.icon04::before {
  content: "4";
}
#mainContents #recipeHowto .secTxt01.icon05::before {
  content: "5";
}
#mainContents #recipeHowto .secTxt01.icon06::before {
  content: "6";
}
#mainContents #recipeHowto .secTxt01.icon07::before {
  content: "7";
}
#mainContents #recipeHowto .secTxt01.icon08::before {
  content: "8";
}
#mainContents #recipeHowto .secTxt01.icon09::before {
  content: "9";
}
#mainContents #recipeHowto .secTxt01.icon010::before {
  content: "10";
}
#mainContents .recipeH2 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 15px;
}
#mainContents .recipeH3 {
  background-color: #eed9a4;
  padding: 10px 7px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #7c5931;
}
#mainContents .recipeH4 {
  font-size: 16px;
  margin-left: 2%;
}
#mainContents .recipeTare {
  background-color: #f9cc67;
  color: #fff;
  width: 15px;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 5px;
  line-height: 1;
}
#mainContents .recipeNo {
  display: inline-block;
  background-color: #8cc63f;
  padding: 0 10px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
#mainContents .recipeBtn {
  width: 360px;
  margin: 0 auto;
}
#mainContents .recipeBtn a {
  display: block;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  background-color: #cc8101;
  border: #cc8101 1px solid;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  border-radius: 15px;
  transition: 0.6s;
}
#mainContents .recipeBtn a::after {
  content: ">";
  position: absolute;
  right: 10px;
  top: 34%;
}
#mainContents .recipeBtn a:hover {
  background-color: #fff;
  color: #cc8101;
  transition: 0.6s;
}
#mainContents dl {
  padding-top: 10px;
  border-bottom: #333 1px dotted;
  padding-bottom: 7px;
}
#mainContents dl:last-child {
  margin-bottom: 0;
}
#mainContents dl dt,
#mainContents dl dd {
  font-size: 16px;
  line-height: 1.4;
}
#mainContents dl dt {
  width: 48%;
  float: left;
  padding-left: 2%;
}
#mainContents dl dd {
  width: 48%;
  padding-right: 2%;
  float: right;
  text-align: right;
}

#mainContents .recipe-book-bnr {
  display: block;
  margin: 0 auto 63px;
  width: 80%;
  transition: 0.6s;
}

#mainContents .recipe-book-bnr:hover {
  transform: scale(1.04);
}

/*====================================================================
繧ｿ繝悶Ξ繝�ヨ
====================================================================*/
/*====================================================================
SP
====================================================================*/
@media screen and (max-width: 480px) {
  #wrap #mainContents .recipeMv {
    height: 260px;
  }
  #wrap #mainContents .chikenfesBnr {
    width: 100%;
    margin: 20px auto;
  }
  #wrap #mainContents .recipeBnr {
    width: 320px;
    margin: 40px auto 0;
  }
  #wrap #mainContents .recipeBnr li {
    width: 150px;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #wrap #mainContents .recipeBnr li:nth-child(odd) {
    float: left;
  }
  #wrap #mainContents .recipeBnr li:nth-child(even) {
    float: right;
  }
  #wrap #mainContents .recipeBnr li:last-child {
    margin-bottom: 0;
  }
  #wrap #mainContents .recipeBnr li img {
    padding-top: 0;
  }
  #wrap #mainContents .inner .secTxt01.recipeDesc {
    width: 100%;
    margin-bottom: 20px;
  }
  #wrap #mainContents .inner .col03 {
    width: 100%;
    margin-bottom: 0;
  }
  #wrap #mainContents .inner .col03 .col03List {
    width: 48%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #wrap #mainContents .inner .col03 .col03List:nth-child(even) {
    float: right;
  }
  #wrap #mainContents .inner .col03 .col03List:nth-child(odd) {
    float: left;
  }
  #wrap #mainContents .inner .recipeMaterial .col02List {
    width: 100%;
    float: none;
  }
  #wrap #mainContents .inner .recipeBtn {
    width: 100%;
  }

  #mainContents .recipe-book-bnr {
    width: 100%;
    margin-bottom: 40px;
  }
}
/*=============================================
GoogleChrome
==============================================*/
/*=============================================
for IE 11
==============================================*/
/*=============================================
for IE 10
==============================================*/
/*=============================================
for Microsoft Edge
==============================================*/