.page-break-before {
  page-break-before: always;
}

.titlepage-sicat:first-child {
  page-break-before: auto;
}

.titlepage-sicat {
  page-break-before: right;
  page-break-after: always;
}

.title-sigroup {
  page-break-before: always;
  font-size: 12pt !important;
  color: #000 !important;
}

.titlepage-sicat > .title {
  font-size: 20pt;
  font-weight: bold;
}

.titlepage-sicat > .shortcat {
  font-size: 42pt;
  font-weight: bold;
  font-style: italic;
  font-family: arial;
  text-align: right;
}

.titlepage-sicat hr {
  border: 0;
  height: 0;
  border-top: 1.5mm solid black;
}

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

.dispid {
  font-size: 80%;
  padding-left: 1.5mm;
  color: #36c;
}

a {
   text-decoration: none;
}

.titlepage-sicat .toc {
  width: 60%;
  float: right;
}
.titlepage-sicat .toc li {
  padding-top: 1mm;
}
.titlepage-sicat .toc .id {
  font-size: 80%;
  padding-left: 1.5mm;
}
.titlepage-sicat .toc a {
   color: #000;
}
.titlepage-sicat .toc a:hover {
   text-decoration: underline;
}

.ssi > *:not(.title) {
  margin-left: 0em;
}
.attn > * {
  margin-left: 0em;
}

.si.spread-left{
  page-break-before: left;
}

.ssi.spread-left{
  page-break-before: left;
}

.sigroup.spread-left{
  page-break-before: left;
}

.graphic-container.pdflayout-middle .graphic,
.graphic-container.pdflayout-middle svg{
  position: absolute;
  bottom: 0;
  margin: auto 0;
  /*margin: auto;*/
  /*padding: 0;*/
}

.graphic-container.pdflayout-middle,
.graphic-container.pdflayout-bottom{
  page-break-after: always;
}

.wi > .graphic-container{
  page-break-after: always;
}

.ssi:last-child > .wi:last-child > .graphic-container{
  page-break-after: auto;
}

.graphic-container.pdflayout-bottom .graphic,
.graphic-container.pdflayout-bottom svg{
  margin: 0;
  position: absolute;
  bottom: 0;
  /*padding: 0;*/
}

.contentrepeat{
  -ah-repeat-cell-content-at-break: true;
}

div.testblock {
  margin-left: 0.3em;
  margin-right: 0em;
}

ol > li div.tableblock, ol > li div.graphic-container
{
  margin-left: -1.8em;
}

ul > li div.tableblock, ul > li div.graphic-container
{
  margin-left: -1em;
}

ol ol > li div.tableblock, ol ol > li div.graphic-container
{
  margin-left: -3.6em;
}

ul ul > li div.tableblock, ul ul > li div.graphic-container
{
  margin-left: -2em;
}

ul ol > li div.tableblock, ul ol > li div.graphic-container
{
  margin-left: -2.8em;
}

ol ul > li div.tableblock, ol ul > li div.graphic-container
{
  margin-left: -2.8em;
}

div.step1 {
  margin-left: 0em;
}

div.step1-num, div.step2-num, div.step3-num, div.step4-num, div.step5-num {
  width: 1.8em;
  padding-right: 0em;
}

div.step1 div.tableblock, div.step1 div.graphic-container
{
  margin-left: -1.8em;
}

div.step1 ol > li div.tableblock, div.step1 ol > li div.graphic-container
{
  margin-left: -3.6em;
}

div.step1 ul > li div.tableblock, div.step1 ul > li div.graphic-container
{
  margin-left: -2.8em;
}

div.step1 div.tableblock div.graphic-container
{
  margin-left: 0em;
}

div.step2 div.tableblock, div.step2 div.graphic-container
{
  margin-left: -3.6em;
}

div.step2 ol > li div.tableblock, div.step2 ol > li div.graphic-container
{
  margin-left: -5.4em;
}

div.step2 ul > li div.tableblock, div.step2 ul > li div.graphic-container
{
  margin-left: -4.6em;
}

div.step2 div.tableblock div.graphic-container
{
  margin-left: 0em;
}

div.step3 div.tableblock, div.step3 div.graphic-container
{
  margin-left: -5.4em;
}

div.step3 ol > li div.tableblock, div.step3 ol > li div.graphic-container
{
  margin-left: -7.2em;
}

div.step3 ul > li div.tableblock, div.step3 ul > li div.graphic-container
{
  margin-left: -6.4em;
}

div.step3 div.tableblock div.graphic-container
{
  margin-left: 0em;
}

div.step4 div.tableblock, div.step4 div.graphic-container
{
  margin-left: -7.2em;
}

div.step4 ol > li div.tableblock, div.step4 ol > li div.graphic-container
{
  margin-left: -9em;
}

div.step4 ul > li div.tableblock, div.step4 ul > li div.graphic-container
{
  margin-left: -8.2em;
}

div.step4 div.tableblock div.graphic-container
{
  margin-left: 0em;
}

div.step5 div.tableblock, div.step5 div.graphic-container
{
  margin-left: -9em;
}

div.step5 ol > li div.tableblock, div.step5 ol > li div.graphic-container
{
  margin-left: -10.8em;
}

div.step5 ul > li div.tableblock, div.step5 ul > li div.graphic-container
{
  margin-left: -10em;
}

div.step5 div.tableblock div.graphic-container
{
  margin-left: 0em;
}

/* IE10以降 画像右はみ出し対応 */
@media all and (-ms-high-contrast:none){
  div.graphic-container { zoom: 98%; }  
}

/* ol, ulの設定のインデントを調整 */
ol {
  padding-left: 1.8em;
}

ul {
  padding-left: 1em;
}

/* 最終ページが右側になるように調整 */
.lastpage{
  page-break-after: left;
}

.listitem[has-child="true"] {
  page-break-inside:auto;
}

.attn {
  page-break-inside:avoid;
}

.testblock {
  page-break-inside:avoid;
}

.si > .wi {
  page-break-before:always;
}

.ssi > .wi {
  page-break-before:always;
}

.sitopic > .wi {
  page-break-before:always;
}

.sitopic > .title + .graphic-container,
.sitopic > .title + .wi-svg-link
{
  page-break-before: avoid;
}

.si > .title + .wi,
.si > .title + .wi-svg-link + .wi,
.si > .title + .diagsection + .wi-svg-link + .wi,
.ssi > .title + .wi,
.ssi > .title + .figblock,
.ssi > .title + .wi-svg-link,
.ssi > .title + .wi-svg-link + .graphic-container,
.ssi > .title + .wi-svg-link + .wi,
.ssi > .title + .graphic-container,
.ssi > .stitle + .figblock,
.sitopic > .title + .wi,
.sitopic > .title + .figblock,
.sitopic > .title + .wi-svg-link + .wi,
.sitopic > .stitle + .figblock
{
  page-break-before: avoid;
  page-break-inside: avoid;
}

/* The same as the PDF*/
@page {
  margin-top: 18mm;
  margin-bottom: 15mm;
  margin-left: 11.7552mm;
  margin-right: 11.7552mm;
}