@charset "UTF-8";
@media screen and (min-width:961px) {

 /* ---------footer------------ */

 footer{
    border-top: 1px solid #c3d4d9;
    padding:40px 0;
    margin:160px 0 0 0;
    font-weight: 300;
 }
 footer ul{
        text-align: center;
        margin-bottom:24px;
 }
  footer ul li{
        display: inline-block;
        margin: 0 16px;
 }
   footer ul li a{
       color:#666666;
 }
  footer .copy{
    text-align: center;
 }
}
/* ---------------------------------------------------------------------for sp--------------------------------------------------------------------- */
@media screen and (max-width:960px) {
 footer{
    border-top: 1px solid #c3d4d9;
            padding: 8% 0;
        margin: 8% 0 0 0;
        font-weight: 300;
 }
 footer ul{
        text-align: center;
        margin-bottom:24px;
 }
  footer ul li{
        display: block;
        margin:16px;
 }
footer ul li a{
       color:#666666;
 }
  footer .copy{
    text-align: center;
 }

}