@charset "utf-8";

/* **********************************************************
	footer
********************************************************** */
footer { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000000; padding: 2.5vw; }
footer .footer__navi { text-align: center; font-size: 1vw; margin-bottom: 2.5vw; }
footer .footer__navi ul { display: table; margin: 0 auto; }
footer .footer__navi li { display: table-cell; vertical-align: middle; padding-right: 2.5vw; }
footer .footer__navi li:last-child { padding-right: 0; }
footer .footer__navi li a,
footer .footer__navi li a:visited { color: #ffffff; text-decoration: none; }
footer .footer__navi li a:hover { color: #ffffff; text-decoration: underline; }
footer .footer__navi li.dark a,
footer .footer__navi li.dark a:visited,
footer .footer__navi li.dark a:hover { color: #aaaaaa; }
footer .footer__search { text-align: center; font-size: 1vw; margin-bottom: 2.5vw; }
footer .footer__search .search__block { position: relative; margin: 0 auto; width: 23.33vw; }
footer .footer__search .search__block input[type="text"] { background-color: #1f1f1f; -webkit-appearance: none; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; border: 0px; color: #ffffff; padding: 0.83vw 3.33vw 0.83vw 0.83vw; outline: 0px; width: 100%; }
footer .footer__search .search__block button { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 0; line-height: 0; position: absolute; top: 50%; right: 1.25vw; }
footer .footer__search .search__block button img { width: 1.5vw; height: 1.5vw; }
footer .footer__link { text-align: center; font-size: 1vw; margin-bottom: 2.5vw; }
footer .footer__link ul { display: table; margin: 0 auto; }
footer .footer__link li { display: table-cell; vertical-align: middle; padding-right: 2.5vw; }
footer .footer__link li:last-child { padding-right: 0; }
footer .footer__link li a,
footer .footer__link li a:visited { color: #aaaaaa; text-decoration: none; }
footer .footer__link li a:hover { color: #aaaaaa; text-decoration: underline; }
footer .footer__sns { text-align: center; margin-bottom: 2.5vw; }
footer .footer__sns ul { display: table; font-size: 0; line-height: 0; margin: 0 auto; }
footer .footer__sns li { display: table-cell; vertical-align: middle; padding-right: 1.66vw; }
footer .footer__sns li:last-child { padding-right: 0; }
footer .footer__sns li img { width: 2.5vw; }
footer .footer__copy { color: #aaaaaa; text-align: center; font-size: 1vw; }
@media (min-width: 1201px) {
	footer { padding: 30px; }
	footer .footer__navi { font-size: 1.2rem; margin-bottom: 30px; }
	footer .footer__navi li { padding-right: 30px; }
	footer .footer__search { font-size: 1.2rem; margin-bottom: 30px; }
	footer .footer__search .search__block { width: 280px; }
	footer .footer__search .search__block input[type="text"] { padding: 10px 40px 10px 10px; }
	footer .footer__search .search__block button { right: 15px; }
	footer .footer__search .search__block button img { width: 18px; height: 18px; }
	footer .footer__link { font-size: 1.2rem; margin-bottom: 30px; }
	footer .footer__link li { padding-right: 30px; }
	footer .footer__sns { margin-bottom: 30px; }
	footer .footer__sns li { padding-right: 20px; }
	footer .footer__sns li img { width: 30px; }
	footer .footer__copy { font-size: 1.2rem; }
}
@media (max-width: 768px) {
	footer { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000000; padding: 0 0 4.68vw 0; }
	footer .footer__navi { text-align: center; font-size: 3.75vw; margin-bottom: 6.25vw; }
	footer .footer__navi ul { display: block; margin: 0; }
	footer .footer__navi li { border-bottom: 1px solid #262626; display: block; vertical-align: middle; padding-right: 0; }
	footer .footer__navi li:last-child { padding-right: 0; }
	footer .footer__navi li a,
	footer .footer__navi li a:visited { color: #ffffff; display: block; text-decoration: none; padding: 3.9vw 0; }
	footer .footer__navi li a:hover { color: #ffffff; text-decoration: underline; }
	footer .footer__navi li.dark a,
	footer .footer__navi li.dark a:visited,
	footer .footer__navi li.dark a:hover { color: #aaaaaa; }
	footer .footer__navi li.dark { display: none; }
	footer .footer__search { text-align: center; font-size: 3.75vw; margin-bottom: 6.25vw; padding: 0 3.33vw; }
	footer .footer__search .search__block { position: relative; margin: 0 auto; width: auto; }
	footer .footer__search .search__block input[type="text"] { background-color: #1f1f1f; -webkit-appearance: none; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; border: 0px; color: #ffffff; padding: 1.56vw 10.93vw 1.56vw 1.56vw; outline: 0px; width: 100%; }
	footer .footer__search .search__block button { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 0; line-height: 0; position: absolute; top: 50%; right: 3.12vw; }
	footer .footer__search .search__block button img { width: 5.62vw; height: 5.62vw; }
	footer .footer__link { text-align: center; font-size: 3.75vw; margin-bottom: 6.25vw; }
	footer .footer__link ul { display: block; margin: 0; }
	footer .footer__link li { display: inline-block; vertical-align: middle; padding: 0 2.34vw; }
	footer .footer__link li:last-child { padding-right: 0; }
	footer .footer__link li a,
	footer .footer__link li a:visited { color: #aaaaaa; text-decoration: none; }
	footer .footer__link li a:hover { color: #aaaaaa; text-decoration: underline; }
	footer .footer__sns { text-align: center; margin-bottom: 6.25vw; }
	footer .footer__sns ul { display: table; font-size: 0; line-height: 0; margin: 0 auto; }
	footer .footer__sns li { display: table-cell; vertical-align: middle; padding-right: 3.12vw; }
	footer .footer__sns li:last-child { padding-right: 0; }
	footer .footer__sns li img { width: 6.25vw; }
	footer .footer__copy { color: #aaaaaa; text-align: center; font-size: 2.5vw; }
}