/* Kaisotai フォント */
@font-face {
    font-family: "Kaisotai";
    src: url("font/Kaisotai-Next-Up-B.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Makinas フォント */
@font-face {
    font-family: "Makinas";
    src: url("font/Makinas-4-Flat.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Zen Kaku Gothic New フォント（通常） */
@font-face {
    font-family: "Zen Kaku Gothic New";
    src: url("font/Zen-Kaku-Gothic-New.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Zen Kaku Gothic New フォント（Bold） */
@font-face {
    font-family: "Zen Kaku Gothic New";
    src: url("font/Zen-Kaku-Gothic-New-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

/*SourceHanSansGKフォント（Bold） */
@font-face {
    font-family: "SourceHanSansGK";
    src: url("font/SourceHanSansGK.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* 全体の文字色を黒に設定 */
body {
    font-family: "Makinas", "Kaisotai", "Zen Kaku Gothic New", sans-serif;
    color: black; /* デフォルトの文字色を黒に */
}
/* HTMLとBODYに100%の高さを指定 */
html,
body {
    height: 100%; /* 高さ100%に設定 */
    margin: 0; /* デフォルトのマージンを削除 */
    padding: 0; /* パディングを削除 */
}

/* サイト全体のラッパー */
.site-container {
    min-height: 100%; /* 最小高さを100%に設定 */
    display: flex;
    flex-direction: column;
    overflow-x: hidden; /* 横方向のスクロールを無効化 */
}

/* サイト全体の背景色 */
body {
    background-color: #f4f4f4;
    margin: 0;
    font-family: Arial, sans-serif;
}