@charset "UTF-8";
/* CSS Document For app */
/* Header Logo Image Adjustment */
/*
    規約画面のボタンの装飾
    細かい調整が必要なので、mixinを利用する
*/
/* CSS Document */
/*------------------------------------------------------
    [color] light
------------------------------------------------------*/
/* base.css の配色設定をlightモードとします */
/*------------------------------------------------------
    [color] dark mode
    base.css
------------------------------------------------------*/
#dark {
  color: #c4c4c4;
  background-color: #292828;
}
#dark #manual-header {
  background-color: #3a3838;
}
/* header */
#dark #manual-header-inner .manual-header-logo p {
  color: #ddd;
}
#dark #manual-header-search form[name=search-form] {
  border-color: #434343;
}
#dark #manual-header-search form[name=search-form] .keywords {
  background-color: #292828;
  color: #ddd;
}
#dark #manual-header-search form[name=search-form] .keywords::placeholder {
  color: #999;
}
/* sp global navi*/
#dark #manual-nav-global {
  background-color: #292828;
}
#dark #manual-nav-global-chapter a {
  color: #c4c4c4;
}
#dark #manual-nav-global-other {
  border-color: #434343;
}
#dark #manual-nav-global-other a {
  color: #c4c4c4;
}
#dark #manual-nav-global-config a {
  color: #c4c4c4;
}
#dark #manual-nav-global .close button {
  color: #c4c4c4;
}
/* breadcrumb */
#dark #manual-common-breadcrumb > ul > li {
  color: #c4c4c4;
}
#dark #manual-common-breadcrumb > ul > li:not(:last-child)::after {
  border-top-color: #888;
  border-right-color: #888;
}
#dark #manual-common-breadcrumb > ul > li > a {
  color: #45a1f3;
}
#dark #manual-common-breadcrumb ul ul {
  background-color: #3a3838;
}
#dark #manual-common-breadcrumb ul ul li.active span {
  border-bottom-color: #888;
  color: #c4c4c4;
}
#dark #manual-common-breadcrumb ul ul li a {
  color: #c4c4c4;
}
#dark #manual-common-breadcrumb ul ul li a:hover span {
  border-bottom-color: #888;
}
/* footer */
#dark #manual-footer-layout-othernav {
  background-color: transparent;
}
#dark #manual-footer-layout-othernav a {
  color: #c4c4c4;
}
#dark #manual-footer-about-use ul li a {
  color: #c4c4c4;
}
/* left column */
#dark #manual-nav-chapter .title {
  color: #c4c4c4;
}
#dark #manual-nav-chapter .title a {
  color: #c4c4c4;
}
#dark #manual-nav-chapter ul li a {
  color: #c4c4c4;
}
#dark #manual-nav-chapter ul li.active > a + div.scroll {
  color: #c4c4c4;
  background-color: #292828;
  border-color: #434343;
}
#dark #manual-nav-chapter ul li.active::after { /*background-color: #888;*/ }
#dark .manual-nav-bg {
  background-color: #292828;
}
#dark .manual-nav-bg.alpha {
  background-color: rgba(41, 40, 40, 0.9);
}
#dark main.hierarchy #manual-nav-chapter ~ div::after {
  background-color: rgba(41, 40, 40, 0.9);
}
#dark #manual-nav-other a {
  color: #c4c4c4;
}
#dark #manual-nav-config a {
  color: #c4c4c4;
}
#dark #manual-nav-about a {
  color: #c4c4c4;
}
/* home */
#dark #manual-home-layout-main p {
  color: #c4c4c4;
}
#dark #manual-home-layout-emergency a {
  color: #c4c4c4;
}
#dark #manual-home-layout-emergency {
  border-color: #434343;
}
#dark #manual-home-layout-emergency .inner::before {
  background: #888;
}
#dark #manual-home-layout-emergency .manual-button-design-01 {
  border: 1px solid #515151;
}
#dark .history-browse, #dark .history-search {
  border-color: #434343;
}
#dark .history-browse::before, #dark .history-search::before {
  background: #888;
}
#dark .history-browse ul li, #dark .history-search ul li {
  border-color: #434343;
}
#dark .history-browse ul li a, #dark .history-search ul li a {
  color: #c4c4c4;
}
#dark #manual-home-search {
  background-color: #3a3838;
}
#dark #manual-home-search form[name=search-form] {
  border-color: #434343;
}
#dark #manual-home-search form[name=search-form] .keywords {
  background-color: #292828;
  color: #ddd;
}
#dark #manual-home-search form[name=search-form] .keywords::placeholder {
  color: #999;
}
/* footer */
#dark #manual-footer {
  color: #c4c4c4;
}
#dark #manual-home #manual-footer {
  background-color: #292828;
}
#dark #link-language {
  background-color: #292828;
}
#dark #link-language a {
  color: #c4c4c4;
}
/* common */
#dark #manual-common-pagetitle h1 {
  color: #c4c4c4;
}
#dark #manual-common-pagetitle.scroll {
  background-color: #292828;
}
#dark .manual-button-design-01 {
  background: #3a3838;
  border-color: #515151;
  box-shadow: 0px 1px 0px 0px #000;
}
/*------------------------------------------------------
    [color] dark mode
    index.css
------------------------------------------------------*/
#dark .manual-index-chapter-title03 {
  color: #c4c4c4;
}
#dark .manual-index-btn {
  background-color: #292828;
}
#dark .manual-index-chapter-body table th {
  background-color: #3a3838;
}
#dark .manual-index-chapter-head {
  background-color: #3a3838;
}
#dark .manual-index-chapter-head h2 {
  color: #c4c4c4;
}
#dark .manual-index-chapter-body ul li a {
  color: #c4c4c4;
}
/* terms */
#dark .manual-index-layout-terms-nav li {
  color: #c4c4c4;
  background: #292828;
}
#dark .manual-index-layout-terms-nav li.active {
  background-color: #888;
  color: #c4c4c4;
}
#dark #manual-index.terms .manual-index-chapter-body > ul > li > ul > li > a {
  color: #c4c4c4;
}
#dark #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li a {
  color: #c4c4c4;
}
/* bookmark */
#dark #manual-index.bookmark .manual-index-chapter-body > div a {
  color: #c4c4c4;
}
#dark #manual-index.bookmark .manual-index-chapter-body > div {
  border-color: #434343;
}
/* readlater */
#dark #manual-index.readlater .manual-index-chapter-body > div a {
  color: #c4c4c4;
}
#dark #manual-index.readlater .manual-index-chapter-body > div {
  border-color: #434343;
}
/* search */
#dark #manual-index.search .manual-content-wrapper > ul li a {
  color: #c4c4c4;
}
#dark #manual-index.search .manual-content-wrapper > ul li a span.highlight,
#dark span.highlight {
  color: #000;
}
#dark a span.highlight {
  color: #45a1f3;
}
/* setting */
#dark #manual-index.setting .manual-index-chapter-body h3 {
  color: #c4c4c4;
}
#dark #manual-index.setting .manual-index-chapter-body h4 {
  color: #c4c4c4;
}
#dark #manual-index.setting input.time {
  color: #ddd;
  background-color: #434343;
  border-color: #434343;
}
#dark #manual-index.setting .manual-button-design-01 {
  color: #c4c4c4;
  background-color: #3a3838;
  border-color: #515151;
  box-shadow: 0px 1px 0px 0px #000;
}
#dark .segment {
  box-shadow: 0px 1px 0px 0px #000;
}
#dark .segment_button {
  color: #c4c4c4;
  background-color: #3a3838;
  border-color: #515151;
}
#dark :checked + .segment_button {
  color: #333;
  background-color: #c4c4c4;
}
/* lamp */
@media (min-width: 769px) {
  #dark #manual-index.terms .manual-index-chapter-body > ul > li p {
    background-color: #3a3838;
  }
}
@media (max-width: 768px) {
  #dark #manual-index.terms .manual-index-chapter-body > ul > li p {
    background-color: #3a3838;
  }
}
/*------------------------------------------------------
  [color] dark mode
  contents.css
------------------------------------------------------*/
#dark #manual-content-operation-button-menu {
  color: #c4c4c4;
  background-color: #3a3838;
}
#dark #manual-content-operation-button {
  border-color: #434343;
  border-left: none;
  border-right: none;
}
#dark #manual-content-operation-button div {
  color: #c4c4c4;
}
#dark #manual-content-localnav {
  border-color: #434343;
}
#dark #manual-content-localnav ul li a {
  color: #c4c4c4;
}
#dark #manual-main .manual-content-wrapper a {
  color: #45a1f3;
}
#dark .manual-content-subtitle {
  background-color: #3a3838;
}
#dark .manual-content-subtitle h2 {
  color: #c4c4c4;
}
#dark .manual-content-btn {
  background-color: #292828;
}
#dark .manual-content-body h3 {
  background-color: #292828;
  border-color: #434343;
}
#dark .section-title {
  color: #c4c4c4;
}
#dark .manual-content-body h4 {
  color: #c4c4c4;
}
/* setting */
#dark .question-state {
  border-color: #434343;
}
#dark .question-state::before {
  background-color: #888;
}
#dark .question-state > div {
  border-color: #434343;
}
#dark .question-state .colwrap a {
  color: #c4c4c4;
}
/* warning */
#dark .manual-body-warning-head > h3 {
  background-color: #ffa500;
}
#dark .manual-body-warning-body dl dt {
  color: #c4c4c4;
}
/* notice */
#dark .manual-body-notice-head > h3 {
  background-color: #fcee21;
}
#dark .manual-body-notice-body dl dt {
  color: #c4c4c4;
}
/* note */
#dark .manual-body-note {
  border-color: #434343;
}
#dark .manual-body-note-head {
  border-color: #434343;
}
/* related link */
#dark .friend-links span.link-label {
  color: #c4c4c4;
  border-color: #434343;
}
/* dl/dt/dd */
#dark .manual-body-note-body dl dt {
  color: #c4c4c4;
}
/* table */
#dark #manual-main .manual-content-wrapper table th {
  background-color: #3a3838;
}
/* troublebody */
#dark #manual-main .manual-content-wrapper .troublebody .condition.colwrap {
  background-color: #3a3838;
}
#dark #manual-main .manual-content-wrapper .troublebody .condition.colwrap .title {
  color: #c4c4c4;
}
/*------------------------------------------------------
  [color] dark mode
  info.css
------------------------------------------------------*/
#dark #manual-info .manual-info-body {
  background-color: #3a3838;
}
#dark #manual-info.contact .manual-info-body address .tel a {
  color: #c4c4c4;
}
#dark #manual-info .manual-content-wrapper a {
  color: #45a1f3;
}
#dark #manual-info.contact .manual-info-body address .tel {
  background: url("../img_common/icon_fc_dk.png") no-repeat left 7px;
  background-size: 28px auto;
}
/* 404 */
#dark #manual-info.page404 .manual-info-body {
  background-color: transparent;
}
/*------------------------------------------------------
  [color] dark mode
  visualindex.css
------------------------------------------------------*/
#dark #vi-main .slider-arrow-area {
  background-color: #3a3838;
  border-color: transparent;
}
#dark #vi-main .slider-arrow-area .slider-arrow {
  background-color: #3a3838;
}
#dark #vi-main .slider-arrow-area.slider-prev span,
#dark #vi-main .slider-arrow-area.slider-next span {
  border-left-color: #aaa;
  border-top-color: #aaa;
}
#dark #vi-sub {
  background-color: #3a3838;
}
#dark #vi-main #vi-tabs .vi-tab {
  background-color: #f4f4f4;
  color: #333;
}
#dark #vi-main #vi-tabs .vi-tab.on {
  background-color: #888;
  color: #fff;
}
/* modal */
#dark #vi-modal #modal-index {
  color: #c4c4c4;
}
#dark #vi-modal #modal-index #modal-header {
  background-color: #292827;
  border-bottom-color: #434343;
}
#dark #vi-modal #modal-index #modal-header #modal-close div div {
  background-color: #aaa;
}
#dark #vi-modal #modal-index #modal-list .modal-link {
  color: #c4c4c4;
}
#dark #vi-modal #modal-index #modal-list .modal-link::after {
  border-left-color: #c4c4c4;
}
#dark #vi-modal #modal-index #modal-list {
  background-color: rgba(41, 40, 39, 0.97);
}
@media (min-width: 769px) {
  #dark #vi-modal #modal-index #modal-list .modal-link:hover .modal-text:after {
    background-color: #eb0a1e;
  }
}
/*------------------------------------------------------
    [font-size] large, extra large
    base.css
------------------------------------------------------*/
/* footer */
body.large #manual-footer-layout-othernav ul li,
body.x-large #manual-footer-layout-othernav ul li {
  width: 100%;
  text-align: left;
}
body.large #manual-footer-layout-othernav ul li:not(:last-child),
body.x-large #manual-footer-layout-othernav ul li:not(:last-child) {
  margin-bottom: 5px;
}
/* left colum */
bodybody.large #manual-nav-chapter ul li::before {
  top: 7px;
}
bodybody.x-large #manual-nav-chapter ul li::before {
  top: 9px;
}
body.large #manual-nav-global-other ul li,
body.x-large #manual-nav-global-other ul li {
  width: 100%;
  text-align: left;
}
/* list decoration:triangle */
body.large li.tri::before {
  border-width: 4px 0 4px 6px;
}
body.x-large li.tri::before {
  border-width: 5px 0 5px 7px;
}
/*------------------------------------------------------
    [font-size] large, extra large
    index.css
------------------------------------------------------*/
/* term */
bodybody.large .manual-index-layout-terms-nav li {
  height: 36px;
  line-height: 36px;
}
bodybody.x-large .manual-index-layout-terms-nav li {
  height: 40px;
  line-height: 40px;
}
bodybody.large #manual-index.terms .manual-index-chapter-body > ul > li p {
  height: 42px;
  line-height: 42px;
}
bodybody.x-large #manual-index.terms .manual-index-chapter-body > ul > li p {
  height: 44px;
  line-height: 44px;
}
bodybody.large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
  top: 7px;
}
bodybody.x-large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
  top: 9px;
}
@media (max-width: 768px) {
  /* term */
  bodybody.large #manual-index.terms .manual-index-chapter-body > ul > li p {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  bodybody.x-large #manual-index.terms .manual-index-chapter-body > ul > li p {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
  bodybody.large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
    top: 13px;
  }
  bodybody.x-large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
    width: 10px;
    height: 4;
    top: 18px;
  }
}
/*------------------------------------------------------
    [font-size] large, extra large
    contents.css
------------------------------------------------------*/
/* list-style-upper-alpha */
body.large #manual-main .manual-content-wrapper .list-style-upper-alpha > li::before {
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 4px;
}
body.x-large #manual-main .manual-content-wrapper .list-style-upper-alpha > li::before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  top: 6px;
}
/* xref */
bodybody.large #manual-main .manual-content-wrapper a .xref.xref-topic::before {
  border-width: 4px 0 4px 8px;
  top: 10px;
}
bodybody.x-large #manual-main .manual-content-wrapper a .xref.xref-topic::before {
  border-width: 6px 0 6px 10px;
  top: 12px;
}
/* breadcrumb */
bodybody.x-large #manual-common-breadcrumb {
  line-height: 16px;
  padding: 12px 0;
}
/* list */
bodybody.large #manual-main .manual-content-wrapper ul.list-style-en-dash > li::before {
  top: 12px;
}
bodybody.x-large #manual-main .manual-content-wrapper ul.list-style-en-dash > li::before {
  width: 10px;
  height: 4px;
  top: 15px;
}
body.x-large #manual-main .manual-content-wrapper ul.choices > li::before {
  width: 12px;
  height: 12px;
  top: 12px;
}
/* fig */
body.large figcaption.title::before {
  top: 10px;
}
body.x-large figcaption.title::before {
  top: 12px;
}
/* warning */
body.large .manual-body-warning-body dl dt::before {
  width: 16px;
  height: 16px;
  top: 9px;
}
body.x-large .manual-body-warning-body dl dt::before {
  width: 20px;
  height: 20px;
  top: 11px;
}
/* note */
body.large .manual-body-note-body dl dt::before {
  width: 16px;
  height: 16px;
  top: 9px;
}
body.x-large .manual-body-note-body dl dt::before {
  width: 20px;
  height: 20px;
  top: 11px;
}
/* troublebody */
body.large .troublebody .cause .title.section-title {
  padding-left: 24px;
}
body.large .troublebody .cause .title.section-title::before {
  width: 16px;
  height: 16px;
  top: 9px;
}
body.large .troublebody .cause > *:not(.title) {
  padding-left: 24px;
}
body.x-large .troublebody .cause .title.section-title {
  padding-left: 28px;
}
body.x-large .troublebody .cause .title.section-title::before {
  width: 20px;
  height: 20px;
  top: 11px;
}
body.x-large .troublebody .cause > *:not(.title) {
  padding-left: 28px;
}
body.large .troublebody .remedy .title.section-title {
  padding-left: 24px;
}
body.large .troublebody .remedy > *:not(.title) {
  padding-left: 24px;
}
body.x-large .troublebody .remedy .title.section-title {
  padding-left: 28px;
}
body.x-large .troublebody .remedy > *:not(.title) {
  padding-left: 28px;
}