/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/link-list/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * リンクリストブロック - フロントエンドスタイル
 *
 * リンクリストの基本スタイルとカラムレイアウトを定義。
 * エディタとフロントエンドの両方に適用される。
 */
/**
 * リンクリストのラッパー
 * ボーダーを1px重ねるためにマイナスマージンを相殺
 */
.wp-block-scd-block-link-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  margin: 0;
  margin-top: 1px;
  list-style: none;
  /**
   * 1カラム（デフォルト）
   */
}
.wp-block-scd-block-link-list.columns-1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.wp-block-scd-block-link-list {
  /**
   * 2カラム
   * 1列目: 0, 2列目: -1px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.wp-block-scd-block-link-list.columns-2 .wp-block-scd-block-link-list__item:nth-child(2n+1) {
  margin-left: 0;
}
.wp-block-scd-block-link-list.columns-2 .wp-block-scd-block-link-list__item:nth-child(2n) {
  margin-left: 0;
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-2 .wp-block-scd-block-link-list__item:nth-child(2n) {
    margin-left: -1px;
  }
}
.wp-block-scd-block-link-list {
  /**
   * 3カラム
   * 1列目: 0, 2列目: -1px, 3列目: -2px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-link-list.columns-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-3 .wp-block-scd-block-link-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .wp-block-scd-block-link-list.columns-3 .wp-block-scd-block-link-list__item:nth-child(2n) {
    margin-left: -1px;
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-link-list.columns-3 .wp-block-scd-block-link-list__item:nth-child(3n) {
    margin-left: -2px;
  }
  .wp-block-scd-block-link-list.columns-3 .wp-block-scd-block-link-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .wp-block-scd-block-link-list.columns-3 .wp-block-scd-block-link-list__item:nth-child(3n+2) {
    margin-left: -1px;
  }
}
.wp-block-scd-block-link-list {
  /**
   * 4カラム
   * 1列目: 0, 2列目: -1px, 3列目: -2px, 4列目: -3px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-link-list.columns-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 554px) {
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(2n) {
    margin-left: -1px;
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(4n+2) {
    margin-left: -1px;
  }
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(4n+3) {
    margin-left: -2px;
  }
  .wp-block-scd-block-link-list.columns-4 .wp-block-scd-block-link-list__item:nth-child(4n) {
    margin-left: -3px;
  }
}

/**
 * リンクアイテム
 * マイナスマージンでボーダーを重ねる
 */
.wp-block-scd-block-link-list__item {
  container-type: inline-size;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: -1px;
  margin-left: 0;
  border: 1px solid var(--wp--preset--color--gray-light);
}
.wp-block-scd-block-link-list__item::before, .wp-block-scd-block-link-list__item::after {
  position: absolute;
  top: -1px;
  width: 5px;
  height: 3px;
  content: "";
  border-top: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-link-list__item::before {
  left: -1px;
  border-left: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-link-list__item::after {
  right: -1px;
  border-right: 1px solid var(--wp--preset--color--gray);
}

/**
 * リンクスタイル
 */
.wp-block-scd-block-link-list__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  padding-left: 24px;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--wp--preset--color--black-light, #282828);
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wp-block-scd-block-link-list__link::before, .wp-block-scd-block-link-list__link::after {
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 3px;
  content: "";
  border-bottom: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-link-list__link::before {
  left: -1px;
  border-left: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-link-list__link::after {
  right: -1px;
  border-right: 1px solid var(--wp--preset--color--gray);
}
@media (hover) {
  .wp-block-scd-block-link-list__link:hover .wp-block-scd-block-link-list__link-arrow {
    background-color: var(--wp--preset--color--primary);
  }
  .wp-block-scd-block-link-list__link:hover .wp-block-scd-block-link-list__link-arrow svg path {
    fill: var(--wp--preset--color--white);
  }
}

.wp-block-scd-block-link-list__link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(24px, 8cqw, 32px);
  height: clamp(24px, 8cqw, 32px);
  border: 1px solid var(--wp--preset--color--gray-light);
  border-radius: 100vh;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*# sourceMappingURL=style-index.css.map*/