//antialiased,subpixel-antialiased,none $font-smoothing: antialiased; //auto,optimizeSpeed,optimizeLegibility,geometricPrecision $text-rendering: auto; $break-min: 370px; $break: 769px; $middle: 850px; $large:1200px; $big: 1500px; $small: 655px; $base-font-family :"YuGothic", "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; $font-jp : 'HiraKakuStd', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", sans-serif; $font-tbc : 'tbcgothic-std', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", sans-serif; $font-din: 'din-2014', sans-serif; $font-mincho: "NotoSerifJP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; $font-vdl: 'vdl-v7mincho',"NotoSerifJP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; $font-source :"Source Han Sans", "YuGothic", "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; $base-font-size: 14px; $base-font-color: #333; $base-background-color: #fff; $color-default: #333; $color-base: #efefef; $color-border: #ccc; $color-main: #3f4247; $color-sub: #ffbb4d; $color-caution: #e74c3c; $color-white: #fff; $color-blue: #0984e3; $color-rich-blue: #113c8d; $color-sub-blue: #0c2c69; $color-right-blue: #1a5fe3; $color-back-blue: #e8eefc; $color-thick-blue: #061834; $color-thin-blue: #e6f2fc; $color-red: #ec6941; $color-thick-red: #bd5435; $color-yellow: #fbb21d; $color-pink: #fc596a; $color-orange: #c58827; $color-thin-orange: #f0b22e; $color-green: #4f7241; $color-thick-green: #1d2f15; $color-gold: #e5d08b; $color-thick-gold: #c18c3d; $color-main-text: #21432c; $color-green-back: #edf2eb; $basic-transition: 0.3s ease-out;