@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; }