@font-face
{
    font-family: 'azukiLB';
    src: url('azukiLB.ttf');
}

/* ページ全体 */
*
{
    margin: 0;
    padding: 0;
}

/* ヘッダー全体 */
.site-header
{
    background-color: #3df7f77a;
    border-bottom: 1px solid #1281ff;
    padding: 15px 20px;
}

/* タイトルエリア */
/* .header-inner
{
    font-size: 24px;
    margin: 0 0 5px 0;
} */

/* サイトタイトル */
.site-title
{
    font-family: 'azukiLB', sans-serif;
    font-size: 40px;
    margin: 0;
    margin-bottom: 3px;
}

/* タイトルのリンク装飾 */
.site-title a
{
    color: #202020;
    text-decoration: none;
}

.titleText-1
{
    color: #ffa31a;
    font-size: 50px;
    font-weight: bold;
}

.titleText-2
{
    color: #575757;
    font-size: 35px;
    margin: 0 -18px;
}

.titleText-3
{
    color: #216eff;
    font-size: 40px;
    margin: 0 -3px;
}

/* メニューのリスト */
.site-nav ul
{
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

/* メニューのリンク文字 */
.site-nav a
{
    text-decoration: none;
    color: #7c7c7c;
    font-size: 20px;
}

/* マウスを乗せたときのメニュー */
.site-nav a:hover
{
    color: #000;
    text-decoration: underline;
}