@media print {
  /* 印刷時のみ適用 */

  /* 1. 不要な要素を隠す (TCD特有のヘッダー、フッター、サイドバー、ボタンなど) */
  #header_button_area,
  #global_menu,
  #menu_button,
  #side_col,
  #bread_crumb,
  #next_prev_post,
  #related_recipe,
  #single_copy_title_url_top,
  #like_button,
  #footer_top,
  #footer_video,
  #footer_top_inner,
  #footer_bottom,
  #footer_logo,
  #return_top,
  #footer_widget,
  #footer_menu,
  #footer_category_menu,
  #widget_area_overlay,
  .meta,
  .l-header,
  .l-footer,
  .p-side_col,
  .tcd-widget,
  .comment-form,
  .post-pagination,
  .sns_button_box,
  .sidebar,
  .tcd-quicktag-button {
    display: none !important;
  }
   a {
    pointer-events: none !important;
  }
#main_contents { padding:60px 0 40px; }
  /* 2. メインコンテンツの幅を広げる */
 #main_col {
    width: 92.5% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    align-content: stretch !important;
    flex-wrap: wrap !important;
    gap: 16px;
    max-width: 100%;
}
.masonry-column {
  column-count: 2;
  column-gap: 60px;
  max-width: 100%;
  margin: 0 auto;
}

  /* 3. 背景色を白にし、文字色を黒に (インク節約) */
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 12pt !important; /* 印刷に適したサイズ */
  }



  /* 5. CSSで背景画像を強制的に表示させる*/   
      * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
    print-color-adjust: exact !important;         /* Firefox */
  }
.parent_category {
    width: 100px !important;
    height: 100px !important;
    padding-right: 7px !important;
    margin-right: 30px !important;
    }
.cat_id_2 {
    font-size: 32px !important;
    }
.cat_id_3 {
    font-size: 32px !important;
    }
.cat_id_23 {
    font-size: 32px !important;
    }
.cat_id_26 {
    font-size: 26px !important;
    }
.cat_id_27 {
    font-size: 26px !important;
    }
#header  {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
#header_inner {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
#header_logo {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
#main_contents {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
#recipe_title_area {
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 30px !important;
    }

    .title_area {width: 800px !important;
}

#recipe_image_slider_wrap {
    position:absolute;
    right:-180px; 
    top:30px
    }
.item {
    background-size:350px!important;
    height: auto;
  
    }
.recipe_material { 
  display: inline-block; 
  margin-bottom: 1rem;
  width: 100%; 
  overflow: hidden;
}
.recipe_point { 
  display: inline-block; 
  padding-bottom: 15px;
  width: 100%; 
  overflow: hidden;
}
.recipe_howto { 
  display: inline-block; 
  padding-bottom: 15px;
  width: 100%; 
  overflow: hidden;
}


.design_headline {
  height:45px !important; line-height:45px !important; margin:0 0 5px 0;
	overflow:hidden !important;
}
.design_headline:before {
  width:45px !important; height:45px !important; line-height:45px !important;
}
.recipe_material dt {height:auto; line-height:1; padding:10px 25px; font-size:18px; width:calc(50%);}
.recipe_material dd {height:auto; line-height:1; padding:10px 25px; font-size:18px; width:calc(50%);}
.recipe_howto dt {height:auto; line-height:1.5; padding:12px 25px; font-size:17px; width:calc(10%);}
.recipe_howto dd {height:auto; line-height:1.5; padding:15px 25px; font-size:17px; width:calc(90%);}

/* 調理時間 */
#recipe_video_data { font-size:20px; margin:0 0 0px 0; padding:0; display: flex; border:1px solid #ddd; width:250px; border-radius:5px;}
#recipe_video_data dt {
  width:120px; height:60px; display: flex; align-items: center; justify-content: center; line-height: 1; text-align:left; border-right:1px solid #ddd;  background:#fcfbf5; 
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#recipe_video_data dd {
  font-size:22px; width:calc(50%); height:60px; display: flex; align-items: center; justify-content: center; line-height: 1; padding:0 10px; background:#fff; 
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#copyright { font-size:17px; line-height:40px; height:40px;
}
.recipe_howto { margin:0 0 0px 0;
}
.recipe_point { margin:0 0 0px 0; 
}
}
@page {
  size: A4 !important; /* A4縦 */
  size: 210mm 297mm !important;  /* 数値で指定 */
  margin: 0cm 1cm 1cm 1cm !important; /* 余白 */

}
