@charset "utf-8";

.SP { display: none; }

@font-face { font-family:"Noto-Sans-JP-Light"; src: url("../fonts/NotoSansJP-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family:"Noto-Sans-JP-Regular"; src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family:"Noto-Sans-JP-Medium"; src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family:"Noto-Sans-JP-Bold"; src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face {font-family: 'saonara';src: url(https://dento-live.com/dev/fonts/FontsFree-Net-made-saonara.woff2) format('woff2'),url(https://dento-live.com/dev/fonts/FontsFree-Net-made-saonara.woff) format('woff'),url(https://dento-live.com/dev/fonts/FontsFree-Net-made-saonara.otf) format('opentype');}

/* ------------------------------------------------------------ common */
body { background-color: #000; }
.copyright { position: fixed; right: 20px; bottom: 20px; z-index: 20; font-size: 10px; font-family: quasimoda, sans-serif; 	font-weight: 300; font-style: normal; color: #fff; letter-spacing: 1px; text-align: right; color: #000; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scroll::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0; height: 0; opacity: 0; }

/* ------------------------------------------------------------ loader */
#loader { display: flex; justify-content: center; align-items: center;}

.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ripple div { position: absolute; border: 4px solid #9929cc; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
  0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; }
  4.9% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0;}
  5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1;}
  100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0;}
}
@keyframes lds-ring {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	.SP {  display: block; }
}