@media screen and (min-width: 769px){

.footer__social{
 display:none;
}

}
@media screen and (max-width: 768px){

    img {
        border-style: none;
    }

    img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    *,
    :before,
    :after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer__social {
        position: fixed;
        font-size: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .footer__social ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer__social__item {
        width: 50%;
    }

    .footer__social__item a {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.1rem;
        text-decoration: none;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        padding-left: 12px;
    }

    .footer__social__item a div+div {
        padding-left: 10px;
        font-weight:bold;
        line-height:1.5;
    }

    .footer__social__item--inquiry {
        background-color: #368ac0;
    }

    .footer__social__item--reservation {
        background-color: #00B900;
    }






    .u-hover a {
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
    }
}