@charset "utf-8";

/* clearfix */
/* .cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; } */

/* footer main block */
.footer-common-link { background-color: #7c6b62; text-align: center; font-size: 10px; padding: 13px 0 0; }
.footer-common-link .item,
.footer-common-link .link { color: #fff; }
.footer-common-link .item { display: inline-block; font-size: 11px; padding-bottom: 10px; }
.footer-common-link .item:after { color: #b0a59e; content: " ｜ "; }
.footer-common-link .item--copyright { display: block; font-size: 11px; text-align: center; width: 100%; }
.footer-common-link li.item.item--copyright.item--affiliate { padding-bottom: 0; }

/* footer explanation blocks */
.footer-explanation-wrapper { width: 88%; max-width: 780px; margin: 10px auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px 50px; }
.footer-explanation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 11px; line-height: 1.6em; margin-top: 10px; margin-bottom: 10px; text-align: left; color: #fff; }
.footer-explanation .footer-explanation-img { width: 70px; min-width: 70px; height: 70px; background-color: #fff; margin-right: 16px; padding: 5px; }
.footer-explanation .footer-explanation-img img { aspect-ratio: 1; object-fit: contain; max-width: 100%; height: initial; width: initial; }

/* list container inside nav */
.common-link-nav .common-link-list { margin: 0; padding: 0; list-style: none; }
.common-link-nav .common-link-list .item { margin: 0 6px; }



@media (max-width: 600px) { .footer-explanation-wrapper { grid-template-columns: 1fr; } }