:root {
  --size-icon-sns: 40px;
  --size-icon-sns-double: calc(var(--size-icon-sns) * 2);
  --size-icon-sns-double-half: calc(var(--size-icon-sns) * 2.5);
  --size-icon-sns-triple: calc(var(--size-icon-sns) * 3);

  --width-icon-twitter: var(--size-icon-sns);
  --width-icon-instagram: var(--size-icon-sns);
  --width-icon-threads: var(--size-icon-sns);
  --width-icon-facebook: var(--size-icon-sns);
  --width-icon-tiktok: var(--size-icon-sns);
  --width-icon-youtube: var(--size-icon-sns);

  --width-icon-litlink: var(--size-icon-sns-double);
  --height-icon-litlink: var(--size-icon-sns);

  --width-icon-note: var(--size-icon-sns);
  --width-icon-twicas: var(--size-icon-sns);
  --width-icon-fantia: var(--size-icon-sns);
  --width-icon-line: var(--size-icon-sns);
  --width-icon-mastodon: var(--size-icon-sns);
  --width-icon-misskey: var(--size-icon-sns);
  --width-icon-bluesky: var(--size-icon-sns);
  --width-icon-ec: var(--size-icon-sns);
  --width-icon-maidcafe-portal: var(--size-icon-sns);
  --width-icon-maidto: var(--size-icon-sns);
  --width-icon-tabelog: var(--size-icon-sns);
  --width-icon-gurunavi: var(--size-icon-sns);
  --width-icon-retty: var(--size-icon-sns);
  --width-icon-delivery: var(--size-icon-sns);
  --width-icon-blog: var(--size-icon-sns);
  --width-icon-live: var(--size-icon-sns);

  --width-icon-campfire: var(--size-icon-sns-double-half);
  --height-icon-campfire: var(--size-icon-sns);

  --width-icon-other-fund: var(--size-icon-sns);
  --width-icon-question: var(--size-icon-sns);
  --width-icon-wikipedia: var(--size-icon-sns);
  --width-icon-android: var(--size-icon-sns);
  --width-icon-ios: var(--size-icon-sns);
}

@media screen and (max-width: 768px) {
  :root {
    --size-icon-sns: 32px;
  }
}

.twitter {
  width: var(--width-icon-twitter);
  height: var(--width-icon-twitter);
}

.instagram {
  width: var(--width-icon-instagram);
  height: var(--width-icon-instagram);
}

.threads {
  width: var(--width-icon-threads);
  height: var(--width-icon-threads);
}

.facebook {
  width: var(--width-icon-facebook);
  height: var(--width-icon-facebook);
}

.tiktok {
  width: var(--width-icon-tiktok);
  height: var(--width-icon-tiktok);
}

.youtube {
  width: var(--width-icon-youtube);
  height: var(--width-icon-youtube);
}

.litlink {
  width: var(--width-icon-litlink);
  height: var(--height-icon-litlink);
}

.note {
  width: var(--width-icon-note);
  height: var(--width-icon-note);
}

.twicas {
  width: var(--width-icon-twicas);
  height: var(--width-icon-twicas);
}

.fantia {
  width: var(--width-icon-fantia);
  height: var(--width-icon-fantia);
}

.line {
  width: var(--width-icon-line);
  height: var(--width-icon-line);
}

.mastodon {
  width: var(--width-icon-mastodon);
  height: var(--width-icon-mastodon);
}

.misskey {
  width: var(--width-icon-misskey);
  height: var(--width-icon-misskey);
}

.bluesky {
  width: var(--width-icon-bluesky);
  height: var(--width-icon-bluesky);
}

.ec {
  width: var(--width-icon-ec);
  height: var(--width-icon-ec);
}

.maidcafe-portal {
  width: var(--width-icon-maidcafe-portal);
  height: var(--width-icon-maidcafe-portal);
}

.maidto {
  width: var(--width-icon-maidto);
  height: var(--width-icon-maidto);
}

.tabelog {
  width: var(--width-icon-tabelog);
  height: var(--width-icon-tabelog);
}

.gurunavi {
  width: var(--width-icon-gurunavi);
  height: var(--width-icon-gurunavi);
}

.retty {
  width: var(--width-icon-retty);
  height: var(--width-icon-retty);
}

.delivery {
  width: var(--width-icon-delivery);
  height: var(--width-icon-delivery);
}

.blog {
  width: var(--width-icon-blog);
  height: var(--width-icon-blog);
}

.live {
  width: var(--width-icon-live);
  height: var(--width-icon-live);
}

.campfire {
  width: var(--width-icon-campfire);
  height: var(--height-icon-campfire);
}

.other-fund {
  width: var(--width-icon-other-fund);
  height: var(--width-icon-other-fund);
}

.question {
  width: var(--width-icon-question);
  height: var(--width-icon-question);
}

.wikipedia {
  width: var(--width-icon-wikipedia);
  height: var(--width-icon-wikipedia);
}

.android {
  width: var(--width-icon-android);
  height: var(--width-icon-android);
}

.ios {
  width: var(--width-icon-ios);
  height: var(--width-icon-ios);
}