/*�萔*/
:root{
/*�ǂݍ��݉�ʌn*/
	/*loading�w�i�F*/
	--loading_background_color:#df437f;
	/*loading�����T�C�Y*/
	--loading_font_size:25px;
	/*loading�w�i�摜*/
	--loading_background_image_sub:url("../img/load_back.svg");
	
/*�ėp*/
	/*�w�i�ȊO�p�ėp���]�F*/
	--common_main_color:rgba(0,0,0,1.00);
	--common_sub_color:rgba(255,255,255,1.00);
	/*�ėp�u���[*/
	--common_background_blur:blur(3px);
	/*�ėp�u���[�J���[*/
	--common_background_blur_color_main:rgba(255,255,255,0.5);
	--common_background_blur_color_sub:rgba(51,51,51,0.5);
	/*�A���t�@�`�����l��*/
	--alpha_channneru_main:rgba(238,238,238,1.00);
	--alpha_channneru_sub:rgba(255,255,255,1.00);
	/*�Z���V�e�B�u����*/
	--thumbnail_nsfw:rgba(255,0,0,1.00);
	--thumbnail_non_nsfw:rgba(255,255,255,1.00);
	
	/*�t�H���g�n*/
	--common_font_color_main:#ffffff;
	--common_font_color_sub:#ffffff;
	--common_font_size:25px;
	--common_font_size_small:13px;
}
/* ���[�f�B���O��� */
#loading {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-image:url("../img/load.gif"),var(--loading_background_image_sub);
	background-size:35vh;
	background-repeat: no-repeat,repeat-x;
	background-position:center;
	background-color: var(--loading_background_color);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	animation:loading_background_image 50s linear infinite;
}
#loading p{
	margin:68vh auto;
	text-align: center;
	color:var(--common_font_color_main);
	font-size:var(--loading_font_size);
}
.load_text{
	display: inline-block;
	transform-origin: 50% 85%;
	animation-name: loadingScale, loadingMove;
	animation-duration: 4s;
	animation-timing-function: var(--easeInOutQuint), var(--easeOutCubic);
	animation-delay: calc(0.4s * var(--index));
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}
.loaded {
	opacity: 0;
	visibility: hidden;
}
@keyframes loading_background_image {
	from {
		background-position:center, 0 center;
	}
	to {
		background-position:center, 1920px center;
	}
}
@keyframes loadingMove {
	0% {
		translate: 0 0;
	}

	5% {
		translate: 0 0;
	}

	10% {
		translate: 0 -60%;
	}

	15% {
		translate: 0 0;
	}

	100% {
		translate: 0 0;
	}
}

@keyframes loadingScale {
	0% {
		scale: 1 1;
	}

	5% {
		scale: 1.15 0.85;
	}

	10% {
		scale: 0.9 1.2;
	}

	17% {
		scale: 1.15 0.85;
	}

	25% {
		scale: 1 1;
	}

	100% {
		scale: 1 1;
	}
}

#welcomePopup{
	width:100%;
	height: 100vh;
	background-color: var(--loading_background_color);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 800ms 0s ease;
}
#welcome_message{
	width:var(--window_message_width);
	margin: auto auto;
	padding:30px 30px 30px 30px;
	box-sizing: border-box;
	border:solid 3px #ffffff; 
	color: var(--common_text_color);
	background-color:#ffffff;
	transition: all 800ms 0s ease;
}
#welcome_message h1{
	text-align : center;
	
}
.welcomimg{
	display:block;
	margin:0 auto;
	width:150px;
}
#welcome_message p{
	text-align : center;
}
#welcome_message ul{
	display:flex;
	justify-content:space-between;
	flex-direction:var(--window_message_flex_direction);
	margin:var(--window_message_ul_margin_bottom) 0 0;
}
#welcome_message li{
	margin:0 20px;
}
.hidwindwow{
	opacity: 0!important;
	visibility: collapse!important;
}
.diswindwow{
	opacity: 1!important;
	visibility: visible!important;
}
/* 表示する画像を小さい要素の背景にセットし描画遅延をなくす */
#preload_img{
	width:5px;
	height:5px;
	background-image:url("../img/content_wrap_1_char.png"),url("../img/costume/gal_big.png"),url("../img/costume/bunny_big.png"),url("../img/costume/maid_big.png"),url("../img/costume/skmz_big.png"),url("../img/costume/china_big.png"),url("../img/content_wrap_1_cth.png"),url("../img/content_wrap_1_logo.png");
}