@charset "utf-8";

/*　調整用 */

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, sans-serif;
}

#feature .series_page p {
  font-size: 16px;
}

#feature #detail .entry h2 {
  margin: 0 0 31px;
}

#feature .contents .entry_contents h3 {
  margin: 0 0 8px 26px;
  line-height: 1.3;
  color: #f3b700;
}

#feature .contents .top-lead {
  color: #1e1e1e;
  font-size: 16px;
  line-height: 32px;
}

#feature #detail .entry .outline {
  margin: 24px 0 35px;
}

#feature .contents .entry_contents p {
  margin: 0;
}



/*------------*/

#pc_wrap #series_recipe .for-pc {
  display: block;
}

#pc_wrap #series_recipe .for-sp {
  display: none;
}

.genre_recipe #detail .entry .entry_contents h4.no01 {
  margin-bottom: 45px;
  line-height: 1.4;
  letter-spacing: 0.12em;
}

.genre_recipe #detail .entry .entry_contents h4.no02 {
  margin-bottom: 23px;
  line-height: 1.4;
  letter-spacing: 0.12em;
}

.genre_recipe #detail .entry .entry_contents h4.no03 {
  margin-bottom: 23px;
  line-height: 1.4;
  letter-spacing: 0.12em;
}

.entry .entry_contents h4 span {
  display: block;
}

#series_recipe p {
  color: #1e1e1e;
  line-height: 32px;
}

.contents .ichijyu01 {
  overflow: hidden;
  margin-bottom: 35px;
}

#feature .contents .ichijyu01 .type {
  padding: 9px 0 9px 59px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.022em;
}

#feature .contents .ichijyu01 .type01 {
  background: url(../img/series/63_variety/type01.png) no-repeat left top;
  color: #83ae27;
}

#feature .contents .ichijyu01 .type02 {
  background: url(../img/series/63_variety/type02.png) no-repeat left top;
  color: #e94609 !important;
}

.contents .ichijyu01 .info {
  overflow: hidden;
  padding: 28px 0 15px 0;
  border-bottom: 4px dotted #cccccc;
}

.contents .ichijyu01 .info h3 {
  float: left;
  width: 400px;
  margin-bottom: 5px;
}

#feature .contents .ichijyu01 .info .calorie {
  float: left;
  width: 398px;
  padding-left: 30px;
  color: #83ad28;
  line-height: 1;
}

.contents .ichijyu01 .info .calorie.green {
  color: #83ad28 !important;
}

.contents .ichijyu01 .info .calorie.red {
  color: #e94609 !important;
}

.contents .ichijyu01 .info .btn {
  float: right;
}

.contents .ichijyu01 .info .movie {
  width: 600px;
  margin: 15px auto 26px;
}

.contents .ichijyu01 .info .movie iframe {
  width: 600px;
  height: 338px;
  margin: 0 auto;
}

.contents .ichijyu01 .info .movie .movBtn {
  text-align: center !important;
  width: 240px !important;
  margin: 25px auto 0 !important;
}

.contents .ichijyu01 .material {
  padding: 32px 0 50px;
}

.contents .ichijyu01 .material img {
  margin: 31px 0 0;
}

.ichijyu01 .lists {
  padding: 0 20px;
}

.contents .ichijyu01 .recipe {
  padding-bottom: 23px;
  border-bottom: 4px dotted #cccccc;
  overflow: hidden;
}

#feature .contents .ichijyu01 .recipe h4,
#feature .contents .ichijyu01 .make h4 {
  color: #805c15;
  font-weight: bold;
  background: url(../img/series/63_variety/tag_beji.png) no-repeat left top;
  width: 116px;
  text-align: center;
  font-feature-settings : "palt";
}

#feature .contents .ichijyu01 .recipe h4 {
  margin-bottom: 14px;
}

#feature #pc_wrap .contents .ichijyu01 .recipe .lists li span.for-pc {
  display: inline-block;
}

#feature .contents .ichijyu01 .make h4 {
  margin-bottom: 15px;
}

.contents .ichijyu01 .recipe h5 {
  color: #83ad28;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 1.4;
}

.contents .ichijyu01 .recipe .left-f {
  float: left;
  width: 230px;
}

.contents .ichijyu01 .recipe .right-f {
  float: right;
  width: 230px;
}

.contents .ichijyu01 .recipe h5.red {
  color: #e94609 !important;
}

.contents .ichijyu01 .recipe ul {
  padding-left: 10px;
  margin-bottom: 18px;
  border-left: 1px solid #b4d767;
}

.contents .ichijyu01 .recipe ul.other {
  border-left: 1px solid #ccc;
}

.ichijyu01 .recipe ul.red {
  border-left: 1px solid #ffbba1;
}

.contents .contents .ichijyu01 .recipe ul.line-none {
  border: none;
}

.contents .ichijyu01 .recipe li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
  font-size: 16px;
  line-height: 2;
}

.contents .ichijyu01 .recipe li span {
  font-size: 12px;
}

.contents .ichijyu01 .make ul {
  padding-left: 20px;
}

.contents .ichijyu01 .make li {
  padding-left: 30px;
  margin: 10px 0 13px;
  font-size: 16px;
  line-height: 1.625;
  background-repeat: no-repeat;
  background-position: 0 2px;
}

.contents .ichijyu01 .make img {
  width: 22px;
  margin: 0 3px;
  vertical-align: sub;
}

.contents .ichijyu01 .make li img.for-pc {
  display: inline !important;
}

.contents .ichijyu01 .make.green li.no01 {background-image: url(../img/series/63_variety/glist01.png);}
.contents .ichijyu01 .make.green li.no02 {background-image: url(../img/series/63_variety/glist02.png);}
.contents .ichijyu01 .make.green li.no03 {background-image: url(../img/series/63_variety/glist03.png);}
.contents .ichijyu01 .make.green li.no04 {background-image: url(../img/series/63_variety/glist04.png);}
.contents .ichijyu01 .make.green li.no05 {background-image: url(../img/series/63_variety/glist05.png);}
.contents .ichijyu01 .make.green li.no06 {background-image: url(../img/series/63_variety/glist06.png);}
.contents .ichijyu01 .make.red li.no01 {background-image: url(../img/series/63_variety/rlist01.png);}
.contents .ichijyu01 .make.red li.no02 {background-image: url(../img/series/63_variety/rlist02.png);}
.contents .ichijyu01 .make.red li.no03 {background-image: url(../img/series/63_variety/rlist03.png);}

.contents .ichijyu01 .make.green span {
  color: #83ad28;
}

.contents .ichijyu01 .make.red span {
  color: #e94609;
}

.contents .ichijyu01 .point {
  background: url(../img/series/63_variety/bg01.jpg);
  background-size: 100% 100%;
  text-align: center;
  padding: 30px;
}

#feature .contents .ichijyu01 .point h4 {
  width: 246px;
  margin: 0 auto 22px;
}

.contents .ichijyu01 .point ul {
  overflow: hidden;
}

.contents .ichijyu01 .point li {
  float: left;
  width: 320px;
  margin-right: 30px;
}

.contents .ichijyu01 .point li:last-child {
  margin-right: 0;
}

.contents .ichijyu01 .point li h5 {
  margin: 0 0 20px;
}

#series_recipe.contents .ichijyu01 .point ul li p {
  width: 290px;
  margin: 11px auto 0;
  text-align: left;
  line-height: 26px;
}

/*pointが1つのみの場合使用 dl dt dd*/
.contents .ichijyu01 .point dl {
  overflow: hidden;
  width: 100%;
  background: url(../img/series/63_variety/point_line.png) no-repeat left top;
  padding: 36px 0 0;
  margin: 20px 0 0;
  text-align: left;
}

.contents .ichijyu01 .point dt {
  float:left;
  width: 290px;
  margin-left: 16px;
}

.contents .ichijyu01 .point dd {
  float:right;
  width: 290px;
  margin-right: 20px;
}

#feature #detail .contents .ichijyu01 .point dd p {
  line-height: 26px;
}

.contents .ichijyu01 .cooking01 {
  margin-bottom: 45px;
}

.contents .ichijyu01 .cooking01 > img {
  margin-bottom: 40px;
}

.contents .ichijyu01 .cooking01 .make {
  padding: 40px 0 32px;
}

.contents .ichijyu01 .cooking01 .make li:first-child {
  margin: 10px 0 0;
}

.contents .ichijyu01 .cooking01 .point li h5 img {
  width: 320px;
  margin: 0 auto;
}

.contents .ichijyu01 .cooking01 .point li img {
  width: 290px;
  margin: 0 auto;
}

.contents .ichijyu01 .cooking02 .info {
  padding: 28px 0 20px 0;
}

.contents .ichijyu01 .cooking02 .material {
  padding: 32px 0 24px;
}

.contents .ichijyu01 .cooking02 .recipe h5 {
  margin-left: -12px;
  color: #e94609;
}

.contents .ichijyu01 .cooking02 .make {
  padding: 40px 0 0;
  margin-bottom: 33px;
}

.contents .ichijyu01 .cooking02 .make li {
  margin-bottom: 18px;
}

.contents  .ichijyu01 .cooking02 .make li:last-child {
  margin-bottom: 0;
}



/* ------------ article 1 -----------------*/

.contents.article1 .point {
  padding: 30px 30px 38px;
}

/* ------------ article 2 -----------------*/

.contents.article2 .ichijyu01 .cooking01 .recipe .block3 ul {
  border: none;
}

.contents.article2 .ichijyu01 .point {
  padding: 30px 30px 17px;
}

#feature .contents.article2 .ichijyu01 .point h4 {
  margin: 0 auto 30px;
}


/* ------------ article 3 -----------------*/

.contents.article3 .ichijyu01 .point {
  padding: 30px 30px 17px;
}
#feature .contents.article3 .ichijyu01 .point h4 {
  margin: 0 auto 30px;
}

#feature .contents.article3 .ichijyu01 .cooking01 .recipe .lists p {
  margin: -18px 0 10px;
  font-size: 14px;
}

#feature .contents.article3 .ichijyu01 .cooking01 .recipe .lists .text-font {
  margin: -18px 0 10px;
  font-size: 16px;
}

/*========================

 SP 

========================*/

#feature #sp_wrap .series_page p {
  font-size: 12px;
  line-height: 1.7;
}

#feature #sp_wrap .contents .top-lead {
  font-size: 12px;
  line-height: 1.7;
}

#feature #sp_wrap .genre_recipe #detail .title .entry-title {
  font-size: 15px;
  font-weight:bold;
}

#sp_wrap #series_recipe .for-pc {
  display: none;
}

#sp_wrap #series_recipe .for-sp {
  display: block;
}

#feature #sp_wrap #detail .entry .outline {
  margin: 55px 0 44px;
}

#feature #sp_wrap #detail .entry .outline ul li.no1 {
  background: url(../img/icon/recipe/no00s.png) no-repeat 10px 5px;
  background-size: 5% auto;
}

#feature #sp_wrap #detail .entry .outline .time {
  top: 35px;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  margin: 0;
}

#feature #sp_wrap #detail .entry .outline ul li {
  padding: 0 0 5px 3em !important;
}

#sp_wrap .genre_recipe #detail .entry .entry_contents h4.no01 {
  margin-bottom: 20px;
}

#sp_wrap .genre_recipe #detail .entry .entry_contents h4.no02 {
  margin-bottom: 20px;
}

#sp_wrap .genre_recipe #detail .entry .entry_contents h4.no03 {
  margin-bottom: 20px;
}

#feature #sp_wrap #detail .entry .contents .ichijyu01 .type {
  padding: 2px 0 5px 35px;
  margin: 0;
  font-size: 12px;
  line-height: 2.1;
}

#feature #sp_wrap .contents .ichijyu01 .type01 {
  background: url(../img/series/63_variety/type01.png) no-repeat left top;
  background-size: 8.3% auto;
  color: #83ae27;
}

#feature #sp_wrap .contents .ichijyu01 .type02 {
  background: url(../img/series/63_variety/type02.png) no-repeat left top;
  background-size: 8.3% auto;
  color: #e94609;
}

#sp_wrap .ichijyu01 .info {
  padding: 20px 0 10px;
  border-bottom: 4px dotted #cccccc ;
}

#feature #sp_wrap .contents .entry_contents .ichijyu01 .info h3 {
  float: none;
  width: 93.75%;
  margin-bottom: 6px;
}

#feature #sp_wrap .ichijyu01 .info .calorie {
  float: none;
  padding-left: 12px;
  font-size: 11px !important;
  width: initial;
}

#sp_wrap .ichijyu01 .info .movie {
  width: 100%; 
  margin: 15px auto 0;
}

#sp_wrap .ichijyu01 .info .movie iframe {
  width: 100%; 
  height: 170px;/*170px*/
  margin: 0 auto;
}

#sp_wrap .ichijyu01 .info .movie .movBtn {
  text-align: center !important;
  /*width: 240px !important;*/
  margin: 0 auto 15px !important;
}

#sp_wrap .ichijyu01 .material {
  padding: 20px 0 10px;
}

#sp_wrap  .material img {
  margin: 0 !important;
}

#sp_wrap .contents .ichijyu01 .recipe .right-f,
#sp_wrap .contents .ichijyu01 .recipe .left-f {
  float: none;
  width: initial;
}

#sp_wrap .soup1 {
  margin-top: -20px !important;
}

#sp_wrap  #series_recipe .ichijyu01 .recipe h4,
#sp_wrap  #series_recipe .ichijyu01 .make h4 {
  width: 40% !important;
  background:url(../img/series/63_variety/tag_beji.png) no-repeat left top;
  background-size: 100% 100%;
  text-align: center;
  font-size: 13px;
  letter-spacing: -0.5px;
}

#sp_wrap .ichijyu01 .lists li br {
  display: none;
}

#sp_wrap .ichijyu01 .lists {
  padding-left: 15px;
}

#sp_wrap .ichijyu01 .recipe {
  padding: 10px 0;
  border-bottom: 4px dotted #cccccc;
}

#sp_wrap .ichijyu01 .recipe h5 {
  color: #83ad28;
  font-weight: bold;
  font-size: 12px;
  margin: 5px 0;
}

#sp_wrap .ichijyu01 .cooking02 .recipe h5 {
  color: #e94609;
}

#sp_wrap .ichijyu01 .recipe ul {
  margin-bottom: 20px;
}

#sp_wrap .ichijyu01 .recipe ul,
#sp_wrap .ichijyu01 .recipe ul.other,
#sp_wrap .ichijyu01 .recipe ul.red {
  border: none;
  padding : 0;
}

#sp_wrap .ichijyu01 .recipe ul.continue {
  margin: 0;
}

#sp_wrap .ichijyu01 .recipe li {
  font-size: 12px;
}

#sp_wrap .contents .ichijyu01 .make {
  padding: 40px 0 25px;
}

#sp_wrap .ichijyu01 .make ul {
  padding: 0;
}

#sp_wrap .ichijyu01 .make li {
  padding-left: 25px;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: -0.5px;
  background-size: 15px 15px;
}

#sp_wrap .contents #series_recipe .ichijyu01 .make li img {
  width: 15px;
}

#sp_wrap .ichijyu01 .make li img.for-sp {
  display: inline !important;
}

#sp_wrap .ichijyu01 .make li img.for-pc {
  display: none !important;
}

#sp_wrap .ichijyu01 .make.green li.no01 {
  background: url(../img/series/63_variety/s-glist01.png) no-repeat left 3px;
  background-size: 15px 15px;
}
#sp_wrap .ichijyu01 .make.green li.no02 {
  background: url(../img/series/63_variety/s-glist02.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.green li.no03 {
  background: url(../img/series/63_variety/s-glist03.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.green li.no04 {
  background: url(../img/series/63_variety/s-glist04.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.green li.no05 {
  background: url(../img/series/63_variety/s-glist05.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.green li.no06 {
  background: url(../img/series/63_variety/s-glist06.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.red li.no01 {
  background: url(../img/series/63_variety/s-rlist01.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.red li.no02 {
  background: url(../img/series/63_variety/s-rlist02.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .make.red li.no03 {
  background: url(../img/series/63_variety/s-rlist03.png) no-repeat left 3px;
  background-size: 15px 15px;
}

#sp_wrap .ichijyu01 .point {
  padding: 15px;
}

#sp_wrap .ichijyu01 .point ul {
  margin: 15px 0 0;
  overflow: initial;
}

#sp_wrap .ichijyu01 .point li {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 25px;
}

#feature #sp_wrap #detail .ichijyu01 .point li p {
  width: initial;
  margin: 0 auto 10px;
  line-height: 1.7;
}

#feature #sp_wrap #series_recipe.contents .ichijyu01 .point li  h5 img {
  width: 100%;
  margin: 0 auto;
}

#feature #sp_wrap #series_recipe.contents .ichijyu01 .point li div {
  margin-bottom: 10px;
}

#feature #sp_wrap #series_recipe.contents .ichijyu01 .point li div img {
  width: 57.5%;
  margin: 0 auto;
}

#feature #sp_wrap .ichijyu01 .point h4 {
  margin: 10px auto;
  width: 50%;
  text-align: center;
}


/*pointが1つのみの場合使用の　dl dt dd の指定*/
#sp_wrap .ichijyu01 .point dl {
  width: 100%;
  padding: 20px 0 0;
}

#sp_wrap .ichijyu01 .point dt,
#sp_wrap .ichijyu01 .point dd {
  float: none;
  width: initial;
  margin: 0;
}

#sp_wrap .ichijyu01 .point dt {
  text-align: center;
  margin: 0 auto;
  width: 50%;
}
#sp_wrap .ichijyu01 .point dd {
  margin: 10px 0 0;
}

#feature #sp_wrap #detail .contents .ichijyu01 .point dd p {
  line-height: 1.7;
}
/*---------------------------------------*/


#sp_wrap .ichijyu01 .cookpad img {
  width: 100%;
  height: auto;
}

#sp_wrap .genre_recipe .articlenav ul li a {
  color:#fdd000;
  background: #fff5c4;
}

#sp_wrap .genre_recipe .articlenav ul li.cur a {
  color: #fff;
  background: #fdd000;
}

#sp_wrap .contents .ichijyu01 .cooking01 {
  margin-bottom: 40px;
}
#sp_wrap .contents .ichijyu01 .cooking01 > img {
  margin-bottom: 0;
}

#feature #sp_wrap .contents .entry_contents .ichijyu01 .cooking01 .info h3 {
  margin-left: 0;
}

#sp_wrap .ichijyu01 .cooking02 .info {
  padding: 10px 0;
}

#feature #sp_wrap .contents .entry_contents .ichijyu01 .cooking02 .info h3 {
  margin: 0 0 6px 5px;
}

#feature #sp_wrap .contents .ichijyu01 .cooking02 .info .calorie {
  padding-left: 15px;
}

#sp_wrap .contents .ichijyu01 .cooking02 .material {
  padding: 20px 0 0;
}

#sp_wrap .contents .ichijyu01 .cooking02 .recipe {
  padding-bottom: 12px;
}


/* ------------ article 1 -----------------*/



/* ------------ article 2 -----------------*/


#feature #sp_wrap .contents.article2 .ichijyu01 .point h4 {
  margin: 0 auto 15px;
}


/* ------------ article 3 -----------------*/

#feature #sp_wrap .contents.article3 .ichijyu01 .cooking01 .recipe .lists p {
  margin: -10px 0 25px;
}

#feature #sp_wrap .contents.article3 .ichijyu01 .point h4 {
  margin: 0 auto 15px;
}