.easy-search-screen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100;
    font-size: 14px;
    color: #555;
    overflow: auto;
}

.easy-search-screen #loadingMap img {
    width: 29px;
}

.easy-search-header {
    border-bottom: 2px solid #dddddd;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f8f4;
}

.easy-search-header__back {
    position: absolute;
    left: 16px;
    display: block;
    padding: 14px 12px 12px 16px;
    line-height: 1;
    font-weight: bold;
}

.easy-search-header__back:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #aaa;
    border-left: 2px solid #aaa;
}

.easy-search-header__title {
    line-height: 1em;
    font-size: 16px;
    font-weight: bold;
}

.easy-search-list,
.easy-search-inner-list {
    padding: 0;
    margin: 0;
}

.easy-search-list {
    margin-bottom: 100px;
}

.easy-search-inner-list {
    display: none
}

.easy-search-list--li,
.easy-search-inner-list--li {
    position: relative;
    list-style: none;
    line-height: 50px;
}

/* ↓ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル追加 */
.easy-search-inner-list--li-genzaitisyuhen {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    line-height: 50px;
    border-bottom: 2px solid #dddddd;
}
/* ↑ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル追加 */

/* ↓ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */
.easy-search-list__text,
.easy-search-list__accordion--pref,
.easy-search-list__accordion--first-area,
.easy-search-list__accordion--map,
.easy-search-list__genzaitisyuhen {
    font-weight: bold;
    padding-left: 10px;
}
/* ↑ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */

.easy-search-list__accordion--first-area {
    padding-left: 32px;
}

.easy-search-list__text::before,
.easy-search-list__accordion--pref::before,
.easy-search-list__accordion--first-area::before,
.easy-search-list__accordion--map::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #aaa;
    border-right: solid 2px #aaa;
    transition: all ease .25s;
}

.easy-search-list__text::before {
    transform: translateY(-50%) rotate(45deg);
}

.easy-search-list input[type="checkbox"] {
    display: none;
}

/* ↓ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */
.easy-search-list__accordion--pref,
.easy-search-list__accordion--first-area,
.easy-search-list__accordion--map,
.easy-search-list__genzaitisyuhen {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    background: #f9f8f4;
    border-bottom: 2px solid #dddddd;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ↑ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */

/* ↓ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */
.easy-search-list__accordion--pref,
.easy-search-list__genzaitisyuhen {
    background: #E4EFFF;
}
/* ↑ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル適用 */

.easy-search-list input[type="checkbox"]:checked+.easy-search-list__accordion--pref::before,
.easy-search-list input[type="checkbox"]:checked+.easy-search-list__accordion--first-area::before,
.easy-search-list input[type="checkbox"]:checked+.easy-search-list__accordion--map::before {
    transform: translateY(-50%) rotate(-45deg);
}

.easy-search-list input[type="checkbox"]:checked~.easy-search-inner-list,
.easy-search-inner-list--li input[type="checkbox"]:checked~.easy-search-list__second-area-list,
.easy-search-list input[type="checkbox"]:checked~.easy-search-inner-map {
    display: block;
}

.easy-search-list__recommended--ul {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
/* ↓ 2023/08/25 SPお店検索UI変更 */
.easy-search-list__recommended--li {
    list-style: none;
    line-height: 25px;
    margin-top: 10px;
    padding: 0 !important;
}
/* ↑ 2023/08/25 SPお店検索UI変更 */
.easy-search-list .easy-search-list__recommended-link {
    padding: 2px 8px;
    margin: 0 8px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    color: #555;
}

/* ↓ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル追加 */
.easy-search-list__recommended-link_genzaitisyuhen {
    padding: 10px 8px;
    margin: 0 8px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    color: #555;
    text-align:center;
    width: 160px;
}

@media (max-width: 388px) {
    .easy-search-list__recommended-link_genzaitisyuhen {
        width: 144px;
    }
}

@media (max-width: 356px) {
    .easy-search-list__recommended-link_genzaitisyuhen {
        margin: 0 4px; 
    }
}
/* ↑ 現在地＋100名店検索リンク追加 @NLS 2025/02/18 現在地＋100名店リンク用スタイル追加 */

.easy-search-list__pref-link {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #75A9FF;
    font-weight: bold;
    padding-left: 32px;
    border-bottom: 1px solid #dddddd;
}

.easy-search-list__second-area-list {
    display: none;
    padding: 0;
    margin: 0;
}

.easy-search-list__second-area-list--li {
    list-style: none;
    border-bottom: 1px solid #dddddd;
}

.easy-search-list .easy-search-list__second-area-link {
    display: block;
    font-size: 14px;
    color: #75A9FF;
    font-weight: bold;
    text-decoration: none;
    padding-left: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.easy-search-inner-map {
	line-height: initial;
	position: relative;
	display: none;
}
