/* --- PC/SPの表示切り替え --- */

/* PC表示のとき (bodyに.is-pcクラスがある場合) */
.is-pc .for-sp {
  display: none; /* SP用のナビゲーションを非表示にする */
}
.is-pc .for-pc {
  display: block; /* PC用のナビゲーションを表示する */
}


/* SP表示のとき (bodyに.is-spクラスがある場合) */
.is-sp .for-pc {
  display: none; /* PC用のナビゲーションを非表示にする */
}
.is-sp .for-sp {
  display: block; /* SP用のナビゲーションを表示する */
}

/*
 * 補足:
 * 最初から両方非表示にしておき、該当デバイスの時だけ表示する方法もあります。
 * そのほうが見えるまでのチラつきを防止できます。
 *
 * .for-pc,
 * .for-sp {
 *   display: none;
 * }
 * .is-pc .for-pc {
 *   display: block;
 * }
 * .is-sp .for-sp {
 *   display: block;
 * }
 */

.for-sp_box{
	text-align: center;
}
.footer__navi for-sp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 55rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.5rem;
	}
.footer__navi for-sp li {
	text-align: left !important;
	}