body{
    padding-top: 4.5rem;
    background-image: url( "../img/back_5.png" );
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/* base */
.tx-label-base {
    color: var(--bs-danger-text);
}

.tx-base {
    color: var(--bs-danger-text);
}

 .tx-base:hover, .tx-base:focus, 
 .tx-base:active, .tx-base:active:focus, .tx-base:active:hover, .tx-base:active.focus,
 .tx-base.active, .tx-base.active:focus, .tx-base.active:hover, .tx-base.active.focus,
 .open > .dropdown-toggle.tx-base, 
 .open > .dropdown-toggle.tx-base:hover,
 .open > .dropdown-toggle.tx-base:focus, 
 .open > .dropdown-toggle.tx-base.focus,
 .tx-base.disabled:hover, .tx-base[disabled]:hover, fieldset[disabled] .tx-base:hover,
 .tx-base.disabled:focus, .tx-base[disabled]:focus, fieldset[disabled] .tx-base:focus,
 .tx-base.disabled.focus, .tx-base[disabled].focus, fieldset[disabled] .tx-base.focus {
    color: #FFF;
    background: var(--bs-danger-text);
}

.bg-label-base {
    color: var(--bs-danger-text);
    background: var(--bs-danger-bg-subtle);
    border: 2px solid var(--bs-danger-border-subtle); 
 }

.bg-base {
    color: var(--bs-danger-text);
    background: var(--bs-danger-bg-subtle);
    border: 2px solid var(--bs-danger-border-subtle); 
 }

 .bg-base:hover, .bg-base:focus, 
 .bg-base:active, .bg-base:active:focus, .bg-base:active:hover, .bg-base:active.focus,
 .bg-base.active, .bg-base.active:focus, .bg-base.active:hover, .bg-base.active.focus,
 .open > .dropdown-toggle.bg-base, 
 .open > .dropdown-toggle.bg-base:hover,
 .open > .dropdown-toggle.bg-base:focus, 
 .open > .dropdown-toggle.bg-base.focus,
 .bg-base.disabled:hover, .bg-base[disabled]:hover, fieldset[disabled] .bg-base:hover,
 .bg-base.disabled:focus, .bg-base[disabled]:focus, fieldset[disabled] .bg-base:focus,
 .bg-base.disabled.focus, .bg-base[disabled].focus, fieldset[disabled] .bg-base.focus {
    color: var(--bs-danger-text);
    background: #FFF;
    border: 2px solid var(--bs-danger-border-subtle); 
}

.bg-label-outline-base{
    color:var(--bs-danger-bg-subtle);
    background:var(--bs-white);
    border: 2px solid var(--bs-danger-border-subtle); 
}

.bg-outline-base{
    color:var(--bs-danger-bg-subtle);
    background:var(--bs-white);
    border: 2px solid var(--bs-danger-border-subtle); 
}


.bg-outline-base:hover, .bg-outline-base:focus, 
.bg-outline-base:active, .bg-outline-base:active:focus, .bg-outline-base:active:hover, .bg-outline-base:active.focus,
.bg-outline-base.active, .bg-outline-base.active:focus, .bg-outline-base.active:hover, .bg-outline-base.active.focus,
.open > .dropdown-toggle.bg-outline-base, 
.open > .dropdown-toggle.bg-outline-base:hover,
.open > .dropdown-toggle.bg-outline-base:focus, 
.open > .dropdown-toggle.bg-outline-base.focus,
.bg-outline-base.disabled:hover, .bg-outline-base[disabled]:hover, fieldset[disabled] .bg-outline-base:hover,
.bg-outline-base.disabled:focus, .bg-outline-base[disabled]:focus, fieldset[disabled] .bg-outline-base:focus,
.bg-outline-base.disabled.focus, .bg-outline-base[disabled].focus, fieldset[disabled] .bg-outline-base.focus {
   color: #FFF;
   background:var(--bs-danger-bg-subtle);
   border: 2px solid var(--bs-danger-border-subtle); 
}


.border-base{
    color: #FFF;
    border: 2px solid var(--bs-danger-border-subtle); 
}


/**
 * テーマカラー
 **/

/* indigo */
.tx-indigo {
    color: var(--bs-indigo);
 }

.bg-indigo {
    color: #FFF;
    background: var(--bs-indigo);
    border: 2px solid var(--bs-indigo); 
 }

.bg-outline-indigo{
/*    color: var(--bs-indigo); background:var(--bs-white); border: 2px solid #9FA8DA; */
    color: var(--bs-indigo);
    background:var(--bs-white);
    border: 2px solid var(--bs-indigo); 
}

/* purpule */
.tx-purple {
    color: var(--bs-purple);
 }

.bg-purple {
    color: #FFF;
    background: var(--bs-purple);
    border: 2px solid var(--bs-purple); 
 }

 .bg-outline-purple{
    color: var(--bs-purple);
    background:var(--bs-white);
    border: 2px solid var(--bs-purple); 
}

.border-purple{
    border: 2px solid var(--bs-purple); 
}

/* pink */
.tx-pink {
    color: var(--bs-pink);
 }

 .bg-pink {
    color: #FFF;
    background: var(--bs-pink);
    border: 2px solid var(--bs-pink); 
 }

.bg-outline-pink{
    color: var(--bs-pink); background:var(--bs-white); border: 2px solid var(--bs-pink); 
}

/* orange */
.bg-orange {
    color: #FFF;
    background: var(--bs-orange);
    border: 2px solid var(--bs-orange); 
 }

.bg-outline-orange{
    color: var(--bs-orange); background:var(--bs-white); border: 2px solid #FFC0CB; 
}

/* teal */
.bg-teal {
    color: #FFF;
    background: var(--bs-teal);
    border: 2px solid var(--bs-teal); 
 }

.bg-outline-teal{
    color: var(--bs-teal); background:var(--bs-white); border: 2px solid #008080; 
}

/* cyan */
.bg-cyan {
    color: #FFF;
    background: var(--bs-cyan);
    border: 2px solid var(--bs-cyan); 
 }

.bg-outline-cyan{
    color: var(--bs-cyan); background:var(--bs-white); border: 2px solid #00FFFF; 
}

/* リンクの線を消す */
a {
    text-decoration: none;
}