@charset "UTF-8";

html, body{
    margin: 0px;
}

/* 色設定 */
:root{
    --main-bg-color: #fff;
    --main-red: #DF2528;
    --main-brown: #694B22;
    --sub-red: #F96567;
    --sub-gray: #DEDEDE;
}
.white {
    color: var(--main-bg-color);
}
.brown {
    color: var(--main-brown);
}
.red{
    color: var(--main-red);
}
.gray {
    color: var(--sub-gray);
}
.pink{
    color: var(--sub-red);
}

/* Basicstyle */
body {
    font-size: 1em;
    line-height:1.5rem;
    background-color: var(--main-bg-color);
    color: var(--main-brown);
    line-height: 170%;
}   

/* Display */
.block{
    display: block;
}
.flex{
    display: flex;
}

/* よく使うボックスシャドウ */
:root{
    --shadow: 1px 2px 1px rgba(0, 0, 0, .3);
}    

/* 線の表示 */
.line_vertical{
    width: 1px;
    background-color: var(--main-red);
}
.line_horizontal_bold{
    height: 4px;
    background-color: var(--main-red);   
}
.line_bolder{
    height: 2px;
    background-color: var(--main-red);
    width: 100%;
}
.line_lighter{
    height: 1px;
}
.line {
    background-color: var(--main-red);
    height: 1px;
    width: 100%;
}

/* フォント指定 */
.agbal {
    font-family: "Agbalumo", system-ui;
    font-weight: 400;
    font-style: normal;
}
.one_six {
    font-size: 1rem;
}
.jp {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.maru {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 900;
    font-style: normal;
  }

/* 縦書き文字 */
.ver_txt {
    writing-mode: vertical-rl; /* 縦書き表示（右から左へ流れる） */
    text-orientation: upright; /* 文字を直立させる（横倒しを防ぐ） */
    letter-spacing: 0.4rem; /* 文字間を広げる */
}

/* リンク下線なし */
a {
    text-decoration: none;
}
li {
    list-style: none;
}