@charset "euc-jp";

/* ---------------------------------------------------------------

  footer.css

--------------------------------------------------------------- */


.footer .footer-band {
  border-top: 1px solid #ccc;
  background: #eee;
}

.footer-inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
}

.footer-inner .totop {
  position: absolute;
  right: -35px;
  top: -25px;
}

.footer-inner .footer-lead {
  color: #333;
  font-size: 13px;
  padding-bottom: 20px;
}

.fot-navi li:first-child {
  padding-left: 0;
}

.fot-navi li {
  display: inline-block;
  padding: 0 10px;
}

.fot-navi li a {
  padding-left: 13px;
  vertical-align: top;
  background: url(/resource/img/footer/arrow_circle.png) left 4px no-repeat;
}

.copy {
  background: #A87A46;
  font-size: 13px;
  padding: 8px 0;
  color: #fff;
  text-align: center;
}

.footer .of_sns{
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding: 25px 40px;
}

.footer .of_sns p{
  font-size: 16px;
}

.footer .of_sns ul{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.footer .of_sns ul img{
  width: 32px;
  vertical-align: middle;
}

.footer .of_sns li{
margin-right: 10px;
}

.footer .of_sns a {
  display: block;
}


/*-- Cookie篏睡��������������≪���� --*/

  .footer .cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;

  }
  .footer .cookie-consent.is-show {
    visibility: visible;
    z-index: 1;
  }
  .footer .cookie-consent a {
    color: #fff !important;
  }
  .footer .cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
    margin-bottom: 15px;
  }
  .footer .cookie-agree:hover {
    cursor: pointer;
  }
  /* ����������� */
  .footer .cc-hide1 {
    display: none;
  }
  /* ���ｃ���闉����� */
  .footer .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }

  .cookie-text .cap{
    font-size: 11px;
  }

  .cookie-text{
    line-height: 2;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  
  .footer .cookie-close {
    cursor: pointer;
    padding: .5em 1.5em;
    border: none;
    color: #3a3a3a;
  }

    .footer .cookie-agree,
      .footer .cookie-close{
        text-align: center;
      }

  /*-- Cookie篏睡��������������≪���� --*/