//== screen breakpoint
$grid-breakpoint: 480px;
$max-width: 1080px;

$grid-breakpoint-mb: 768px;
$pc-inner-width: 1080px;
$pc-header-height: 80px;
$mb-header-height: 60px;

//== space
$header-height: 60px;
$header-pc-height: 80px;

//== z-index
$header-index: 4;

//== mixin Variables
$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';

//== Typography
//
//** size : bootstrap font size
$font-size-base:          14px !default;
$font-size-base-mb:       13px !default;

$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h3-small: 20px;
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h4-small: 16px;
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px

$font-light: 300;
$font-normal: 300;
$font-bold: 400;
$font-exbold: 700;

//** color
$base-font-color: #1a1a1a;

$gray: #ece9f0;
$gray-border: #e6e6e6;
$gray-light: #eeedf0;
$gray-lighter: #f5f5f5;
$gray-over: #130821;
$gray-normal: #808080;

$button-bg: #fff;
$button-over-bg: #ddd;

$purple: #6035bd;
$blue: #00abe3;
$yellow: #ffc400;

//== space
$gap-space: 24px;
$gap-space-mb: 12px;
$mb-header-height: 58px;


//== transition
$transition-speed: .3s;