@charset "utf-8";

/* A4: 210mm x 297mm */
@page {
  size: A4;
  margin: 0;
}

/* ===============================================
  html/body
=============================================== */

@media only print {
  html {
    user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    width: 209mm;
    height: auto;
  }

  body {
    background-color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", "sans-serif";
    line-height: 1;
    font-size: 10pt;
    color: #54585A;
    width: 100%;
  }
}

/* ===============================================
  表示／非表示の切り替え
=============================================== */

/* 非表示 */
.no_display {
  display: none !important;
}

@media only print {

  /* 画面表示用のブロックを全て非表示にする */
  body>noscript,
  body>#page-top,
  body>.header_block,
  body>.contents_block,
  body>.footer_block,
  body>.signage_footer_block,
  body>.tutorial_block,
  body>#scroll_block,
  body>.loading_now,
  body>.landscape_warning_dialog,
  body>.download_image_block {
    display: none;
  }
}

/* reCAPTCHAバッジを非表示 */
.grecaptcha-badge {
  visibility: hidden;
}

/* ===============================================
  印刷用ページ
=============================================== */

/* 印刷用のブロック */
.print_block {
  display: block;
  /* margin: 0 auto; */
  width: 209mm;
  height: auto;
  background-color: #FFFFFF;
  line-height: 1;
  font-size: 10pt;
  color: #54585A;
}

/* プラン情報（1枚目） */
.print_plan_block {
  position: relative;
  width: 209mm;
  height: 296mm;
}

/* 視点1（2枚目） */
.print_view1_block {
  position: relative;
  width: 209mm;
  height: 296mm;
  page-break-before: always;
}

.signage .print_view1_block,
.print_block.view_num_0 .print_view1_block {
  display: none;
}

/* 視点2（3枚目） */
.print_view2_block {
  position: relative;
  width: 209mm;
  height: 296mm;
  page-break-before: always;
}

.signage .print_view2_block,
.print_block.view_num_0 .print_view2_block,
.print_block.view_num_1 .print_view2_block {
  display: none;
}

/* ===============================================
  ヘッダーブロック
=============================================== */
.print_block .print_header_block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 78mm;
  width: 100%;
  padding: 7.766mm 7.766mm 0 7.766mm;
  background-color: transparent;
  border-bottom: none;
}

.print_view1_block .print_header_block,
.print_view2_block .print_header_block {
  height: 54mm;
}

.print_block .title_block .sub_title {
  font-size: 8pt;
  margin-bottom: 1.5mm;
}

.print_block .title_block .main_title {
  font-size: 20pt;
  letter-spacing: 0.7mm;
  font-weight: bold;
}

.print_block .print_header_block .view_images_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.print_block .qrcode_block {
  width: 69mm;
  height: 24mm;
  margin-top: 6mm;
  background-color: #F2F2F2;
  position: relative;
}

.print_block .qrcode_block .base_color_svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .qrcode_block_inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 2mm 1mm;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .qrcode_text {
  font-size: 8pt;
  line-height: 14pt;
  white-space: nowrap;
}

.print_block .qrcode_img {
  margin: 0 3mm;
}

.print_block .qrcode_img img {
  width: 19mm;
  height: 19mm;
}

.print_block .header_left_annotation_block {
  margin-top: 2mm;
}

.print_block .print_qrcode_annotation {
  font-size: 8pt;
  letter-spacing: 0.024mm;
  color: #54585A;
}


/* ===============================================
  コンテンツブロック
=============================================== */

.print_block .print_contents_block {
  height: 183mm;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 7.766mm;
}

.print_view1_block .print_contents_block,
.print_view2_block .print_contents_block {
  height: 207mm;
}

.print_block .contents_bottom_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 8mm;
  width: 100%;
  margin-bottom: 2mm;
}

.print_block .contents_bottom_block .plan_info_annotation,
.print_block .contents_bottom_block .print_qrcode_annotation {
  font-size: 8pt;
}

.print_block .contents_bottom_block .plan_info_annotation {
  margin-bottom: 1mm;
}

.print_page_num {
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: 1.2pt;
  margin-left: auto;
}

.signage .print_page_num {
  display: none;
}

/* ===============================================
  フッターブロック
=============================================== */

.print_block .print_footer_block {
  height: 35mm;
  width: 100%;
  background-color: #F2F2F2;
  position: relative;
}

.print_block .print_footer_block .base_color_svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .print_footer_block_inner,
.print_block .print_signage_footer_block_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7.766mm 7.766mm 7.766mm;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .print_signage_footer_block_inner {
  display: none;
}

.signage .print_block .print_footer_block_inner {
  display: none;
}

.signage .print_block .print_signage_footer_block_inner {
  display: flex;
}

.print_block .footer_left_block {
  margin-top: auto;
}

.print_block .footer_center_block {
  margin-top: auto;
  margin-right: auto;
  margin-left: 6mm;
}

.print_block .footer_right_block {
  margin-top: auto;
}

.print_block .footer_left_img {
  position: relative;
  width: 26mm;
  height: 26mm;
}

.print_block .footer_left_img img {
  position: absolute;
  left: 0;
  top: 3mm;
  width: 26mm;
  height: 26mm;
}

.print_block .print_showroom_info_block {
  width: 165.91mm;
  height: 20.12mm;
  background-color: #ffffff;
  border-radius: 1.412mm;
  overflow: hidden;
  position: relative;
}

.print_block .print_showroom_info_block .white_color_svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .tbl_print_showroom_info_block {
  width: 100%;
  height: 100%;
  padding: 1mm;
  position: absolute;
  left: 0;
  top: 0;
}

.print_block .tbl_print_showroom_info {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

.print_block .tbl_print_showroom_info_top_tr {
  height: 7.5mm;
}

.print_block .tbl_print_showroom_info th+th,
.print_block .tbl_print_showroom_info td+td {
  border-left: solid #C1C5C8 0.5mm;
}

.print_block .tbl_print_showroom_info th {
  padding: 2.1168mm 0 0 2.1168mm;
  text-align: left;
  vertical-align: top;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0.283mm;
}

.print_block .tbl_print_showroom_info td {
  padding: 0 2.1168mm 1.824mm;
  font-size: 9pt;
  font-weight: bold;
}

.print_block .tbl_print_showroom_info .title_customer {
  width: 28.8%;
}

.print_block .tbl_print_showroom_info .title_date {
  width: 17.1%;
}

.print_block .tbl_print_showroom_info .title_showroom {
  width: 38.5%;
}

.print_block .tbl_print_showroom_info .title_operator {
  width: 15.6%;
}

.print_block .tbl_print_showroom_info .print_customer {
  text-align: right;
  vertical-align: bottom;
}

.print_block .tbl_print_showroom_info .print_date {
  vertical-align: top;
  letter-spacing: 0.1em;
}

.print_block .tbl_print_showroom_info .print_showroom {
  vertical-align: top;
  letter-spacing: 0.1em;
}
.print_block .tbl_print_showroom_info .print_showroom_tel {
  margin-top: 1.6mm;
}


.print_block .footer_center_block .title_text {
  font-size: 11pt;
  margin-bottom: 1mm;
}

.print_block .footer_center_block .desc_text {
  font-size: 8pt;
  line-height: 9pt;
  margin-bottom: 1mm;
}

.print_block .footer_center_block .search_box {
  width: 49.4mm;
  height: 7mm;
  border-radius: 1.41mm;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2mm;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 1.1pt;
}

.print_block .footer_center_block .search_box img {
  width: 7mm;
  height: 7mm;
  /* fill: #54585A; */
}

.print_block .footer_center_block .search_text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 11pt;
}

.print_block .footer_right_block .lixil_logo img {
  height: 7.766mm;
  width: 23.01667mm;
}

/* ===============================================
  合成画像ブロック
=============================================== */

.print_plan_block .view_images_block .view_block {
  width: 62mm;
  height: 62mm;
  max-width: none;
  max-height: none;
}

.print_view1_block .view_images_block .view_block,
.print_view2_block .view_images_block .view_block {
  width: 193.503mm;
  height: 193.503mm;
  margin: auto;
  max-width: none;
  max-height: none;
}

.print_block .view_images_block .composite_block {
  width: 100%;
  height: 100%;
  position: relative;
}

.print_block .view_images_block .view_block.position_center .composite_block,
.print_block .view_images_block .view_block.position_left .composite_block,
.print_block .view_images_block .view_block.position_right .composite_block {
  left: 0;
}

.print_block .view_images_block .view_block.position_center .img_composite,
.print_block .view_images_block .view_block.position_left .img_composite,
.print_block .view_images_block .view_block.position_right .img_composite {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.print_block .view_images_block .img_composite {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.print_block .view_images_block .view_block+.view_block {
  margin-left: 1.5mm;
}

.print_block .view_images_annotation {
  margin-top: 1.5mm;
  text-align: right;
  font-size: 8pt;
}

/* ===============================================
  マテリアル情報ブロック
=============================================== */

.print_block .plan_info_block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4mm;
  width: 100%;
}

.print_block .plan_info_left_block,
.print_block .plan_info_right_block {
  width: 91.78mm;
}

.cat0p_block+.cat0p_block {
  margin-top: 5.6mm;
}

.catp_block+.catp_block {
  margin-top: 1mm;
}

.cat0p_title {
  height: 5.8mm;
  font-size: 12pt;
  font-weight: bold;
  border-bottom: solid 0.4mm #C1C5C8;
}

.cat1p_text {
  font-size: 8pt;
}

.cat2p_text {
  font-size: 8pt;
}

.cat3p_text {
  font-size: 8pt;
}

.cat4p_text {
  font-size: 10pt;
  font-weight: bold;
}

.print_block .material_info_block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.8mm;
}

.print_block .material_info_text_block {
  width: 72mm;
}

.print_block .material_palette_img {
  width: 14.83mm;
  height: 14.83mm;
  border: solid 0.353mm #989B9C;
  margin-right: 4mm;
}

.print_block .material_palette_img img {
  width: 100%;
  height: 100%;
}