@charset "UTF-8";
/*
* Don't Delete
* Login Common - Change as needed
*/
.bg-img {
  /*background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/bg.jpg)!important;*/
  background-size:cover!important;
  background-repeat: no-repeat!important;
  background-position: bottom!important;
  background-attachment: fixed!important;
}
/*
* Don't Delete
* Register Common - Change as needed
*/
.costom-register {
  max-width: 1024px;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
  padding-top: 45px;
}
/*@media (max-width: 991px){
  .costom-register {
    margin-top : 14.5rem;
  }
}*/

.costom-register h2 {
  font-size: 1.25rem;
  margin-bottom: 15px;
  color: #000!important;
}
.badge-require {
  border: 1px solid #ea0000;
  color: #ea0000;
  background-color: #fff;
}
.badge-optional {
  border: 1px solid #00bcff;
  color: #00bcff;
  background-color: #fff;
}

/*
* Don't Delete - Change as needed
* StepBar Common
*/
.stepBar {
  display: flex;
  max-width: 100%;
  position: relative;
  margin: 20px auto;
  text-align: center;
  padding-left: 0;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.stepBar li:after {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  width: calc(100% - 30px);
  height: 2px;
  position: absolute;
  left: calc(-50% + 15px);
  top: 14px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  height: 30px;
  width: 30px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after, .stepBar .visited span {
  background: rgba(32, 168, 216, 1);
}

/*
* Don't Delete - Change as needed
* RadioButton Button Style
*/
.form-check-btn {
  margin-right: 0;
}
.form-check-btn input[type="radio"],
.form-check-btn input[type="checkbox"] {
  display: none;
}
.form-check-btn input[type="radio"]:checked + label,
.form-check-btn input[type="checkbox"]:checked + label { 
  background-color: #62AFE4;
  border-color:#62AFE4!important;
  color: #fff;
}
.form-check-btn .aspNetDisabled + label,
.form-check-btn .aspNetDisabled + label:active {
  color: #62AFE4!important;
  border-color:#62AFE4!important;
  background-color: transparent!important;
  opacity: 0.65!important;
}

/*credit list- delete btn style*/
.position-badge-credit {
  position:absolute!important;
  top: -5px!important;
  right: -6px!important;
}
.position-badge-credit i {
  font-size: 15px;
}

/*
* Common Style
*/
/* Blink Common */
.blinking{
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}
/*.sidebar .nav-dropdown.open .nav-link:hover,*/
.sidebar .nav-dropdown.open .nav-link.active {
  color: #42ff9f;
}
/*.sidebar .nav-dropdown.open {
  background-color: #fff;
}*/
.glass-effect {
  background: rgba(255,255,255,0.8)!important;
  box-shadow: 0px 0px 30px 0px #fff inset;
  background-image: -webkit-linear-gradient(45deg,transparent 65%,rgba(255,255,255,.6) 100%,rgba(255,255,255,.2) 80%,transparent 50%);
  border: 1px solid rgba(210,210,210,0.1);
}

.btn-custom-primary {
  background-color: #d96878;
  color: #fff;
}
.bg-custom-primary {
  background-color: #d96878!important;
  color: #fff!important;
}

.text-custom-info{
  color: #259bff;
}

.text-custom-black{
  color: #000;
}

@media screen and (max-width: 767px) {
  .font-md-reset {
    font-size: 0.9rem !important;
  }
}
@media (max-width: 991px) {
  .cid-rVaXPWHTHI .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
  }
}
.custom-card-header{
  min-height: 85px;
  line-height: 3;
}
.custom-product-name{
  min-height: 81px;
}
@media (max-width: 991px){
  .custom-card-header{
  min-height: inherit;
  line-height: normal;
}
  .custom-product-name{
  min-height: inherit;
}
}
.product-box{
  max-width:250px;
  margin: 0 auto;
}
.custom-brainbg-green{
  background-color: #458138;
  color: #fff;
}
.custom-brainbg-red{
  background-color: #D23618;
  color: #fff;
}
.custom-brainbg-purple{
  background-color: #4B2572;
  color: #fff;
}
.custom-brainbg-yellow{
  background-color: #E6B31A;
  color: #fff;
}
.custom-brainbg-lightblue{
  background-color: #56A2ED;
  color: #fff;
}
.custom-brainbg-blue{
  background-color: #0280A9;
  color: #fff;
}
.custom-brainbg-green{
  background-color: #209784;
  color: #fff;
}
.custom-brainbg-deepgreen{
  background-color: #09502C;
  color: #fff;
}
.setaccount-product{
  max-width: 190px;
  margin: 0 auto;
}
.account-tab-radiobutton>.btn label{
  margin-bottom: 0!important;
}
.custom-qr-box > canvas{
  max-width: 100px;
}

.custom-bg_pcba {
  border-top: solid #394a8f 2px !important;
  border-bottom: solid #931e2f 2px !important;
  background: #fff; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #fff, #fff, #fff); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #fff, #fff, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-pcba{
  background-color: #394a8f;
  border-color: #394a8f;
  color: #fff;
  transition: 0.8s;
}
.btn-pcba:hover{
  background-color: #931e2f;
  border-color: #931e2f;
  color: #fff;
}

/*languageドロップダウン*/
.custom-dropdown {
  width: auto;
  min-width: 160px;
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 5px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #474747;
  text-align: left;
  z-index: 9001;
}
.custom-dropdown:focus-visible{
  outline: unset!important;
}

.custom-dropdown .select {
  cursor: pointer;
  display: block;
  padding: 10px;
}

.custom-dropdown .select > i {
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all .3s ease-in-out;
  line-height: 20px;
}

.custom-dropdown:hover {
  box-shadow: 0 0 4px rgb(204, 204, 204);
}

.custom-dropdown:active {
  background-color: #f8f8f8;
}

.custom-dropdown.active:hover,
.custom-dropdown.active {
  box-shadow: 0 0 5px rgb(0, 134, 245);
  border-radius: 2px 2px 0 0;
  background-color: #f8f8f8;
}

.custom-dropdown.active .select > .anime {
  transform: rotate(180deg);
}

.custom-dropdown .custom-dropdown-menu {
position: absolute;
background-color: #fff;
width: 100%;
left: 0;
margin-top: 1px;
box-shadow: 0 1px 2px rgb(204, 204, 204);
border-radius: 0 1px 2px 2px;
overflow: hidden;
display: none;
max-height: 144px;
overflow-y: auto;
z-index: 9;
}

.custom-dropdown .custom-dropdown-menu li {
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.custom-dropdown .custom-dropdown-menu li a {
  display: block;
  padding: 10px;
}

.custom-dropdown .custom-dropdown-menu {
padding: 0;
list-style: none;
}

.custom-dropdown .custom-dropdown-menu li:hover {
  background-color: #f2f2f2;
}

.custom-dropdown .custom-dropdown-menu li:active {
  background-color: #e1e1e1;
}

/*ダッシュボードLanguage*/
.language-modal{
   position: absolute; 
   top: 0; 
   left: 0; 
   z-index: 1000;
   width: 100vw; 
   height: 100vh; 
   background: #000; 
   opacity: 0.7; 
}
.download-img-icon{
  width: 100% !important;
  height: auto !important;
  max-width: 144px;
}