@charset "utf-8";
/* CSS Document */

/* reset
*/
#content
{
  padding: 0;
  font-size: 10px;
}
  #content.special .mainTitle
  {
    background: none;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #content.special p
  {
    font-size: 1em;
  }
  #content.special h3
  {
    padding: 0;
    margin: 0;
  }


/*.recipe {}*/
  #content.special .sectionHeader
  {
    background: none;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: auto;
  }
    #content.special  .recipeSectionTitle
    {
      background: none;
      color: #333;
      font-size: 1em;
      font-weight: normal;
      line-height: 1;
      margin: 0;
      padding: 0;
    }

/* common
*/
#content.special
{
  background: no-repeat 50% 0%;
  background-size: contain;
}
  #content.special img
  {
    max-width: 100%;
  }



/* main area
*/
#mainvArea
{
  position: relative;
}
  #content.special .mainImage
  {
    position: relative;
  }
  #content.special .mainTitle
  {
    position: absolute;
    z-index: 1;
  }
  #content.special .mainRead
  {
    line-height: 1.5;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5%;
    position: relative;
    z-index: 5;
  }
    #content.special .txtLarge
    {
      font-weight: bold;
      font-size: 1.5em;
    }


/* sections
*/
#content.special .recipe
{
	margin: 0 4.68% 5%;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 2px 7px 0 rgba(147, 126, 86, 0.3);
	position:  relative;
}
  #content.special .sectionHeader
  {
    background-position:
      0% 100%,
      0% 0%
    ;
    background-repeat:
      repeat-x,
      repeat
    ;
  }
    #content.special  .recipeSectionTitle
    {
      line-height: 1;
    }
    #content.special  .recipeSectionRead
    {
      font-size: 1.2em;
      padding: 0 5%;
      padding-bottom: 1em;
      line-height: 1;
    }
  #content.special .recipeList { padding: 5%; }
    #content.special .recipeBox
    {
      margin-bottom: 16%;
    }
      #content.special .recipeBox:last-of-type { margin-bottom: 0; }
      #content.special .recipeImage
      {
        margin-bottom: 3%;
      }
        #content.special .resipeImage img { box-shadow: 2px 2px 7px 0 rgba(147, 126, 86, 0.3); }
      #content.special .caption { font-size: 1.2em; }
      #content.special .recipeTitle
      {
        color: #1ec9bb;
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 3%;
      }
      #content.special .recipeInform {}
        #content.special .cookingTime
        {
          border-radius: 9px;
          border: 1px solid #333;
          width: 50%;
          float: left;
          text-align: center;
          font-size: 1.2em;
	        margin-bottom: 3%;
        }
        #content.special .attention
        {
          float: left;
          margin-left: 3%;
          font-size: 1.1em;
          line-height: 1.8;
        }
        #content.special .recipeRead
        {
          font-size: 1.2em;
          clear: left;
					line-height: 1.8;
	        margin-bottom: 4%;
        }
          #content.special .recipeRead.col2
          {
            width: 57%;
            float: left;
            margin-bottom: 8%;
          }
        #content.special .productPackage.col2
        {
          width: 43%;
          float: left;
          position: relative;
          overflow: hidden;
          padding-top: 30%;
        }
          #content.special .productPackage.col2 img
          {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            max-width: 120%;
          }
        #content.special .recipeLink {
          position: relative;
          z-index: 99;
          display: block;
        }

#content.special p.resipeSup {
  color: #333;
  font-size: 1.2em;
  text-indent: -1em;
  padding: 0 10% 0 4em;
  margin: -2% 0 5% 0;
}


/* 過去の特集 */
#content #otherContents h1{
	margin:0 4.68% 2%;
  padding: 3% 0 0;
  width: auto;
}

#otherContents ul{
	width:90%;
	margin:0 auto 6.25%;
}

#otherContents ul li{
	display:inline-block;
	font-size:62.5%;
	width:46%;
	margin:1.5%;
	vertical-align:top;
}