@charset "UTF-8";
/* CSS Document */
/******************************** フ ッ タ ー
********************************/
.footer { font-size: initial; background-color: #000000; }

.footer .container > a { display: block; width: 100%; max-width: 300px; 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; }

.ticket-btn { position: fixed; bottom: 5px; right: 5px; display: block; width: 35%; max-width: 200px; height: auto; aspect-ratio: 1 / 1; z-index: 999; }