@charset "utf-8";

/* リンク部コピー */
#textToCopy {
  border: 2px solid black;
  background-color: white;
  display: inline-block;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 6px;
}

/* コピーボタン */
#copyBtn {
  padding-left: 10px;
}

/* QRコード */
.qr {
  width: 250px;
}

/* 横並び（PC） */
.container1 {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

/* 縦並び */
.container2 {
  display: block;
}

/* 送信 */
.submit {
  width: 100px;
  display: block;
}

/* URLコピー部分 */
.textToCopyContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* SNSボタンの間隔 */
.sns-buttons > * {
  margin-bottom: 10px;
}

/* 840px以下（タブレット・スマホ） */
@media screen and (max-width: 840px) {
  .container1 {
    flex-direction: column;
    gap: 40px;
  }
}

/* 500px以下（スマホ） */
@media screen and (max-width: 500px) {
  .qr {
    width: 50vw;
  }
}