/****
オリジナルボタン色
 *****************************/
.btn-light-purple {
    color: #fff;
    background-color: #F900FE;
    border-color: #F900FE;
    box-shadow: none;
}

.btn-light-purple:hover {
    color: #fff;
    background-color: #e500ea;
    border-color:#e500ea;
}

.btn-light-purple:focus, .btn-light-purple.focus {
    color: #fff;
    background-color: #e500ea;
    border-color: #e500ea;
    box-shadow: 0 0 0 0 rgba(154, 0, 159, 0.5);
}

.btn-light-purple.disabled, .btn-light-purple:disabled {
    color: #fff;
    background-color: #69086b;
    border-color: #69086b;
}

.btn-light-purple:not(:disabled):not(.disabled):active, .btn-light-purple:not(:disabled):not(.disabled).active,
.show > .btn-light-purple.dropdown-toggle {
    color: #fff;
    background-color: #e500ea;
    border-color: #e500ea;
}

.btn-light-purple:not(:disabled):not(.disabled):active:focus, .btn-light-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(208, 0, 214, 0.5);
}

.btn-outline-light-purple {
    color: #F900FE;
    background-color: #fff;
    border-color: #F900FE;
    box-shadow: none;
}

.btn-outline-light-purple:hover {
    color: #fff;
    background-color: #e500ea;
    border-color:#e500ea;
}

.btn-outline-light-purple:focus, .btn-outline-light-purple.focus {
    color: #F900FE;
    background-color: #fff;
    border-color: #F900FE;
    box-shadow: 0 0 0 0 rgba(154, 0, 159, 0.5);
}

.btn-outline-light-purple.disabled, .btn-outline-light-purple:disabled {
    color: #69086b;
    background-color: #fff;
    border-color: #69086b;
}

.btn-outline-light-purple:not(:disabled):not(.disabled):active, .btn-outline-light-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-purple.dropdown-toggle {
    color: #e500ea;
    background-color: #fff;
    border-color: #e500ea;
}

.btn-outline-light-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-light-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(255,255, 255, 0.5);
}

.btn-dark-purple {
    color: #fff;
    background-color: #6300F3;
    border-color: #6300F3;
    box-shadow: none;
}

.btn-dark-purple:hover {
    color: #fff;
    background-color: #5F00F6;
    border-color:#5F00F6;
}

.btn-dark-purple:focus, .btn-dark-purple.focus {
    color: #fff;
    background-color: #5F00F6;
    border-color: #5F00F6;
    box-shadow: 0 0 0 0 rgba(73, 0, 74, 0.5);
}

.btn-dark-purple.disabled, .btn-dark-purple:disabled {
    color: #fff;
    background-color: #2C0072;
    border-color: #2C0072;
}

.btn-dark-purple:not(:disabled):not(.disabled):active, .btn-dark-purple:not(:disabled):not(.disabled).active,
.show > .btn-dark-purple.dropdown-toggle {
    color: #fff;
    background-color: #2C0072;
    border-color: #2c0072;
}

.btn-dark-purple:not(:disabled):not(.disabled):active:focus, .btn-dark-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(40, 0, 144, 0.5);
}
/****
カード背景色
 ****************************/
.card-light-purple:not(.card-outline) > .card-header {
    background-color: #F900FE;
}
.card-light-purple:not(.card-outline) > .card-header,
.card-light-purple:not(.card-outline) > .card-header a {
    color: #fff;
}

.card-light-purple:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}
/****
alert背景色
 ****************************/
.alert-dark-purple {
    color: #fff;
    background-color: #5F00F6;
    border-color: #5F00F6;
}


.table-column-hide{
    visibility: collapse;
}
/****
テキストで右に作るツールチップ
 ****************************/
.tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
    z-index: 100;
}
.tooltip2 p{
    margin:0;
    padding:0;
}
.description2 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 300px;
}
.description2:before {
    /*content: "";
    position: absolute;
    top: 0%;
    right: 95%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    //margin-left: -90px;
    transform: rotateZ(90deg);*/
}
.tooltip2:hover .description2{
    display: inline-block;
    top: 0px;
    left: 12px;

}
.description2:hover{
    display: inline-block;

}
.tooltip2-up:hover .description2{
    display: inline-block;
    top: 20px !important;
    left: -150px !important;;
}

.all-black-bg{
    position: absolute;
    top:0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}
.vh-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.vh-top{
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}

.all-bg-inner-w{
    width: 90%;
}

@media (min-width: 576px) {
    .all-bg-inner-w{
        width: 90%;
    }
}

@media (min-width: 768px) {
    .all-bg-inner-w{
        width: 70%;
    }
}

@media (min-width: 992px) {
    .all-bg-inner-w{
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .all-bg-inner-w{
        width: 50%;
    }
}