/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}

#gotop { display: none; position: fixed; right:5px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:block; width:50px; height:50px; border-radius: 100%; line-height: 50px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000; margin-bottom: 5px; position: relative;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}
.fb-message:before { font-size: 24px;}
.telephone::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url("../images/icon_telephone.png") no-repeat center; width: 24px; height: 24px; }
.line::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url("../images/icon_line.png") no-repeat center; width: 24px; height: 23px;}

footer { background: #da1984; color: #fff; padding: 40px 20px 30px 20px; font-size: 15px;}
.footer-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.footer-content a {color: #fff;}
.footer-link a { display: inline-block; margin: 0 20px 10px 0; line-height: 0;}
.footer-link a img { width: 38px;}



@media only screen and (max-width: 768px) {
    .footer-link { text-align: center;}
    .footer-content { justify-content: center; flex-direction: column;}
    .footer-link a {margin: 0 10px 10px 10px;}
    .footer-link a img { width: 30px;}
}
@media only screen and (max-width: 640px) {
    
	
}
@media only screen and (max-width: 570px) {
    
}

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

}

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

}