.language-select option {
    padding-left: 25px; /* アイコン分の余白を追加 */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 15px; /* アイコンのサイズを調整 */
}

.language-select .flag-en {
    background-image: url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.3/flags/4x3/us.svg'); /* アメリカ国旗のSVG画像 */
}

.language-select .flag-zh {
    background-image: url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.3/flags/4x3/cn.svg'); /* 中国国旗のSVG画像 */
}

.language-select .flag-ja {
    background-image: url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.3/flags/4x3/jp.svg'); /* 日本国旗のSVG画像 */
}







.custom-select {
    position: relative;
    /* width: 200px; */
    font-family: Arial, sans-serif;
}

.selected-option {
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

.options li {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.options li:hover {
    background-color: #f0f0f0;
}

.custom-select.active .options {
    display: block;
}