.category-foot-nav,.category-foot-nav>ul>li a{-webkit-box-sizing:border-box;box-sizing:border-box}.category-foot-nav{max-width:1040px;margin:100px auto 0;padding:32px 40px 40px;background-color:#f4f4f4}.category-foot-nav .category-foot-nav-ttl{font-size:1.8rem;font-weight:500;margin-bottom:24px}.category-foot-nav>ul{display:-ms-grid;display:grid;gap:24px;-ms-grid-columns:1fr 24px 1fr 24px 1fr 24px 1fr;grid-template-columns:repeat(4,1fr)}.category-foot-nav>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.2}.category-foot-nav>ul>li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#fff;border-radius:4px;padding:17px 28px 17px 14px;color:#000;text-decoration:none;border-width:1px;border-style:solid;border-color:#fff;position:relative}.category-foot-nav>ul>li a::after{display:block;content:"";height:11px;width:10px;background-color:#080;-webkit-transition:background-color .4s;transition:background-color .4s;-webkit-mask-image:url(/common/img/icon_single_arrow.svg);mask-image:url(/common/img/icon_single_arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.category-foot-nav>ul>li a.current{border-color:#080;color:#080;pointer-events:none;cursor:default}.category-foot-nav>ul>li a.current::after{display:none}@media only screen and (min-width:641px) and (max-width:960px){.category-foot-nav{margin:70px auto 0;padding:24px 4% 30px}.category-foot-nav>ul{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:640px){.category-foot-nav{margin:60px 0 0;padding:20px 5.33%}.category-foot-nav .category-foot-nav-ttl{font-size:1.6rem;margin-bottom:16px}.category-foot-nav>ul{gap:8px;-ms-grid-columns:1fr 8px 1fr;grid-template-columns:repeat(2,1fr)}.category-foot-nav>ul>li a{padding:11px 28px 11px 12px}.category-foot-nav>ul>li a::after{right:11px}}@media (hover:hover){.category-foot-nav>ul>li a{-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.category-foot-nav>ul>li a:hover{border-color:#080}}