@charset "UTF-8";

/* ===================================================
   電話番号ウィジェット等の強制非表示（!importantで最優先化）
   =================================================== */
#custom_html-2,
#custom_html-5,
#footer-widget-tel {
    display: none !important;
}

@media (min-width: 960px) {
    .-parallel .l-header__logo {
        top: 0 !important;
    }
}

@media (max-width: 599px) {
    .l-topTitleArea {
        min-height: 6rem;
    }
}

.btn-affilink-custom {
    background-color: var(--color_deep03);
    color: #fff;
    width: fit-content;
    padding: 0.66rem 1rem !important;
    border-radius: 5rem;
    margin: 0 auto 2rem;
    border-bottom: 4px solid var(--color_text);
    transition: all 0.2s;
}
.btn-affilink-custom:hover {
    transition: all 0.2s;
    transform: translateY(4px);
    border-bottom-color: transparent; /* 押し込んだ時に下の影(ボーダー)を消して自然に見せる */
}
.btn-affilink-custom > a {
    color: #fff;
}