@font-face {
    font-family: 'NotoSansJP';
    src: url('../font/NotoSansJP-Regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansJPBold';
    src: url('../font/NotoSansJP-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'NotoSerifJP';
    src: url('../font/NotoSerifJP-Regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoSerifJPBold';
    src: url('../font/NotoSerifJP-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'ZenMaruGothic';
    src: url('../font/ZenMaruGothic-Regular.woff') format('woff');
}

:root {
    --main-color: #1399a9;
}

html {
    font-size: 1vw;
}

body {
    font-family: NotoSansJP!important;
}

.post, .page {
    margin: 0;
}

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

ol{
    margin: 0!important;
    padding: 0;
}

a,
a:visited ,
a:hover {
    text-decoration: none!important;
    color: #333!important;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0!important;
}

.bold {
    font-weight: bold;
}

.serif {
    font-family: NotoSerifJP!important;
}

.maru {
    font-family: ZenMaruGothic!important;
}