.japan_colors .color{display:inline-block;margin:.625rem;position:relative;width:calc(20% - 1.25rem)}.japan_colors .color .color-block{position:relative}.japan_colors .color .bg{height:6.25rem}.japan_colors .color .bg,.japan_colors .color .copy{border-radius:.25rem;box-sizing:border-box;transition:all .3s ease}.japan_colors .color .copy{background-color:rgba(0,0,0,.5);color:#fff;font-size:.875rem;height:100%;left:0;line-height:1.8;opacity:0;padding:.9375rem 1.25rem;position:absolute;top:0;width:100%}.japan_colors .color .copy div{cursor:pointer;transition:color .15s ease}.japan_colors .color .copy div:hover{color:var(--theme)}.japan_colors .color .name{margin-top:.625rem;text-align:center}.japan_colors .color .name-n{display:none}.japan_colors .color:hover .copy{opacity:1}.japan_colors .color:hover .bg{box-shadow:.0625rem .0625rem .0625rem transparent!important}@media(max-width:1080px){.japan_colors .color{width:calc(20% - 1.25rem)!important}}@media(max-width:880px){.japan_colors .color{width:calc(25% - 1.25rem)!important}}@media(max-width:680px){.japan_colors .color{width:calc(33.33333% - 1.25rem)!important}.japan_colors .color .name{display:none}.japan_colors .color .color-block .bg{box-shadow:.0625rem .0625rem .0625rem transparent!important;height:3.75rem}.japan_colors .color .color-block .copy{background-color:transparent!important;box-sizing:border-box;color:var(--color-text);line-height:1.5;opacity:1;padding:.3125rem 0;position:relative;top:100%;width:100%}.japan_colors .color .color-block .name-n{display:block;font-weight:700;margin-top:.625rem}}@media(max-width:480px){.japan_colors .color{margin:.5rem!important;width:calc(33.33333% - 1rem)!important}}