/* =======================================================================================
  root
======================================================================================= */
:root, [data-bs-theme=light] {
    --bs-border-color-translucent: rgba(0, 0, 0, 1);
    --bs-border-width: 1px;

    --bs-danger-rgb: 255, 50, 0;
    --bs-success-rgb: 0, 214, 0;
    --bs-primary-rgb: 13, 110, 253;
}

body {
    font-size: 0.9em;
    line-height: 1.2em;
    background-color: #000 !important;
    height: 100vh;
}

.medium {
    font-size: 0.9em;
    line-height: 1.2em;
}

small, .small {
    font-size: 0.8em;
    line-height: 1.1em;
}

img {
    pointer-events: none;
}

a {
    color: rgb(13, 202, 240);
    text-decoration: none;
    -webkit-touch-callout: none;
}

/* =======================================================================================
  card
======================================================================================= */
.card-header {
    padding: 0.5rem 0.5rem;
}

.card {
    --bs-card-spacer-y: 0.5rem;
    --bs-card-spacer-x: 0.5rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 0.5rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #FFFFFF;
    word-wrap: break-word;
    background-color: #444444;
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}

.bg-dark {
    background-color: #121212 !important;
}
.bg-dark-trans {
    background-color: rgb(18, 18, 18, 0.8) !important;
}
.bg-dark2 {
    background-color: #454545 !important;
}
.bg-dark2-trans {
    background-color: rgb(69, 69, 69, 0.8) !important;
}
.bg-dark3 {
    background-color: #121212 !important;
    background-image: linear-gradient(45deg, #262626 25%, transparent 25%, transparent 75%, #262626 75%, #262626), linear-gradient(45deg, #262626 25%, transparent 25%, transparent 75%, #262626 75%, #262626);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}
.bg-black {
    background-color: #000000 !important;
}
.bg-indigo {
    background-color: #6610f2 !important;
}
.text-indigo {
    color: #6610f2 !important;
}
.bg-purple {
    background-color: #6f42c1 !important;
}
.text-purple {
    color: #6f42c1 !important;
}
.border-purple {
    border-color: #6f42c1 !important;
}
.bg-violet {
    background-color: #800080 !important;
}
.border-violet {
    border-color: #800080 !important;
}
.bg-pink {
    background-color: #d63384 !important;
}
.bg-orange {
    background-color: #fd7e14 !important;
}
.text-orange {
    color: #fd7e14 !important;
}
.border-orange {
    border-color: #fd7e14 !important;
}


/* =======================================================================================
  hr
======================================================================================= */
hr {
    margin: 1rem 0;
    color: #FFFFFF !important;
    border: 0;
    border-top: 1px #FFFFFF dashed;
    opacity: 1;
}

/* =======================================================================================
  general
======================================================================================= */

.app-header {
    border-bottom: 0px solid #121212 !important;
}

.app-footer {
    border-top: 1px solid #121212 !important;
}

[data-bs-theme=dark].app-sidebar, [data-bs-theme=dark] .app-sidebar {
    --lte-sidebar-hover-bg: rgba(255, 255, 255, 0.1);
    --lte-sidebar-color: #FFFFFF;
    --lte-sidebar-hover-color: #fff;
    --lte-sidebar-active-color: #fff;
    --lte-sidebar-menu-active-bg: rgba(255, 255, 255, 0.1);
    --lte-sidebar-menu-active-color: #fff;
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-color: #c2c7d0;
    --lte-sidebar-submenu-hover-color: #fff;
    /* --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1); */
    --lte-sidebar-submenu-active-color: #fff;
    /* --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, 0.1); */
    --lte-sidebar-header-color: rgb(197.05, 201.8, 210.35);
}

.sidebar-brand {
    border-bottom: 0px solid #000000 !important;
}

.sidebar-wrapper {
    scrollbar-color: #210148 !important;
}

/*
*:not(input,select,textarea){
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*/

::placeholder{
    color:#BBBBBB !important;
}
::selection {
    background: #800080;
    color: #FFFFFF;
}
*:focus {
    outline: none !important;
}

input:focus,
button:focus,
a:focus {
  outline: none !important;
}

.w-0px{
    width: 0px !important;
}
.w-1px{
    width: 1px !important;
}
.w-50px{
    min-width: 50px !important;
}
.w-60{
    width: 60% !important;
}
.w-70{
    width: 70% !important;
}
.w-80{
    width: 80% !important;
}
.w-90{
    width: 90% !important;
}

.text-normal {
    color: #212529;
}

.text-outlined {
    color: #FFFFFF !important;
    text-shadow:1px 1px 0 #121212, -1px -1px 0 #121212,
    -1px 1px 0 #121212, 1px -1px 0 #121212,
    0px 1px 0 #121212,  0-1px 0 #121212,
    -1px 0 0 #121212, 1px 0 0 #121212;
}

.btn-primary {
    background: linear-gradient(#007BFF 0%, #007BFF 50%, #0046FF 50%, #0046FF 100%);
}

.btn-info {
    background: linear-gradient(#00F5FF 0%, #00F5FF 50%, #00C2FF 50%, #00C2FF 100%);
}

.btn-danger {
    background: linear-gradient(#FF0000 0%, #FF0000 50%, #C10000 50%, #C10000 100%);
}

.btn-warning {
    background: linear-gradient(#FFE600 0%, #FFE600 50%, #FFB900 50%, #FFB900 100%);
}

.btn-success {
    background: linear-gradient(#00E676 0%, #00E676 50%, #00B550 50%, #00B550 100%);
}

.btn-violet {
    background: linear-gradient(#D500F9 0%, #D500F9 50%, #A000E0 50%, #A000E0 100%);
}

.btn-orange {
    background: linear-gradient(#FF9100 0%, #FF9100 50%, #FF6200 50%, #FF6200 100%);
}

.btn-light {
    background: linear-gradient(#FFFFFF 0%, #FFFFFF 50%, #DDDDDD 50%, #DDDDDD 100%);
}

.btn-dark {
    background: linear-gradient(#414141 0%, #414141 50%, #212529 50%, #212529 100%);
}

/*
.btn-primary {
    background: linear-gradient(#4784ff 0%, #4784ff 50%, #0060ec 50%, #0060ec 100%);
}

.btn-info {
    background: linear-gradient(#87ceeb 0%, #87ceeb 50%, #0dcaf0 50%, #0dcaf0 100%);
}

.btn-danger {
    background: linear-gradient(#F74259 0%, #F74259 50%, #dc143c 50%, #dc143c 100%);
}

.btn-warning {
    background: linear-gradient(#FFDF00 0%, #FFDF00 50%, #ffc107 50%, #ffc107 100%);
}

.btn-success {
    background: linear-gradient(#24a424 0%, #24a424 50%, #008000 50%, #008000 100%);
}

.btn-violet {
    background: linear-gradient(#a424a4 0%, #a424a4 50%, #800080 50%, #800080 100%);
}

.btn-orange {
    background: linear-gradient(#fd7e14 0%, #fd7e14 50%, #eb5300 50%, #eb5300 100%);
}

.btn-light {
    background: linear-gradient(#FFFFFF 0%, #FFFFFF 50%, #DDDDDD 50%, #DDDDDD 100%);
}

.btn-dark {
    background: linear-gradient(#414141 0%, #414141 50%, #212529 50%, #212529 100%);
}
*/

.circle-thumb200 {
    object-fit: cover;
    object-position: top;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.circle-thumb {
    object-fit: cover;
    object-position: top;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.circle-mini-thumb {
    object-fit: cover;
    object-position: top;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.circle-xmini-thumb {
    object-fit: cover;
    object-position: top;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
.circle-lg-thumb {
    object-fit: cover;
    object-position: top;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

/* アイテム用アイコン
.circle-lg-thumb2 {
    object-fit: contain;
    object-position: center;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 25%;
    width: 65px;
    height: 65px;
}
 */

/* アイテム用アイコン */
.square-thumb {
    object-fit: contain;
    object-position: center;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 0%;
    width: 40px;
    height: 40px;
}

.square-mini-thumb {
    object-fit: contain;
    object-position: center;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 0%;
    width: 25px;
    height: 25px;
}

.square-lg-thumb {
    object-fit: contain;
    object-position: center;
    background-color: #ffc107;
    border: 1px solid #121212;
    border-radius: 0%;
    width: 65px;
    height: 65px;
}

.store-thumb {
    object-fit: cover;
    object-position: center;
    background-color: #800080;
    border: 1px solid #121212;
    border-radius: 0%;
    width: 100%;
    height: 60px;
}

.form-check-input:checked {
    background-color: #800080 !important;
    border-color: #800080 !important;
}

.form-check-input {
    width: 1.25em !important;
    height: 1.25em !important;
}

.form-select-xsm {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
    padding-left: 0.5rem;
    font-size: 0.5rem;
}

.form-select.bg-dark {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.op-top {
    object-position: top !important;
}

.op-center {
    object-position: center !important;
}

.op-bottom {
    object-position: bottom !important;
}

.border {
    border: 1px solid #121212 !important;
}

.border-right {
    border-right: 1px solid #121212 !important;
}

.border-gray {
    border: 1px solid #999999 !important;
}

.border-white {
    border: 1px solid #FFFFFF !important;
}
.border-white-2 {
    border: 2px solid #FFFFFF !important;
}
.border-right-white {
    border-right: 1px solid #FFFFFF !important;
}

.dashed {
    border: 1px dashed #121212 !important;
}
.dashed-white {
    border: 1px dashed #FFFFFF !important;
}
.dashed-white-2 {
    border: 2px dashed #FFFFFF !important;
}


.btn-close {
    --bs-btn-close-opacity: 1;
}

.grayscale{
    filter: grayscale(100%);
}
.sepia{
    filter: sepia(100%);
}
.contrast{
    filter: contrast(120%);
    background-color: #121212;
}

/*
.silvercolor {
    animation: silvercolor 2s linear infinite;
}
@keyframes silvercolor {
    0% { background-color: #A0A0A0; }
    33% { background-color: #D3D3D3; }
    66% { background-color: #FFFFFF; }
    100% { background-color: #A0A0A0; }
}
*/
.silvercolor {
    background: linear-gradient(to right, #999999, #FFFFFF, #888888, #FFFFFF, #999999) 0% center/200%;
    animation: silvercolor 2s linear infinite;
}
@keyframes silvercolor {
    100% { background-position-x: 200%; }
}
/*
.goldcolor {
    animation: goldcolor 2s linear infinite;
}
@keyframes goldcolor {
    0% { background-color: #FFD700; }
    25% { background-color: #DAA520; }
    50% { background-color: #FFD700; }
    75% { background-color: #DAA520; }
    100% { background-color: #FFD700; }
}
*/
.rainbowcolor {
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: rainbowcolor 2s linear infinite;
}
@keyframes rainbowcolor {
    100% { background-position-x: 200%; }
}




.text-shadow-none {
    text-shadow: 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0 0px 0 #121212, 0px 0 0 #121212, 0px 0 0 #121212 !important;
}

.direct-chat-text {
    background-color: #121212;
}
.direct-chat-text::after, .direct-chat-text::before {
    border-right-color: #121212;
}
.end > .direct-chat-text {
    background-color: #121212;
    border-color: #121212;
}
.end > .direct-chat-text::after, .end > .direct-chat-text::before {
    border-left-color: #121212;
}

.table-admin > thead > tr > th {
    background-color: #121212 !important;
    color: #FFFFFF;
}

.table-admin > tbody > tr.update > td {
    background-color: #ffc107 !important;
}

.table-admin > tbody > tr > td {
    color: #121212;
    text-shadow: 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0px 0px 0 #121212, 0 0px 0 #121212, 0px 0 0 #121212, 0px 0 0 #121212 !important;
}


.offcanvas {
    transition: transform 0.15s linear !important;
}


#modall{
  --bs-modal-zindex: 1055 !important;
}
#modal2 {
  --bs-modal-zindex: 1056 !important;
}
#modal3 {
  --bs-modal-zindex: 1057 !important;
}
.modal-backdrop {
    --bs-backdrop-zindex: 1045;
    --bs-backdrop-opacity: 0.7 !important;
}
.modal-body {
  -webkit-overflow-scrolling: touch !important;
}
.modal-dialog-scrollable .modal-body {
    -webkit-overflow-scrolling: touch !important;
    max-height: 410px !important;
}
/*
@media (min-width: 620px) {
  .modal-body {
    min-width: 620px !important;
  }
}
*/
.modal-content { 
    border: 0px solid rgba(0, 0, 0, 0.2) !important;
    background-color: transparent !important;
}
.modal-header { 
    border-bottom: 0px solid #dee2e6 !important;
    min-height: 3px;
} 

.modal .btn-close {
    outline: none !important;
    filter: invert(1);
    opacity: 1 !important;
    z-index: 1200 !important;
    padding: 0.5rem !important;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Loading */
#nowloading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1061;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 0.5;
	background-image: url("/assets/images/Loading-bar.svg?20260210");
	background-repeat:no-repeat;
	background-position:center center;
}

/* Loading */
#blackout {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 1;
}