@charset "utf-8";


/*===================================================*/
/*SP メニュー*/
/*===================================================*/

@media (max-width: 992px) {

    :target::before {
        content: "";
        display: block;
        height: 64px;
        margin-top: -64px;
        visibility: hidden,
    }

    body {
        padding-top: 53px;
    }

    header.navbar-sticky {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        -webkit-animation: fadeInDown 0.5s;
        animation: fadeInDown 0.5s;
        width: 100%;
        /*-webkit-box-shadow: 0px 0px 40px rgb(83 88 93 / 20%);
        box-shadow: 0px 0px 40px rgb(83 88 93 / 20%);*/
    }

    .dropdown-toggle:after {
        content: "\f107";
        font-family: 'FontAwesome';
        font-family: 'Font Awesome 5 Free';
        font-size: 0.6rem;
        font-size: 0.8rem;
        margin-left: 0.35rem;
        font-weight: 900;
        vertical-align: middle;
        border: none;
    }

    .dropdown-item {
        font-weight: 400;
        text-transform: capitalize;
        position: relative;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.4rem 1.5rem;
        clear: both;
        font-weight: 500;
        color: #8f9397 !important;
        color: #333 !important;
        text-align: inherit;
        white-space: normal;
        background-color: transparent;
        border: 0;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #4cbd89;
        text-decoration: none;
        background-color: transparent;
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #4cbd89 !important;
        text-decoration: none;
        background-color: transparent;
    }

    .menu-main ul.navbar-nav a.nav-link,
    .menu-main ul.navbar-nav a.nav-link.text-white {
        color: #333 !important;
    }



    /* モバイル用検索 */
    .border-radius-left-0 {
        border-radius: 0px 3px 3px 0px !important;
    }

    .ti-search:before {
        content: "\e610";
    }

    .top-search {
        transition: all 0.2s ease;
    }

    .top-search.bg-light {
        background-color: #f0f0f0 !important;
    }

    .menu-main {
        height: 50px;
        height: 53px;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        border-bottom: none;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
        background: linear-gradient(to left, #1bb6b6 49px, #ffffff 20px, #FFFFFF 100%);
    }

    .navbar-nav .nav-link {
        line-height: 40px;
        line-height: 44px;
    }

    nav.menu-main .container {
        width: 100%;
        max-width: 100%;
    }
}