/* ここでは別途作成した静的ページCSSのインポートのみ許可する */
/* インポート元のファイルを変更した場合はここも「保存する」を押さないと変更が反映されない */

/* YOCABITOのCSSをインポート */
@import url(https://yocabito.itembox.design/item/yocabito/yocabito_style.css?t=20250710131516);

.yocabito-p-snsLink a {
  background: #f5f5f5;
  display: grid;
  color: #000;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 1fr max-content;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  padding: 10px;
  height:100%;
}

.yocabito-p-snsLink {
  gap: 20px;
}

.yocabito-p-snsLink .fs-pt-column__image {
  grid-area: 1/1/3/2;
  padding: 0;
  margin: 0;
}

.yocabito-p-snsLink .fs-pt-column__image img {
  border-radius: 50%;
  border: 1px solid #ddd;
}

.yocabito-p-snsLink a:first-of-type .fs-pt-column__heading{
  line-height:2.8;
}

.yocabito-p-snsLink .fs-pt-column__heading {
  grid-area: 1 / 2 / 2 / 3;
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 1.4;
}

.yocabito-p-snsLink .fs-pt-column__description {
  grid-area: 2 / 2 / 3 / 3;
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .fs-pt-column.yocabito-p-snsLink{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .yocabito-p-snsLink a{
    grid-template-columns:1fr 3.5fr;
    padding:8px 5px;
    grid-column-gap: 5px;
    grid-row-gap: 2px;
  }
  .yocabito-p-snsLink .fs-pt-column__heading{
    font-weight:500;
    font-size:10px;
  }
  .yocabito-p-snsLink .fs-pt-column__description{
    font-size:9px;
  }
}
