.u-bnr {
  margin-bottom: 9.5rem;
}

.u-cvbnr {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.u-cvbnr__item:not(:last-child) {
  margin-bottom: 2rem;
}
.u-cvbnr__item a {
  display: block;
  transition: 0.3s;
}
@media (hover: hover) {
  .u-cvbnr__item a:hover {
    opacity: 0.7;
  }
}

.u-photo__item {
  border: 0.2rem solid var(--c-gray);
}
.u-photo__item:not(:last-child) {
  margin-bottom: 2rem;
}
.u-photo__item a {
  display: block;
  padding: 2rem;
  color: var(--c-black);
  transition: 0.3s;
}
@media (hover: hover) {
  .u-photo__item a:hover {
    opacity: 0.7;
  }
}

.u-photo__name {
  margin-top: 2rem;
  text-align: center;
  font-size: 3.2rem;
}

.u-recommend {
  background: url("/images/common/bg-grada-purple3.jpg") no-repeat center;
  background-size: cover;
  padding: 4rem 0;
  margin-top: 4rem;
}
.u-recommend .c-scrollwrap {
  margin-top: 2.5rem;
}

.u-recommend__wrap {
  padding-left: 2rem;
  display: flex;
  gap: 2rem;
  width: 147rem;
}

.u-recommend__item {
  width: 26.8rem;
}

.u-recommend__item a{
  display: block;
}


.u-pickup {
  /* background: url("/images/common/bg-grada-purple3.jpg") no-repeat center; */
  /* background-size: cover; */
  /* padding: 4rem 0; */
  margin-top: 4rem;
}
.u-pickup .c-scrollwrap {
  margin-top: 2.5rem;
}

.u-pickup__wrap {
  padding-left: 2rem;
  display: flex;
  gap: 2rem;
  width: 147rem;
}

.u-pickup__item {
  width: 26.8rem;
  text-align: center;
}

.u-pickup__item a{
  display: block;
}

.u-pickup__item .c-pickup__name{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 2.2rem;
}

.u-pickup__item .c-pickup__ruby{
  margin-bottom: 1rem;
  font-size: 2rem;
}

.u-pickup__item .c-pickup__size{
  color: #626262;
  font-size: 1.8rem;
}

.c-footer {
  margin-top: 2rem;
}