@font-face {
    font-family: "MS himalaya";
    src: url("../font/microsoft-himalaya.ttf");
}
@font-face {
    font-family: "Noto Sans JP";
    src: url("../font/NotoSansJP-Regular.otf");
}
@font-face {
    font-family: "Noto Serif JP";
    src: url("../font/NotoSerifJP-Regular.otf");
}

/* 標準サイズ、標準カラー、標準フォントの設定 */
html, body {
    font-size: 18px;
    color: #303030;
    font-family: "Noto Serif JP", "Yu Mincho", "Noto Sans JP", "MS himalaya", sans-serif;
    color: #7F001B;
}
/* メインカラー：えんじ色 */
.red_bg {
    background-color: #7F001B;
}
/* 薄枠：黄色 */
.body_bg {
    background-color: #FFF094;
}
/* ロゴ */
h1.logo_font {
    font-family: "MS himalaya";
}
.logo_font {
    color: #ffe600; /* ロゴカラー：オレンジ、黄色、金 */
}
/* 横並びレイアウト*/
.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-j-start {
    justify-content: start;
}
.flex-j-center {
    justify-content: center;
}
.flex-j-end {
    justify-content: end;
}
.flex-j-between {
    justify-content: space-between;
}
.flex-j-around {
    justify-content: space-around;
}
.flex-a-center {
    align-items: center;
}
.flex-a-end {
    align-items: flex-end;
}

/* ヘッダー */
#header {
    width: 100%;
    height: 50px;
    padding: .3rem;
    position: fixed;
    z-index: 99;
}
/* メニューはゴシック体
ul li a {
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif;
} */

/* フッター */
p.copy {
    font-size: .6rem;
    width: 100%;
    text-align: center;
}

/* iframe */
#access .map_flex {
    width: 100%;
    margin: .5rem 0 2rem;
}
.map iframe {
    border: 1px solid #cccccc;
}