/*------------------------------------------------------*/
/* footer
/*------------------------------------------------------*/
div#footer {
    margin-top: 36px;
	background-color: #F2F2F2
}

div#footer div.inner {
    padding: 16px;
}

div#footer div.utility {
    margin-bottom: 12px;
}

div#footer div.utility ul {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

div#footer div.utility ul li {
	padding: 0 16px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin: 8px 0;　
	display: flex;
	align-items: center;
	height: 20px;
}

div#footer div.utility ul li.footer_utility_pc {
    display: list-item;
}
@media (max-width: 768px) {
    div#footer div.utility ul li.footer_utility_pc {
        display: none;
    }
}

div#footer div.utility ul li.footer_utility_sp {
    display: none;
}
@media (max-width: 768px) {
    div#footer div.utility ul li.footer_utility_sp {
        display: list-item;
    }
}

div#footer li#logout_btn {
    display: none;
}

div#logged_in li#logout_btn {
	display: inline-block !important;
    border: none;
}

div#footer a:link,
div#footer a:visited {
	color:#1B1B1B;
	text-decoration:none;
}
@media (max-width: 768px) {
    div#footer a:link,
    div#footer a:visited {
    	color:#1B1B1B;
    }
}

div#footer a:hover {
	color:#a9a9a9;
}

div#footer div.copyright {
    display:flex;
    justify-content:center;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #777777;
}
@media (max-width: 768px) {
    div#footer div.copyright {
      flex-direction: column;
    }
}
/* footer End--------------------------------- */