.foot {
	width:100%;
	background:#353232;
	padding:45px 0;
	color:#cccaca;
}
.footer {
	width:calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.footer ul.menu {
	width:100%;
	margin-bottom:40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.footer ul.menu li {
	font-size:1.6rem;
	font-family: quasimoda, sans-serif;
	color:#cccaca;
}
.footer ul.menu li:not(:last-child)::after {
	content:'/';
	display:inline-block;
	margin:0 .5em;
}
.footer ul.menu a {
	font-family: quasimoda, sans-serif;
	color:#cccaca;
	letter-spacing:.1em;
	transition:.3s;
}
.footer ul.menu a:hover {
	opacity:.8;
}
.footer dl {
	width:270px;
	text-align:center;
	margin:0 auto 60px;
	width:220px;
}
.footer dt {
	color:#cccaca;
	font-size:1.5rem;
	font-family: quasimoda, sans-serif;
	letter-spacing:.1em;
	margin-bottom:1em;
}
.footer dd {
	width:100%;
	height:25px;
}
.footer dd a {
	transition:.3s;
}
.footer dd a svg {
	fill:#cccaca;
	max-height:25px;
}
.footer dd a:hover {
	opacity:.8;
}
.footer dd a:nth-child(1) svg {
	width:21px;
}
.footer dd a:nth-child(2) svg {
	width:24px;
	width:19px;
}
.footer dd a:nth-child(3) svg {
	width:10px;
}
.footer dd a:nth-child(4) svg {
	width:24px;
}
.footer dd a:nth-child(5) svg {
	width:23px;
}
.footer dd a:nth-child(6) svg {
	width:23px;
}

.footer .logo_footer {
	width:65px;
	margin:0 auto 25px;
}
.footer .copyright {
	font-size:1.1rem;
	font-family: quasimoda, sans-serif;
	letter-spacing:.1em;
	color:#cccaca;
	text-align:center;
}


@media screen and (max-width:1180px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

.foot {
	padding:30px 0;
}
.footer {
	width:calc(100% - 30px);
}
.footer ul.menu {
	margin-bottom:20px;
	font-size:1.2rem;
	width: 23em;
}
.footer ul.menu li {
	font-size:1.2rem;
	margin-bottom:5px;
}
.footer ul.menu li:nth-child(4)::after {
	content:none;
}
.footer ul.menu a {
	transition:0s;
}
.footer ul.menu a:hover {
	opacity:1;
}
.footer dl {
	width:240px;
	margin:0 auto 30px;
	width:220px;
}
.footer dd a {
	transition:0s;
}
.footer dd a:hover {
	opacity:1;
}

.footer .logo_footer {
	width:50px;
	margin:0 auto 20px;
}
.footer .copyright {
	font-size:1.0rem;
}
	
}

@media screen and (max-width:480px){

}