@charset "utf-8";

.indivContents{
}
@media screen and (max-width: 1200px) {
  .indivContents{
  }
}
@media screen and (max-width: 1024px) {
  .indivContents{
    margin-left:200px;
  }
}
@media screen and (max-width: 768px) {
  .indivContents{
  }
}



.indivContents .mainContents.container{
  padding-left:0;
  padding-right:0;
  width:960px;
}

.picBox{
  margin-top:48px;
}

.title{
  border-bottom:1px solid #E6E6E6;
  color:#6ECC6E;
  font-size:1.6em;
  margin-top:44px;
  margin-bottom:40px;
  padding-bottom:20px;
  position:relative;
}

.cook_time{
  background:#FFFFFF;
  color:#000000;
  font-size:0.59em;
  padding-left:14px;
  position:absolute;
  right:0;
  bottom:-14px;
}

.img_time{
  width:28px;
}

.description{
  border-bottom:1px solid #E6E6E6;
  color:#000000;
  font-size:0.94em;
  margin-bottom:46px;
  padding-bottom:40px;
}

.ingredient01{
  color:#000000;
  font-size:1.067em;
  margin-bottom:20px;
}

.ingredient02{
  color:#000000;
  font-size:1.067em;
}

.recipe01_title{
  color:#000000;
  font-size:1.067em;
  margin-bottom:20px;
}

.recipe01{
  color:#000000;
  font-size:0.94em;
  margin-bottom:32px;
}

.recipe02_title{
  height:30px;
  width:30px;
  border-radius:50%;
  line-height:30px;
  text-align:center;
  background:#24B325;
  color:#FFFFFF;
  font-size:1.86em;
  margin-bottom:20px;
}

.recipe02{
  font-size:0.94em;
}

.detail{
  border-bottom:1px solid #E6E6E6;
  margin-bottom:76px;
  padding-bottom:36px;
}



/* サイドメニュー */

.recipes_sideMenu{
  position:fixed;
  left:72px;
  top:110px;
  width:90px;
  z-index:1000;
}
@media screen and (max-width: 1200px) {
  .recipes_sideMenu{
  }
}
@media screen and (max-width: 1024px) {
  .recipes_sideMenu{
  }
}
@media screen and (max-width: 768px) {
  .recipes_sideMenu{
    left:38px;
  }
}


.recipes_sideMenu .pagetitle{
  margin:0 auto 38px auto;
}

.recipes_sideMenu ul.recipesMenu{
  margin-top:38px;
  margin-bottom:58px;
  padding-left:0;
}

.recipes_sideMenu ul.recipesMenu li{
  list-style:none;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_pure{
  margin-bottom:27px;
  width:100%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_dryer{
  margin-bottom:31px;
  width:86.67%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_hsm{
  margin-left:22.23%;
  margin-right:auto;
  margin-bottom:27px;
  width:40%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_milk{
  margin-left:23.36%;
  margin-right:auto;
  margin-bottom:33px;
  width:56.67%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_blender{
  margin-left:20%;
  margin-right:auto;
  margin-bottom:27px;
  width:43.36%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_fondue{
  margin-bottom:27px;
  width:100%;
}

.recipes_sideMenu ul.recipesMenu li.li_menuicon_sp{
  width:100%;
}

.recipes_sideMenu ul.recipesMenu li a{
  display:block;
}

.recipes_sideMenu ul.recipesMenu li img{
    vertical-align: bottom;
}

.recipes_sideMenu ul.recipesMenu li a:hover_ {
	background-color: transparent; /* IE6対応 */
}
 
.recipes_sideMenu ul.recipesMenu li a:hover img_ {
    visibility: hidden;
}
@media screen and (max-height: 830px) {
 .recipes_sideMenu{
   position:absolute;
  z-index: 980;
 }
}



#lastmainContents{
  padding-top:600px;
}
.recipe_list_area {
 display: flex;
 justify-content: space-between;
 margin: 30px 0 20px 0;
 align-items: flex-start;
}
.recipe_list_new {
 width: 49%;
 position: relative;
 overflow: hidden;
 text-align: center;
}
.recipe_list_new:after {
 content: 'New';
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
 width: 120px;
 height: 20px;
 left: -30px;
 top: 20px;
 color: #000;
 background-color: #fddd2e;
 font-size: 13px;
 text-transform: uppercase;
 line-height: 20px;
 letter-spacing: .15rem;
 white-space: nowrap;
 text-align: center;
 position: absolute;
 font-weight: bold;
}
.recipe_list {
 display: flex;
 margin: 0;
 justify-content: space-between;
 flex-wrap: wrap;
 padding: 0;
 width: 49%;
 align-items: flex-start;
}
.recipe_list li {
 width: 226px;
 margin-bottom: 30px;
 list-style-type: none;
 min-height: 245px;
 text-align: center;
}
.recipe_list li a,
.recipe_list_new a {
 display: block;
 color: #000;
 text-decoration: none;
 transition: opacity 0.5s ease;
}
.recipe_list li a:hover,
.recipe_list_new a:hover {
 opacity: 0.5;
}
.recipe_list li a img,
.recipe_list_new img {
 max-width: 100%;
}
.recipe_list_photo {
 margin: 0;
}
.recipe_list li h3,
.recipe_list_new h3 {
 font-weight: normal;
 font-size: 28px;
 line-height: 1.4;
 margin: 8px 0 5px 0;
}
.recipe_list li h3 {
 font-size: 14px;
 line-height: 1.3;
 margin: 6px 0 0 0;
}
p.recipe_list_auter {
 font-size: 16px;
 color: #999;
 line-height: 1.3;
}
.recipe_list li p.recipe_list_auter {
 font-size: 12px;
 margin: 0;
}

.recipe_list2 {
 display: flex;
 margin: 0 auto;
 flex-wrap: wrap;
 padding: 0;
}
.recipe_list2 li {
 width: 226px;
 margin-bottom: 30px;
 list-style-type: none;
 margin-right: 18px;
 text-align: center;
}
.recipe_list2 li:nth-of-type(4n) {
 margin-right: 0;
}
.recipe_list2 li a {
 display: block;
 color: #000;
 text-decoration: none;
 transition: opacity 0.5s ease;
}
.recipe_list2 li a:hover {
 opacity: 0.5;
}
.recipe_list2 li a img {
 max-width: 100%;
}
.recipe_list2 li h3 {
 font-weight: normal;
 font-size: 14px;
 margin: 3px 0 0 0;
 line-height: 1.4;
}
.recipe_list2 li p.recipe_list_auter {
 font-size: 12px;
 line-height: 1.4;
}
p.price {
 font-size: 34px;
 text-align: center;
 line-height: 1.5;
 font-weight: bold;
 margin: 0 0 0 0;
}
p.price em {
 font-size: 16px;
 font-style: normal;
 font-weight: normal;
}
p.price2 {
 text-align: center;
 font-size: 1.3rem;
 line-height: 1.6;
 color: #999;
 margin: 10px 20px;
}
.buy_btn {
 margin: 30px 0 0 0;
	text-align: center;
}
.buy_out {
 text-align: center;
 color: #CC0000;
 margin: 30px 0 0 0;
}
.buy_btn a {
 background-color: #34A039;
 border-radius: 19px;
 display: inline-block;
	padding: 0 30px;
 text-decoration: none;
 color: #FFFFFF;
 text-align: center;
 font-size: 20px;
 line-height: 50px;
 margin: 0 auto;
 transition: background 0.5s ease;
}
.buy_btn a:hover{
 background-color:#FF8E05;
}
.indivContents .price01 {
 text-align: center;
 margin-top: 80px;
}
.price01.mt30 {
 margin-top: 30px;
}
.price01_num {
 text-align: center;
 font-weight: bold;
 color: #000;
 font-size: 20px;
 margin: 10px 0 0 0;
}
.price02 {
 display: flex;
 justify-content: space-between;
 margin: 50px 0 0 0;
 align-items: center;
}
.price02 .price01_num {
 text-align: right;
}
.price03 {
 width: 48%;
 text-align: center;
}
.price03 img {
 max-width: 100%;
}
.price04 {
 width: 48%;
}



.recipe_details {
 margin: 50px 0;
 display: flex;
 justify-content: space-between;
}
.recipe_details img {
 max-width: 100%;
}
.recipe_ingredients {
 width: 45%;
}
.recipe_cooking {
 width: 45%;
}
p.txt01 {
 margin: 50px 0;
}
.indivContents .recipe_title03 {
 font-size: 32px;
 font-weight: normal;
 border-bottom: 1px solid #CCC;
 margin-bottom: 30px;
}
.recipe_title03 span {
 font-size: 20px;
 color: #999;
 margin: 0 0 0 30px;
}
.recipe_table {
 width: 100%;
}
.recipe_table th {
 text-align: left;
 font-weight: normal;
 width: 70%;
 border-bottom: 1px dashed #CCC;
 padding: 10px 10px 10px 0;
}
.recipe_table td {
 border-bottom: 1px dashed #CCC;
 padding: 10px 0;
 text-align: right;
}

.free_space {
 margin: 30px 0 0 0;
 color: #999;
}

.cooking {
 counter-reset: number;
 margin: 40px 0 0 0;
}
.cooking li {
 position: relative;
 counter-increment: number;
 margin: 30px 0 0 20px;
 list-style-type: none;
}
.cooking li:before {
 position: absolute;
 top: -20px;
 left: -60px;
 content: counter(number) ".";
 font-size: 40px;
 color: #ccc;
 font-weight:bold;
}
.cooking li:nth-child(10),
.cooking li:nth-child(11),
.cooking li:nth-child(12),
.cooking li:nth-child(13),
.cooking li:nth-child(14),
.cooking li:nth-child(15),
.cooking li:nth-child(16),
.cooking li:nth-child(17),
.cooking li:nth-child(18),
.cooking li:nth-child(19),
.cooking li:nth-child(20),
.cooking li:nth-child(21),
.cooking li:nth-child(22),
.cooking li:nth-child(23),
.cooking li:nth-child(24),
.cooking li:nth-child(25),
.cooking li:nth-child(26),
.cooking li:nth-child(27),
.cooking li:nth-child(28),
.cooking li:nth-child(29),
.cooking li:nth-child(30){
 margin: 30px 0 0 35px;
}
.cooking li:nth-child(10):before,
.cooking li:nth-child(11):before,
.cooking li:nth-child(12):before,
.cooking li:nth-child(13):before,
.cooking li:nth-child(14):before,
.cooking li:nth-child(15):before,
.cooking li:nth-child(16):before,
.cooking li:nth-child(17):before,
.cooking li:nth-child(18):before,
.cooking li:nth-child(19):before,
.cooking li:nth-child(20):before,
.cooking li:nth-child(21):before,
.cooking li:nth-child(22):before,
.cooking li:nth-child(23):before,
.cooking li:nth-child(24):before,
.cooking li:nth-child(25):before,
.cooking li:nth-child(26):before,
.cooking li:nth-child(27):before,
.cooking li:nth-child(28):before,
.cooking li:nth-child(29):before,
.cooking li:nth-child(30):before {
 left: -75px;
}
.img01 {
 margin: 10px 0;
}
.img01 img {
 width: 100%;
}
ul.recipe_sns {
 letter-spacing: -.4em;
 text-align: center;
 margin: 50px 0;
}
ul.recipe_sns li {
 display: inline-block;
 letter-spacing: normal;
 width: 40px;
 height: 40px;
 margin: 0 30px;
}
ul.recipe_sns li a {
 display: block;
 
}
ul.recipe_sns .recipe_facebook a {
 background: url("../../images/facebook_c2_poster_u17600.png") no-repeat 0 0;
 background-size: 40px auto;
 width: 40px;
 height: 40px;
}
ul.recipe_sns .recipe_facebook a {
 background: url("../../images/facebook_c2_poster_u17600.png") no-repeat 0 0;
 background-size: 40px auto;
}
ul.recipe_sns .recipe_twitter a {
 background: url("../../images/twitter_c.svg") no-repeat 0 3px;
 background-size: 40px auto;
 width: 40px;
 height: 40px;
}
ul.recipe_sns .recipe_line a {
 background: url("../../images/line.png") no-repeat 0 0;
 background-size: 40px auto;
 width: 40px;
 height: 40px;
}

.recommend {
 margin: 70px 0 0 0;
 border-top: 1px solid #CCC;
 padding-top: 50px;
}
.recommend h2 {
 text-align: center;
 font-weight: normal;
 font-size: 40px;
 margin-bottom: 50px;
 line-height: 1.4;
}
.recommend .recipe_list {
 width: auto;
 margin-bottom: 50px;
 justify-content: center;
}
.recommend .recipe_list li {
 width: 23%;
 margin-bottom: 0;
 margin: 0 2% 0 0;
}
.recommend .recipe_list li:nth-last-child(1) {
 margin: 0;
}
.back_list a {
 display: block;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 250px;
 height: 50px;
 margin: 0 auto;
 border: 1px solid #444;
 border-radius: 25px;
 font-size: 20px;
 line-height: 50px;
 text-decoration: none;
 color: #444;
 text-align: center;
 transition: background 0.5s ease;
}
.back_list a:hover {
 background-color: #f2f2f2;
}