/* ==================================================
   Header
================================================== */

/* サイトタイトル */
.c-headLogo__link {
    color: var(--color-text);
    font-family: var(--font-mincho);
    font-size: 30px!important;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.3rem;
    text-decoration: none;
}

/* PCナビ */
.c-gnav>li>a {
    color: var(--color-text);
    font-family: var(--font-mincho);
    font-weight: 400;
    text-decoration: none;
}
.c-gnav>.menu-item>a .ttl {
	font-size: 15px;
}

/* ホバー */
.c-gnav>li>a:hover {
    opacity: 0.65;
}

/* お問い合わせのみSWELL標準hoverを無効化 */
.c-gnav > li.menu-contact > a::before,
.c-gnav > li.menu-contact > a::after {
    display: none !important;
    content: none !important;
}

/* SWELL側のhoverアニメーションを止める */
.c-gnav > li.menu-contact > a {
    transform: none !important;
}

.c-gnav > li.menu-contact > a:hover {
    transform: none !important;
    opacity: 1;
}

/* お問い合わせのみボタン風 */
.c-gnav>li.menu-contact>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    margin-left: 13px;
    padding: 0 10px;
    background-color: var(--color-main);
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

/* お問い合わせボタンをヘッダーの縦中央に配置 */
.c-gnav>li.menu-contact {
    display: flex;
    align-items: center;
}

/* ホバー */
.c-gnav>li.menu-contact>a:hover {
    background-color: #fff;
    color: var(--color-main);

    box-shadow: inset 0 0 0 1px var(--color-main);

    opacity: 1;
}

/* ==================================================
   SP
================================================== */

@media (max-width: 767px) {
    /* サイトタイトル */
    .c-headLogo__link {
        font-size: 24px!important;
        font-weight: 600;
    }
}


/* ==================================================
   スマホメニュー
================================================== */
.p-spMenu__body {
    font-family: var(--font-mincho);
}