/** Shopify CDN: Minification failed

Line 57:23 Unexpected "{"

**/

/* 注文詳細を印刷設定 */

.invoice{
  margin: 0 auto;
  max-width: var(--page-width);
}

.invoice .headline a{
  color: rgb(var(--color-foreground));
}

.invoice .screen{

}
.invoice .print{
  display:none;
}

.invoice .container .inner .order-title,
.invoice .container .inner .print-title{
  text-align:center;
}

.invoice .container .inner .timeline{
  text-align:right;
  margin-bottom:1rem;
}

.invoice .container .inner .timeline p{
  margin:0;
}

.invoice .print-order{
  margin-top:2em;
}

/* 宛先など */
.invoice .fromto{
  display:flex;
  justify-content:space-between;
  margin-bottom:4em;

  /*display:none;*/
}

.invoice .fromto p{
  margin:0;
  padding:0;
}

.invoice .fromto .to p,{
  
}
.invoice .fromto .to p input{
  font-size: calc(var(--font-heading-scale) * 2.4rem);
  width:200px;
}
.invoice .fromto .from{
  position:relative;
  display:none;
}
.invoice .fromto .from figure{
  display:none;
  position:absolute;
  top:0px;
  right:0px;
  margin:0;
  padding:0;
}

/* 注文テーブルを最適化 */

.invoice .container .inner table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom:2em;
  display:table;
}

.invoice .container .inner th,
.invoice .container .inner td {
  border: 1px solid #ddd !important;
  padding: 6px 8px !important;
  display:table-cell;
}

.invoice .container .inner tbody tr:first-of-type td:first-of-type>div{
  align-items:flex-start !important;
}

@media screen and (max-width: 768px) {
  .invoice{
    padding-left:1em;
    padding-right:1em;
  }
}

@media print {


  /* ブラウザの余白（Chrome/Edge等で有効） */
  @page {
    size: A4;       /* 用紙サイズを A4 に指定 */
    margin: 5mm 10mm;   /* 上下左右の余白を調整 */
  }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .invoice{
    padding:2em;
  }
 
 /* 表示・非表示 */
  .invoice .screen{
    display:none;
  }
  .invoice .print{
    display:block;
  }
  .invoice .fromto{
    display:flex;
  }
  .invoice .fromto .from{
    display:block;
  }
  .invoice .fromto .to p input{
    border:0;
  }

 /* Dawnのヘッダー分パディングを消す */
  :root {
    --header-height: 0 !important;
    --header-bottom-position: 0 !important;
    --announcement-bar-height: 0 !important;
  }
  .shopify-section-header,
  .header, .header-wrapper,
  .announcement-bar,
  .invoice .print-order { /* 印刷ボタンも非表示 */
    display: none !important;
  }

  /* ヘッダー回避用の余白が付くラッパーをリセット */
  .content-for-layout,
  main#MainContent,
  .template-customer-order .section,
  .section-template,
  .page-width {
    /*
    padding-top: 0 !important;
    margin-top: 0 !important;
    */
  }

  #PBarNextFrameWrapper,
  .footer,
  .print-order,
  .site-header,
  .site-footer,
  .breadcrumb,
  .pagination,
  .button,
  .button--primary,
  .button--secondary,
  .announcement-bar-section,
  nav, .announcement-bar, .cart-count-bubble {
    display: none !important;
  }



}