@charset "utf-8";
/* CSS Document */

/********************************
                      フ ッ タ ー
********************************/
.footer { font-size: 0; background-color: #F7F8F8; background: url("../img/bg.jpg") center/cover no-repeat; background-attachment: fixed; display: flex; flex-direction: column; align-items: center; color: #FEFEFE;}
.footer > a { display: block; width: 100%; max-width: 500px; }
	
.footinfo {max-width: 576px;}
.footinfo .sns { font-size: 0.9rem; line-height: 0.9rem; font-weight: 500; text-align: center;}

.footinfo ul { display: flex; flex-wrap: wrap; align-items: center;}
.footinfo ul li { font-size: 0.8rem; line-height: 1.4rem; font-weight: 500; text-align: left; width: 70%;}
.footinfo ul li.area { background-color: #FEFEFE; color: #333; border-radius: 0.7rem;  text-align: center; width: calc(30% - 1.0rem); margin-right: 1.0rem;}
.footinfo a, .footinfo a:visited { color: #FFF000; text-decoration: underline;}



.copy { width: 100%; margin: 0; padding: 0; text-align: center; color: #FEFEFE; background-color: #000; font-size: 10px; line-height: 40px;}