@charset "utf-8";

:root {

	/* サイズ */
	--Size_02: 0.2rem;	--Size_04: 0.4rem;	--Size_06: 0.6rem;	--Size_08: 0.8rem;	--Size_10: 1.0rem;
	--Size_12: 1.2rem;	--Size_14: 1.4rem;	--Size_16: 1.6rem;	--Size_18: 1.8rem;	--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_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_A010: rgba(163,130,19,0.10);
	--Color_A000: rgba(163,130,19,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_O010: rgba( 151, 87, 133, 0.10 );
	--Color_O000: rgba( 151, 87, 133, 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_K010: rgba( 111, 80, 145, 0.10 );
	--Color_K000: rgba( 111, 80, 145, 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_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_K100: 1px var(--Color_K100) solid;
	--Border_K080: 1px var(--Color_K080) solid;
	--Border_K060: 1px var(--Color_K060) solid;
	--Border_K040: 1px var(--Color_K040) solid;
	--Border_K020: 1px var(--Color_K020) solid;
	--Border_K000: 1px var(--Color_K000) solid;
	
	--Border_O100: 1px var(--Color_O100) solid;
	--Border_O080: 1px var(--Color_O080) solid;
	--Border_O060: 1px var(--Color_O060) solid;
	--Border_O040: 1px var(--Color_O040) solid;
	--Border_O020: 1px var(--Color_O020) solid;
	--Border_O000: 1px var(--Color_O000) solid;
	
	--Border-radius_L: var(--Size_200);
	--Border-radius_S: var(--Size_04);
	--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: blur(6px);
	
	/* グラデーション */
	--Linear-gradient_BTN0: linear-gradient(235deg, var(--Color_A000), var(--Color_1D000), var(--Color_A000));
	--Linear-gradient_BTN: linear-gradient(235deg, var(--Color_A100), var(--Color_1D100), var(--Color_A100));

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

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