// Fonts
@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';


$breakpoint-up: (
    'pc': 'screen and (min-width: 1068px)',
    'sp': 'screen and (min-width: 431px)',
    'sp02': 'screen and (min-width: 375px)',
) !default;

$breakpoint-down: (
    'sp': 'screen and (max-width: 1067px)',
    'sp02': 'screen and (max-width: 430px)',
    'min': 'screen and (max-width: 374px)',
) !default;

@mixin mq_up($breakpoint: md) {
    @media #{map-get($breakpoint-up, $breakpoint)} {
        @content;
    }
}

@mixin mq_down($breakpoint: md) {
    @media #{map-get($breakpoint-down, $breakpoint)} {
        @content;
    }
}


// Bootstrap
@import '~bootstrap/scss/bootstrap';






@import './custom_c/base/layout';
@import './custom_c/base/loader';
@import './custom_c/base/color';
@import './custom_c/base/font';
@import './custom_c/base/typography';
@import './custom_c/base/cursor';
@import './custom_c/base/transform';

@import './custom_c/layouts/main';

@import './custom_c/component/alert';
@import './custom_c/component/button';
@import './custom_c/component/flex';
@import './custom_c/component/img';
@import './custom_c/component/input';
@import './custom_c/component/list';