@charset "utf-8";
#footer{
  padding-bottom: 10%;
  background:url(../../images/main/common/footer_bg.png)center bottom / 100% no-repeat;
}
.scrollButton {
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 300;
  padding: 1.3em 1.5em 1.7em;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}
.scrollButton::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:url(../../images/main/common/pagetop_ring.png)top center / contain no-repeat;
  transition:.3s;
}
.scrollButton img{
  transition:.3s .3s;
}
.scrollButton:not(.inview){
  visibility: hidden;
}
.scrollButton:not(.inview)::before {
  transform:scale(0) rotate(180deg);
  transition:.3s .3s;
}
.scrollButton:not(.inview) img{
  transition:.3s;
  opacity:0;
}
.scrollButton:hover{
  opacity:1;
}
@media screen and (max-width:899px){
  .scrollButton {
    padding: 1.5em;
  }
}
.socialListWrap .inner,
.socialList {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialListWrap .inner{
  position: relative;
  max-width: 1200px;
  width: 98%;
  margin: auto;
}
.socialListWrap .inner::before,
.socialListWrap .inner::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#fff;
}
.socialTtl{
  position:absolute;
  top:0;
  bottom:0;
  left: 0;
  height: 0.7em;
  margin:auto;
  line-height: 0;
  letter-spacing: 0.2em;
  font-size: 1.25em;
}
.socialList{
  flex-shrink:0;
  margin: auto 2em;
}

.socialList a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 1em;
  padding:1em;
  background: url(../../images/main/common/sns_ring.png)center center / contain no-repeat;
}
.socialList a img{
  width:2em;
}
.footerBnrWrap{
  margin: 0 auto -3em;
  padding-top: 2em;
  min-height: 6em;
}
.footerNaviWrap .inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding-top: 15%;
  padding-bottom: 15%;
  margin-top: 0;
  background: url(../../images/main/common/magic.png)center center / contain no-repeat;
}
.footerNaviWrap a{
  color:inherit;
  text-decoration:none;
}
.footerLogo{
  width:450px;
  max-width: 50%;
  margin-bottom: 1em;
}
.footerLogo img {
  width: 100%;
  filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff);
}
#g_navi_v ul{
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  max-width: 400px;
  font-size: 0.85em;
}
#g_navi_v ul li{
  margin: 0 0.5em 0;
}
.copyright {
  font-size: 0.85em;
  text-align: center;
  padding: 1em;
  margin: 0;
}
p.wbLogo {
  text-align: center;
  margin: 2em auto 0;
}

p.wbLogo img {width: 6em;}
@media screen and (max-width:899px){
  .socialListWrap .inner{
    padding:0;
    margin-top: 5em;
  }
  .socialTtl{
    top: -8em;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
    font-size: 1.4em;
  }
}