@charset "UTF-8";
/* CSS Document */
/******************************** フ ッ タ ー
********************************/
.footer { font-size: initial; background-color: #F7F8F8; background: url("../img/bg.jpg") center/cover no-repeat; background-attachment: fixed; }

.footer .container > a { display: block; width: 100%; max-width: 500px; margin: auto; }

.footinfo { font-size: initial; width: 100%; max-width: 480px; /*li:nth-child(even){ width: calc(75% - 1.0rem);}
li:nth-child(odd){ width: 25%;}*/ }
.footinfo li { font-size: 0.8em; font-weight: 500; color: #333; text-align: center; }
.footinfo .area { background-color: #FEFEFE; color: #333; border-radius: 0.5em; text-align: center; }

.sns { font-size: 0.9em; font-weight: 500; color: #333; }
.sns a, .sns a:visited { color: #115FFF; text-decoration: underline; }

.footer-nav { background-color: #000; width: 100%; margin: 0; padding: 0; text-align: center; }

.footer-nav img { width: 60%; max-width: 300px; }

.fnav { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: auto; color: #FEFEFE; }

.fnav li { font-size: 1.2rem; line-height: 2.0rem; width: 100%; position: relative; padding: 0 0.5rem; box-sizing: border-box; text-align: left; border-bottom: solid 1px #333; transition: .4s; }

.fnav li:last-child { border-bottom: none; }

.fnav li:hover { background-color: #333; }

.fnav li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; }

@media (min-width: 992px) { .fnav { justify-content: space-around; max-width: 1000px; }
  .fnav li { width: auto; text-align: center; border-bottom: none; border-bottom: solid 1px #000; }
  .fnav li:hover { background-color: #000; border-bottom: solid 1px #FEFEFE; } }
.copy { font-size: 1rem; text-align: center; padding: 0; line-height: 2.6rem; color: #FEFEFE; }