@charset "utf-8";

:root {
	--BaseSize: .6vw;
	
	/* 白 #FFFFFF */
	--Color_FF: #FFFFFF;
	--Color_FF100: rgba(255,255,255,1.00);
	--Color_FF090: rgba(255,255,255,0.90);
	--Color_FF080: rgba(255,255,255,0.80);
	--Color_FF060: rgba(255,255,255,0.60);
	--Color_FF040: rgba(255,255,255,0.40);
	--Color_FF020: rgba(255,255,255,0.20);
	--Color_FF010: rgba(255,255,255,0.10);
	--Color_FF000: rgba(255,255,255,0.00);

	/* 赤 #c1272d */
	--Color_R: #c1272d;
	--Color_R100: rgba( 193, 39, 45, 1.00);
	--Color_R080: rgba( 193, 39, 45, 0.80);
	--Color_R060: rgba( 193, 39, 45, 0.60);
	--Color_R040: rgba( 193, 39, 45, 0.40);
	--Color_R020: rgba( 193, 39, 45, 0.20);
	--Color_R000: rgba( 193, 39, 45, 0.00);

	/* 青 #c21d4fd */
	--Color_B: #21d4fd;
	--Color_B100: rgba( 33, 212, 253, 1.00);
	--Color_B080: rgba( 33, 212, 253, 0.80);
	--Color_B060: rgba( 33, 212, 253, 0.60);
	--Color_B040: rgba( 33, 212, 253, 0.40);
	--Color_B020: rgba( 33, 212, 253, 0.20);
	--Color_B000: rgba( 33, 212, 253, 0.00);

	/* 蛍光緑 #C4B284 */
	--Color_G: #C4B284;
	--Color_G100: rgba( 137, 225, 0, 1.00);
	--Color_G080: rgba( 137, 225, 0, 0.80);
	--Color_G060: rgba( 137, 225, 0, 0.60);
	--Color_G040: rgba( 137, 225, 0, 0.40);
	--Color_G020: rgba( 137, 225, 0, 0.20);
	--Color_G000: rgba( 137, 225, 0, 0.00);

	/* 蛍光ピンク #C4B284 */
	--Color_P: #C4B284;
	--Color_P100: rgba( 228, 0, 157, 1.00);
	--Color_P080: rgba( 228, 0, 157, 0.80);
	--Color_P060: rgba( 228, 0, 157, 0.60);
	--Color_P040: rgba( 228, 0, 157, 0.40);
	--Color_P020: rgba( 228, 0, 157, 0.20);
	--Color_P000: rgba( 228, 0, 157, 0.00);

	/* Caveカラー #ed6c00 */
	--Color_CV: #ed6c00;
	--Color_CV100: rgba( 237, 108, 0, 1.00 );
	--Color_CV080: rgba( 237, 108, 0, 0.80 );
	--Color_CV060: rgba( 237, 108, 0, 0.60 );
	--Color_CV040: rgba( 237, 108, 0, 0.40 );
	--Color_CV020: rgba( 237, 108, 0, 0.20 );
	--Color_CV010: rgba( 237, 108, 0, 0.10 );
	--Color_CV000: rgba( 237, 108, 0, 0.00 );

	/* CaveXカラー #7d4698 */
	--Color_CX: #7d4698;
	--Color_CX100: rgba( 125, 70, 152, 1.00 );
	--Color_CX080: rgba( 125, 70, 152, 0.80 );
	--Color_CX060: rgba( 125, 70, 152, 0.60 );
	--Color_CX040: rgba( 125, 70, 152, 0.40 );
	--Color_CX020: rgba( 125, 70, 152, 0.20 );
	--Color_CX010: rgba( 125, 70, 152, 0.10 );
	--Color_CX000: rgba( 125, 70, 152, 0.00 );

	/* グレー */
	--Color_1D100: rgba(29,29,29,1.00);
	--Color_1D080: rgba(29,29,29,0.80);
	--Color_1D060: rgba(29,29,29,0.60);
	--Color_1D040: rgba(29,29,29,0.40);
	--Color_1D020: rgba(29,29,29,0.20);
	--Color_1D000: rgba(29,29,29,0.00);

	/* ブラック */
	--Color_K: #000000;
	--Color_K100: rgba( 0, 0, 0, 1.00 );
	--Color_K080: rgba( 0, 0, 0, 0.80 );
	--Color_K060: rgba( 0, 0, 0, 0.60 );
	--Color_K040: rgba( 0, 0, 0, 0.40 );
	--Color_K020: rgba( 0, 0, 0, 0.20 );
	--Color_K000: rgba( 0, 0, 0, 0.00 );
		
	/* ボーダー */
	--Border-radius_L: 50vw;
	--Border-radius_S: var(--BaseSize);

	/* ギミック */
	--Transition_02s: all 0.2s ease;
	--Transition_04s: all 0.4s ease;
	--Transition_06s: all 0.6s ease;
	--Transition_08s: all 0.8s ease;
	--Transition_10s: all 1.0s ease;

	--Gradation_CaveX_on: linear-gradient(235deg, var(--Color_G100), var(--Color_CX100), var(--Color_B100));
	
	--Gradation_Cave_on: linear-gradient(235deg, var(--Color_P100), var(--Color_R100), var(--Color_CV100));
	--Gradation_Cave_off: linear-gradient(235deg, var(--Color_P000), var(--Color_R000), var(--Color_CV000));
	--Gradation_CaveX_on: linear-gradient(235deg, var(--Color_G100), var(--Color_CX100), var(--Color_B100));
	--Gradation_CaveX_off: linear-gradient(235deg, var(--Color_G000), var(--Color_CX000), var(--Color_B000));

}