@charset "UTF-8";
:root{
  --light-c-01:#E3E6ED;
  --light-c-02:#FFFFFF;
  --light-c-03:#F2F3F7;
  --light-c-04:#DBDEE5;
  --light-c-05:#446BEC;
  --light-c-06:#43454F;
  --light-c-07:#373737;
  --light-c-08:#F8F8F8;
  --light-c-09:#BFC8CE;
  --light-c-10:#E2CB00;
  --light-c-11:#D68B00;
  --light-c-12:#43454F;
  --light-c-13:#43454F;
  --light-c-14:#F8F8F8;
  --light-c-15:#4E5160;
  --light-c-16:#DBDEE5;
  --light-c-17:#D5D6DC;
  --light-c-18:#D03946;
  --dark-c-01:#121415;
  --dark-c-02:#4E5160;
  --dark-c-03:#2A2C35;
  --dark-c-04:#212227;
  --dark-c-05:#446BEC;
  --dark-c-06:#F8F8F8;
  --dark-c-07:#CACACA;
  --dark-c-08:#F8F8F8;
  --dark-c-09:#4E5160;
  --dark-c-10:#E2CB00;
  --dark-c-11:#D68B00;
  --dark-c-12:#4E5160;
  --dark-c-13:#F8F8F8;
  --dark-c-14:#F8F8F8;
  --dark-c-15:#4E5160;
  --dark-c-16:#212227;
  --dark-c-17:#121415;
  --dark-c-18:#D03946;
}
#manual-index #manual-index-title h1{
  font-weight:normal;
  position:relative;
}
.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;
}
.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 0.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% - 60px);
  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;
}
.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-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 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{
    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{
    top:10px;
  }
}
#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 .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;
  }
}
@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-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-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-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-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:rgb(153, 153, 153);
  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;
  }
}
#manual-index.inquire .manual-content-wrapper ul li{
  border-bottom:1px solid #d6d6d6;
}

#manual-index.inquire .manual-content-wrapper ul li a{
  color:#555;
  text-decoration:none;
}

@media (min-width: 769px){
  #manual-index.inquire .manual-content-wrapper ul li{
    font-size:1.8rem;
    padding:15px;
  }
  #manual-index.inquire .manual-content-wrapper ul li a:hover{
    text-decoration:underline;
  }
}
@media (max-width: 768px){
  #manual-index.inquire .manual-content-wrapper ul li{
    font-size:1.6rem;
    padding:12px 10px;
  }
}
#searching{
  position:fixed;
  background-color:rgba(255, 255, 255, 0.5);
  width:100%;
  height:100%;
  z-index:100;
  left:0;
  top:0;
}

#searching.hide{
  display:none;
}