/* 全体のスタイル */
#qr-results {
    text-align: center; /* QRコードと結果の中央揃え */
}

/* QRコード画像とURLのスタイル */
#qr-results canvas {
    margin-top: 10px;
}

/* LINEボタンのスタイル */
.line-button {
    color: #fff !important; /* テキストを白に設定 */
   	width: 150px !important;
	display: inline-block; /* インラインブロックで幅と高さを調整 */
    padding: 5px 5px; /* ボタンの内側のスペースを設定 */
    font-size: 14px; /* フォントサイズを設定 */
    text-align: center; /* テキストを中央揃え */
    text-decoration: none; /* 下線を削除 */
    background-color: #00c300; /* 背景色を設定 */
    border-radius: 5px; /* ボタンの角を丸くする */
    border: 5px solid #fff; /* ボタンの境界線を設定 */
    cursor: pointer; /* ポインターカーソルにする */
    transition: background-color 0.3s, color 0.3s; /* ホバー時の色変更にスムーズなトランジションを追加 */
}

/* Twitterボタンのスタイル */
.twitter-button {
    color: #fff !important; /* テキストを白に設定 */
   	width: 150px !important;
	display: inline-block; /* インラインブロックで幅と高さを調整 */
    padding: 5px 5px; /* ボタンの内側のスペースを設定 */
    font-size: 14px; /* フォントサイズを設定 */
    text-align: center; /* テキストを中央揃え */
    text-decoration: none; /* 下線を削除 */
    background-color: #000; /* 背景色を設定 */
    border-radius: 5px; /* ボタンの角を丸くする */
    border: 5px solid #fff; /* ボタンの境界線を設定 */
    cursor: pointer; /* ポインターカーソルにする */
    transition: background-color 0.3s, color 0.3s; /* ホバー時の色変更にスムーズなトランジションを追加 */
}

/* Facebookボタンのスタイル */
.facebook-button {
    color: #fff !important; /* テキストを白に設定 */
   	width: 150px !important;
	display: inline-block; /* インラインブロックで幅と高さを調整 */
    padding: 5px 5px; /* ボタンの内側のスペースを設定 */
    font-size: 14px; /* フォントサイズを設定 */
    text-align: center; /* テキストを中央揃え */
    text-decoration: none; /* 下線を削除 */
    background-color: #1877f2; /* 背景色を設定 (青) */
    border-radius: 5px; /* ボタンの角を丸くする */
    border: 5px solid #fff; /* ボタンの境界線を設定 */
    cursor: pointer; /* ポインターカーソルにする */
    transition: background-color 0.3s, color 0.3s; /* ホバー時の色変更にスムーズなトランジションを追加 */
}

/* ホバー時のスタイル */
.button-like-text:hover {
    background-color: #0056b3; /* ホバー時の背景色を変更 (濃い青) */
    color: #fff; /* ホバー時のテキストカラーを変更 */
}

/* 国名のスタイル */
.country-name {
	margin-top: 30px !important;  /* 国名の上にスペースを作る（必要に応じて調整） */
	border: none !important; /* 枠を消す */
    background-color: #fff !important; /* 背景色を設定 */
}