@charset "UTF-8";
/*
CSS Document
version: 2.0
Last Update: 2022-11-10
*/
/* ====================================

    LINE & TELEPHONE Button

==================================== */
/* for SmartPhone
_____________________________________*/
#FixButtons {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    margin: 0;
    background-color: black;
    box-shadow: 0 -1px 2px 0 rgba(0,0,0,.3);
    z-index: 999;
}
#FixButtonLine, #FixButtonTel {
    width: 50%;
    height: 100%;
    float: left;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
#FixButtonLine {
    background-color: #00b900;
    background-image: url("../images/btn-line-sp.png");
}
#FixButtonTel {
    background-color: #0071bb;
    background-image: url("../images/btn-tel-sp.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #FixButtonLine {
        background-image: url("../images/btn-line-sp@2x.png");
    }
    #FixButtonTel {
        background-image: url("../images/btn-tel-sp@2x.png");
    }
}
#FixButtonLine a, #FixButtonTel a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

/* for PC
_____________________________________*/
@media (min-width: 768px) {
    #FixButtons {
    }
    #FixButtonLine {
        background-image: url("../images/btn-line-pc.png");
    }
    #FixButtonTel {
        background-image: url("../images/btn-tel-pc.png");
    }
    #FixButtonLine a, #FixButtonTel a {

    }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx) {
    #FixButtonLine {
        background-image: url("../images/btn-line-pc@2x.png");
    }
    #FixButtonTel {
        background-image: url("../images/btn-tel-pc@2x.png");
    }
}/* End for PC */