@charset "utf-8";

:root {

	/* サイズ */
	--BaseSize: .6vw;

	/* 白 #FFFFFF */
	--Color_FF100: rgba(255,255,255,1.00);
	--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_FF000: rgba(255,255,255,0.00);

	/* 金 #C4B284 */
	--Color_A100: rgba(163,130,19,1.00);
	--Color_A080: rgba(163,130,19,0.80);
	--Color_A060: rgba(163,130,19,0.60);
	--Color_A040: rgba(163,130,19,0.40);
	--Color_A020: rgba(163,130,19,0.20);
	--Color_A000: rgba(163,130,19,0.00);

	/* 神田カラー #6f5091 */
	--Color_K: #6f5091;
	--Color_K100: rgba( 111, 80, 145, 1.00 );
	--Color_K080: rgba( 111, 80, 145, 0.80 );
	--Color_K060: rgba( 111, 80, 145, 0.60 );
	--Color_K040: rgba( 111, 80, 145, 0.40 );
	--Color_K020: rgba( 111, 80, 145, 0.20 );
	--Color_K000: rgba( 111, 80, 145, 0.00 );

	/* 大阪カラー #975785 */
	--Color_O: #975785;
	--Color_O100: rgba( 151, 87, 133, 1.00 );
	--Color_O080: rgba( 151, 87, 133, 0.80 );
	--Color_O060: rgba( 151, 87, 133, 0.60 );
	--Color_O040: rgba( 151, 87, 133, 0.40 );
	--Color_O020: rgba( 151, 87, 133, 0.20 );
	--Color_O000: rgba( 151, 87, 133, 0.00 );

	/* 那覇カラー #8f2e14 */
	--Color_N: #ee7948;
	--Color_N100: rgba( 238, 121, 72, 1.00 );
	--Color_N080: rgba( 238, 121, 72, 0.80 );
	--Color_N060: rgba( 238, 121, 72, 0.60 );
	--Color_N040: rgba( 238, 121, 72, 0.40 );
	--Color_N020: rgba( 238, 121, 72, 0.20 );
	--Color_N010: rgba( 238, 121, 72, 0.10 );
	--Color_N000: rgba( 238, 121, 72, 0.00 );

	/* 青 #9e005d */
	--Color_B100: rgba(48,71,94,1.00);
	--Color_B080: rgba(48,71,94,0.80);
	--Color_B060: rgba(48,71,94,0.60);
	--Color_B040: rgba(48,71,94,0.40);
	--Color_B020: rgba(48,71,94,0.20);
	--Color_B000: rgba(48,71,94,0.00);
	
	/* 緑 #004E56 */
	--Color_C100: rgba(0,78,86,1.00);
	--Color_C080: rgba(0,78,86,0.80);
	--Color_C060: rgba(0,78,86,0.60);
	--Color_C040: rgba(0,78,86,0.40);
	--Color_C020: rgba(0,78,86,0.20);
	--Color_C000: rgba(0,78,86,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_2D: #3D3D3D;
	--Color_2D100: rgba( 45, 45, 45, 1.00 );
	--Color_2D080: rgba( 45, 45, 45, 0.80 );
	--Color_2D060: rgba( 45, 45, 45, 0.60 );
	--Color_2D040: rgba( 45, 45, 45, 0.40 );
	--Color_2D020: rgba( 45, 45, 45, 0.20 );
	--Color_2D000: rgba( 45, 45, 45, 0.00 );

	/* グレー */
	--Color_3D: #3D3D3D;
	--Color_3D100: rgba( 61, 61, 61, 1.00 );
	--Color_3D080: rgba( 61, 61, 61, 0.80 );
	--Color_3D060: rgba( 61, 61, 61, 0.60 );
	--Color_3D040: rgba( 61, 61, 61, 0.40 );
	--Color_3D020: rgba( 61, 61, 61, 0.20 );
	--Color_3D000: rgba( 61, 61, 61, 0.00 );

	/* フィルタ */
	--backdrop-filter_blur: blur(6px);

	/* ボーダー */
	--Border-radius_L: 25vw;
	--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;

	/* シャドウ */
	--Box-shadow: 2px 4px 12px rgba(29,29,29,.6);
}