@charset "UTF-8";
#print{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:0 auto;width:210mm;height:auto;min-height:297mm;z-index:21;box-sizing:border-box;}
#print > div.scroll{margin:0 auto;width:100%;background:#fff;border-radius:15px;position:relative;padding:10mm 20mm 10mm 20mm;box-sizing:border-box;}
#print > div.scroll h2{font-size:20px;font-family:"Cormorant SC",serif;text-align:center;color:#999;position:relative;top:-10mm;left:auto;width:100%;}
#print > div.scroll p.timeStamp{font-size:12px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;position:absolute;top:0mm;right:17.5mm;text-align:right;color:#999;padding:3px 5px;border:1px solid #999;width:fit-content;line-height:1;}
#print > div.scroll p.timeStamp time{display:inline-block;color:#999;background:none;padding-left:0;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;}
#print > div.scroll figure{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:-5mm;margin-bottom:25px;}
#print > div.scroll figure .thumIMG{width:70mm;height:70mm;background:url() no-repeat center / contain;border:4px solid #ccc;box-sizing:border-box;}
#print > div.scroll figure div.title{width:calc(100% - 70mm - 15mm);height:auto;}
#print > div.scroll figure div.title h3{line-height:1.5;margin-bottom:10px;}
#print > div.scroll figure div.title h3 span{font-size:12px;display:block;margin-bottom:7px;}
#print > div.scroll figure div.title h3 b{font-size:23px;display:block;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;line-height:1.5;}
#print > div.scroll figure div.title span.cat{display:block;margin-top:10px;}
#print > div.scroll figure div.title span.cat b{display:inline-block;font-size:11px;margin:0 3px 3px 0;background:#666;color:#fff;line-height:1;padding:4px 4px 3px 4px;}
#print > div.scroll figure div.title p.detail{font-size:11px;line-height:2;margin-top:10px;}
#print > div.scroll div.content{min-height:80mm;font-size:10px;line-height:1.75;margin:15px auto 10px auto;padding-bottom:10px;border-bottom:1px dashed #666;}
#print > div.scroll div.content h4{font-size:17px;line-height:1.5;margin:15px 0;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;}
#print > div.scroll div.content h5{font-size:15px;line-height:1.5;margin:15px 0 7px 0;font-family:"Noto Sans JP",sans-serif;font-weight:900;}
#print > div.scroll div.content h6{font-size:13px;line-height:1.5;margin:10px 0 4px 0;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:700;}
#print > div.scroll div.content p{font-size:11px;line-height:1.75;margin-bottom:10px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;}
#print > div.scroll p.ingredients{font-size:9px;line-height:1.75;}
#print > div.scroll p.notice{margin-top:15px;padding-left:30px;background:url(../layout/icon-warning.png) no-repeat left center / auto 17px;font-size:9px;line-height:1.75;}
#print ul.printBTN{display:none;}

#print #printFOOT{padding-right:50mm;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:20px auto 0 auto;width:;box-sizing:border-box;position:relative;border-top:5px solid #666;padding-top:15px;}
#print #printFOOT h3{font-size:17px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:7px;line-height:1;}
#print #printFOOT p{font-size:20px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:7px;line-height:1;}
#print #printFOOT p.tel{font-size:30px;font-family:Arial, Helvetica, sans-serif;font-weight:700;vertical-align:middle;padding-left:27px;background:url(../layout/icon-tel02.png) no-repeat left 3px / 23px auto;}
#print #printFOOT p.tel span{font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-left:15px;display:inline-block;vertical-align:middle;}
#print #printFOOT p.mail{font-size:15px;font-weight:700;padding:2px 0;padding-left:27px;background:url(../layout/icon-mail.gif) no-repeat left 3px top 5px / auto 13px;}
#print #printFOOT p.mail span:before{content:'＠';margin:0 1px;display:inline-block;}
#print #printFOOT p.txt{font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin:2px 0 5px 0;}
#print #printFOOT address{font-size:12px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";line-height:1.5;}
#print #printFOOT div.qr{position:absolute;right:0;bottom:0;text-align:center;}
#print #printFOOT div.qr img{width:30mm!important;height:30mm!important;}
#print #printFOOT div.qr p{font-size:12px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:-5px;}

@page{margin:10mm;size:210mm 297mm;}
@media print{
  html,body {min-height:297mm;padding:0!important;margin:0 auto!important;}
  body {
    -webkit-print-color-adjust: exact; /* 印刷時でも背景色や背景画像を表示 */
    width: 210mm; /* 印刷時の全ページ幅を統一（px数値はお好みで） */
    zoom: 1; /* なるべく多くのブラウザで切れないようにするため */
	position:relative;
  }
  body > embed{display:block!important;min-height:297mm;}
  body > *,
  header,footer,main,#titleIMG,#printSKIN{display:none!important;}
  body > #print{display:block!important;}
  #print > div.scroll{margin:0 auto;height:100%;}
  #print > #printSKIN,
  #print > div.scroll button.close{display:none;}
  /* 改ページをいれる場合 */
  section {
    page-break-before: always; /* 各セクションで改ページが行われるようにしています */
  }
  section + section.new-none:not(:root) {
    page-break-before: avoid; /* 特定のセクションでは改ページを入れない場合の指定 */
  }
  .new-page {
    page-break-before: always; /* 特定の場所で改ページを入れたいときの指定 */
  }
}
@page {
size:210mm 297mm;margin:0;padding:10mm 0;
}