#brand_search {
    padding-inline: 1em;
}

#brand_search .titleHeading {
    margin-top: 0;
    font-weight: 500;
}

#brand_search h2,
#brand_search h3 {
    text-align: center;
    margin-bottom: 20px;
}

#brand_search .list_katakana_brand_search {
    width: 100%;
    margin: 2rem auto;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 8px;
}

#brand_search .list_katakana_brand_search .search-input-wrap {
    position: relative;
}

#brand_search
    .list_katakana_brand_search
    .search-input-wrap
    .sbrand_searchinput {
    width: 100%;
    border: 0.5px solid #7e7558;
    border-radius: var(--round-button, 4px);
    padding: 12px 46px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#brand_search .list_katakana_brand_search .search-input-wrap img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 35%;
    left: 3%;
}

#brand_search .brand_searchbtn {
    background-color: #e60012;
    color: white;
    padding: 0 20px;
    border-radius: 99px;
    display: flex;
    align-items: center;
    min-width: max-content;
}

#brand_search .brand_searchbtn img {
    height: 20px;
    margin-right: 6px;
}

.brand_searchinput:focus {
    outline: none;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    background-color: #f0f8ff;
    transition: all 0.3s ease;
}

.brand_searchbtn:focus {
    outline: none;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    transition: all 0.3s ease;
}

/* -- アコーディオン用のスタイル -- */
#brand_search #brand_accordion {
    width: 100%;
    margin: 2rem auto 0;
}

#brand_search .accordion_item {
    margin-bottom: 2%;
    border-radius: 24px;
}

#brand_search .accordion_header {
    padding: 16px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
    border: 0.5px solid #7e7558;
    border-radius: var(--round-button, 4px);
}

#brand_search .accordion_item .accordion_header::before {
    content: "";
    display: block;
    width: 6cqw;
    height: 6cqw;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 5C12.0523 5 12.5 5.44772 12.5 6V11.5H18C18.5523 11.5 19 11.9477 19 12.5C19 13.0523 18.5523 13.5 18 13.5H12.5V19C12.5 19.5523 12.0523 20 11.5 20C10.9477 20 10.5 19.5523 10.5 19V13.5H5C4.44772 13.5 4 13.0523 4 12.5C4 11.9477 4.44772 11.5 5 11.5H10.5V6C10.5 5.44772 10.9477 5 11.5 5Z' fill='%23D00000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

#brand_search .accordion_item.active .accordion_header::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='11' width='15' height='2' rx='1' fill='%23D00000'/%3E%3C/svg%3E");
}

/* 
	#brand_search .accordion_item.active .accordion_header::before {
		content: '\2212';
	} */

#brand_search .accordion_content {
    display: none;
    padding: 16px 14px;
    border: 0.5px solid #7e7558;
    border-radius: var(--round-button, 4px);
    margin-top: 5px;
}

#brand_search .list_katakana_brand_tab_title {
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #d82300;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

#brand_search .list_katakana_brand_superbox {
    width: 100%;
    margin: 0px auto 4rem;
}

#brand_search .list_katakana_brand_superbox.wd_active {
    display: block;
}

#brand_search .list_katakana_brand_col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 14px;
}

#brand_search .list_katakana_brand_item_wrap {
    display: block;
    box-sizing: border-box;
}

#brand_search .list_katakana_brand_item_wrap a {
    width: 100%;
    position: relative;
}

#brand_search .list_katakana_brand_item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#brand_search .list_katakana_brand_item_wrap a::after {
    content: "";
    display: block;
    width: 6cqw;
    height: 6cqw;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 7L14 12L9.5 17' stroke='%23D00000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#brand_search .list_katakana_brand_item:hover {
    opacity: 0.5;
}

#brand_search .list_katakana_brand_en {
    line-height: 24px;
    width: 90%;
}

#brand_search .list_katakana_brand_kana {
}

#brand_search .list_katakana_brand_tab_arrow_r {
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -8px;
    width: 16px;
}

#brand_search .list_katakana_brand_none {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
    font-weight: 700;
    color: #d82300;
}

#brand_search .wd_searchbox {
    width: 280px;
}