@charset "UTF-8";
/* mixin css */
@media print {
  .recipe.detail #topicPath, .recipe.detail #kv, .recipe.detail .iconList, .recipe.detail .relateContent, .recipe.detail .pageTop {
    display: none;
  }
  .recipe.detail #headerWrap {
    position: relative;
  }
  .recipe.detail #headerWrap ul#nav.gNav {
    display: none !important;
    visibility: hidden;
  }
  .recipe.detail .recipeDetailArea .imgWrap.fixedItmg, .recipe.detail .recipeDetailArea.innerWrap, .recipe.detail .recipeDetailArea .textArea {
    padding: 0;
    position: relative;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .recipe.detail .recipeDetailArea .imgWrap {
    text-align: center;
  }
  .recipe.detail .recipeDetailArea .imgWrap img {
    width: 50%;
  }
  .recipe.detail .recipeDetailArea .recipeTtl {
    margin-top: -1em;
    padding: 0 0 1em;
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .recipe.detail .recipeDetailArea .textArea {
    padding: 2em;
    width: 100%;
  }
  .recipe.detail .youWillNeed {
    padding-left: 4em;
    float: right;
    width: 50%;
    page-break-before: always;
  }
  .recipe.detail .materialList {
    padding: 1em 0;
    letter-spacing: 0.05em;
  }
  .recipe.detail .materialList li {
    position: relative;
    overflow: hidden;
    background: transparent;
    line-height: 1.75;
  }
  .recipe.detail .materialList li:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    content: "………………………………………………………………………………";
  }
  .recipe.detail .preparation .stepLine {
    width: 50%;
  }
  .recipe.detail .preparation .stepLine figure img {
    width: 50%;
  }
  .recipe.detail .printOn {
    padding-bottom: 3em;
    display: block;
  }
  .recipe.detail .introduction {
    padding: 2em;
    width: 100%;
  }
  .recipe.detail .introduction .textWrap {
    vertical-align: middle;
  }
}