.head_img {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin: 0px 3px 0px 0px;
    float: left;
}

.head_logo {
    margin-top: 6px;
}

.table_th {
    background-color: #f0f8ff;
}

/** enquete **/
.enq_list_a {
    color:#212529;
}
.enq_rounded-circle {
    max-width:348px; 
    height:150px;
    object-fit:cover;
    border-radius: 20%!important;
}
.enq_result_img {
    max-width:1080px; 
    max-height:350px;
    object-fit:cover;
}
.enq_list_tile {
    min-height: 150px;
    max-height: 150px;
}
.required_mark {
    color: #f64d4d;
    font-size: 20px;
}
.comment_loading_img {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: url('/anal/img/loading-88.gif') center/20% no-repeat;
}
.comment_txt {
    word-break: break-all;
}
td.nobr {
    white-space: nowrap;
}

.tweet_link {
    color: #212529;
}
a.tweet_link:visited { color: #212529; }
a.tweet_link:hover { 
    color: #ff0000; 
    text-decoration: none;
}
a.tweet_link:active { color: #212529; }

.tweet_img {
    max-width:800px; 
    /*max-height:350px;*/
    /*object-fit:cover;*/
}
.tweet_list_img {
    max-width:800px; 
    max-height:250px;
    object-fit:cover;
}
.tweet_comment_img {
    width: 20px;
}
.tweet_comment_img:hover {
    opacity: 0.6;
    transition-duration: 0.3s;
}
.tweet_ins_date {
    padding-top: 10px;
    font-size: 12px;
}
.tweet_child_cnt {
    font-size: 14px;
}
.tweet_p {
    font-size: 17px;
}
.dam_p {
    font-size: 16px;
    line-height: 1.5;
}
.ime_jap {
    ime-mode: active;
}
.cash_cate {
    font-size: 12px;
    padding: 1px;
}
.cash_etc {
    font-size: 14px;
    padding: 1px;
}
.yoine {
    font-size: 11px;
    line-height: 1;
    padding: 1px;
}

/******** リスト ここから ********/
.custom-list {
  list-style-type: none;
  padding-left: 0;
}

.custom-list li {
  border: 1px solid #ccc;
  margin-bottom: 1px;
  padding: 3px 10px;
}

/******** 画像 ここから ********/
.thumbnail {
    width: auto; /* 横幅を指定 */
    height: 100px; /* 縦幅を自動調整 */
    border-radius: 8px; /* 角を丸くしたい場合 */
    margin: 3px; /* 余白を追加 */
    cursor: pointer; /* ポインタを表示 */
    transition: transform 0.3s ease; /* ホバー時のエフェクト */
}

/* ホバー時の拡大効果 */
.thumbnail:hover {
    transform: scale(1.1); /* 少し拡大 */
}

#popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center; /* 横中央に配置 */
    align-items: center; /* 縦中央に配置 */
}

#popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 90%; /* 画面の90%以内に収める */
    max-height: 90%; /* 画面の90%以内に収める */
    justify-content: center;
    align-items: center;
}

/* スマートフォン用の微調整 */
@media (max-width: 768px) {
    #popup-content {
        position: relative;
    }
}

#popup-image {
    max-width: 100%;
    max-height: 80vh;
}

#popup-navigation {
    margin: 10px 0;
}

#popup-navigation button {
    margin: 0 10px;
    padding: 5px 10px;
    background: #333;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#popup-close {
    margin-top: 10px;
    padding: 5px 10px;
    background: #333;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#popup-del {
    margin-top: 10px;
    margin-left: 20px;
    padding: 5px 10px;
    background: red;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* サムネイル画像を配置するコンテナ */
.thumbnail-container {
    position: relative; /* 相対位置を基準にする */
    display: inline-block; /* コンテンツを並べて表示 */
    margin: 7px; /* 余白を追加 */
}
　
/* サムネイル画像 */
.thumbnail {
    display: block; /* ブロック要素にして下の要素と重ならないようにする */
    width: auto; /* 横幅を指定 */
    height: 100px; /* 縦幅を自動調整 */
    height: auto; /* 縦幅をアスペクト比に合わせる */
    border-radius: 8px; /* 角を丸くする */
}

/* サムネイルの右上に表示する文字 */
.thumbnail-text {
    position: absolute; /* 親要素（thumbnail-container）に対して絶対位置 */
    top: 5px; /* 上からの位置 */
    right: 5px; /* 右からの位置 */
    background-color: rgba(0, 0, 0, 0.7); /* 背景を黒で半透明にする */
    color: white; /* 文字色を白にする */
    font-size: 11px; /* 文字サイズ */
    padding: 3px 5px; /* テキスト周りの余白 */
    border-radius: 5px; /* 角を丸くする */
    font-weight: bold; /* 文字を太字にする */
}

body.no-scroll {
    overflow: hidden; /* 必要なら追加 */
}

/******** 画像 ここまで ********/

.tweet-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 7px;
    margin-bottom: 1rem;
    background-color: #fff;
}
.tweet-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.tweet-username {
    font-weight: bold;
}
.tweet-handle {
    color: gray;
    margin-left: 0.5rem;
}
.tweet-time {
    color: gray;
    font-size: 0.9rem;
}
.tweet-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 1rem;
}
.tweet-actions span {
    margin-right: 1.5rem;
    color: #6c757d;
    cursor: pointer;
    font-size: 0.9rem;
}
.tweet-actions i {
    margin-right: 5px;
}
.tweet-actions span:hover {
    color: #007bff;
}