/* =========================================================
   セルフEASE選択結果：安定したA4縦1枚印刷 v80

   3つの結果を独立した行として固定し、印刷時のfloat分割による
   欠落・重なり・改ページを防ぐ。画面表示には作用しない。
   ========================================================= */

@page {
  size: A4 portrait;
  margin: 8mm;
}

body.ease-result-print-v80 #wrapper,
body.ease-result-print-v80 .main,
body.ease-result-print-v80 .main_yel,
body.ease-result-print-v80 .honbun,
body.ease-result-print-v80 .sel_ryo_waku1_2,
body.ease-result-print-v80 .waku_moji_ryo {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.ease-result-print-v80 .main_yel {
  display: flow-root !important;
  padding-bottom: 3mm !important;
}

body.ease-result-print-v80 .honbun,
body.ease-result-print-v80 .sel_ryo_waku1_2 {
  float: none !important;
  clear: both !important;
}

body.ease-result-print-v80 .waku_moji_ryo {
  display: block !important;
  margin: 3mm 0 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.ease-result-print-v80 .sel_l_waku01,
body.ease-result-print-v80 .sel_l_waku02 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52mm !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 6mm !important;
  row-gap: 1.5mm !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 41mm !important;
  margin: 0 0 3mm !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  break-inside: avoid !important;
  page-break-inside: avoid !important;
}

body.ease-result-print-v80 .ease_no1,
body.ease-result-print-v80 .ease_no2,
body.ease-result-print-v80 .ease_no3 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

body.ease-result-print-v80 .ease_input2 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  float: none !important;
}

body.ease-result-print-v80 .sel_swaku01:not(.ease_input2) {
  grid-column: 1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  float: none !important;
}

body.ease-result-print-v80 .ease_input2 select,
body.ease-result-print-v80 input.ease_input1 {
  width: 100% !important;
  box-sizing: border-box !important;
}

/*
   ブラウザーのネイティブselectは、印刷時のズーム倍率やOSによって
   文字の描画倍率が変わるため、選択文字を固定16pxの印刷用要素で表示する。
*/
body.ease-result-print-v80 .ease_input2 select {
  display: none !important;
}

body.ease-result-print-v80 .ease-custom-select-v82 {
  display: none !important;
}

body.ease-result-print-v80 .ease-print-select-value-v81 {
  display: block !important;
  width: 100% !important;
  height: 32px !important;
  box-sizing: border-box !important;
  padding: 0 5px !important;
  border: 1px solid #999 !important;
  background: #fff !important;
  color: #333 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 30px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

body.ease-result-print-v80 .sel_swaku02_p {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  align-self: start !important;
  width: 52mm !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.ease-result-print-v80 .sel_swaku02_p p {
  margin: 0 !important;
  padding: 0 !important;
}

body.ease-result-print-v80 .sel_swaku02_p img {
  display: block !important;
  width: 52mm !important;
  height: auto !important;
  max-width: 100% !important;
}

body.ease-result-print-v80 .sparkle-canvas {
  display: none !important;
}
