@charset "UTF-8";

/*------------------------------

            OVERRIDE

-------------------------------*/
@media (min-width: 769px){
  #manual-main:not([class*='emergency']) .manual-content-wrapper > article:first-child:not(.overview) {
    margin-top: 40px;
  }
  #manual-home-layout-main > ul > li:first-child:nth-last-child(2),
  #manual-home-layout-main > ul > li:first-child:nth-last-child(2) ~ li,
  #manual-home-layout-main > ul > li:first-child:last-child {
    width:calc(50% - 20px) !important;
    max-width:420px;
  }
}
@media (max-width: 768px){
  #manual-main:not([class*='emergency']) .manual-content-wrapper > article:first-child:not(.overview) {
    margin-top: 60px;
  }
  #manual-home-layout-main > ul > li:first-child:nth-last-child(2),
  #manual-home-layout-main > ul > li:first-child:nth-last-child(2) ~ li,
  #manual-home-layout-main > ul > li:first-child:last-child {
    width:calc(50% - 10px) !important;
  }
}

#manual-nav-global-chapter div.scroll ul li:first-child {
    margin-top: 0.5em;
}
#manual-main .manual-content-wrapper > .overview, 
#manual-main .manual-content-wrapper > .body, 
#manual-main .manual-content-wrapper > .note {
  margin: 20px 20px;
}
@media (max-width: 768px) { 
  .body > article:not(:last-child) > .manual-content-inner > .manual-content-body { 
    padding-bottom: 0 !important;  
  }
  /*#manual-main .manual-content-wrapper > .overview,
  #manual-main .manual-content-wrapper > .body{
    margin:20px 20px;
  }
  .manual-content-wrapper > article.note{
    margin:20px 20px;
  }*/
}
#manual-footer-layout-othernav .external ul li {
  width: 50% !important;
  text-align: inherit !important;
}
#manual-footer-layout-othernav ul li a{
  display:block;
}
#manual-footer-layout-othernav .addexternal{
  color:#666;
}
#manual-nav-global-other a {
  padding: 8px 8px 8px 8px !important;
}
#manual-nav-other .external{
  margin-top:10px;
}
.addexternal{
  padding:8px;
  line-height: 1.4;
  font-size:1.2rem;
}
.addexternal:before{
  content:"[";
}
.addexternal:after{
  content:"]";
}

.ui-dialog .list-style-upper-alpha {
    list-style-type: none;
    margin-left: 30px;
}
.ui-dialog .list-style-upper-alpha > li {
  counter-increment: number 1;
  position: relative;
}
.ui-dialog .list-style-upper-alpha > li::before {
  content: counter(number, upper-alpha) " ";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #888;
  left: -1.5em;
  top: 2px;
  text-align: center;
  line-height: 20px;
}

.level4 > .manual-content-inner .manual-content-inner > .manual-content-subtitle > h3 {
  font-size:1.5rem !important;
  padding-left:1.0rem !important;
}
.level4 > .manual-content-inner .manual-content-inner > .manual-content-body {
  font-size:1.45rem !important;
  padding-left:1.0rem !important;
}

.manual-content-body .manual-content-body {
    padding: 0;
}

ul.list-style-disc{
  padding-left:20px;
}

div.ui-widget-overlay.ui-front{
  z-index:1000;
}div[role='dialog']{
  z-index:1001;
}
div[role='dialog'] > div#dialogBody{
  transform:translateY(50vh) translateY(-50%);
}

div[role='dialog'] > div#dialogBody > .dialogCapcel{
  max-height: calc(90vh - 2em - 2em) !important;
  overflow:auto !important;
}


.ui-dialog{
  position:fixed !important;
}


/* troublebody -> troubleSolution */
*:not(.troublebody) > .troubleSolution .cause .title.section-title { position: relative; padding-left: 20px; }
*:not(.troublebody) > .troubleSolution .cause .title.section-title::before { content: ''; width: 14px; height: 14px; background-color: #999; position: absolute; left: 0; top: 4px; }
*:not(.troublebody) > .troubleSolution .cause > *:not(.title) { padding-left: 20px; }
*:not(.troublebody) > .troubleSolution .remedy .title.section-title { position: relative; padding-left: 20px; }
*:not(.troublebody) > .troubleSolution .remedy .title.section-title::before { content: "→"; position: absolute; left: 0; top: 0.5em; font-size: 1.4rem; color: #999; line-height: 1; }
*:not(.troublebody) > .troubleSolution .remedy > *:not(.title) { padding-left: 20px; }

.troubleSolution > .section{
  margin-top:0.3em !important;
  margin-bottom:0.3em !important;
  padding-bottom: 0 !important;
}

#manual-main .manual-content-wrapper .troublebody .troubleSolution{
  margin-top:20px;
}

.troublebody .condition > div.figbox {
  padding-left: 0 !important;
}

.dialogInner{
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}
.dialogInner::before {
  top:0 !important;
}

.tbl_fig .image {
    margin:0 !important;
}

#manual-info.contact .contact > *:not(:last-child){
  margin-bottom:30px;
}
#manual-info.contact .location{
  font-weight: bold;
}
#manual-info.contact .servicetime > p,
#manual-info.contact .location > p,
#manual-info.contact .notice > p{
  margin-bottom:0;
}

.manual-body-notice-body dl dt::before, 
.manual-body-caution-body dl dt::before,
.manual-body-note-body dl dt:before,
.manual-body-warning-body dl dt:before {
  width: 10px !important;
  height: 10px !important;
  left: -1em !important;
  top: 0.4em !important;
}
.manual-body-note-body dl dt {
  padding-left:0 !important;
}

/* index.css 176行目参照 */
#setting03 p { font-size: 1.4rem; margin: 20px 0; }

/* 全ページのTOCに注釈をつけるため、contents.css から移植 */
/*------------------------------------------------------
    jQuery UI Dialog
------------------------------------------------------*/
.ui-dialog.ui-widget.ui-widget-content { left: 0 !important; right: 0 !important; margin: auto; width: 100% !important; height: 100vh !important; overflow-y: scroll; background-color: transparent; border: none; }
.ui-dialog .ui-dialog-titlebar { display: none; }
.ui-widget-overlay { background: none; opacity: 1; background-color: rgba(0, 0, 0, 0.5); }
.dialogBtn img { vertical-align: text-top; }
#dialogBody { max-width: 640px; width: 80% !important; margin: auto; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; font-size: 1.6rem; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -webkit-transform: translate3d(0, 0, 0); }
#dialogBody .closeWrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
#dialogBody .close { position: absolute; width: 28px; height: 28px; top: 0; right: 10px; border-radius: 3px; cursor: pointer; margin-top: 10px; }
html[lang^='ar'] #dialogBody .close, html[lang^='he'] #dialogBody .close { right: revert; }
#dialogBody .close span { position: absolute; display: inline-block; width: 100%; height: 2px; background-color: #999; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#dialogBody .close span:first-of-type { transform: rotate(135deg); }
#dialogBody .close span:last-of-type { transform: rotate(45deg); }
.dialogInner { position: relative; padding-left: 1em; }
/*.dialogInner::before { content: '●'; font-size: 1.4rem; color: #888; margin-right: 4px; position: absolute; left: 0; top: 0; }*//*アラビア語で問題を生じるため削除*/
.dialogInner a { text-decoration: none; }
@media (min-width: 769px) { .ui-dialog .ui-dialog-content { padding: 50px 30px; } }
@media (max-width: 768px) { .ui-dialog .ui-dialog-content { padding: 50px 20px; } }
@media (max-width: 480px) { #dialogBody { width: 90% !important; }
  #dialogBody .close { right: 20px; } }


/*------------------------------

           19-SPECIFIC

-------------------------------*/

*{
  word-wrap:break-word;
  overflow-wrap:break-word;
}

img[src$=".png"]{
  background-color:#fff;
}
#manual-copy img,
.manual-header-logo img {
    background-color: transparent;
}

img.icon,
object.icon{
  display:inline-block;
  vertical-align:top;
  opacity:0.9;
  height:1.5em;
  width:1.5em;
  vertical-align: top;
}
img.icon.large,
object.icon.large{
  height:1.9em;
  width:1.9em;
}
img.icon.small,
object.icon.small{
  height:1.3em;
  width:1.3em;
}
img.icon.tiny,
object.icon.tiny{
  height:1.0em;
  width:1.0em;
}

div.footnote{
  display:none;
}
img[data-tocfootnote],
img[data-getfootnote]{
  /*vertical-align:top;
  width:1.2em;
  height:1.2em;*/
  vertical-align:text-top;
  cursor:pointer;
}

#manual-common-pagetitle > div.footnote{
  font-size:1.1em;
  margin-top:-2.2em;
  margin-bottom:1.0em;
}
#manual-common-pagetitle.scroll > div.footnote{
  margin-top:-1.0em;
  margin-bottom:1.0em;
}
.manual-content-inner.withoption .manual-content-body{
  padding-top:0 !important;
}
.manual-content-inner.withoption .body.taskbody > :first-child.footnote{
  margin-top:0.2em;
  margin-bottom:1.0em;
}

span.sup{
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
span.sub{
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}

span.symbol{
  position: relative;
}
span.symbol > img.symbol{
  height:1.3em;
  margin-left:0.2em;
  margin-right:0.2em;
  vertical-align: top;
}
span.symbol > img.symbol + img.symbol.zoom {
  position: absolute;
  top: 0;
  left: 0;
  z-index:2;
  border: 1px solid #eee;
  box-shadow: 0 0 0.2em #fff;
  max-width: none;
}

img.symbol + br{
  display:none;
}

a.xref > span.hyperlink:before{
  content:"[";
  margin-left:0.2em;
}
a.xref > span.hyperlink:after{
  content:"]";
  margin-right:0.2em;
}

ul.result{
  padding-left:2em;
  list-style:none;
}

#manual-content-operation-button > div.spacer{
  height:22px;
}

.troublebody .condition div.figbox > div.tbl_fig{
  display:inline-block;
}
.troublebody .condition div.figbox > div.tbl_fig:not(:last-child) {
  margin-right:3px;
}

.troublebody .condition div.figbox > div.tbl_fig > * {
  display:inline-block;
  margin:0;
}

table {
  table-layout: fixed !important;
}

table.frame-all th,
table.frame-all td{
  border:1px solid #999 !important;
}

th.text-align-left,
td.text-align-left{
  text-align:left !important;
}
th.text-align-center,
td.text-align-center{
  text-align:center !important;
}
th.text-align-right,
td.text-align-right{
  text-align:right !important;
}

th.vertical-align-top,
td.vertical-align-top{
  vertical-align:top !important;
}
th.vertical-align-middle,
td.vertical-align-middle{
  vertical-align:middle !important;
}
th.vertical-align-bottom,
td.vertical-align-bottom{
  vertical-align:bottom !important;
}

a.smplink{
  margin-left:0.2em;
  margin-right:0.2em;
}

.callouttxt{
  padding-left:0.2em;
}

#dark #manual-nav-chapter a{
  color:#c4c4c4;
}