@layer token {
    :root{
        --white: #fff;
        --black: #333333;
        --light-black : #515151;
        --cyan: #078CEC;
        --dark-blue: #265095;
        --light-blue: #4CB2F6;
        --yellow: #FFEE00;
        --yellow-shadow: #B1AF25;
        --green: #21B85F;
        --green-shadow: #277547;
        --powder-blue: #E6F1F5;
        --ash-white: #F6F8F9;
        --gray: #A6B9C1;
        --light-gray: #D9D9D9;
        --red :#FF5353;
        --light-red : #F75354;
		--gold: #CFB549;
		--silver: #A9C8D4;
		--copper: #BE8559;
        --rate-area: #6CC13B;
		--rate-nanboku: #35A16B;
		--rate-tozai: #FF9900;
		--rate-toho: #0041FF;

        --color-text: var(--black);
        --color-button:var(--cyan);
        --color-link:var(--dark-blue);
        --color-line:var(--green);
        --color-conv:var(--yellow);
        --color-section-title-bg:var(--powder-blue);
        --color-border:var(--gray);
        --color-input-bg:var(--ash-white);
        --color-checkbox-border:var(--light-gray);
        --color-fee:var(--red);



        --yugothic: 'Yu Gothic Medium', '游ゴシック Medium', 'YuGothic Medium', '游ゴシック体 Medium', 'Arial', 'Hiragino Kaku Gothic ProN W3', 'ヒラギノ角ゴシック ProN W3', 'メイリオ', sans-serif;
        --yumincho: 'Yu Mincho Demibold', '游明朝 Demibold', 'YuMincho Demibold', '游明朝体 Demibold', 'Times New Roman', 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'メイリオ', sans-serif;
        
        --font-size-root:16px; 

         --thumb-size: 22px;

        --bp-smp:480px;
        --bp-tab:768px;
        --bp-pc:1024px;

    }
}