LINEでお片付




<style type="text/css">

/*<![CDATA[*/

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

    #footerMenuSp {

        display: none !important;

    }

}

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

    /*------ フローティングメニュー ------*/

    #footerMenuSp {

        display: block;

        width: 100%;

        position: fixed;

        left: 0px;

        bottom: 0px;

        text-align: center;

        padding: 0 auto;

        background-color: #ffffff;

        height: 50px;

        z-index: 100;

        box-shadow: 0px -2px 3px #bbb;

    }

    #footerMenuSp a {

        width: 46%;

        text-decoration: none !important;

        font-size: 20px;

        height: 36px;

        display: inline-block;

        margin: 5px 1%;

        padding: 4px 1px 0;

        color: #ffffff;

        position: relative;

        border-radius: 4px;

        line-height: 1.5;

        vertical-align: middle;

    }

    #footerMenuSp a span{

        font-size: 10px;

        line-height: 0.8;

        color: #ffffff;

        display: inline-block;

    }

    #footerMenuSp a.line{

        background: #40b649;

        color: #fff;

        line-height: 1;

    }

    #footerMenuSp a.line span{

        font-size: 17px;

        line-height: 1;

        vertical-align: middle;

    }

    #footerMenuSp a.line span.line_bold{

        font-size: 19px;

        font-weight: bold;

        vertical-align: baseline;

        line-height: 0.7;

    }

    #footerMenuSp a.tel{

        color: #fff;

        background: #f96911;

        line-height: 0.7;

    }

    #footerMenuSp a.line:before {

        font-family: FontAwesome;

        content: "\f0c0";

        color: #ffffff;

        margin-right: 10px;

    }

    #footerMenuSp a.tel:before {

        font-family: FontAwesome;

        content: "\f095";

        color: #ffffff;

    }

}

/*]]>*/

</style><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<div id="footerMenuSp">

    <a href="https://lin.ee/6Yp54cD" class="line"><span><span class="line_bold">LINE</span>で<br />

    簡単見積もり</span></a> <a href="tel:0120-405-936" class="tel">0120-405-936<br />

    <span>受付時間 8:00〜20:00</span></a>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 

<script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* <![CDATA[ */

 

$(function() {

    var topBtn = $('#footerMenuSp');

    topBtn.hide();

    $(window).scroll(function () {

        if ($(this).scrollTop() > 10) { // 表示される位置

            //if ($(this).scrollTop() > 240) { // 表示される位置

            topBtn.fadeIn();

        } else {

            topBtn.fadeOut();

        }

    });

});

/*]]>*/

</script>

<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KX7V25P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 

<!-- End Google Tag Manager (noscript) -->