* {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-scrollbar {display:none;}
}
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
.mypageTop {
  font-size:24px;
  text-align:center;
  font-weight:bold;
}
.siteName {
  font-size:20px;
  text-align:center;
  margin-bottom:20px;
}
.input {
  width:100px !important;
  text-align:center !important;
  vertical-align:top !important;
  border-radius: 10px 10px 0px 0px !important;
  border:1px solid #67cbff !important;
  color: #000000 !important;
}
.nav-link.input.active{
  width:150px !important;
  text-align:center !important;
  border-radius: 10px 10px 0px 0px !important;
  border:1px solid #67cbff !important;
  color: #FFFFFF !important;
  background-color: #67cbff !important;
  font-weight:bold;
}
.nav-link.output {
  width:150px !important;
  text-align:center !important;
  border-radius: 10px 10px 0px 0px !important;
  border:1px solid #EE7E34 !important;
  color: #000000 !important;
}
.nav-link.output.active{
  width:150px !important;
  text-align:center !important;
  border-radius: 10px 10px 0px 0px !important;
  border:1px solid #EE7E34 !important;
  color: #FFFFFF !important;
  background-color: #EE7E34 !important;
  font-weight:bold;
}
.nav-pills .nav-link.active{
  background-color: #D0ED57;
  color: #000 !important;
}

.nav-pills .nav-link{
  color: #000;
  border: 1px solid #9cc828;
}

.nav-on {
  color:white;
  background-color:#9cc828;
  padding-top:6px;
  cursor: pointer;
}

.nav-off {
  padding-top:6px;
  border-right:1px solid #9cc828;
  cursor: pointer;
}
.tab-content {
  border:1px solid #f0f0f0 !important;
}
.input_table_header {
  background-color: #67cbff;
  line-height: 50px;
  width: 100%;
  color:  #ffffff;
  margin-bottom: 20px;
}
.input_span_left {
  padding-left: 15px;
  font-weight: bold;
}
.input_span_right {
  float: right;
  padding-right: 15px;
  font-weight: bold;
}
.ikesu-table-1 {
  width: 50%;
  text-align: left;
  padding:2px 8px 2px 8px;
}
.ikesu-table-2 {
  width: 50%;
  text-align: left;
  padding:2px 8px 2px 8px;
}
.ikesu-table-3 {
  width: 3%;
  text-align: center;
  padding:2px 8px 2px 8px;
}
.addPlus {
  float: right;
  cursor: pointer;
  height:16px;
  width:16px;
  background-color:#ff5500;
  border-radius:8px;
  color:#FFFFFF;
  font-weight:bold;
}
.table_input {
  padding:2px 8px;
}
.ikesuAddInput {
  padding:2px 8px;
  width:250px !important;
  margin:5px 0px;
   
}

.nav-on {
  color:white;
  background-color:#008f51;
  padding-top:6px;
  cursor: pointer;
}

.nav-off {
  padding-top:6px;
  border-right:1px solid #008f51;
  cursor: pointer;
}

.btn_push {
  display: inline-block;
  position: relative;
  padding: 6px 0px;
  margin: 0px 0px 5px 0px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 3px 3px;
  cursor:pointer;
  box-shadow:0px 6px 0px -3px #555;
}

.btn_push:active {
  top: 3px;
  position: relative;
  box-shadow: none;
}