#junior {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Page Title */
#junior .junior-title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}

/* Main Visual */
#junior .junior-slide {
  width: 100%;
  height: 344px;
  margin-top: 20px;
}
#junior .junior-slide-i {
  width: 860px;
  height: 344px;
  text-align: center;
  margin: 0 10px;
}
#junior .junior-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#junior .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  list-style: none;
  margin: 16px 0 0;
}
#junior .slick-dots li {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
}
#junior .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  color: transparent;
  background-color: #e6e6e6;
}
#junior .slick-dots li.slick-active button {
  background-color: #001e62;
}

/* Navigation */
#junior .junior-nav {
  display: flex;
  justify-content: center;
  width: 757px;
  border: 1px solid #001e62;
  border-radius: 5px;
  overflow: hidden;
  margin: 65px auto 0;
}
#junior .junior-nav-i {
  width: calc(100% / 4);
}
#junior .junior-nav-i:nth-child(n + 2) {
  border-left: 1px solid #001e62;
}
#junior .junior-nav-i a {
  display: flex;
  justify-content: center;
  align-items: start;
  width: 100%;
  height: 54px;
  font-size: 16px;
  color: #001e62;
  font-weight: bold;
  line-height: 1;
  padding-top: 12px;
  position: relative;
}
#junior .junior-nav-i a::after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #001e62;
  border-bottom: 2px solid #001e62;
  rotate: 45deg;
  position: absolute;
  bottom: 10px;
  left: 50%;
  translate: -50% 0;
}
#junior .junior-nav-i a:hover {
  color: #fff;
  background-color: #001e62;
  opacity: 1;
}
#junior .junior-nav-i a:hover::after {
  border-color: #fff;
}

/* Trend Words */
#junior .junior-trend {
  width: 1200px;
  margin: 45px auto 0;
}
#junior .junior-trend-title {
  width: 100%;
  position: relative;
}
#junior .junior-trend-title::before,
#junior .junior-trend-title::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
#junior .junior-trend-title::before {
  translate: 0 -2px;
}
#junior .junior-trend-title::after {
  translate: 0 2px;
}
#junior .junior-trend-title span {
  display: block;
  width: fit-content;
  font-size: 22px;
  font-weight: bold;
  padding: 0 28px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
#junior .junior-trend-words {
  margin-top: 35px;
}
#junior .junior-trend-words .awoo-tag-wrapper {
  justify-content: center;
}

/* asics KIDS */
#junior .junior-kids {
  width: 1200px;
  background-color: #ecf3fe;
  padding: 40px 0 56px;
  margin: 32px auto 0;
}
#junior .junior-kids-text {
  font-size: 16px;
  text-align: center;
  color: #0f63f7;
  font-family: "kozuka-gothic-pr6n", "sans-serif" !important;
  font-weight: 500;
  line-height: 30px;
}
#junior .junior-kids-text::first-letter {
  font-size: 32px;
}
#junior .junior-kids-text span {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2px 0;
  box-sizing: border-box;
  font-family: "kozuka-gothic-pr6n", "sans-serif" !important;
}
#junior .junior-kids-img {
  width: 622px;
  margin: 40px auto 0;
}
#junior .junior-kids-img img {
  display: block;
  width: 100%;
}
#junior .junior-kids-logo {
  width: 200px;
  margin: 7px auto 0;
}
#junior .junior-kids-logo img {
  display: block;
  width: 100%;
}
#junior .junior-kids-series {
  width: 622px;
  background-color: #fff;
  margin: 45px auto 0;
  padding: 25px 25px 25px;
}
#junior .junior-kids-series-title {
  display: block;
  width: 100%;
  position: relative;
}
#junior .junior-kids-series-title::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #0f63f7;
  position: absolute;
  top: 50%;
  left: 0;
}
#junior .junior-kids-series-title span {
  display: block;
  width: fit-content;
  font-size: 20px;
  font-weight: bold;
  color: #0f63f7;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}
#junior .junior-kids-series-list {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  width: 100%;
  margin-top: 30px;
}
#junior .junior-kids-series-list-i {
  flex: 1;
}
#junior .junior-kids-series-list-i a {
  display: block;
  width: 100%;
  background-color: #ecf3fe;
}
#junior .junior-kids-series-list-i-img {
  width: 100%;
  aspect-ratio: 276/105;
}
#junior .junior-kids-series-list-i-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#junior .junior-kids-series-list-i-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
}
#junior .junior-kids-series-list-i-logo img {
  display: block;
  height: 28px;
}

/* Search by gender */
#junior .junior-gender {
  width: 100%;
  padding: 72px 0 104px;
}
#junior .junior-gender-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#junior .junior-gender-list {
  display: flex;
  justify-content: space-between;
  width: 940px;
  column-gap: 40px;
  margin: 40px auto 0;
}
#junior .junior-gender-list-i {
  flex: 1;
}
#junior .junior-gender-list-i a {
  display: block;
  width: 100%;
  border: 2px solid;
  border-radius: 8px;
  overflow: hidden;
}
#junior .junior-gender-list-i.-boy a {
  border-color: #0f63f7;
}
#junior .junior-gender-list-i.-girl a {
  border-color: #f70f8a;
}
#junior .junior-gender-list-i-img {
  display: flex;
  justify-content: center;
  align-items: start;
  height: 162px;
}
#junior .junior-gender-list-i-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
#junior .junior-gender-list-i.-boy .junior-gender-list-i-text {
  color: #0f63f7;
}
#junior .junior-gender-list-i.-girl .junior-gender-list-i-text {
  color: #f70f8a;
}
#junior .junior-gender-list-i-text::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  rotate: 45deg;
  position: absolute;
  right: 26px;
  bottom: 26px;
}
#junior .junior-gender-list-i.-boy .junior-gender-list-i-text::after {
  border-color: #0f63f7;
}
#junior .junior-gender-list-i.-girl .junior-gender-list-i-text::after {
  border-color: #f70f8a;
}

/* Search by age */
#junior .junior-age {
  width: 100%;
  background-color: #f0f3fa;
  padding: 48px 0 64px;
}
#junior .junior-age-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#junior .junior-age-list {
  display: flex;
  justify-content: center;
  column-gap: 24px;
  width: 1200px;
  margin: 40px auto 0;
}
#junior .junior-age-list-i {
  flex: 1;
}
#junior .junior-age-list-i a {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 24px 0 30px;
  position: relative;
}
#junior .junior-age-list-i a::before {
  display: block;
  content: "";
  width: 27px;
  height: 27px;
  background-color: #f0f4fa;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 50%;
  translate: 0 -50%;
}
#junior .junior-age-list-i a::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #0f63f7;
  border-right: 2px solid #0f63f7;
  rotate: 45deg;
  position: absolute;
  right: 21px;
  top: 50%;
  translate: 0 -50%;
}
#junior .junior-age-list-i-img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 182px;
  height: 160px;
  margin: 0 auto;
}
#junior .junior-age-list-i-img img {
  display: block;
  object-fit: contain;
  object-position: center bottom;
}
#junior .junior-age-list-i.-first .junior-age-list-i-img img {
  width: 91px;
  height: 105px;
}
#junior .junior-age-list-i.-baby .junior-age-list-i-img img {
  width: 78px;
  height: 133px;
}
#junior .junior-age-list-i.-preschool .junior-age-list-i-img img {
  width: 106px;
  height: 149px;
}
#junior .junior-age-list-i.-junior .junior-age-list-i-img img {
  width: 182px;
  height: 160px;
}
#junior .junior-age-list-i-target {
  margin-top: 10px;
  text-align: center;
  color: #0f63f7;
}
#junior .junior-age-list-i-target-step {
  font-size: 22px;
  font-weight: bold;
}
#junior .junior-age-list-i-itarget-agemg {
  font-size: 16px;
  font-weight: 500;
}
#junior .junior-age-list-i-height {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 31px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #0f63f7;
  border-radius: 81px;
  margin: 16px auto 0;
}

/* Search by color */
#junior .junior-color {
  width: 100%;
  padding: 67px 0;
}
#junior .junior-color-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#junior .junior-color-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 20px;
  width: 1200px;
  margin: 36px auto 0;
}
#junior .junior-color-list-i {
  width: 134px;
  height: 60px;
}
#junior .junior-color-list-i:last-child {
  width: 160px;
}
#junior .junior-color-list-i a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
#junior .junior-color-list-i-color {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 5px;
}
#junior .junior-color-list-i.-black .junior-color-list-i-color {
  background-color: #000000;
}
#junior .junior-color-list-i.-brown .junior-color-list-i-color {
  background-color: #67400c;
}
#junior .junior-color-list-i.-beige .junior-color-list-i-color {
  background-color: #f5e9d5;
}
#junior .junior-color-list-i.-gray .junior-color-list-i-color {
  background-color: #e6e6e6;
}
#junior .junior-color-list-i.-red .junior-color-list-i-color {
  background-color: #d30f31;
}
#junior .junior-color-list-i.-pink .junior-color-list-i-color {
  background-color: #ec2ba5;
}
#junior .junior-color-list-i.-orange .junior-color-list-i-color {
  background-color: #ec982b;
}
#junior .junior-color-list-i.-yellow .junior-color-list-i-color {
  background-color: #ecb32b;
}
#junior .junior-color-list-i.-blue .junior-color-list-i-color {
  background-color: #2b58ec;
}
#junior .junior-color-list-i.-purple .junior-color-list-i-color {
  background-color: #9f2bec;
}
#junior .junior-color-list-i.-green .junior-color-list-i-color {
  background-color: #0fd364;
}
#junior .junior-color-list-i.-white .junior-color-list-i-color {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
#junior .junior-color-list-i.-gold .junior-color-list-i-color {
  background: linear-gradient(45deg, #dccb92 0%, #fff 51.04%, #dccb92 100%);
}
#junior .junior-color-list-i.-silver .junior-color-list-i-color {
  background: linear-gradient(45deg, #dedede 0%, #fff 48.96%, #dedede 100%);
}
#junior .junior-color-list-i.-other .junior-color-list-i-color {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
}
#junior .junior-color-list-i-text {
  font-size: 16px;
  font-weight: 500;
}

/* Search by usage */
#junior .junior-usage {
  width: 100%;
  background-color: #f0f3fa;
  padding: 48px 0 64px;
}
#junior .junior-usage-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#junior .junior-usage-list {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  width: 1200px;
  margin: 40px auto 0;
}
#junior .junior-usage-list-i {
  flex: 1;
  aspect-ratio: 1/1;
}
#junior .junior-usage-list-i a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 24px 0 20px;
}
#junior .junior-usage-list-i-img {
  width: 121px;
  aspect-ratio: 1/1;
  margin: 0 auto;
}
#junior .junior-usage-list-i-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
#junior .junior-usage-list-i-text {
  display: block;
  font-size: 19px;
  text-align: center;
  color: #001e62;
  font-weight: bold;
  margin-top: 24px;
  position: relative;
}
#junior .junior-usage-list-i-text::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #001e62;
  border-right: 2px solid #001e62;
  rotate: 45deg;
  position: absolute;
  top: 50%;
  right: 15px;
  translate: 0 -50%;
}

/* Search by type */
#junior .junior-type {
  background-color: #fff;
  padding: 72px 0;
}
#junior .junior-type-title {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin: 0;
}
#junior .junior-type-list {
  display: flex;
  justify-content: center;
  column-gap: 40px;
  width: 1200px;
  margin: 40px auto 0;
}
#junior .junior-type-list-i {
  display: block;
  flex: 1;
  aspect-ratio: 1/1;
}
#junior .junior-type-list-i a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f0f3fa;
  border-radius: 15px;
  overflow: hidden;
  padding-top: 40px;
  position: relative;
}
#junior .junior-type-list-i a::after {
  display: block;
  content: "";
  width: 27px;
  height: 27px;
  background: url("/img/usr/genre/2-KIDS/type-list-arrow.png") no-repeat center /
    contain;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
#junior .junior-type-list-i-img {
  width: 200px;
  height: 125px;
  margin: 0 auto;
}
#junior .junior-type-list-i-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply;
}
#junior .junior-type-list-i-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  color: #001e62;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/* Search by cut */
#junior .junior-cut {
  background-color: #fff;
  padding-bottom: 72px;
}
#junior .junior-cut-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#junior .junior-cut-list {
  display: flex;
  justify-content: center;
  column-gap: 40px;
  width: 836px;
  margin: 40px auto 0;
}
#junior .junior-cut-list-i {
  display: block;
  flex: 1;
}
#junior .junior-cut-list-i a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
}
#junior .junior-cut-list-i-img {
  width: 252px;
  height: 168px;
  margin: 0 auto;
}
#junior .junior-cut-list-i-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#junior .junior-cut-list-i-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 55px;
  font-size: 18px;
  font-weight: bold;
  color: #001e62;
  border: 1px solid #001e62;
  border-radius: 5px;
  position: relative;
}
#junior .junior-cut-list-i-btn::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #001e62;
  border-right: 2px solid #001e62;
  rotate: 45deg;
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
}

/* Search by series */
#junior .junior-series {
  padding: 48px 0 64px;
  background-color: #f0f3fa;
}
#junior .junior-series-title {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
#junior .junior-series-rank {
  width: 1200px;
  margin: 36px auto 0;
}
#junior .junior-series-rank-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  margin: 0 auto;
}
#junior .junior-series-rank-nav-i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid;
  background-color: #fff;
  padding: 0 18px;
  border-radius: 19px;
  cursor: pointer;
}
#junior .junior-series-rank-nav-i:not(.-active) {
  background-color: #fff;
  border-color: #e6e6e6;
}
#junior .junior-series-rank-nav-i:hover,
#junior .junior-series-rank-nav-i.-active {
  color: #fff;
  background-color: #001e62;
  border-color: #001e62;
}
#junior .junior-series-rank-body:not(.-active) {
  visibility: hidden;
  opacity: 0;
  height: 1px;
}
#junior .junior-series-rank-body .block-top-lightningrecommend--header {
  display: none;
}
#junior .junior-series-rank-body .block-ranking-r--items li {
  display: block;
  position: relative;
}
#junior .junior-series-rank-body .block-ranking-r--items li .block-ranking-r--goods {
  width: 225px;
  margin: 0 10px;
}
#junior .junior-series-rank-body .block-ranking-r--items li .slick-arrow {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 1px;
  color: transparent;
  background: url('/img/usr/genre/2-KIDS/rank-arrow.png') no-repeat center / 89px;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
#junior .junior-series-rank-body .block-ranking-r--items li .slick-arrow.slick-prev {
  rotate: 180deg;
  left: -55px;
}
#junior .junior-series-rank-body .block-ranking-r--items li .slick-arrow.slick-next {
  right: -55px;
}


/* EVENT */
.block-genre-page--event {
  padding-top: 70px;
}
/* h2 */
.block-genre-page--event .junior-recommend-h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
/* h3 */
.block-genre-page--event .junior-recommend-h3 {
  color: #001e62;
  position: relative;
  margin: 85px 0 20px;
}
.block-genre-page--event .junior-recommend-h2 + .junior-recommend-h3 {
  margin-top: 40px;
}
.block-genre-page--event .junior-recommend-h3::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  top: 50%;
  left: 0;
}
.block-genre-page--event .junior-recommend-h3-text {
  display: inline-block;
  padding-right: 20px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.block-genre-page--event .junior-recommend-h3-text-main {
  font-size: 22px;
  font-weight: bold;
}
.block-genre-page--event .junior-recommend-h3-text-height {
  font-size: 16px;
  font-weight: 500;
}
/* button */
.block-genre-page--event .junior-recommend-btn {
  display: block;
  width: 360px;
  height: 45px;
  margin: 40px auto 0;
}
.block-genre-page--event .junior-recommend-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #001e62;
  border: 1px solid #001e62;
  border-radius: 4px;
  overflow: hidden;
}
/* info */
.block-genre-page--event .junior-info {
  display: block;
  background-color: #f0f3fa;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 48px;
  margin-top: 70px;
}
.block-genre-page--event .junior-info-h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.block-genre-page--event .junior-info-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  background-color: #f0f3fa;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 40px 0 60px;
}
.block-genre-page--event .junior-info-main a {
  display: block;
  width: 860px;
}
.block-genre-page--event .junior-info-main a img {
  display: block;
  width: 100%;
}
/* user posts */
.block-genre-page--event .junior-userposts {
  display: block;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 70px 0 50px;
}
.block-genre-page--event .junior-userposts-h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.block-genre-page--event .junior-userposts-main {
  margin-top: 40px;
}
.block-genre-page--event .junior-userposts-main .ecbn-selection-widget {
  max-width: 100%;
}
.block-genre-page--event .junior-userposts-main .ecbn-selection-title.vsm-selection-title {
  display: none;
}
.block-genre-page--event .junior-userposts-main .ecbn-selection-description.vsm-selection-description {
  display: none;
}
.block-genre-page--event .junior-userposts-main .ecbn-selection-to-nextpage.vsm-selection-to-nextpage {
  display: none;
}
.block-genre-page--event .junior-userposts-main .ecbn-selection-slider-controls-direction {
  display: none;
}