@charset "utf-8";
#gotop {float:right;position: fixed;bottom:0;right:0;margin:1em;display: block;width:50px;height: 50px;z-index:500;}
footer{box-sizing: border-box;width:100%;height:auto;margin:0 auto;overflow: hidden;color: #FFF;}
#foot{box-sizing: border-box;width:960px;height:auto;margin:0 auto;padding:3em 0 3em 0;overflow:hidden;}

ul#list{font-size:77%;margin:15px 20px 15px auto;float:left;}
ul#list li{display:inline-block;margin:0 1em;}
ul#list li a:link,ul#list li a:visited,ul#list a:active{display:block;color:#FFF;}
ul#list a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";text-decoration: underline;} 

ul#sns{margin:10px auto 5px auto;float:right;display:block;}
ul#sns li{display:inline-block;letter-spacing:normal;margin:0 0 0 2px;width:110px;}

ul#snss{margin:10px auto 5px auto;float:right;display:flex;justify-content: center;align-items: center;}
ul#snss li{margin:0 5px;width:40px;}


#flogo img{margin:0;width:auto;height:50px;float:left;clear:right;display:block;position:relative;left:0;}
address{text-align:right;font-size:100%;line-height:1.3;margin:-40px 0 0 0;float:right;clear:left;}
.texts{font-size:small;display:block;line-height:1.1;}
.tels{padding: 0 0 0 15px;color:#FFF;}

@media only screen and (max-width: 960px) {
#foot{width:100%;padding:0.5em 2em;}
ul#list{margin:1.7em auto 0.5vw auto;line-height:1.7;}

ul#sns{margin:0.9em auto 1vw auto;}
ul#sns li{width:12vw;}

#flogo img{width:25vw;height:auto;margin:0 0 1vw 0;}
address{font-size:2vw;line-height:1.3;margin:-5.5vw 0 0 0;}
.texts{font-size:x-small;line-height:1.5;}
}
@media only screen and (max-width: 736px) {
.tels a:link,
.tels a:visited,
.tels a:active{color:#FFF;}
.tels a:hover{color:#FFF;}
}


@media only screen and (max-width: 480px) {
footer{padding:1em 0 4.7em 0; }
#foot{text-align:center;}

ul#list{width:100%;float:none;margin:1em auto 1.5em auto;font-size:small;}
ul#list li{display:block;width:50vw;margin:0 auto 1vh auto;text-align:center;padding:1vw 1vw 1vw 3vw;}


ul#sns{float:none;margin:0 auto 3vw auto;}
ul#sns li{width:25%;background: #CCC;}
#flogo img{width:50%;margin:0 auto 3vw auto;float:none;}
address{font-size:4vw;text-align:center;margin:0 auto;float:none;}
.tels{display:block;}

ul#snss{margin:0 auto 5px auto;float:none;}
ul#snss li{display:inline-block;margin:0 1vw;width:14vw;}



}