.rj-brand-nav,.rj-brand-nav *{box-sizing:border-box}.rj-brand-nav{padding:46px 20px 56px;background:#fff;color:#25272a}.rj-brand-nav__container{max-width:1320px;margin:0 auto}.rj-brand-nav__heading{margin-bottom:34px;text-align:center}.rj-brand-nav__title{margin:0;color:#242428;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:clamp(25px,3.15vw,43px);font-weight:500;letter-spacing:.075em;line-height:1.55}.rj-brand-nav__subheading{display:flex;gap:16px;align-items:center;justify-content:center;margin:9px 0 0;color:#404045;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:clamp(12px,1.25vw,16px);letter-spacing:.11em;line-height:1.5}.rj-brand-nav__subheading:before,.rj-brand-nav__subheading:after{content:"";width:45px;height:1px;background:#999;flex:0 0 auto}.rj-brand-nav__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rj-brand-nav__card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:.53;min-width:0;overflow:hidden;border-radius:6px;background:#e4e4e4;text-decoration:none!important;-webkit-tap-highlight-color:transparent}.rj-brand-nav__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}.rj-brand-nav__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.12) 64%,rgba(0,0,0,.84) 100%)}.rj-brand-nav__content{position:absolute;inset:auto 0 0;padding:24px 16px 20px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff}.rj-brand-nav__labels{display:flex;min-width:0;flex-direction:column;gap:8px}.rj-brand-nav__name{color:#fff;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-weight:600;font-size:clamp(17px,1.9vw,28px);line-height:1.25;letter-spacing:.015em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.25)}.rj-brand-nav__english{color:#fffffff0;font:500 clamp(8px,.72vw,11px)/1.5 Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}.rj-brand-nav__arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:43px;height:43px;border:1.5px solid #fff;border-radius:50%;color:#fff;background:#0000001a;transition:background .2s ease,transform .2s ease}.rj-brand-nav__arrow svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.rj-brand-nav__card:hover .rj-brand-nav__photo{transform:scale(1.045)}.rj-brand-nav__card:hover .rj-brand-nav__arrow{transform:translate(3px);background:#ffffff38}}.rj-brand-nav__card:focus-visible{outline:3px solid #bd8b52;outline-offset:4px}@media(max-width:1099px)and (min-width:750px){.rj-brand-nav__content{padding:17px 12px 15px;gap:6px}.rj-brand-nav__name{font-size:clamp(15px,1.8vw,20px)}.rj-brand-nav__arrow{width:32px;height:32px}.rj-brand-nav__english{font-size:8px;letter-spacing:.07em}}@media(max-width:749px){.rj-brand-nav{padding:32px 16px 42px}.rj-brand-nav__heading{margin-bottom:21px}.rj-brand-nav__title{font-size:clamp(23px,6vw,29px);letter-spacing:.035em}.rj-brand-nav__subheading{gap:9px;margin-top:6px;font-size:12px;letter-spacing:.07em}.rj-brand-nav__subheading:before,.rj-brand-nav__subheading:after{width:22px}.rj-brand-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rj-brand-nav__card{aspect-ratio:.82;border-radius:7px}.rj-brand-nav__gradient{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.15) 62%,rgba(0,0,0,.84) 100%)}.rj-brand-nav__content{padding:15px 9px 12px;gap:4px}.rj-brand-nav__labels{gap:5px}.rj-brand-nav__name{font-size:clamp(14px,4.1vw,19px);letter-spacing:0}.rj-brand-nav__english{font-size:clamp(7px,1.8vw,9px);letter-spacing:.04em}.rj-brand-nav__arrow{width:30px;height:30px;border-width:1px}.rj-brand-nav__arrow svg{width:18px;height:18px}}@media(max-width:359px){.rj-brand-nav{padding-left:12px;padding-right:12px}.rj-brand-nav__grid{gap:7px}.rj-brand-nav__content{padding:10px 7px}.rj-brand-nav__name{font-size:13px}.rj-brand-nav__english{font-size:6.5px}.rj-brand-nav__arrow{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.rj-brand-nav__photo,.rj-brand-nav__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/rj-brand-navigation.css.map */
