/*
    111111_invoice.css
*/
/*
    For PC.
*/
  @font-face {
    font-family: 'NotoSansCJKjp-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/jp/NotoSansCJKjp-Regular.woff2') format('woff2'),
    url('../../fonts/jp/NotoSansCJKjp-Regular.woff')  format('woff');
    font-display: swap;
  }

  @font-face {
    font-family: 'NotoSansCJKjp-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/jp/NotoSansCJKjp-Bold.woff2') format('woff2'),
    url('../../fonts/jp/NotoSansCJKjp-Bold.woff')  format('woff');
    font-display: swap;
  }

  html {
    font-family: 'NotoSansCJKjp-Regular', sans-serif;
  }

  body{
    margin:0;
    padding:0;
  }

  /* Wrapper */
  div.IVC_BOX_111111{
	width: 210mm;
	height: 297mm;
	box-sizing: border-box;
	padding: 10mm;
    border:1px solid #ccc;
  }

  div.IVC_BOX_111111{
	width: 210mm;
	height: 297mm;
	box-sizing: border-box;
	padding: 10mm;
    border:1px solid #ccc;
    color:#000;
    line-height:150%;
  }

  div.IVC_BOX_111111 p{
    margin:0;
    padding:0;
  }

  /* Header */
  div.IVC_HEADER_111111{
	height: 14%;
    display:flex;
    justify-content: space-between;
    border-bottom: 5px double #000;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_LOGO_111111{
	width: 20%;
    margin-left:5%;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_LOGO_111111 img{
	width: 100%;
    height:auto;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111{
    padding-top:1.0em;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111 p.H_NAME{
    font-size:100%;
    color:#337CCF;
    font-weight:bold;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111 p.H_ADD{
    font-size:70%;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111 p.H_TEL{
    font-size:80%;
    color:#337CCF;
    text-decoration:underline;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111 p.H_TAX{
    font-size:70%;
  }

  div.IVC_HEADER_111111 div.IVC_HEADER_INFO_111111 p.H_TAX span{
    margin-left:30px;
  }

  /* Customer */
  div.IVC_CUSTOMER_111111{
	height: 16%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  div.IVC_CUSTOMER_111111 p{
    font-size:80%;
    font-weight:bold;
    position:relative;
  }

  div.IVC_CUSTOMER_111111 p span{
    font-weight:normal;
    position:absolute;
    top:0;
    left:120px;
  }

  div.IVC_CUSTOMER_111111 div.IVC_CUSTOMER_TTL_111111{
    width:100%;
	text-align:center;
    font-size:140%;
    font-weight:bold;
    padding:10px 0;
  }

  div.IVC_CUSTOMER_111111 div.IVC_CUSTOMER_INFO_111111{
    width:60%;
  }

  div.IVC_CUSTOMER_111111 div.IVC_CUSTOMER_INFO2_111111{
    width:30%;
  }

  div.IVC_CUSTOMER_111111 div.IVC_CUSTOMER_TAXID_111111{
    width:100%;
  }



  /* Contents */
  div.IVC_CONTENTS_111111{
	height: 46%;
    margin-bottom:30px;
  }

  div.IVC_CONTENTS_111111 table.T_IVC{
    width:100%;
	border:2px solid #000;
    border-collapse: collapse;
    background:url(../icons/table_bg.png);
  }

  div.IVC_CONTENTS_111111 table.T_IVC th{
    font-size:80%;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
    padding:0 5px;
    background:#fff;
    height:50px;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th:last-child{
	border-right:0;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th.TH_00_111111{
    width:8%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th.TH_01_111111{
    width:54%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th.TH_02_111111{
    width:10%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th.TH_03_111111{
    width:14%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC th.TH_04_111111{
    width:14%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td{
    font-size:80%;
    line-height:202%;
	border-right:2px solid #000;
    vertical-align: top;
    padding:0 5px;
	/*border-bottom:1px solid #ccc;*/
  }

  div.IVC_CONTENTS_111111 table.T_IVC td:last-child{
	border-right:0;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td.TD_00_111111{
    text-align:center;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td.TD_01_111111{
    text-align:left;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td.TD_02_111111{
    text-align:center;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td.TD_03_111111{
    text-align:right;
    color:#337CCF;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td.TD_04_111111{
    text-align:right;
  }

  div.IVC_CONTENTS_111111 table.T_IVC td a{
    color:#FF0000;
    text-decoration:underline;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL{
    width:100%;
	border:2px solid #000;
    border-collapse: collapse;
	border-top:0;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td{
    font-size:80%;
    line-height:202%;
	border-right:2px solid #000;
    vertical-align: top;
    padding:0 5px;
	border-bottom:2px solid #000;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td:last-child{
	border-right:0;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td.TD_05_111111{
    width:8%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td.TD_06_111111{
    text-align:left;
    width:64%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td.TD_07_111111{
    text-align:right;
    width:14%;
  }

  div.IVC_CONTENTS_111111 table.T_IVC_TOTAL td.TD_08_111111{
    text-align:right;
    width:14%;
  }


  /* Footer */
  div.IVC_FOOTER_111111{
	/*height: 20%;*/
    height:auto;
    display:flex;
    flex-wrap: wrap;
  }

  div.IVC_FOOTER_111111 p{
    font-size:80%;
  }


  div.IVC_FOOTER_111111 p.F_TTL{
    width:100%;
    font-weight:bold;
  }

  div.IVC_FOOTER_111111 p.F_INFO{
    width:100%;
    padding-left:30px;
    margin-bottom:30px;
  }

  div.IVC_FOOTER_111111 p.F_REC{
    width:calc(50% - 30px);
    margin-left:30px;
    font-weight:bold;
    display:flex;
    align-items:center;
  }

  div.IVC_FOOTER_111111 p.F_ISS{
    width:50%;
    font-weight:bold;
    display:flex;
    align-items:flex-end;
  }

  div.IVC_FOOTER_111111 p span{
    display:block;
    width:200px;
    border-bottom: 1px dotted #000;
    margin-left:10px;
  }




