@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap");
.page-ttl {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .page-ttl {
    margin-bottom: 10px;
  }
}
.page-ttl__content {
  margin-bottom: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-ttl__content {
    width: 594px;
    max-width: 594px;
    margin-bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.page-ttl__content h2 {
  position: absolute;
  top: 0;
  left: 0;
}
.page-ttl__content > div {
  position: absolute;
  opacity: 0;
  -webkit-animation: appear 0.4s 0.1s ease-in forwards;
          animation: appear 0.4s 0.1s ease-in forwards;
}
.page-ttl__content > div.img-a {
  width: 41.1%;
  top: 37.5%;
  left: 7%;
}
@media screen and (min-width: 768px) {
  .page-ttl__content > div.img-a {
    width: 184px;
    top: 36%;
    left: 12.5%;
  }
}
.page-ttl__content > div.img-b {
  width: 49.25%;
  top: 46%;
  right: 4%;
}
@media screen and (min-width: 768px) {
  .page-ttl__content > div.img-b {
    width: 228px;
    top: 44%;
    right: 15.5%;
  }
}
.page-ttl .lead-txt {
  width: 88%;
  max-width: 530px;
  margin: 0 auto 0px;
  line-height: 2;
  letter-spacing: 0.5px;
  font-family: YakuHanJP, "Zen Maru Gothic", serif;
  font-size: 1.3rem;
  color: #91334d;
}
@media screen and (min-width: 768px) {
  .page-ttl .lead-txt {
    max-width: 506px;
    line-height: 2.4;
    letter-spacing: 0;
    font-size: 1.6rem;
  }
}

.product-list {
  margin-bottom: 50px;
  padding: 16.6% 0;
  position: relative;
  background: url(/user-src/special/pc/img/page/childrens-day/pat.jpg) repeat center/300px;
}
@media screen and (min-width: 768px) {
  .product-list {
    margin-bottom: 80px;
    padding: 140px 0;
    background-size: 444px;
  }
}
@media screen and (min-width: 1921px) {
  .product-list {
    padding: 180px 0;
  }
}
.product-list::before, .product-list::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 768px) {
  .product-list::before, .product-list::after {
    min-width: 1000px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.product-list::before {
  aspect-ratio: 750/118;
  top: 0;
  background: url(/user-src/special/pc/img/page/childrens-day/wave-top_sp.svg) no-repeat center/100% 100%;
}
@media screen and (min-width: 768px) {
  .product-list::before {
    aspect-ratio: 1000/100;
    background: url(/user-src/special/pc/img/page/childrens-day/wave-top_pc.svg) no-repeat center/100% 100%;
  }
}
.product-list::after {
  aspect-ratio: 750/90;
  bottom: 0;
  background: url(/user-src/special/pc/img/page/childrens-day/wave-btm_sp.svg) no-repeat center/100% 100%;
}
@media screen and (min-width: 768px) {
  .product-list::after {
    aspect-ratio: 1000/100;
    background: url(/user-src/special/pc/img/page/childrens-day/wave-btm_pc.svg) no-repeat center/100% 100%;
  }
}
.product-list .annotation {
  width: 240px;
  margin: 0 auto 20px;
  padding: 6px 12px;
  background: #ffffff;
  border-radius: 14px;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .product-list .annotation {
    width: 344px;
    margin-bottom: 30px;
  }
}
.product-list .annotation img {
  vertical-align: inherit;
}
.product-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 28px 0;
  width: 92%;
  max-width: 530px;
  margin: 0 auto 0px;
}
@media screen and (min-width: 768px) {
  .product-list ul {
    gap: 34px 0;
  }
}
.product-list ul li {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.product-list ul li.clm-1 {
  width: 100%;
}
.product-list ul li.clm-2 {
  width: 48.5%;
}
@media screen and (min-width: 768px) {
  .product-list ul li.clm-2 {
    width: min(48.7%, 258px);
  }
}
.product-list ul li img {
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}
.product-list.largetoys ul li {
  -webkit-filter: drop-shadow(3px 3px 0px #f9cdd3);
          filter: drop-shadow(3px 3px 0px #f9cdd3);
}
@media screen and (min-width: 768px) {
  .product-list.largetoys ul li {
    -webkit-filter: drop-shadow(4px 4px 0px #f9cdd3);
            filter: drop-shadow(4px 4px 0px #f9cdd3);
  }
}
.product-list.educational ul li {
  -webkit-filter: drop-shadow(3px 3px 0px #b8e7fe);
          filter: drop-shadow(3px 3px 0px #b8e7fe);
}
@media screen and (min-width: 768px) {
  .product-list.educational ul li {
    -webkit-filter: drop-shadow(4px 4px 0px #b8e7fe);
            filter: drop-shadow(4px 4px 0px #b8e7fe);
  }
}
.product-list.cartoys ul li {
  -webkit-filter: drop-shadow(3px 3px 0px #f4d17b);
          filter: drop-shadow(3px 3px 0px #f4d17b);
}
@media screen and (min-width: 768px) {
  .product-list.cartoys ul li {
    -webkit-filter: drop-shadow(4px 4px 0px #f4d17b);
            filter: drop-shadow(4px 4px 0px #f4d17b);
  }
}
.product-list.outdoor ul li {
  -webkit-filter: drop-shadow(3px 3px 0px #abdaa9);
          filter: drop-shadow(3px 3px 0px #abdaa9);
}
@media screen and (min-width: 768px) {
  .product-list.outdoor ul li {
    -webkit-filter: drop-shadow(4px 4px 0px #abdaa9);
            filter: drop-shadow(4px 4px 0px #abdaa9);
  }
}

.link-list {
  margin-bottom: 200px;
}
@media screen and (min-width: 768px) {
  .link-list {
    margin-bottom: 100px;
  }
}
.link-list h3 {
  width: 70%;
  margin: 0 auto 50px;
}
@media screen and (min-width: 768px) {
  .link-list h3 {
    width: 360px;
    margin-bottom: 40px;
  }
}
.link-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px 0;
  width: 92%;
  max-width: 596px;
  margin: 0 auto 0px;
}
.link-list ul li {
  width: 48%;
}
@media screen and (min-width: 768px) {
  .link-list ul li {
    width: 23.5%;
  }
}
.link-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 6px;
  position: relative;
  border-radius: 16px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.link-list ul li a .link-img {
  width: 90%;
  margin: 0 auto 4px;
  border-radius: 12px;
}
.link-list ul li a p {
  margin: 0 auto 5px;
}
.link-list ul li a .arrow {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .link-list ul li a .arrow {
    width: 21px;
    height: 21px;
  }
}
.link-list ul li a .arrow img {
  vertical-align: inherit;
}
.link-list ul li.link01 a {
  background: #ff7fa2;
  -webkit-filter: drop-shadow(0px 5px 0px #91334d);
          filter: drop-shadow(0px 5px 0px #91334d);
}
@media screen and (min-width: 768px) {
  .link-list ul li.link01 a {
    -webkit-filter: drop-shadow(0px 6px 0px #91334d);
            filter: drop-shadow(0px 6px 0px #91334d);
  }
}
.link-list ul li.link01 a p {
  width: 81px;
}
@media screen and (min-width: 768px) {
  .link-list ul li.link01 a p {
    width: 64px;
  }
}
.link-list ul li.link02 a {
  background: #7cdaff;
  -webkit-filter: drop-shadow(0px 5px 0px #317691);
          filter: drop-shadow(0px 5px 0px #317691);
}
@media screen and (min-width: 768px) {
  .link-list ul li.link02 a {
    -webkit-filter: drop-shadow(0px 6px 0px #317691);
            filter: drop-shadow(0px 6px 0px #317691);
  }
}
.link-list ul li.link02 a p {
  width: 81px;
}
@media screen and (min-width: 768px) {
  .link-list ul li.link02 a p {
    width: 74px;
  }
}
.link-list ul li.link03 a {
  background: #f7b22c;
  -webkit-filter: drop-shadow(0px 5px 0px #895c04);
          filter: drop-shadow(0px 5px 0px #895c04);
}
@media screen and (min-width: 768px) {
  .link-list ul li.link03 a {
    -webkit-filter: drop-shadow(0px 6px 0px #895c04);
            filter: drop-shadow(0px 6px 0px #895c04);
  }
}
.link-list ul li.link03 a p {
  width: 135px;
}
@media screen and (min-width: 768px) {
  .link-list ul li.link03 a p {
    width: 110px;
  }
}
.link-list ul li.link04 a {
  background: #68c475;
  -webkit-filter: drop-shadow(0px 5px 0px #215629);
          filter: drop-shadow(0px 5px 0px #215629);
}
@media screen and (min-width: 768px) {
  .link-list ul li.link04 a {
    -webkit-filter: drop-shadow(0px 6px 0px #215629);
            filter: drop-shadow(0px 6px 0px #215629);
  }
}
.link-list ul li.link04 a p {
  width: 84px;
}
@media screen and (min-width: 768px) {
  .link-list ul li.link04 a p {
    width: 72px;
  }
}
@media screen and (min-width: 768px) {
  .link-list ul li a:hover {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: translateZ(0) translateY(6px);
            transform: translateZ(0) translateY(6px);
  }
}

.fdin {
  opacity: 0;
}
.fdin.scroll {
  opacity: 1;
}
.fdin__appear.scroll {
  -webkit-animation: appear 0.4s ease-in forwards;
          animation: appear 0.4s ease-in forwards;
}

@-webkit-keyframes fdin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fdin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.onlinestore {
  width: 92%;
  max-width: 530px;
  margin: 0 auto 0px;
}
@media screen and (min-width: 768px) {
  .onlinestore {
    max-width: 548px;
  }
}