.cm-modal-search-brand.cm-modal .modal{max-width:996px;overflow-y:unset;padding-bottom:20px}.cm-modal-search-brand.cm-modal .modal .modal-title{font-size:24px;text-align:center}.cm-modal-search-brand .btn-delete{max-width:996px}.cm-modal-search-brand .search{margin:10px auto 0;max-width:600px;position:relative;width:100%}.cm-modal-search-brand .search .ca-input input{background-color:var(--color-bg-sub,#fff);border:none;border-radius:18px;box-sizing:border-box;font-size:14px;height:36px;line-height:1;padding-right:46px;width:100%}.cm-modal-search-brand .search .ico-sto-search{bottom:0;font-size:30px;font-weight:700;height:17px;margin:auto;position:absolute;right:18px;top:-28px;transition:.3s}.cm-modal-search-brand .brand-list-area{height:40vh;overflow-y:scroll}.cm-modal-search-brand .brand-list-area .kana-sort{margin:0 0 40px}.cm-modal-search-brand .brand-list-area .kana-sort>ul{display:flex;flex-direction:column}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li{padding-top:20px}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana{background:rgba(var(--color-main-10,204,204,204),.2);color:var(--color-main,#ccc);font-size:16px;line-height:40px;width:calc(20% - 12px)}.bp-md .cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana{width:100%}.bp-sm .cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana{font-size:1.75rem}.cm-modal-search-brand .brand-list-area .logo-brand-area{gap:10px;margin:30px 0 10px}.bp-sm .cm-modal-search-brand .brand-list-area .logo-brand-area{margin-top:10px}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item{height:60px;width:60px}.bp-sm .cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item{width:calc(50% - 5px)}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand.active img,.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand:hover img{outline:2px solid var(--color-main,#ccc);transition:unset}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand img{-o-object-fit:cover;object-fit:cover}.cm-modal-search-brand .brand-list-area .brand-list{margin-top:20px}.cm-modal-search-brand .brand-list-area .brand-list ul{gap:10px;grid-template-columns:1fr;overflow:hidden}.bps-md .cm-modal-search-brand .brand-list-area .brand-list ul{grid-template-columns:repeat(2,1fr)}.cm-modal-search-brand .brand-list-area .brand-list ul li{border-color:transparent;min-height:50px;overflow:hidden;padding:0;text-align:left}.bp-sm .cm-modal-search-brand .brand-list-area .brand-list ul li{min-height:30px}.cm-modal-search-brand .brand-list-area .brand-list ul li .ca-checkbox .checkbox li label{white-space:nowrap}.cm-modal-search-brand .cm-modal-button-area{margin-top:20px}.cm-modal-search-brand.cm-modal{background:transparent;filter:drop-shadow(1px 1px 15px rgba(0,0,0,.15));justify-content:flex-start;left:50%;transform:translate(-50%)}.bp-sm .cm-modal-search-brand.cm-modal{filter:unset}.cm-modal-search-brand.cm-modal .modal{border-radius:10px;display:flex;flex-direction:column;max-width:540px;padding:22px 20px}.bp-sm .cm-modal-search-brand.cm-modal .modal{border-radius:0;max-width:unset;padding:0 0 3.75rem;width:100%}.cm-modal-search-brand.cm-modal .modal:before{background:var(--color-white,#fff);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";display:block;height:15px;margin-bottom:35px;margin-left:105px;margin-top:-35px;width:30px}.bp-sm .cm-modal-search-brand.cm-modal .modal:before{display:none}.cm-modal-search-brand.cm-modal .modal .modal-title{align-items:center;color:var(--color-main,#ccc);display:flex;font-size:16px;font-weight:700;text-align:left}.bp-sm .cm-modal-search-brand.cm-modal .modal .modal-title{font-size:2rem;font-weight:600;padding:15px 5px}.cm-modal-search-brand.cm-modal .modal .modal-title .help{color:var(--color-main,#ccc);display:inline-block;font-size:10px;font-weight:400;margin-left:5px}.bp-sm .cm-modal-search-brand.cm-modal .modal .modal-title .help{font-size:1.25rem}.cm-modal-search-brand .btn-delete{margin-top:190px;max-width:540px}@media only screen and (max-width:960px){.cm-modal-search-brand .btn-delete{margin-top:250px}}.bp-sm .cm-modal-search-brand .btn-delete{max-width:none;width:100%}.cm-modal-search-brand .btn-delete button svg{font-size:1.875rem}.cm-modal-search-brand .brand-list-area{border-top:1px solid var(--color-border,#ccc);box-shadow:inset 0 -30px 15px -30px #0000001a;height:auto}.cm-modal-search-brand .brand-list-area .kana-sort{box-sizing:border-box;margin:0;text-align:center;width:100%}.cm-modal-search-brand .brand-list-area .kana-sort>ul{position:relative}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li{padding-top:30px}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li.logo-brand-area{padding-bottom:20px;padding-top:22px}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana{background:var(--color-white,#fff);box-sizing:border-box;color:var(--color-font,#000);font-size:14px;font-weight:700;line-height:1;padding-left:1em;text-align:left;width:100%}.bp-sm .cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana{font-size:1.625rem;padding-top:0}.cm-modal-search-brand .brand-list-area .kana-sort>ul>li .kana:after{content:"行"}.cm-modal-search-brand .brand-list-area .kana-sort .button-list{background-color:var(--color-white,#fff);display:flex;justify-content:space-between;left:0;padding:10px 0;position:sticky;top:-5px;z-index:1}.bp-sm .cm-modal-search-brand .brand-list-area .kana-sort .button-list{box-sizing:border-box;padding-inline:2%}.cm-modal-search-brand .brand-list-area .kana-sort .button-list+li{padding-top:30px}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button{border-right:1px solid #eaeaea;text-align:center;transition:opacity .3s;width:100%}.bp-sm .cm-modal-search-brand .brand-list-area .kana-sort .button-list button{font-size:clamp(13px,1.625rem,18px)}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button:first-child{border-left:1px solid var(--color-border,#ccc)}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button:disabled{pointer-events:none}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button:disabled span{color:var(--color-btn-negative,#ccc)}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button:hover{opacity:.5}.cm-modal-search-brand .brand-list-area .kana-sort .button-list button span{font-size:14px;line-height:1.8}.bp-sm .cm-modal-search-brand .brand-list-area .kana-sort .button-list button span{white-space:nowrap}.cm-modal-search-brand .brand-list-area .logo-brand-area{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0 6px}.bp-sm .cm-modal-search-brand .brand-list-area .logo-brand-area{margin-top:0;padding:6px 0}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item{height:62px;width:70px}.bp-sm .cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item{width:calc(20% - 6px)}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand{border:1px solid #dfdfdf;border-radius:4px;box-sizing:border-box;height:100%;position:relative;transition:opacity .3s;width:100%}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand:hover{opacity:.5}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand:hover img{outline:none}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand.active img{border-radius:4px;outline:2px solid var(--color-main,#ccc);transition:unset}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand.active .check-icon{align-items:center;background-color:var(--color-accent,#ccc);border-radius:50%;display:flex;height:12px;justify-content:center;left:3px;position:absolute;top:3px;width:12px}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand.active .check-icon svg{color:var(--color-white,#fff);font-size:9px;padding:0}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cm-modal-search-brand .brand-list-area .logo-brand-area .logo-brand-item .logo-brand .check-icon{display:none}.cm-modal-search-brand .brand-list-area .brand-list{border-top:1px solid var(--color-border,#ccc)}.cm-modal-search-brand .brand-list-area .brand-list>ul{align-content:flex-start;display:flex;flex-direction:column;gap:0;grid-template-columns:1fr;overflow:hidden}.cm-modal-search-brand .brand-list-area .brand-list>ul>li{border-bottom:1px solid var(--color-bg-main,#fff);cursor:pointer;display:flex;height:auto;justify-content:space-between;padding:15px 20px 15px 0;position:relative;width:100%}.bp-sm .cm-modal-search-brand .brand-list-area .brand-list>ul>li{align-items:center;min-height:unset;padding:15px 4%}.cm-modal-search-brand .brand-list-area .brand-list>ul>li.checked .check-icon{background-color:var(--color-accent,#ccc);border-color:var(--color-accent,#ccc)}.cm-modal-search-brand .brand-list-area .brand-list>ul>li.checked .check-icon svg{color:var(--color-white,#fff);display:block;font-size:10px;padding:0}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn{align-items:center;display:flex;gap:15px;height:auto;width:100%}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .ca-image{width:auto}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .ca-image img{height:40px;-o-object-fit:contain;object-fit:contain;width:70px}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .names .ja{color:var(--color-accent,#ccc);font-size:14px}.bp-sm .cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .names .ja{font-size:1.75rem}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .names .en{color:#9e9e9e;font-size:12px;font-weight:400;line-height:1.1}.bp-sm .cm-modal-search-brand .brand-list-area .brand-list>ul>li .btn .names .en{font-size:1.5rem}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .check-icon{align-items:center;border:1px solid var(--color-border,#ccc);border-radius:2px;box-sizing:border-box;display:flex;height:14px;justify-content:center;width:14px}.cm-modal-search-brand .brand-list-area .brand-list>ul>li .check-icon svg{display:none}.cm-modal-search-brand .cm-modal-button-area{flex-direction:column;gap:20px;justify-content:center;margin-top:0;padding-top:20px;position:relative;z-index:10}.cm-modal-search-brand .cm-modal-button-area .select-area{width:100%}.bp-sm .cm-modal-search-brand .cm-modal-button-area .select-area{margin:0 auto;width:92%}.cm-modal-search-brand .cm-modal-button-area .select-area ul{display:flex;flex-wrap:wrap;gap:10px}.cm-modal-search-brand .cm-modal-button-area .select-area ul li{align-items:center;background-color:var(--color-bg-sub,#fff);border-radius:4px;-moz-column-gap:1.4em;column-gap:1.4em;display:flex;padding:6px 11px}.bp-sm .cm-modal-search-brand .cm-modal-button-area .select-area ul li{padding:.25rem 11px}.cm-modal-search-brand .cm-modal-button-area .select-area ul li span{color:var(--color-main,#ccc);font-size:14px;font-weight:400}.bp-sm .cm-modal-search-brand .cm-modal-button-area .select-area ul li span{font-size:1.5rem}.cm-modal-search-brand .cm-modal-button-area .select-area ul li .delete{align-items:center;cursor:pointer;display:flex}.cm-modal-search-brand .cm-modal-button-area .select-area ul li .delete svg{color:var(--color-btn-negative,#ccc);font-size:15px;padding:0}.cm-modal-search-brand .cm-modal-button-area .ca-button{font-size:14px;width:242px}.bp-sm .cm-modal-search-brand .cm-modal-button-area .ca-button{font-size:1.75rem;width:65%}.cm-modal-search-brand .cm-modal-button-area .ca-button:disabled{background-color:var(--color-btn-negative,#ccc);border:1px solid var(--color-btn-negative,#ccc)}
