@charset "utf-8";

:root {

	/* サイズ */
	--Size_01: 0.1rem;	--Size_02: 0.2rem;	--Size_03: 0.3rem;	--Size_04: 0.4rem;	--Size_05: 0.5rem;
	--Size_06: 0.6rem;	--Size_07: 0.7rem;	--Size_08: 0.8rem;	--Size_09: 0.9rem;	--Size_10: 1.0rem;
	--Size_11: 1.1rem;	--Size_12: 1.2rem;	--Size_13: 1.3rem;	--Size_14: 1.4rem;	--Size_15: 1.5rem;
	--Size_16: 1.6rem;	--Size_17: 1.7rem;	--Size_18: 1.8rem;	--Size_19: 1.9rem;	--Size_20: 2.0rem;
	--Size_22: 2.2rem;	--Size_24: 2.4rem;	--Size_26: 2.6rem;	--Size_28: 2.8rem;	--Size_30: 3.0rem;
	--Size_32: 3.2rem;	--Size_34: 3.4rem;	--Size_36: 3.6rem;	--Size_38: 3.8rem;	--Size_40: 4.0rem;
	--Size_42: 4.2rem;	--Size_44: 4.4rem;	--Size_46: 4.6rem;	--Size_48: 4.8rem;	--Size_50: 5.0rem;
	--Size_52: 5.2rem;	--Size_54: 5.4rem;	--Size_56: 5.6rem;	--Size_58: 5.8rem;	--Size_60: 6.0rem;
	--Size_62: 6.2rem;	--Size_64: 6.4rem;	--Size_66: 6.6rem;	--Size_68: 6.8rem;	--Size_70: 7.0rem;
	--Size_80: 8.0rem;
	--Size_90: 9.0rem;
	--Size_100: 10.0rem;
	--Size_110: 11.0rem;	--Size_120: 12.0rem;	--Size_130: 13.0rem;	--Size_140: 14.0rem;	--Size_150: 15.0rem;
	--Size_160: 16.0rem;	--Size_170: 17.0rem;	--Size_180: 18.0rem;	--Size_190: 19.0rem;	--Size_200: 20.0rem;
	--Size_210: 21.0rem;	--Size_220: 22.0rem;	--Size_230: 23.0rem;	--Size_240: 24.0rem;	--Size_250: 25.0rem;
	--Size_260: 26.0rem;	--Size_270: 27.0rem;	--Size_280: 28.0rem;	--Size_290: 29.0rem;	--Size_300: 30.0rem;

	--S_PT: 1vw;
	--LineHeight_L: 1.75;
	--LineHeight_M: 1.5;
	--LineHeight_S: 1;
	
	/* 白 #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_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);

	/* ブルー #0196da */
	--Color_B: #0196da;
	--Color_B100: rgba( 1, 150, 218, 1.00);
	--Color_B080: rgba( 1, 150, 218, 0.80);
	--Color_B060: rgba( 1, 150, 218, 0.60);
	--Color_B040: rgba( 1, 150, 218, 0.40);
	--Color_B020: rgba( 1, 150, 218, 0.20);
	--Color_B000: rgba( 1, 150, 218, 0.00);


	/* レッド #990000 */
	--Color_R: #0196da;
	--Color_R100: rgba( 153, 0, 0, 1.00);
	--Color_R080: rgba( 153, 0, 0, 0.80);
	--Color_R060: rgba( 153, 0, 0, 0.60);
	--Color_R040: rgba( 153, 0, 0, 0.40);
	--Color_R020: rgba( 153, 0, 0, 0.20);
	--Color_R000: rgba( 153, 0, 0, 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_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 );

	/* ボーダー */
	--Border_A100: 1px var(--Color_A100) solid;
	--Border_A080: 1px var(--Color_A080) solid;
	--Border_A060: 1px var(--Color_A060) solid;
	--Border_A040: 1px var(--Color_A040) solid;
	--Border_A020: 1px var(--Color_A020) solid;
	--Border_A000: 1px var(--Color_A000) solid;

	--Border_FF100: 1px var(--Color_FF100) solid;
	--Border_FF080: 1px var(--Color_FF080) solid;
	--Border_FF060: 1px var(--Color_FF060) solid;
	--Border_FF040: 1px var(--Color_FF040) solid;
	--Border_FF020: 1px var(--Color_FF020) solid;
	--Border_FF000: 1px var(--Color_FF000) solid;

	--Border_CV100: 1px var(--Color_CV100) solid;
	--Border_CV080: 1px var(--Color_CV080) solid;
	--Border_CV060: 1px var(--Color_CV060) solid;
	--Border_CV040: 1px var(--Color_CV040) solid;
	--Border_CV020: 1px var(--Color_CV020) solid;
	--Border_CV000: 1px var(--Color_CV000) solid;

	--Border_CX100: 1px var(--Color_CX100) solid;
	--Border_CX080: 1px var(--Color_CX080) solid;
	--Border_CX060: 1px var(--Color_CX060) solid;
	--Border_CX040: 1px var(--Color_CX040) solid;
	--Border_CX020: 1px var(--Color_CX020) solid;
	--Border_CX000: 1px var(--Color_CX000) solid;


	/* グラデーション */
	--Color_GradationA: linear-gradient(to right, var(--Color_BA) 0%, var(--Color_BB) 100%);
	--Color_GradationB: linear-gradient(to right, var(--Color_BC) 0%, var(--Color_BD) 100%);
	
	--Color_GradationCT: linear-gradient(to top, var(--Color_BC100) 0%, var(--Color_BC060) 100%);
	--Color_GradationDT: linear-gradient(to top, var(--Color_BD100) 0%, var(--Color_BD060) 100%);
	--Gradation_Cave_off: linear-gradient(235deg, var(--Color_P000), var(--Color_1D000), var(--Color_CV000));

	--Gradation_CaveX_on: linear-gradient(235deg, var(--Color_G100), var(--Color_1D100), var(--Color_CX100));
	--Gradation_CaveX_off: linear-gradient(235deg, var(--Color_G000), var(--Color_1D000), var(--Color_CX000));


	/* ボーダー */
	--Border-radius_L: var(--Size_200);
	--Border-radius_S: var(--Size_06);
	--Border-radius_Top: var(--Border-radius_S) var(--Border-radius_S) 0 0;
	--Border-radius_Bottom: 0 0 var(--Border-radius_S) var(--Border-radius_S);
	--Border-radius_Right: var(--Border-radius_S) 0 0 var(--Border-radius_S);
	--Border-radius_Left: 0 var(--Border-radius_S) var(--Border-radius_S) 0;

	/* ギミック */
	--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;

	/* フィルター */
	--Backdrop-filter_blur_on: blur(4px);
	--Backdrop-filter_blur_off: blur(0px);

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

	/* 変形 */
	--Transform_rZ: rotateZ(-0.004turn) scale(1);
}