@charset "UTF-8";
/* CSS Document For index */
/* Header Logo Image Adjustment */
/* 規約画面のボタンの装飾 細かい調整が必要なので、mixinを利用する */
/* CSS Document */
/*------------------------------------------------------
    [manual-index]
------------------------------------------------------*/
#manual-index #manual-index-title h1 { font-weight: normal; position: relative; }
/* topic title */
.manual-index-chapter-head { background-color: #f2f2f2; position: relative; cursor: pointer; }
.manual-index-chapter-head.no-btn { cursor: default; }
.manual-index-chapter-head { position: relative; color: #000; font-weight: normal; margin-bottom: 0; }
.manual-index-chapter-head h2 { position: relative; color: #000; font-weight: normal; margin-bottom: 0; }
/* content togle button */
.manual-index-btn { position: absolute; width: 28px; height: 28px; top: calc( 50% - 14px); right: 10px; background-color: #e4e4e4; border-radius: 3px; }
.manual-index-btn span { position: absolute; display: inline-block; transition: all .2s; width: 60%; height: 2px; background-color: #989696; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.manual-index-btn span:first-of-type { transform: rotate(0deg); }
.manual-index-btn span:last-of-type { transform: rotate(90deg); }
.manual-index-btn.active span:first-of-type { display: none; }
.manual-index-btn.active span:last-of-type { transform: rotate(180deg); }
.manual-index-chapter-body section:not(:last-of-type) { margin-bottom: 18px; }
.manual-index-chapter-title02 > span { width: 50px; height: 20px; background-color: #707070; color: #fff; text-align: center; line-height: 20px; font-size: 1.4rem; border-radius: 3px; }
.manual-index-chapter-title02 > h3 { width: calc(100% - (50px + 10px)); color: #555; }
.manual-index-chapter-body ul li { font-size: 1.4rem; padding-left: 1em; line-height: 1.8; margin-bottom: 10px; position: relative; }
.manual-index-chapter-body ul li a { color: #333; }
.manual-index-chapter-body ul li::before { content: '●'; font-size: 1rem; color: #666; margin-right: 4px; position: absolute; left: 0; top: 4px; }
.manual-index-chapter-body ul li:not(:last-child) { margin-right: 14px; }
.manual-index-chapter-body p.lead { font-size: 1.6rem; margin-bottom: 30px; }
.manual-index-chapter-title03 { font-size: 1.8rem; color: #555; font-weight: bold; margin-bottom: 10px; }
/* table */
.manual-index-chapter-body .table-wrap { margin-bottom: 10px; }
.manual-index-chapter-body table { font-size: 1.6rem; border-left: 1px solid #999; border-top: 1px solid #999; width: 100%; }
.manual-index-chapter-body table th { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; background-color: #f6f6f6; font-weight: normal; }
.manual-index-chapter-body table td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; }
@media (min-width: 769px) { #manual-index #manual-index-title { padding: 64px 0; }
  #manual-index #manual-index-title h1 { font-size: 3.2rem; margin-left: auto; margin-right: auto; }
  .manual-index-chapter { margin-bottom: 1px; }
  .manual-index-chapter-head { padding: 11px 50px 11px 20px; }
  .manual-index-chapter-head h2 { font-size: 1.8rem; line-height: 38px; }
  .manual-index-chapter-body { padding: 30px 0; display: none; }
  .manual-index-chapter-title02 > h3 { font-size: 1.8rem; }
  .manual-index-chapter-title02 > span { margin-top: 2px; }
  .manual-index-chapter-body ul li a:hover { text-decoration: underline; } }
@media (max-width: 768px) { #manual-index .manual-content-wrapper { margin-bottom: 100px; }
  #manual-index #manual-index-title { padding: 40px 20px; }
  #manual-index #manual-index-title h1 { font-size: 2.2rem; font-weight: bold; }
  .manual-index-chapter { margin-bottom: 1px; }
  .manual-index-chapter-head { padding: 8px 50px 8px 20px; }
  .manual-index-chapter-head h2 { font-size: 2rem; }
  .manual-index-chapter-body { padding: 20px 20px 40px; display: none; }
  .manual-index-chapter-body.show { display: block; }
  .manual-index-chapter-title02 > h3 { font-size: 1.5rem; } }
@media (max-width: 480px) { .manual-index-chapter-body .table-wrap { overflow-x: scroll; }
  .manual-index-chapter-body .table-wrap table td, .manual-index-chapter-body .table-wrap table th { white-space: normal; }
  .manual-index-chapter-body .table-wrap table img { max-width: none; }
  .manual-index-chapter-body table th { padding: 5px; font-size: 1.4rem; }
  .manual-index-chapter-body table td { padding: 5px; font-size: 1.4rem; } }
/*------------------------------------------------------
    [manual-index]
    terms
------------------------------------------------------*/
.manual-index-layout-terms-nav { margin-bottom: 50px; }
.manual-index-layout-terms-nav li { width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 1.8rem; color: #666; font-weight: bold; }
.manual-index-layout-terms-nav li:not(:last-child) { margin-right: 10px; }
.manual-index-layout-terms-nav li.active { color: #fff; background-color: #888; }
#manual-index.terms .manual-index-chapter-body ul li::before { /*display: none;*/ }
#manual-index.terms .manual-index-chapter-body ul li a { text-decoration: none; }
#manual-index.terms .manual-index-chapter-body > ul > li { padding-left: 0; text-indent: 0; margin: 0; }
#manual-index.terms .manual-index-chapter-body > ul > li::before { display: none; }
#manual-index.terms .manual-index-chapter-body > ul > li p { text-align: center; }
#manual-index.terms .manual-index-chapter-body > ul > li > ul > li { line-height: 1.4; text-indent: 0; padding-left: 1em; margin-right: 0; position: relative; }
#manual-index.terms .manual-index-chapter-body > ul > li > ul > li::before { content: '●'; font-size: 1rem; position: absolute; color: #888; left: 0; top: 0px; }
#manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li { position: relative; padding-left: 1.7em; margin-bottom: 5px; }
#manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before { content: ''; width: 6px; height: 3px; position: absolute; background: #888; left: 0; top: 5px; }
@media (min-width: 769px) { .manual-index-layout-terms-nav li { cursor: pointer; margin-bottom: 5px; }
  #manual-index.terms .manual-index-chapter { border: none; display: none; }
  #manual-index.terms .manual-index-chapter.active { display: block !important; }
  #manual-index.terms .manual-index-chapter-head { display: none; }
  #manual-index.terms .manual-index-chapter-body { padding: 0; border-top: none; background-color: transparent; display: block !important; }
  #manual-index.terms .manual-index-chapter-body ul li { font-size: 1.1rem; line-height: 1.4; }
  #manual-index.terms .manual-index-chapter-body ul li::before { font-size: 1.4rem; }
  #manual-index.terms .manual-index-chapter-body ul li a:hover { text-decoration: underline; }
  #manual-index.terms .manual-index-chapter-body > ul > li { width: calc(20% - 10px); margin-bottom: 10px; }
  #manual-index.terms .manual-index-chapter-body > ul > li:not(:nth-child(5n+5)) { margin-right: 12px; }
  #manual-index.terms .manual-index-chapter-body > ul > li p { font-size: 2rem; font-weight: bold; background: #F2F2F2; height: 40px; line-height: 40px; }
  #manual-index.terms .manual-index-chapter-body > ul > li > ul { padding: 30px 0; }
  #manual-index.terms .manual-index-chapter-body > ul > li > ul > li { margin-bottom: 10px; } }
@media (max-width: 768px) { .manual-index-layout-terms-nav { display: none; }
  #manual-index.terms .manual-index-chapter-head { padding: 8px 20px; }
  #manual-index.terms .manual-index-chapter-head h2 { font-weight: bold; border-bottom: none; padding-bottom: 0; }
  #manual-index.terms .manual-index-chapter-head h2::before { height: 80%; }
  #manual-index.terms .manual-index-chapter { display: block !important; }
  /* #manual-index.terms .manual-index-chapter-body { padding-top: 0; } */
  #manual-index.terms .manual-index-chapter-body { display: none; }
  #manual-index.terms .manual-index-chapter-body > ul > li { width: 100%; padding-bottom: 30px; }
  #manual-index.terms .manual-index-chapter-body > ul > li p { text-align: left; font-size: 1.8rem; margin-bottom: 15px; line-height: 30px; width: 30px; height: 30px; text-align: center; color: #fff; background-color: #666; border-radius: 3px; }
  #manual-index.terms .manual-index-chapter-body > ul > li > ul > li { margin-right: 0; margin-bottom: 5px; }
  #manual-index.terms .manual-index-chapter-body > ul > li > ul > li::before { top: 3px; }
  #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li { margin-right: 0; }
  /* #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before { font-size: 1.4rem; } */
  #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before { top: 10px; } }
/*------------------------------------------------------
    [manual-index]
    indicator
------------------------------------------------------*/
#manual-index.lamp .manual-index-chapter-body ul li { background: #000; padding: 0; margin: 0; text-indent: 0; margin-bottom: 10px; position: relative; border-radius: 3px; min-width: 60px; height: auto; }
#manual-index.lamp .manual-index-chapter-body ul li::before { content: ''; display: block; padding-top: 100%; position: inherit; }
#manual-index.lamp .manual-index-chapter-body ul li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#manual-index.lamp .manual-index-chapter-body ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#manual-index.lamp .manual-index-chapter-body ul li object { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
@media (min-width: 769px) { #manual-index.lamp .manual-index-chapter-body ul li { width: calc(10% - 10px); margin-right: 10px; }
  #manual-index.lamp .manual-index-chapter-body ul li object { width: 90%; height: auto; } }
@media (max-width: 768px) { #manual-index.lamp .manual-index-chapter:not(:last-of-type) { margin-bottom: 1px; }
  #manual-index.lamp .manual-index-chapter-body ul li { width: calc( 20% - 10px); margin-right: 10px; }
  #manual-index.lamp .manual-index-chapter-body ul li object { width: 90%; height: auto; } }
/*------------------------------------------------------
    [manual-index]
    emergency
------------------------------------------------------*/
#manual-index.emergency .title-keylose { font-weight: bold; background: url("../img/icon_keylose.png") no-repeat left top; min-height: 50px; margin-bottom: 5px; }
@media (min-width: 769px) { #manual-index.emergency .title-keylose { font-size: 1.8rem; padding-left: 60px; padding-top: 12px; } }
@media (max-width: 768px) { #manual-index.emergency .title-keylose { font-size: 1.6rem; padding-left: 50px; padding-top: 12px; } }
/*------------------------------------------------------
    [manual-index]
    inquire
------------------------------------------------------*/
@media (max-width: 768px) { #manual-index.inquire .manual-index-chapter-head h2 { border-bottom: none; padding-bottom: 0; }
  #manual-index.inquire .manual-index-chapter-head h2::before { height: 80%; } }
/*------------------------------------------------------
    [manual-index]
    bookmark
------------------------------------------------------*/
#manual-index.bookmark .manual-index-chapter-body { display: block; }
#manual-index.bookmark .manual-index-chapter-body > div { border-bottom: 1px solid #d6d6d6; }
#manual-index.bookmark .manual-index-chapter-body > div a { color: #555; text-decoration: none; }
#manual-index.bookmark .message { text-align: center; background-color: #ffeded; padding: 20px; }
@media (min-width: 769px) { #manual-index.bookmark .manual-index-chapter-body > div { font-size: 1.8rem; padding: 15px 0; }
  #manual-index.bookmark .manual-index-chapter-body > div a:hover { text-decoration: underline; }
  #manual-index.bookmark .message { font-size: 1.8rem; margin-bottom: 100px; } }
@media (max-width: 768px) { #manual-index.bookmark .manual-index-chapter-body { display: block; }
  #manual-index.bookmark .manual-index-chapter-body > div { font-size: 1.6rem; padding: 12px 0; }
  #manual-index.bookmark .message { font-size: 1.6rem; margin-bottom: 10px; } }
/*------------------------------------------------------
    [manual-index]
    readlater
------------------------------------------------------*/
#manual-index.readlater .manual-index-chapter-body { display: block; }
#manual-index.readlater .manual-index-chapter-body > div { border-bottom: 1px solid #d6d6d6; }
#manual-index.readlater .manual-index-chapter-body > div a { color: #555; text-decoration: none; }
#manual-index.readlater .message { text-align: center; background-color: #ffeded; padding: 20px; }
@media (min-width: 769px) { #manual-index.readlater .manual-index-chapter-body > div { font-size: 1.8rem; padding: 15px 0; }
  #manual-index.readlater .manual-index-chapter-body > div a:hover { text-decoration: underline; }
  #manual-index.readlater .message { font-size: 1.8rem; margin-bottom: 100px; } }
@media (max-width: 768px) { #manual-index.readlater .manual-index-chapter-body { display: block; }
  #manual-index.readlater .manual-index-chapter-body > div { font-size: 1.6rem; padding: 12px 0; }
  #manual-index.readlater .message { font-size: 1.6rem; margin-bottom: 10px; } }
/*------------------------------------------------------
    [manual-index]
    search
------------------------------------------------------*/
#manual-index.search .manual-content-wrapper > ul li { border-bottom: 1px solid #d6d6d6; }
#manual-index.search .manual-content-wrapper > ul li a { color: #555; text-decoration: none; }
#manual-index.search .manual-content-wrapper > p { text-align: center; background-color: #ffeded; padding: 20px; }
@media (min-width: 769px) { #manual-index.search .manual-content-wrapper > ul li { font-size: 1.8rem; padding: 15px; }
  #manual-index.search .manual-content-wrapper > ul li a:hover { text-decoration: underline; }
  #manual-index.search .manual-content-wrapper > p { font-size: 1.8rem; margin: 40px 10px 100px; } }
@media (max-width: 768px) { #manual-index.search .manual-content-wrapper > ul li { font-size: 1.6rem; padding: 12px 10px; }
  #manual-index.search .manual-content-wrapper > p { font-size: 1.6rem; margin: 40px 10px 10px; } }
/*------------------------------------------------------
    [manual-index]
    setting
------------------------------------------------------*/
#manual-index.setting .manual-index-chapter-body { display: block; }
#manual-index.setting .manual-index-chapter-body h3 { color: #000; font-weight: normal; font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; }
#manual-index.setting .manual-index-chapter-body h4 { color: #555; font-weight: normal; font-size: 1.4rem; margin-bottom: 10px; }
#setting02 p, #setting03 p { font-size: 1.4rem; padding: 20px 0 0; }
#setting05 { position: relative; }
.segment { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; border: none; width: 100%; box-shadow: 0px 1px 0px 0px #999; border-radius: 6px; }
.segment_item { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; border-radius: 0; width: 100%; padding: 0; margin: 0; position: relative; overflow: hidden; box-sizing: border-box; display: block; background-color: transparent; border: none; }
.segment_input { position: absolute; right: 0; top: 0; left: 0; bottom: 0; padding: 0; border: 0; background-color: transparent; z-index: 1; vertical-align: top; outline: none; width: 100%; height: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; }
.segment_button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; border-radius: 0; background-color: #f2f2f2; color: #333; border: 1px solid #888; border-top: none; border-bottom: none; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-left-width: 0; font-weight: 400; padding: 10px 5px; font-size: 1.6rem; width: 100%; transition: background-color 0.1s linear, color 0.1s linear; box-sizing: border-box; text-align: center; }
.segment_item:disabled { opacity: 0.3; cursor: default; pointer-events: none; }
.segment_button:hover { transition: none; }
.segment_button:focus { outline: 0; }
:active + .segment_button { background-color: #999999; width: 100%; transition: none; }
:checked + .segment_button { background-color: #888; color: #fff; transition: none; }
.segment_item:first-child > .segment_button { border-left: none; border-radius: 4px 0 0 4px; }
.segment_item:last-child > .segment_button { border-right: none; border-radius: 0 4px 4px 0; }
#manual-index.setting input.time { padding: 5px; margin: 0; border: 1px solid #ccc; border-radius: 3px; width: 100%; }
#manual-index.setting .clockpicker { display: inline-block; max-width: 110px; width: 100%; }
#manual-index.setting .clockpicker + span { padding: 5px; font-size: 2rem; vertical-align: middle; }
#manual-index.setting .manual-button-design-01 { background-color: #f4f4f4; font-size: 1.6rem; padding: 8px 25px; vertical-align: middle; min-width: 84px; }
#setting05 > div { margin-bottom: 6px; }
@media (min-width: 769px) { #manual-index.setting .manual-index-chapter-body .left, #manual-index.setting .manual-index-chapter-body .right { width: calc(50% - 10px); max-width: 350px; }
  #setting01 { margin-bottom: 50px; }
  #setting03 { margin-bottom: 50px; }
  #setting04 { margin-bottom: 20px; }
  #manual-index.setting .clockpicker { width: calc(46% - ((1em + 10px) / 2)); }
  #manual-index.setting input.time { font-size: 2rem; } }
@media (max-width: 768px) { #manual-index.setting .manual-index-chapter-body .left, #manual-index.setting .manual-index-chapter-body .right { width: 100%; }
  #setting01 { margin-bottom: 25px; height: auto !important; }
  #setting02 { margin-bottom: 25px; }
  #setting03 { margin-bottom: 25px; }
  #setting04 { margin-bottom: 25px; }
  #manual-index.setting input.time { font-size: 1.6rem; }
  #manual-index.setting .clockpicker + span { padding: 5px 2px; }
  #manual-index.setting .manual-button-design-01 { padding: 6px 25px; } }