/*==================================================================
    納品完了後、CSSを追加するファイル
===================================================================*/

.l-header-11 {
    background-color: rgba(255, 255, 255, 0.8);
}

.l-header-11--menu--container .menu-item a {
    color: #000;
}

.l-header-11--menu--container .menu-item>a::after {
    background: #000;
}

.l-header-11--contact--item-btn.-btn1 a {
    border: none;
}

.l-header-11--contact--item-btn.-btn1 a:hover {
    color: #fff;
}

.l-header-11--contact--item-btn.-btn1 a::before {
    background: #727176;
}

.l-header-11--logo img, .l-footer-1--logo img {
    max-width: 200px;
}

.l-header-simple > .l-container {
    padding: 7px 15px;
}

.l-header-11--sns--list {
    padding-top: 2px;
    padding-inline-start: 0;
    justify-content: center;
    list-style: none;
    display: flex;
}

@media screen and (min-width:767px) {
    .l-header-11--sns--list {
        margin-left: 20px;
    }
}

.l-header-11--sns--list--item {
    width: 40px;
    height: 40px;
}

.l-header-11--sns--list--item:first-of-type {
    margin-right: 10px;
}

.l-header-11--sns--list--item--link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
    border-radius: 20px;
    -webkit-transition: .3s;
    transition: .3s;
}

.l-header-11--sns--list--item--link.-gray {
    background: #727176;
}