@media screen and (max-width:1030px){.slider{margin-left:-20px;margin-right:-20px;position:relative}}#slider div{width:100%;max-width:100%;height:auto}#slider>div{display:none}.bx-viewport #slider>div{display:block}.bx-wrapper{z-index:0}.bx-wrapper img{width:100%;height:auto}.bx-wrapper .bx-viewport{box-shadow:none!important;border:0!important;left:0!important}.bx-wrapper .bx-pager{bottom:-27px!important}.bx-wrapper .bx-pager.bx-default-pager a{margin:0 3px!important;padding-top:15px;width:25px!important;height:1px!important;background:transparent!important;border-bottom:1px solid #ccc;border-radius:0!important}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:transparent!important;border-bottom:1px solid #000}.p-line-informaiton{display:flex;flex-wrap:wrap;margin-top:75px;width:760px}@media screen and (max-width:767px){.p-line-informaiton{display:block;width:auto}}.p-line-informaiton ul{flex:1;font-size:13px}@media screen and (max-width:767px){.p-line-informaiton ul{font-size:12px}}.p-line-informaiton li{margin-bottom:15px}.p-line-informaiton__ttl{position:relative;margin:0 40px 0 0;font-size:14px;font-weight:700}@media screen and (max-width:767px){.p-line-informaiton__ttl{margin:0}}.p-line-informaiton__ttl:before{content:"";position:absolute;top:7px;right:-20px;width:1px;height:10px;background:#d2d2d2}@media screen and (max-width:767px){.p-line-informaiton__ttl:before{content:none}}.p-top-news{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:50px}@media screen and (max-width:767px){.p-top-news{display:block;margin-bottom:45px}}.p-top-news__ttl{box-sizing:border-box;margin-right:25px;padding:10px;width:110px;border:1px solid #b2b2b2;font-size:18px;font-family:"游明朝体","Yu Mincho",YuMincho,"Noto Serif JP",serif;text-align:center}@media screen and (max-width:767px){.p-top-news__ttl{margin-right:0;margin-bottom:10px;padding:5px;width:70px;border:1px solid #b2b2b2;font-size:12px}}.p-top-news__body{flex:1;margin-bottom:0}.p-recommend.u-container{padding-bottom:0}.p-new-item.u-container{padding-bottom:0}.p-ranking-list .slick-track{margin-left:0;margin-right:0}.p-ranking-list .slick-prev,.p-ranking-list .slick-next{top:80px;width:30px;height:30px;transition:all 0.4s ease;z-index:1;background:rgba(255,255,255,.4)}@media screen and (max-width:767px){.p-ranking-list .slick-prev,.p-ranking-list .slick-next{top:110px;width:45px;height:45px}}.p-ranking-list .slick-prev:before,.p-ranking-list .slick-next:before{content:"";position:absolute;top:7px;left:10px;width:15px;height:15px;border-left:1px solid #000;border-top:1px solid #000;transition:all 0.4s ease;z-index:1}@media screen and (max-width:767px){.p-ranking-list .slick-prev:before,.p-ranking-list .slick-next:before{top:15px}}.p-ranking-list .slick-prev{left:20px}@media screen and (max-width:767px){.p-ranking-list .slick-prev{left:0}}.p-ranking-list .slick-prev:before{transform:rotate(-45deg)}@media screen and (max-width:767px){.p-ranking-list .slick-prev:before{left:17px}}.p-ranking-list .slick-next{right:20px}@media screen and (max-width:767px){.p-ranking-list .slick-next{right:0}}.p-ranking-list .slick-next:before{left:4px;transform:rotate(135deg)}@media screen and (max-width:767px){.p-ranking-list .slick-next:before{left:13px}}.p-ranking-list__item{position:relative;box-sizing:border-box;margin-right:20px;margin-left:20px;padding-bottom:25px;word-break:break-all}@media screen and (max-width:1030px){.p-ranking-list__item{margin-right:5px;margin-left:5px}}.p-ranking-list__img{position:relative;margin-bottom:35px;text-align:center}@media screen and (max-width:767px){.p-ranking-list__img{text-align:center}}.p-ranking-list__img:before{content:"";display:block;padding-top:100%}.p-ranking-list__img a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.p-ranking-list__img img{display:inline-block!important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;width:auto!important;text-align:center}.p-ranking-list__num{position:absolute;top:0;left:1px;width:24px;line-height:24px;font-size:12px;font-weight:700;background:#000;color:#fff;text-align:center}.p-ranking-list__ttl img{vertical-align:middle}.p-ranking-list__price{color:#909090;margin-top:20px}.p-ranking-list__btn{display:block;position:absolute;right:0;bottom:0;padding:0;border:0;background:transparent;color:#d8d8d8;cursor:pointer;text-align:center;transition:all 0.3s cubic-bezier(.25,.46,.45,.94)}.p-ranking-list__btn.is-added{color:#000}.p-ranking-list__btn svg{width:20px;height:20px;fill:currentColor}.p-information{padding-bottom:0}@media screen and (max-width:1030px){.p-information{padding-bottom:45px}}.p-information__body{margin-left:60px;margin-right:60px;line-height:2}@media screen and (max-width:1030px){.p-information__body{margin-left:0;margin-right:0}}.p-free__body{margin-left:60px;margin-right:60px;line-height:2}@media screen and (max-width:1030px){.p-free__body{margin-left:0;margin-right:0}}.p-bnr{box-sizing:border-box;padding-left:20px;padding-right:20px}@media screen and (max-width:1030px){.p-bnr{padding-left:20px;padding-right:20px}}.p-bnr-list{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.p-bnr-list{display:block}}.p-bnr-list__item{box-sizing:border-box;padding-left:20px;padding-right:20px;width:33.3333%}@media screen and (max-width:1030px){.p-bnr-list__item{padding-left:10px;padding-right:10px}}@media screen and (max-width:767px){.p-bnr-list__item{padding-left:0;padding-right:0;margin-bottom:10px;width:auto;text-align:center}}

/* TOP */

.section-heading {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 25px;
  border-bottom: 1px solid #342e2c;
  padding-bottom: 16px;
  margin-bottom: 37px;
  font-family: "Oswald", sans-serif;
}

.section-heading span {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .section-heading {
    font-size: 28px;
    gap: 22px;
    margin-bottom: 18px;
  }
  .section-heading span {
    font-size: 12px;
  }
}

.section-notice {
  background-color: #f1f4f8;
  padding: 37px 0px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.section-notice h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 22px;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #000;
}

.section-notice p {
  font-size: 16px;
  color: #000;
  line-height: 1.875;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .section-notice {
    padding: 30px 22px;
    margin-bottom: 40px;
  }

  .section-notice h2 {
    font-size: 20px;
    margin-bottom: 22px;
  }

  .section-notice p {
    font-size: 16px;
    line-height: 1.6;
  }
}
/* ランキング */
.ranking-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  margin-bottom: 60px;
}
.ranking-items .item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  display: block;
  text-decoration: none;
  color: inherit;
}
.ranking-items .item .item-inner {
  padding: 20px;
}
.ranking-items .item:not(:nth-child(4n))::after {
  content: "";
  position: absolute;
  top: -3%;
  bottom: -5%;
  right: -24px;
  width: 1px;
  background: #ddd;
}
.ranking-items .item-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}
.ranking-items .item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}

@media screen and (max-width: 768px) {
  .ranking-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 50px;
  }

  .ranking-items .item::after {
    display: none;
  }
}

.ranking-items .rank-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-color: #e5e5e5;
  color: #000;
  font-weight: 600;
  line-height: 32px;
  font-size: 15px;
  position: relative;
  z-index: 1;
  font-family: "Oswald", sans-serif;
}

.ranking-items .item:nth-child(1) .rank-icon,
.ranking-items .item:nth-child(2) .rank-icon,
.ranking-items .item:nth-child(3) .rank-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 1px;
  color: #fff;
  border-radius: 0;
  margin-bottom: 13px;
}
.ranking-items .item:nth-child(1) .rank-icon {
  background-image: url("https://img21.shop-pro.jp/PA01517/326/etc_base64/aWNvbi1nb2xk.png?cmsp_timestamp=20250505155919");
}

.ranking-items .item:nth-child(2) .rank-icon {
  background-image: url("https://img21.shop-pro.jp/PA01517/326/etc_base64/aWNvbi1zaWx2ZXI.png?cmsp_timestamp=20250505155919");
}

.ranking-items .item:nth-child(3) .rank-icon {
  background-image: url("https://img21.shop-pro.jp/PA01517/326/etc_base64/aWNvbi1jb3BwZXI.png?cmsp_timestamp=20250505155919");
}
.item-category {
  text-align: left;
  font-size: 12px;
  line-height: 1.666;
  font-weight: 400;
  color: #999999;
  margin-bottom: 4px;
}
.item-name {
  text-align: left;
  font-size: 14px;
  color: #000000;
  margin-bottom: 6px;
  line-height: 1.428;
}
.item-price {
  text-align: left;
  font-size: 14px;
  color: #000000;
  margin-bottom: 6px;
  line-height: 1.428;
}
@media screen and (max-width: 768px) {
  .ranking-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .ranking-items .rank-icon {
    margin-bottom: 8px;
  }
  .ranking-items .item {
    padding: 0 12px;
    border-right: none;
  }
  .ranking-items .item:nth-child(1) .rank-icon,
  .ranking-items .item:nth-child(2) .rank-icon,
  .ranking-items .item:nth-child(3) .rank-icon {
    margin-bottom: 8px;
  }
  .ranking-items .item:nth-child(7),
  .ranking-items .item:nth-child(8) {
    display: none;
  }
}

/* 会社紹介セクション */
.section-company-info {
  background-color: #f3f7fb;
  padding: 50px 36px 64px;
  text-align: center;
}

.company-catch {
  font-size: 24px;
  font-weight: 600;
  color: #344854;
  margin-bottom: 40px;
  line-height: 1;
}

.company-description {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.875;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
}
.company-gallery-pc {
  display: flex;
  gap: 20px;
  margin-bottom: 43px;
  justify-content: center;
}

.company-gallery-pc img {
  width: calc((100% - 40px) / 3);
  height: auto;
  flex: 1;
  object-fit: cover;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.company-gallery-sp {
  display: none;
}

.gallery-main {
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.gallery-sub {
  display: flex;
  gap: 20px;
}

.gallery-sub img {
  width: calc(50% - 10px);
  object-fit: cover;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.company-button {
  text-align: center;
  margin-top: 30px;
}

.company-button a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #344854;
  color: #fff;
  padding: 22px 0px;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  width: 400px;
  transition: background-color 0.3s;
}

.company-button a:hover {
  background-color: #1f2c33;
}

.company-button .arrow-icon {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .section-company-info {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #f3f7fb;
    padding: 40px 0 47px;
  }
  .company-inner {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .company-catch {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.6;
  }

  .company-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 17px;
  }
  .company-gallery-pc {
    display: none;
  }

  .company-gallery-sp {
    display: block;
    margin-bottom: 35px;
  }

  .gallery-sub {
    flex-direction: row;
  }

  .gallery-sub img {
    width: calc(50% - 10px);
  }
  .company-button a {
    padding: 14px 0;
    width:100%;
  }
}
/* おすすめ商品セクション */
.section-recommend .section-heading {
  margin-bottom: 26px;
}
.recommend-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 29px;
  margin-bottom: 60px;
}

.recommend-items .item {
  background: #fff;
  text-align: center;
  display: block;
  text-decoration: none;
  color: inherit;
}
.recommend-items .item-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}
.recommend-items .item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.recommend-items .item-category {
  text-align: left;
  font-size: 12px;
  line-height: 1.666;
  font-weight: 400;
  color: #999999;
  margin-bottom: 4px;
}
.recommend-items .item-name {
  text-align: left;
  font-size: 14px;
  color: #000000;
  margin-bottom: 6px;
  line-height: 1.428;
}

.recommend-items .item-price {
  text-align: left;
  font-size: 14px;
  color: #000000;
  line-height: 1.428;
}

@media screen and (max-width: 768px) {
  .recommend-items {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .recommend-items .item {
    flex: 0 0 45%;
    scroll-snap-align: start;
    background-color: #fff;
  }
}

/* ピックアップセクション */
.section-pickup {
  margin-bottom: 50px;
}

.pickup-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 28px;
}

.pickup-banner {
  display: block;
  aspect-ratio: 917 / 400;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .pickup-items {
    gap: 2.5vw 2.5vw;
  }
}

/* ニュースセクション */
.section-news {
  margin-bottom: 82px;
}
.section-news .section-heading {
  margin-bottom: 0;
}
.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-list li a {
  display: flex;
  align-items: flex-start;
  padding: 24px 0 26px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}

.news-date {
  width: 100px;
  flex-shrink: 0;
  color: #333;
}

.news-text {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .section-news {
    margin-bottom: 40px;
  }
  .news-list li a {
    flex-direction: column;
  }
}
/* Instagram誘導セクション */
.section-instagram {
}

.instagram-box {
  background-color: #f3f7fb;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 35px;
  max-width: 800px;
  margin: 0 auto;
  flex-wrap: wrap;
  text-decoration: none;
  color: inherit;
}

.instagram-text {
}

.instagram-lead {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
  color: #000;
}

.instagram-sub {
  margin: 4px 0 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #000;
}

.instagram-link {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-family: "cursive";
  font-weight: 500;
  gap: 10px;
}

.instagram-icon {
  width: 180px;
}

@media screen and (max-width: 768px) {
  .instagram-box {
    padding: 27px 20px;
    flex-direction: column-reverse;
    gap: 10px;
  }

  .instagram-lead {
    font-size: 16px;
  }

  .instagram-text {
    text-align: center;
  }
}

/* 有孔ボードカテゴリ */
.section-category {
  margin-bottom: 35px;
}
.category-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 20px;
  margin-top: 20px;
}
.section-category {
  display: none;
}
@media screen and (max-width: 768px) {
    .section-category {
    display: block;
  }
  .category-items {
    display: grid;
  }
}
.category-items .item {
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.category-items .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

.category-items .item-name {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.58;
  color: #000;
}
@media screen and (max-width: 768px) {
  .category-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 12px;
  }
}

/* search-sp */
@media screen and (min-width: 769px) {
  .search-sp {
    display: none;
  }
}
.search-sp {
  margin-bottom: 25px;
}
.search-sp .l-header-search__form {
  width: 100%;
}