@charset "UTF-8";
/* =========================================
* body
========================================= */
html, body{
  font-family: "Yomogi", cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;

  width: 100%;
  margin: 0, 0, 0, 0 !important;
  padding: 0, 0, 0, 0 !important;

  scroll-behavior: smooth !important;
}


/* =========================================
* a
========================================= */

/* =========================================
* width
========================================= */
.w-0px{
  width: 0px !important;
}
.w-1px{
  width: 1px !important;
}
.w-100px{
  width: 100px !important;
}
.w-120px{
  width: 120px !important;
}
.w-200px{
  width: 200px !important;
}
.mw-200px{
  max-width: 200px !important;
}
.mw-300px{
  max-width: 300px !important;
}


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

/* =========================================
* modal
========================================= */
#modal-l{
  --bs-modal-zindex: 1035 !important;
}
#modal-2 {
  --bs-modal-zindex: 1037 !important;
}
#modal-3 {
  --bs-modal-zindex: 1039 !important;
}
#modal-4 {
  --bs-modal-zindex: 1041 !important;
}
#modal-5 {
  --bs-modal-zindex: 1043 !important;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1034;
  --bs-backdrop-opacity: 0.6 !important;
}
.modal{
  --bs-modal-box-shadow: none !important;;
}
.modal-body {
  -webkit-overflow-scrolling: touch !important;
}
/*
.modal-dialog-scrollable .modal-body {
  -webkit-overflow-scrolling: touch !important;
  max-height: 410px !important;
}
*/
.modal-content { 
  border: 0px solid rgba(0, 0, 0, 0.2) !important;
  background-color: transparent !important;
}
.modal-header { 
  border-bottom: 0px solid #ffffff !important;
} 
.modal-header .close {
  outline: none !important;
}
.modal-header .btn-close {
  opacity: 1 !important;
}
.modal .btn-close {
  width: 3.5em !important;
}

/* =========================================
* nowloading
========================================= */
#nowloading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1061;
	width: 100vw;
	height: 100vh;
	background-color: #121212;
	opacity: 0.4;
	background-image: url("https://novel.spinetechno.jp/assets/images/Loading-bar.svg");
	background-repeat:no-repeat;
	background-position:center center;
}