@charset "utf-8";


@font-face {
	font-family: 'Noto Sans JP';
	src: url('/metaevent/fonts/notosans_woff2/NotoSansJP-Light.woff2') format('woff2');
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('/metaevent/fonts/notosans_woff2/NotoSansJP-DemiLight.woff2') format('woff2');
	font-style: normal;
	font-weight: 350;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('/metaevent/fonts/notosans_woff2/NotoSansJP-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('/metaevent/fonts/notosans_woff2/NotoSansJP-Medium.woff2') format('woff2');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url('/metaevent/fonts/notosans_woff2/NotoSansJP-Bold.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
.SP { display: none; }
/* ------------------------------------------------------------ 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; }

form .alert { text-align: center; }
form .alert span { padding: 5px 0 0; color: #fa0707; font-size: 14px; }

/* ------------------------------------------------------------ loader */


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

#loader p { text-align: center; width: 100%; padding: 0 0 20px; }
#loader p img { width: 88%; height: auto; max-width: 200px; }

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #353535;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}



.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);
  }
}

/* ------------------------------------------------------------ sns modal ------------------------------------------------------------ */
#main.sns-main-container .main{padding:50px 0 0}
.sns-main-container .box{display: flex;flex-direction: column; gap: 20px;padding: 30px 63px 0;}
.sns-main-container .box .sns-container{display: flex;gap: 30px;text-align: center;justify-content: left;max-width: 100%; border: 10px solid #E7D0A9;padding: 20px 40px; border-radius: 40px; cursor: pointer;text-decoration: none;color:#000;opacity: 1; align-items: center;}
.sns-main-container .box .sns-container:hover{opacity: 0.8;}
.sns-main-container .box .sns-container img{width: 100px;}
.sns-main-container .box .sns-container p{font-size: 25px;font-weight: 600;}


/* ------------------------------------------------------------ organizer modal ------------------------------------------------------------ */
.organizer-main-wrapper .organizer-btn{  display: flex; flex-wrap: wrap; max-width:580px; margin: 0px auto 50px; justify-content: space-between;}

.organizer-main-wrapper .organizer-btn a{ position: relative; display: block; margin-bottom: 4%; padding: 8px 0 0; display: block; width: 48%;}
.organizer-main-wrapper .organizer-btn a span{display: block; width: 100%; height: auto; padding:19px 0 20px; border-radius:9999px; background: #E7D0A9; text-decoration:none; font-weight:600; transition: box-shadow .15s, transform .15s; line-height: 160%; position: absolute; z-index: 10; left: 0px; top: 0px; color: #000;transition: 0.5s;font-size: 18px;}
.organizer-main-wrapper .organizer-btn a:before{content: ""; display: block; background: #baa788; width: 100%; height: 67px; border-radius: 9999px;}
.organizer-main-wrapper .organizer-btn a:nth-child(2n){margin-left: 4%;}
.organizer-main-wrapper .organizer-btn a:hover span{ transition: 0.5s; top: 8px;}

.organizer-main-wrapper .organizer-btn a:only-child{ grid-column: 1 / -1; }
.organizer-main-wrapper .organizer-btn a:nth-child(3):last-child{ grid-column: 1 / -1; }

.organizer-main-wrapper .organizer-img {max-width: 580px;margin: 0 auto 40px;}
.organizer-main-wrapper .organizer-img img{width: 100%;}

@media (max-width: 520px){
	#main.organizer-main-wrapper .main h1 { font-size: 24px;}
	.organizer-main-wrapper .organizer-btn {margin: 0px auto 20px; display: block;}
	.organizer-main-wrapper .organizer-btn a{ padding: 10px 0 0;display:block; margin-bottom: 5%; width: 100%;;}
	.organizer-main-wrapper .organizer-btn a:nth-child(2n){margin-left: 0%;}
	.organizer-main-wrapper .organizer-btn a span{padding: 16px 0 17px; font-size: 16px;}
	.organizer-main-wrapper .organizer-btn a:before{height: 57px; }
	.organizer-main-wrapper .organizer-btn a:hover span{ transition: 0.5s; top: 10px;}
	.organizer-main-wrapper .organizer-img {margin:  0 auto 30px;}
}


/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {

.SP {  display: block; }
	#main.sns-main-container .main {padding: 50px 0 0;}
	#main.sns-main-container .main{padding: 35px 0 25px;}
	#main.sns-main-container .box{padding: 30px 0 0;}
	
	.sns-main-container .box .sns-container{padding: 15px; border-radius: 20px;align-items: center;}
	.sns-main-container .box .sns-container p{font-size: 20px;}
	.sns-main-container .box .sns-container .sns-img{width: 27%; height: auto; max-width: 100px;}
	.sns-main-container .box .sns-container .sns-img img{width:100%; height: auto;}
}