@charset "UTF-8";
/* CSS Document */
/******************************** フ ッ タ ー
********************************/
.bg-img { background: url("/ocha_festival/img/1920x1080.jpg") center/cover no-repeat; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; }
.bg-img::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background-color: rgba(0, 82, 178, 0.9); }

.footer { font-size: initial; /*background: url("../img/1920x1080.jpg") center/cover no-repeat; background-attachment: fixed; position: relative;*/ }

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

.footinfo { font-size: initial; width: 100%; max-width: 375px; z-index: +1; }
.footinfo li { font-size: 0.8em; font-weight: 500; color: #FFF; }
.footinfo li.area { background-color: #FEFEFE; color: #333; border-radius: 0.5em; text-align: center; }
.footinfo li:nth-child(even) { width: calc(70% - 1.0rem); }
.footinfo li:nth-child(odd) { width: 30%; }

.sns { font-size: 0.9em; font-weight: 500; color: #FFF; z-index: +1; }
.sns a, .sns 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; }