@font-face {
    font-family: 'site-font';
    src: url('../font/MPLUS1p-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'site-font-bold';
    src: url('../font/MPLUS1p-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

:root {
    --white: #FFF3E0;
    --base-color: #ddccc6;
    --base-color-dark: #BDB395;
    --point-color: #816753;
    --hover-color: #e2ccbc;
}

html {
    font-size: 1vw;
}

body {
    background-color: var(--base-color)!important;
}

body, a, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'site-font', sans-serif;
}

.page,
.post {
    margin-bottom: 0!important;
}

a {
    color: #000!important;
    text-decoration: none!important;
}

p {
    margin-bottom: 0!important;
}

ul, li {
    list-style: none;
    margin: 0;
    margin-bottom: 0!important;
    padding: 0!important;
}

.bold, strong {
    font-family: 'site-font-bold', sans-serif;
}

.swiper-pagination-bullet {
    background-color: #eee!important;
}

.swiper-pagination-bullet-active {
    background-color: var(--point-color)!important;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--point-color)!important;
}