@charset 'utf-8';

@import url('normalize.css');
@import url('slick.css');
@import url('master.css') screen and (min-width: 641px),print;
@import url('block.css') screen and (min-width: 641px),print;
@import url('sp_master.css') screen and (max-width: 640px);
@import url('sp_block.css') screen and (max-width: 640px);

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Lora&family=Noto+Sans+JP&family=Shippori+Mincho&display=swap');

:root {
    --font: #333;
    --primary: #644e41;
    --secondary: #cfc09d;
    --bg: #f2f2ef;
    --bg02: #e9e9e6;
    --gray40: #f5f5f5;
    --gray150 : #d9d9d9;
    --gray400 : #999;
    --gray600 : #666;
}

.color_primary {color: var(--primary);}

.notosans {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.cormorant {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.lora {
    letter-spacing: .05em;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}