<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>受付時間 ８：００〜２０：００</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) -->