@charset "UTF-8";
/* CSS Document For contents */
/* Header Logo Image Adjustment */
/* 規約画面のボタンの装飾 細かい調整が必要なので、mixinを利用する */
/*------------------------------------------------------
    manual-body
------------------------------------------------------*/
#manual-main .manual-content-wrapper { line-height: 1.6; font-size: 1.6rem; }
#manual-main .manual-content-wrapper a { color: #0062ba; }
/* xref */
#manual-main .manual-content-wrapper a .xref.xref-topic { position: relative; margin-left: 1em; margin-right: 0.3em; }
#manual-main .manual-content-wrapper a .xref.xref-topic::before { content: ''; top: 8px; left: calc(-1em + 5px); height: 0; width: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #888; position: absolute; }
/* list-style-bullet */
#manual-main .manual-content-wrapper ul.list-style-bullet > li { position: relative; padding-left: 1em; }
#manual-main .manual-content-wrapper ul.list-style-bullet > li::before { content: '●'; font-size: 1rem; color: #888; margin-right: 4px; position: absolute; left: 0; top: 4px; }
/* list-style-en-dash */
#manual-main .manual-content-wrapper ul.list-style-en-dash > li { text-indent: 0; position: relative; padding-left: 0.8em; }
#manual-main .manual-content-wrapper ul.list-style-en-dash > li::before { content: ''; background: #888; width: 6px; height: 3px; position: absolute; left: 0; top: 8px; }
#manual-main .manual-content-wrapper ol { padding-left: 2em; }
/* list-style-upper-alpha */
#manual-main .manual-content-wrapper .list-style-upper-alpha { list-style-type: none; }
#manual-main .manual-content-wrapper .list-style-upper-alpha > li { counter-increment: number 1; position: relative; }
#manual-main .manual-content-wrapper .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; }
/* choices */
#manual-main .manual-content-wrapper ul.choices > li::before { content: ''; left: 0; top: 7px; width: 8px; height: 8px; border-top: 2px solid #888; border-right: 2px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: none; position: absolute; }
/* step */
#manual-main .manual-content-wrapper ol.steps { list-style-type: none; }
#manual-main .manual-content-wrapper ol.steps li.step { counter-increment: stepnumber 1; position: relative; }
#manual-main .manual-content-wrapper ol.steps li.step::before { content: counter(stepnumber) "."; position: absolute; left: -2em; text-align: center; font-weight: bold; width: 2em; }
#manual-main .manual-content-wrapper ul.steps-unordered { list-style-type: none; }
#manual-main .manual-content-wrapper ul.steps-unordered > li { position: relative; padding-left: 1em; }
#manual-main .manual-content-wrapper ul.steps-unordered > li::before { content: '●'; font-size: 1rem; color: #888; margin-right: 4px; position: absolute; left: 0; top: 4px; }
section.steps { counter-reset: stepnumber; }
div.taskbody > ol.steps { counter-reset: stepnumber; }
li.step > .ph.cmd { font-weight: bold; }
#manual-main .manual-content-wrapper dd:not(:last-child) { margin-bottom: 8px; }
/* ffriend-links */
.ul-friend-links { list-style-type: none; }
/* table */
#manual-main .manual-content-wrapper table { /*border-left: 1px solid #999; border-top: 1px solid #999;*/ }
#manual-main .manual-content-wrapper table th { /*border-right: 1px solid #999; border-bottom: 1px solid #999;*/ padding: 10px; background-color: #f6f6f6; font-weight: normal; }
#manual-main .manual-content-wrapper table td { /*border-right: 1px solid #999; border-bottom: 1px solid #999;*/ padding: 10px; }
#manual-main .manual-content-wrapper .table { overflow-x: auto; margin-bottom: 20px; }
#manual-main .manual-content-wrapper .table table { width: 100%; margin-bottom: 0; min-width: 880px; }
#manual-main .manual-content-wrapper .table .mCSB_container { margin-bottom: 10px; }
#manual-main .manual-content-wrapper .level4 .table table { min-width: 840px; }
/* figure */
#manual-main .manual-content-wrapper figure > img { display: block; }
#manual-main .manual-content-wrapper figure.figgroup { margin-top: 30px; margin-bottom: 30px; }
#manual-main .manual-content-wrapper figure .dialogBtn img { display: inline; }
#manual-main .colwrap.type-1 { justify-content: flex-start; -webkit-justify-content: flex-start; }
#manual-main .colwrap.type-1 > *:first-child { max-width: 60%; text-indent: 0; }
/* margin */
#manual-main .manual-content-wrapper p { margin-bottom: 0.8em; }
#manual-main .manual-content-wrapper ul li:not(:last-child) { margin-top: 5px; margin-bottom: 5px; }
#manual-main .manual-content-wrapper ul li:last-child { margin-bottom: 20px; }
#manual-main .manual-content-wrapper ul.colwrap > li:last-child { margin-top: 5px; margin-bottom: 5px; }
#manual-main .manual-content-wrapper ul li ul.circle { margin-top: 10px; }
#manual-main .manual-content-wrapper ol li:not(:last-child) { margin-top: 8px; margin-bottom: 8px; }
#manual-main .manual-content-wrapper ol li:last-child { margin-bottom: 20px; }
#manual-main .manual-content-wrapper figure { margin-bottom: 10px; }
#manual-main .manual-content-wrapper table { margin-bottom: 20px; }
/* 前書き */
/* .manual-body-introduction { margin-bottom: 40px; }
.manual-body-introduction > div { background-color: #f6f6f6; } */
.manual-content-body section:not(:last-of-type) { padding-bottom: 20px; }
.manual-content-body .manual-content-subtitle { cursor: auto; }
/* section */
.manual-content-inner { overflow: hidden; }
/* topic title */
.manual-content-subtitle { background-color: #f2f2f2; position: relative; cursor: pointer; }
.manual-content-subtitle h2 { color: #000; line-height: 1.2; font-weight: normal; position: relative; margin-bottom: 0; }
.manual-content-body .title.topic-title-4 { font-size: 1.8rem; font-weight: bold; color: #333; padding-left: 15px; position: relative; margin-bottom: 10px; }
.manual-content-body .title.topic-title-4::before { content: ''; position: absolute; width: 6px; height: 72%; left: 0; top: 14%; background-color: #ccc; }
.manual-content-inner > *:first-of-type[class='manual-content-body'] { display: block !important; }
/* content togle button */
.manual-content-btn { position: absolute; width: 28px; height: 28px; top: calc( 50% - 14px); right: 10px; background-color: #e4e4e4; border-radius: 3px; }
.manual-content-btn span { position: absolute; display: inline-block; transition: all .3s; width: 60%; height: 2px; background-color: #999; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.manual-content-btn span:first-of-type { transform: rotate(0deg); }
.manual-content-btn span:last-of-type { transform: rotate(90deg); }
.manual-content-btn.active span:first-of-type { display: none; }
.manual-content-btn.active span:last-of-type { transform: rotate(180deg); }
/* topic level4 */
.level4 .manual-content-subtitle { background-color: inherit; padding: 0px; font-weight: normal; }
.level4 .manual-content-btn { display: none; }
.level4 .manual-content-body { display: block; }
/* 警告の見出しとなる時設定 */
.section-title { font-size: 1.6rem; font-weight: bold; color: #000; margin-bottom: 10px; }
/* warning */
.manual-body-warning { border: 2px solid #ffa500; }
.manual-body-warning-head { padding: 0; background-color: rgba(255, 165, 0, 0.1); position: relative; }
.manual-body-warning-head > * { border: none; padding: 0; background: url("../img_common/icon_emergency_white.svg") no-repeat left 15px top calc(50% - 1px); margin: 0; padding-left: 40px; padding-right: 12px; background-size: 20px 18px; color: #fff; font-weight: normal; position: relative; font-size: 1.6rem; background-color: #ffa500; padding-top: 4px; padding-bottom: 3px; display: inline-block; }
.manual-body-warning-head > *::after { content: ''; border-top: 10px solid #ffa500; border-right: 10px solid transparent; border-top-width: calc((1.6rem * 1.4) + 6px); position: absolute; right: -10px; top: 0; }
.manual-body-warning-body dl { padding-left: 1.5em; }
.manual-body-warning-body dl dt { font-size: 1.8rem; font-weight: bold; color: #000; margin-bottom: 10px; position: relative; }
.manual-body-warning-body dl dt::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #888; left: -1em; top: calc( 50% - 7px); }
/* figure */
.manual-content-body .image { vertical-align: middle; margin: 0 5px; }
.manual-content-body figure .image { margin: 10px 0; }
/* notice,coution */
.manual-body-notice, .manual-body-caution { border: 2px solid #fcee21; }
.manual-body-notice-head, .manual-body-caution-head { padding: 0; background-color: rgba(252, 238, 33, 0.1); position: relative; }
.manual-body-notice-head > *, .manual-body-caution-head > * { border: none; padding: 0; background: url("../img_common/icon_emergency_black.svg") no-repeat left 15px top calc(50% - 1px); margin: 0; padding-left: 40px; padding-right: 12px; background-size: 20px 18px; color: #555; font-weight: normal; position: relative; font-size: 1.6rem; background-color: #fcee21; padding-top: 4px; padding-bottom: 3px; display: inline-block; }
.manual-body-notice-head > *::after, .manual-body-caution-head > *::after { content: ''; border-top: 10px solid #fcee21; border-right: 10px solid transparent; border-top-width: calc((1.6rem * 1.4) + 6px); position: absolute; right: -10px; top: 0; }
.manual-body-notice-body dl, .manual-body-caution-body dl { padding-left: 1.5em; }
.manual-body-notice-body dl dt, .manual-body-caution-body dl dt { font-size: 1.8rem; font-weight: bold; color: #000; margin-bottom: 10px; position: relative; }
.manual-body-notice-body dl dt::before, .manual-body-caution-body dl dt::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #888; left: -1em; top: calc( 50% - 7px); }
/* note */
.manual-body-note { border: 1px solid #ddd; border-top: none; }
.manual-body-note-head { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.6rem; background: url("../img_common/icon_book.svg") no-repeat; background-position: left 15px top 50%; padding: 7px 10px 7px 40px; /*margin-top: 20px;*/ margin-bottom: 20px; }
.manual-body-note-body { margin-left: 20px; margin-right: 20px; }
.manual-body-note-body dl { padding-left: 1.5em; }
.manual-body-note-body dl dt:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #888; left: -1em; top: calc( 50% - 7px); }
.manual-body-note-body dl dt { font-size: 1.8rem; font-weight: bold; color: #333; padding-left: 0; position: relative; margin-bottom: 10px; }
/* related link */
.friend-links { margin-bottom: 30px; font-size: 1.6rem; }
.friend-links span.link-label { color: #000; font-size: 1.8rem; border: 1px solid #ddd; display: block; margin-bottom: 15px; line-height: 1; padding: 10px; }
/* dl nomal */
#manual-main dl.dl dd { padding-left: 1em; }
/* dl note */
#manual-main .note dl.dl dd { padding-left: 0; }
/* content operation button */
#manual-content-operation-button { padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }
#manual-content-operation-button div { color: #333; font-size: 1.4rem; text-decoration: none; }
#manual-content-operation-button img { vertical-align: middle; }
#manual-content-operation-button-bookmarks img { max-height: 24px; }
#manual-content-operation-button-menu { position: absolute; left: 0; top: calc(50% - ((12px + 1em) / 2)); background-color: #f2f2f2; padding: 7px 50px 5px 6px; line-height: 1; border-radius: 5px; }
#manual-content-operation-button-menu::before { content: ''; position: absolute; width: 8px; height: 8px; border-top: 2px solid #888; border-right: 2px solid #888; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 8px; top: calc(50% - 5px); }
/* localnav */
#manual-content-localnav { padding-top: 18px; padding-bottom: 5px; display: none; }
#manual-content-localnav ul { margin-bottom: 0; width: calc(100% - 40px); max-width: 1000px; margin-left: auto; margin-right: auto; }
#manual-content-localnav ul li { font-size: 1.6rem; line-height: 1.4; padding-left: 1em; position: relative; }
#manual-content-localnav ul li::before { content: '●'; font-size: 1rem; color: #888; position: absolute; left: 0; top: 4px; }
#manual-content-localnav ul li:not(:last-child) { margin-right: 20px; }
#manual-content-localnav ul li a { color: #333; text-decoration: none; }
#manual-content-localnav ul li a:hover { text-decoration: underline; }
/* troublebody */
.troublebody .condition .title { padding-left: 15px; position: relative; }
.troublebody .condition .title::before { content: ''; position: absolute; width: 6px; height: 90%; left: 0; top: 0; background-color: #999; }
.troublebody .condition > *:not(.title) { padding-left: 10px; }
.troublebody .troubleSolution { padding-left: 10px; }
.troublebody .cause .title.section-title { position: relative; padding-left: 20px; }
.troublebody .cause .title.section-title::before { content: ''; width: 14px; height: 14px; background-color: #999; position: absolute; left: 0; top: 4px; }
.troublebody .cause > *:not(.title) { padding-left: 20px; }
.troublebody .remedy .title.section-title { position: relative; padding-left: 20px; }
.troublebody .remedy .title.section-title::before { content: "→"; position: absolute; left: 0; top: 0.5em; font-size: 1.4rem; color: #999; line-height: 1; }
.troublebody .remedy > *:not(.title) { padding-left: 20px; }
/* figcaption */
/* figcaption.title { padding-left: 14px; position: relative; }
figcaption.title::before { content: ''; left: 0; top: 5px; box-sizing: border-box; border: 5px solid transparent; border-left: 8px solid #333; position: absolute; } */
@media (min-width: 769px) { #manual-main .manual-content-wrapper { margin-bottom: 100px; }
  .manual-body-introduction { padding: 30px; }
  .manual-body-introduction > div { padding: 15px 20px 10px; }
  .manual-content-body { padding: 20px 0; display: none; }
  /* topic title */
  .manual-content-subtitle { padding: 11px 50px 11px 20px; margin-bottom: 1px; }
  .manual-content-subtitle h2 { font-size: 1.8rem; line-height: 38px; /* padding-top: 16px; padding-bottom: 16px; */ }
  /* warning */
  .manual-body-warning { margin-bottom: 30px; }
  .manual-body-warning-body { padding: 15px 20px; }
  /* notice,coution */
  .manual-body-notice, .manual-body-caution { margin-bottom: 30px; }
  .manual-body-notice-body, .manual-body-caution-body { padding: 15px 20px; }
  /* content operation button */
  #manual-content-operation-button div { cursor: pointer; }
  #manual-content-operation-button img { height: 22px; }
  #manual-content-operation-button-bookmarks { margin-right: 20px; }
  /* localnav */
  #manual-content-localnav { border: 1px solid #ddd; border-top: none; }
  #manual-content-localnav ul li { margin-bottom: 12px; }
  /* topic level4 */
  .level4 { margin-left: 20px; margin-right: 20px; } }
@media (max-width: 768px) { #manual-main .manual-content-wrapper { margin-bottom: 100px; }
  .manual-content-body { padding: 20px 20px 40px; display: none; }
  /* topic title */
  .manual-content-subtitle { padding: 16px 50px 16px 20px; margin-bottom: 2px; }
  .manual-content-subtitle h2 { font-size: 1.8rem; }
  /* content operation button */
  #manual-content-operation-button { padding: 5px 20px; }
  #manual-content-operation-button div { font-size: 1.6rem; }
  #manual-content-operation-button-menu { left: 20px; padding-top: 5px; padding-bottom: 4px; top: calc(50% - ((9px + 1em) / 2)); }
  #manual-content-operation-button-bookmarks { margin-right: 12px; }
  #manual-content-operation-button img { height: 25px; }
  /* localnav */
  #manual-content-localnav { border-bottom: 1px solid #ddd; }
  #manual-content-localnav ul li { margin-bottom: 6px; }
  /* .manual-body-introduction { padding: 15px; } .manual-body-introduction > div { padding: 10px; } */
  /* warning */
  .manual-body-warning-body { padding: 10px 10px; }
  /* notice,coution */
  .manual-body-notice-body, .manual-body-caution-body { padding: 10px 10px; }
  /* topic level4 */
  .level4 { margin-left: 10px; margin-right: 10px; } }
@media (min-width: 481px) { #manual-main .colwrap.type-1 figure { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 480px) { #manual-main .table-wrap { overflow-x: scroll; }
  #manual-main .table-wrap table td, #manual-main .table-wrap table th { white-space: normal; }
  #manual-main .table-wrap table img { max-width: none; }
  #manual-main table th { padding: 5px; font-size: 1.4rem; }
  #manual-main table td { padding: 5px; font-size: 1.4rem; }
  #manual-main .colwrap.type-1 > *:first-child { max-width: none; } }
/*------------------------------------------------------
    manual-content-addinfo
------------------------------------------------------*/
#manual-content-addinfo { margin-bottom: 100px; }
/*------------------------------------------------------
    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; }
#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; } }
/*------------------------------------------------------
    troublebody
------------------------------------------------------*/
#manual-main .manual-content-wrapper .troublebody .condition.colwrap { background-color: #f2f2f2; position: relative; cursor: pointer; margin-bottom: 1px; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; }
#manual-main .manual-content-wrapper .troublebody .condition.colwrap .title { position: relative; color: #000; font-weight: normal; margin-bottom: 0; margin-top: 0; padding-left: 0; margin-right: 15px; }
#manual-main .manual-content-wrapper .troublebody .condition.colwrap .title::before { content: none; }
#manual-main .manual-content-wrapper .troublebody .condition.colwrap p { margin: 0; }
#manual-main .manual-content-wrapper .troublebody .condition.colwrap img { vertical-align: middle; }
#manual-main .manual-content-wrapper .troublebody .troubleSolution { display: none; }
/*#manual-main .manual-content-wrapper .troublebody .condition ~ .troubleSolution { display: none; }*/
#manual-main .manual-content-wrapper .troublebody .condition.colwrap .manual-content-btn { display: block; }
/* 2020/02/03 修正分 */
/* troubleshooting */
.troubleshooting #manual-main .manual-content-wrapper .troublebody { margin-top: -30px; }
@media (min-width: 769px) { .troubleshooting #manual-main .manual-content-wrapper .troublebody { margin-bottom: 40px; } }
/* 2020.04.15 修正分 */
.troublebody > *:first-child.troubleSolution { display: block !important; padding-top: 15px; }
.troublebody > *:first-child:not(.condition) ~ .troubleSolution { display: block !important; }
@media (min-width: 769px) { #manual-main .manual-content-wrapper .troublebody .condition.colwrap { padding: 11px 50px 11px 20px; }
  #manual-main .manual-content-wrapper .troublebody .condition.colwrap .title { font-size: 1.8rem; line-height: 38px; } }
@media (max-width: 768px) { #manual-main .manual-content-wrapper .troublebody .condition.colwrap { padding: 8px 50px 8px 20px; }
  #manual-main .manual-content-wrapper .troublebody .condition.colwrap .title { font-size: 2rem; } }
@media (max-width: 480px) { #manual-main .manual-content-wrapper .troublebody .condition.colwrap .title { margin-right: 0; width: 100%; } }
/* 2020/01/30 修正分 */
/* list-style-bullet */
#manual-main .manual-content-wrapper ul.list-style-bullet > li { padding-left: 1.5em; }
#manual-main .manual-content-wrapper ul.list-style-bullet > li::before { left: 0.5em; }
/* list-style-type-inline */
#manual-main dl.list-style-type-inline { margin-top: 10px; margin-bottom: 10px; }
#manual-main dl.list-style-type-inline dt { padding: 5px 0; }
#manual-main dl.list-style-type-inline dd { margin-bottom: 0; padding-left: 0.5em; padding-top: 5px; padding-bottom: 5px; }
#manual-main dl.list-style-type-inline dd:not(:last-child) { margin-bottom: 0; }
#manual-main dl.list-style-type-inline dd > * { margin-bottom: 0; }
/* aリンクの装飾矢印を消す */
#manual-main .manual-content-wrapper a .xref.xref-topic { margin-left: 0.5em; }
#manual-main .manual-content-wrapper a .xref.xref-topic::before { display: none; }
/*------------------------------------------------------
    上つき文字
------------------------------------------------------*/
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
/*------------------------------------------------------
    _headings.csccからの移植
------------------------------------------------------*/
.topic-title-2 { font-size: 1.17em; margin-bottom: 0.45em; margin-top: 0; }
.topic-title-3 { font-size: 1.17em; font-weight: bold; margin-bottom: 0.17em; margin-top: 1pc; }
.topic-title-4 { font-size: 1.17em; font-weight: bold; margin-top: 0.83em; }
.section { margin-bottom: 1em; margin-top: 1em; }
.example { margin-bottom: 1em; margin-top: 1em; }
