@charset "UTF-8";
.aw_modal_overflow { overflow: hidden; }

.kuwasiku_btn { background-color: #a8a59a; border-radius: 8px; color: #fff; font-size: 13px; display: flex; justify-content: center; align-items: center; height: 60px; }
.kuwasiku_btn__in { display: flex; justify-content: center; align-items: center; }
.kuwasiku_btn__in > img { width: 22px; margin-right: 5px; }

.item_list_search_form__color { margin-bottom: 29px; }
.item_list_search_form__color__wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-left: 22px; }
.item_list_search_form__color__list { width: 38px; margin-bottom: 10px; position: relative; }
.item_list_search_form__color__list:not(:nth-of-type(5n)) { margin-right: 10px; }
.item_list_search_form__color__list::after { content: ""; display: block; width: 38px; height: 38px; position: absolute; top: 0px; left: 0px; }
.item_list_search_form__color__list.checked::after { content: ""; display: block; border: solid 4px #f2f1ee; border-radius: 4px; width: 38px; height: 38px; position: absolute; top: -4px; left: -4px; }
.item_list_search_form__color__list label { width: 38px; height: 38px; display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.item_list_search_form__color__list input[type="radio"] { display: none; }
.item_list_search_form__color__list:hover { opacity: 0.8; }
.item_list_search_form__price__wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.item_list_search_form__price__wrap input[type="text"] { width: 120px; height: 48px; padding-right: 7px; display: flex; justify-content: flex-end; align-items: center; font-size: 13px; color: #aaaaaa; }

.aw_modal { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 20; overflow-y: scroll; }
.aw_modal .logout.my-false { display: none; }
.aw_modal .login.my-true { display: none; }
.aw_modal .is-ready { display: flex !important; }
.aw_modal form { height: 100%; }
.aw_modal .overlay { z-index: 21; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.aw_modal__wrap { z-index: 22; position: relative; margin: 0 auto; margin-top: 175px; margin-bottom: 175px; max-width: 960px; min-width: 800px; height: 600px; background-color: #ffffff; }
.aw_modal__header { width: 100%; height: 60px; background-color: #f2f1ee; display: flex; justify-content: space-between; align-items: center; padding-left: 34px; padding-right: 16px; }
.aw_modal__header button { border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
.aw_modal__header__headline { font-size: 16px; color: #555555; }
.aw_modal__header__btns { display: flex; justify-content: flex-start; font-size: 13px; }
.aw_modal__header__btns--reset { display: flex; justify-content: center; align-items: center; margin-right: 12px; width: 150px; height: 36px; border: solid 1px #999999; color: #555555; border-radius: 3px; cursor: pointer; }
.aw_modal__header__btns--reset:hover { opacity: 0.8; }
.aw_modal__header__btns--close { display: flex; justify-content: center; align-items: center; margin-right: 12px; width: 80px; height: 36px; border: solid 1px #999999; color: #555555; border-radius: 3px; cursor: pointer; }
.aw_modal__header__btns--close:hover { opacity: 0.8; }
.aw_modal__header__btns--search { display: flex; justify-content: center; align-items: center; background-color: #a8a59a; color: #ffffff; width: 150px; height: 36px; border-radius: 3px; cursor: pointer; }
.aw_modal__header__btns--search:hover { opacity: 0.8; }
.aw_modal__content { display: flex; justify-content: space-between; height: calc(100% - 60px); }
.aw_modal__content__select1 { width: 33.3%; border-right: solid #e6e4dd 1px; overflow-y: scroll; }
.aw_modal__content__select2 { width: 33.3%; overflow-y: scroll; border-right: solid #e6e4dd 1px; }
.aw_modal__content__result { overflow-y: scroll; width: 33.3%; }
.aw_modal__search { width: 100%; padding: 0; margin: 0; }
.aw_modal__search__list { width: 100%; height: 48px; color: #555555; border-bottom: solid 1px #e6e4dd; display: flex; justify-content: space-between; align-items: center; padding: 0 16px 0 24px; cursor: pointer; }
.aw_modal__search__list:hover { opacity: 0.8; }
.aw_modal__search__list--category { font-size: 13px; }
.aw_modal__search__list--text { position: relative; font-size: 11px; color: #999999; }
.aw_modal__search__list--text::after { position: absolute; top: 50%; display: inline-block; width: 7px; height: 7px; margin-top: -5px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #999999; border-right: 1px solid #999999; }
.aw_modal__search__list input[type="radio"] { display: none; }
.aw_modal__search__list.active { background-color: #e6e4dd; border-bottom: none; }
.aw_modal__select__input { display: none; }
.aw_modal__select__naviplus { padding: 14px 15px; }
.aw_modal__select__input__headline { font-size: 13px; color: #555555; margin-bottom: 15px; }
.aw_modal__select__input.color { padding: 14px 24px; }
.aw_modal__select__input.price { padding: 14px 24px; }
.aw_modal__reset_btn { width: 100%; padding: 10px; text-align: right; cursor: pointer; outline: none; appearance: none; background-color: transparent; border: none; }
.aw_modal__reset_btn:hover { opacity: 0.8; }
.aw_modal #select1.keyword label[for="keyword"] p { font-size: 13px; margin-bottom: 14px; color: #555555; }
.aw_modal #select1.keyword input[name="keyword"] { font-size: 13px; height: 47px; color: #555555; }
.aw_modal #result1.keyword { padding: 14px 15px; }
.aw_modal #result1 .keyword__headline { font-size: 13px; color: #555555; margin-bottom: 14px; }
.aw_modal #result1 .keyword__result__list { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.aw_modal #result1 .keyword__result__item { width: 127px; margin-bottom: 24px; }
.aw_modal #result1 .keyword__result__item:nth-of-type(2n) { margin-left: 17px; }
.aw_modal #result1 .keyword__result__thumbnail { overflow: hidden; width: 127px; /* トリミングしたい枠の幅 */ height: 127px; /* トリミングしたい枠の高さ */ position: relative; margin-bottom: 12px; }
.aw_modal #result1 .keyword__result__thumbnail > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; }
.aw_modal #result1 .keyword__result__name { color: #999999; font-size: 12px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aw_modal #result1 .keyword__result__price { color: #555555; font-size: 12px; }