@charset "UTF-8";
@page {
  size: 297mm 210mm;
}

/*印刷プレビュー画面で不必要なデータ*/
#topcontrol, #header, header, #footer, footer, #bkn_detail_box, #messages, .pagetop, #key-visual, .back-to-top {
  display: none;
}

/*共通*/
body {
  border: none;
  color: #000;
  background-color: #fff;
}

img {
  vertical-align: bottom;
}

/*Clear fix*/
.cf {
  zoom: 1;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

/*メイン*/
#print_area {
  display: block !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /*border: 1px solid #CCC;*/
  color: #000;
  /* 2021/11/09 コメントアウト
    .bukken_number {
        clear: both;
        float: right;
        margin: 0 1mm 0 0;
        padding: 0;
        text-align: right;
    }*/
}

#print_area .title {
  position: relative;
  padding: 2mm 0 2mm 0;
  background-color: #FFF;
  color: #000000;
}

#print_area .title .title_inner {
  padding: 5mm 0 3mm 3mm;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: 36px;
  font-weight: bolder;
}

#print_area .salespoint {
  position: absolute;
  top: 0;
  left: 3mm;
  padding: 0.8mm 1mm 0 1mm;
  background-color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

#print_area .print_area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* left_box */
  /* right_box */
}

#print_area .print_area-inner .left_box {
  width: 145mm;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /*border: 1px solid #666;*/
}

#print_area .print_area-inner .left_box-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#print_area .print_area-inner .left_box-img .image_madori {
  width: 70mm;
  margin: 2mm 0 0 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border: 1px solid #000;
}

#print_area .print_area-inner .left_box-img .images_bukken {
  width: 73mm;
  margin: 2.5mm 0 1mm 1mm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#print_area .print_area-inner .left_box-img .images_bukken li {
  width: 22mm;
  height: 22mm;
  margin: 1mm;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /*border: 1px solid #000;*/
  text-align: center;
}

#print_area .print_area-inner .left_box-img .images_bukken li img {
  width: 100%;
  max-width: 23mm;
}

#print_area .print_area-inner .left_box-img .images_bukken .li_last {
  margin-right: 0;
}

#print_area .print_area-inner .left_box .bukken_details {
  margin: 4mm 0 1mm 6mm;
}

#print_area .print_area-inner .left_box .bukken_details table {
  width: 145mm;
  border: 0;
  font-size: 10px;
}

#print_area .print_area-inner .left_box .bukken_details table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 145mm;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr {
  width: 72.5mm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr th {
  display: inline-block;
  width: auto;
  padding: 0.5mm 0;
  font-weight: bold;
  text-align: left;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0.5mm 0;
  border: 0;
  font-weight: bold;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr td .slash {
  display: inline-block;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr .w_100_td {
  width: 110mm;
  line-height: 1.2em;
}

#print_area .print_area-inner .left_box .bukken_details table tbody tr .w_100_td .w_100_detail {
  width: 102mm;
}

#print_area .print_area-inner .left_box .bukken_details table tbody .w_100 {
  width: 145mm;
}

#print_area .print_area-inner .right_box {
  position: relative;
  width: 108mm;
  height: 127mm;
  margin: 2mm 0 0 2mm;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /*border: 1px solid #666;*/
}

#print_area .print_area-inner .right_box .bukkenmei {
  font-size: 25px;
  font-weight: bold;
  /*padding: 25mm 0 2mm 0; 2021/11/08*/
  padding: 0 0 10px 0;
}

#print_area .print_area-inner .right_box .shozai {
  font-size: 16px;
  padding: 0;
  font-weight: bold;
  margin-bottom: 10px;
}

#print_area .print_area-inner .right_box .koutsu {
  padding: 1mm 0 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

#print_area .print_area-inner .right_box .kakaku_table {
  position: absolute;
  bottom: 3mm;
  right: 0;
}

#print_area .print_area-inner .right_box .kakaku_table .kakaku {
  font-size: 36px;
  font-weight: bold;
  color: #DC0000;
  text-align: right;
}

#print_area .print_area-inner .right_box .kakaku_table .kakaku .kakaku_suji {
  font-size: 55px;
  font-weight: bold;
}

#print_area .print_area-inner .right_box .kakaku_table table {
  width: 105mm;
  margin: 0 0 2mm 0;
  border: 0;
}

#print_area .print_area-inner .right_box .kakaku_table table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #000;
}

#print_area .print_area-inner .right_box .kakaku_table table tr th {
  padding: 2mm 0 1mm 0;
  border: 0;
  font-size: 2rem;
  vertical-align: middle;
}

#print_area .print_area-inner .right_box .kakaku_table table tr th .pink {
  color: #000000;
}

#print_area .print_area-inner .right_box .kakaku_table table tr td {
  padding: 2mm 0 1mm 0;
  border: 0;
  font-size: 2rem;
  vertical-align: middle;
}

#print_area .print_area-inner .right_box .kakaku_table table tr .other {
  font-size: 13px;
  text-align: left;
}

#print_area .print_area-inner .right_box .kakaku_table table tr:nth-child(1) {
  border-top: 1px solid #000;
}

#print_area .print_footer {
  position: fixed;
  height: 20mm;
  width: 280mm;
  bottom: 0;
  background-color: #FFF;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#print_area .print_footer .footer_left {
  width: 160mm;
}

#print_area .print_footer .footer_left .footer_p1 {
  margin: 1mm 0 0 0;
  font-size: 10px;
}

#print_area .print_footer .footer_left .footer_p2 {
  font-size: 20px;
  font-weight: bold;
}

#print_area .print_footer .footer_left .footer_p3 {
  font-size: 20px;
  font-weight: bold;
}

#print_area .print_footer .footer_left .footer_p4 {
  margin: 0 0 1mm 0;
  font-size: 10px;
}

#print_area .print_footer .footer_right {
  position: relative;
  width: 99mm;
}

#print_area .print_footer .footer_right .mail {
  padding: 1mm 0;
  font-size: 10px;
}

#print_area .print_footer .footer_right .mail .roteta {
  display: inline-block;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  margin: 0 1mm 0 0;
}

#print_area .print_footer .footer_right .tel {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}

#print_area .print_footer .footer_right .fax {
  position: absolute;
  right: 2mm;
  bottom: 3mm;
}