@charset "utf-8";

/*　調整用 */

body{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

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

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

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


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

#pc_wrap #series_recipe .s-no-image{
  display: block;
}

#pc_wrap #series_recipe .p-no-image{
  display: none;
}

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

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

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

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

#feature .contents .ichijyu01 .type {
  padding: 9px 0 9px 55px;
  font-size: 20px;
}

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

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

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

.contents .ichijyu01 .info h3{
  float: left;
  width: 398px;
}

#feature .contents .ichijyu01 .info .calorie {
  float: left;
  padding-left: 18px;
  width: 398px;
  color: #5cb531;
}

.contents .ichijyu01 .info .calorie.green{
  color: #5cb531 !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: 40px 0 30px;
}

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

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

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

.contents .ichijyu01 .cooking01 .recipe {
  padding-bottom: 30px;
}

.contents .ichijyu01 .cooking02 .recipe {
  padding-bottom: 20px;
}

.contents .ichijyu01 .recipe h4,
.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;
  margin-bottom: 20px !important;
}

.contents .ichijyu01 .recipe h5{
  color: #5cb531;
  font-weight: bold;
  font-size: 16px;
  margin-bottom:15px;
}

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

.right-f{
  float: right;
  width: 
}

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

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

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

.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 h5.red{
  color: #e94609 !important;
}

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

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

.contents .ichijyu01 .make ul li{
  padding-left: 30px;
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.625;
}

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

.contents .ichijyu01 .make ul li img.s-no-image{
  display: inline !important;
}

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

.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 30px 50px;
}

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

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

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

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

.contents .ichijyu01 .point ul li p{
  width: 290px;
  margin: 20px auto 0 !important;
  text-align: left;
}

.contents .ichijyu01 .point dl{
  overflow: hidden;
  width: 105%;
  background: url(../img/series/63_variety/point_line.png) no-repeat left top;
  padding: 30px 30px 20px 30px;
  margin: 20px 0 0;
  text-align: left;
}

.contents .ichijyu01 .point dt,
.contents .ichijyu01 .point dd{
  float:left;
  margin-right: 40px;
  width: 290px;
}

.contents .ichijyu01 .recipe .icon{
    position: absolute;
    top:0;
    right:0;
    z-index: 1;
}

.genre_recipe #detail .entry .entry_contents h4.no02 {
  margin: 36px 0 40px;
}

#feature .contents .contents.page2 .ichijyu01 .cooking01 {
  margin-bottom: 35px;
}

.contents.page2 .ichijyu01 .cooking01 .info {
  padding: 20px 0 20px 0;
}

.contents .contents.page2 .ichijyu01 .cooking01 .material,
.contents .contents.page3 .ichijyu01 .cooking01 .material {
  padding: 40px 0 50px;
}

.contents .contents.page2 .ichijyu01 .cooking02 .material {
  padding: 40px 0 20px;
}

.contents .contents.page2 .ichijyu01 .cooking02 ul.soup1 {
  width: 300px;
  margin-bottom: 0;
}

.contents .entry_contents .contents.page2 .ichijyu01 .point {
  margin-bottom: 45px;
}


#feature .contents .entry_contents .contents.page2 .ichijyu01 .cooking02 .point h4 {
  padding: 0 0 25px;
  margin-bottom: 30px;
  background: url(../img/series/63_variety/point_line.png) no-repeat center bottom;
}

#feature .contents .entry_contents .contents.page2 .ichijyu01 .cooking02 .point ul li p {
  margin: 10px auto 0 !important;
}


/* page3 */
.genre_recipe #detail .entry .entry_contents h4.no03 {
  margin: 36px 0 40px;
}

.contents .contents.page3 .ichijyu01 .cooking01 .material,
.contents .contents.page3 .ichijyu01 .cooking02 .material {
  padding: 40px 0;
}

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

.contents .contents.page3 .ichijyu01 .cooking02 .make {
  padding: 40px 0;
}


/******************** 
 SP 
********************/
#feature .sp .contents p{
  font-size: 12px;
}

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

.sp #series_recipe .s-no-image{
  display: none;
}

.sp #series_recipe .p-no-image{
  display: block;
}

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

#feature .sp #detail .entry .outline ul li{
  padding: 0 0 5px 3em !important;
}
.sp .contents .ichijyu01 .cooking01 > img {
  margin-bottom: 0;
}

#feature .sp #detail .entry .contents .ichijyu01 .type {
  padding: 5px 0 5px 35px;
  margin: 0;
  font-size: 12px;
}

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

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

.sp .ichijyu01 .info .calorie{
  font-size: 11px !important;
  width: initial;
}

.sp .ichijyu01 .info{
  padding: 10px 0 10px 15px;
  border-bottom: 5px dotted #cccccc ;
}

.sp .ichijyu01 .info h3{
  float: none;
}

.sp .ichijyu01 .info h3 img{
  width: 50%;
  height: auto;
}

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

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

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

.sp .ichijyu01 .material img{
  margin: 0 !important;
}

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

.sp .right-f,
.sp .left-f{
  float: none;
  width: initial;
}

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

.sp  #series_recipe .ichijyu01 .recipe h4,
.sp  #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 .ichijyu01 .lists{
  padding-left: 15px;
}

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

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

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

.sp .ichijyu01 .recipe .console{
  margin-bottom: 0;
}

.sp .ichijyu01 .recipe ul li{
  font-size: 12px;
}

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

.sp .ichijyu01 .make ul{
  padding: 0;
}

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

.sp .ichijyu01 .make ul li img.p-no-image{
  display: inline !important;
}

.sp .ichijyu01 .make ul li img.s-no-image{
  display: none !important;
}

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

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

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

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

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

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

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

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

.sp .ichijyu01 .point{
  padding: 15px;
}

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

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

.sp .ichijyu01 .point ul li p{
  width: initial;
}

.sp .ichijyu01 .point ul li p img{
  width: 70%;
  margin: 0 auto;
  display: block;
}

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

.sp .ichijyu01 .point dl{
  width: 100%;
  padding: 20px 0 0;
}

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

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

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

.sp .genre_recipe .pagenav ul li a{
  color:#fdd000;
  background: #fff5c4;
}

.sp .genre_recipe .pagenav ul li.cur a{
  color: #fff;
  background: #fdd000;
}