/*!
 * MARS PRODUCT SEARCH CSS *
 * Copyright 2021 MARSFLAG, Inc.
 */


/************************************************
 *                                              *
 * Common Styles                                *
 *                                              *
 ************************************************/

/* for debug */
.mf-cm--panelf-root.mf-cm--panelf,
.mf-cm--panelf-root .mf-cm--panelf {
  background: #ffeeee;
}
.mf-cm--panelf-root.mf-cm--panelf-float,
.mf-cm--panelf-root .mf-cm--panelf-float {
  background: #eeeeff;
}
.mf-cm--panelf-top,
.mf-cm--panelf-middle,
.mf-cm--panelf-bottom,
.mf-cm--panelf-side-main,
.mf-cm--panelf-center,
.mf-cm--panelf-side-sub {
  border: solid 1px #dddddd;
}



/* for production */
.mf-cm--panelf-root.mf-cm--panelf,
.mf-cm--panelf-root .mf-cm--panelf {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1; /*親のサイズが決まっていて、構造上の唯一の子要素になる場合に親要素と同じサイズにまで拡張する*/
}
.mf-cm--panelf-root,
.mf-cm--panelf-root .mf-cm--panelf-root {
  flex-direction: column;
}
.mf-cm--panelf-root .mf-cm--panelf-middle {
  flex-direction: row;
}



.mf-cm--panelf-root .mf-cm--panelf-overflow--auto    { overflow: auto;    }
.mf-cm--panelf-root .mf-cm--panelf-overflow--unset   { overflow: unset;   }
.mf-cm--panelf-root .mf-cm--panelf-overflow--inherit { overflow: inherit; }
.mf-cm--panelf-root .mf-cm--panelf-overflow--visible { overflow: visible; }
.mf-cm--panelf-root .mf-cm--panelf-overflow--hidden  { overflow: hidden;  }
.mf-cm--panelf-root .mf-cm--panelf-overflow--scroll  { overflow: scroll;  }

.mf-cm--panelf-root .mf-cm--panelf-overflow-x--auto    { overflow-x: auto;    }
.mf-cm--panelf-root .mf-cm--panelf-overflow-x--unset   { overflow-x: unset;   }
.mf-cm--panelf-root .mf-cm--panelf-overflow-x--inherit { overflow-x: inherit; }
.mf-cm--panelf-root .mf-cm--panelf-overflow-x--visible { overflow-x: visible; }
.mf-cm--panelf-root .mf-cm--panelf-overflow-x--hidden  { overflow-x: hidden;  }
.mf-cm--panelf-root .mf-cm--panelf-overflow-x--scroll  { overflow-x: scroll;  }

.mf-cm--panelf-root .mf-cm--panelf-overflow-y--auto    { overflow-y: auto;    }
.mf-cm--panelf-root .mf-cm--panelf-overflow-y--unset   { overflow-y: unset;   }
.mf-cm--panelf-root .mf-cm--panelf-overflow-y--inherit { overflow-y: inherit; }
.mf-cm--panelf-root .mf-cm--panelf-overflow-y--visible { overflow-y: visible; }
.mf-cm--panelf-root .mf-cm--panelf-overflow-y--hidden  { overflow-y: hidden;  }
.mf-cm--panelf-root .mf-cm--panelf-overflow-y--scroll  { overflow-y: scroll;  }




.mf-cm--panelf-top, .mf-cm--panelf-middle, .mf-cm--panelf-bottom, 
.mf-cm--panelf-side-main, .mf-cm--panelf-center, .mf-cm--panelf-side-sub {
  border: none;
}




/************************************************
 *                                              *
 * mfMsWdgSuggestPulldownStandardV1 Styles      *
 *                                              *
 ************************************************/

.mf-ms-wdg-suggest-pulldown-standard.mf-cm--panelf-root {
/**  z-index: 50; **/
  position: absolute;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_frame {
  Xborder-bottom: solid 1px #eeeeee;
  border-bottom: none;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 70vh;
  border: solid 1px #dddddd;
}


.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_inner {
  border: solid 1px #dddddd;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_frame2 {
  max-height: 85vh;
  overflow: hidden;
}


.mf-ms-wdg-suggest-pulldown-standard .mf-cm--panelf {
  background: white;
  width: 100%;
}

.mf-ms-wdg-suggest-pulldown-standard .mf-cm--panelf.mf_mps_item {
  height: max-content;
}
 
.mf-ms-wdg-suggest-pulldown-standard .mf-cm--panelf.mf_mps_item_hover,
.mf-ms-wdg-suggest-pulldown-standard .mf-cm--panelf.mf_mps_item_hover .mf-cm--panelf {
  background: #eeeeee;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_frame.active_pulldown .mf-cm--panelf.mf_mps_item_hover,
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_frame.active_pulldown .mf-cm--panelf.mf_mps_item_hover .mf-cm--panelf {
  background: #e7f7e7;
}
 
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_clipped_pre {
  margin-left: 0.2rem;
}

.mf-ms-wdg-suggest-pulldown-standard .mf-cm--panelf.mf_mps_item .mf_mps_item_class {
  display: none;
}
 




.mf-ms-wdg-suggest-pulldown-standard .mf_mps_me_suggest_pulldown_ctrl {
  flex-direction: row;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box; 
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-direction: row;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_btn.mf_mps_move {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.2rem;

  margin: 0px 0.25rem;
  cursor: pointer;
  color: #aaaaaa;

z-index:1050;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_btn.mf_mps_move:disabled {
  color: #eeeeee;
  cursor: auto;
}

/**
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_btn.mf_mps_move:before {
    font-family: "Font Awesome 5 Free",sans-serif;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px 4px
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_btn.mf_mps_prev:before {
/*    content: "\f3e5"; * /

/*    content: "\f064";
    display: inline-block;
    transform: scaleX(-1); * /

    content: "\f0e2";
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_btn.mf_mps_next:before {
    content: "\f064";
    content: "\f01e";
}
**/

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item_count {
  position: absolute;
  right: 0;
  font-size: 0.95rem;
  margin-top: 0.1rem;
  margin-right: 0.2rem;
}


.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item_count:before {
  content: "\f466";
  font-family: "Font Awesome 5 Free",sans-serif;
  font-weight: 900;
  color: #f4bb2b;
  margin-right: 4px;
  margin-left: 2px;
  display: inline-block;
  width: 15px;
}


.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value {
  display: inherit;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value:before,
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value:after {
  font-family: "Font Awesome 5 Free",sans-serif;
  font-weight: 900;
  color: #f4bb2b;
  margin-right: 8px;
  margin-left: 6px;
  display: inline-block;
  width: 15px;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value {
  width: calc(100%);
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__label {
  font-size: 0.7rem;
  padding-top: 0.28rem;
  color: #5555aa;
  margin-right: 0.13rem;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__label::before { content: '['; }
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__label::after  { content: ']'; }

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__drilldown_info {
  position: absolute;
  right: 0px;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__drilldown_info > .mf_mps_item_value__count {
  position: relative;
  top: -0.20rem;
  font-size: 0.7rem;
  color: #777799;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__drilldown_info > .mf_mps_item_value__count::before { content: '('; }
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__drilldown_info > .mf_mps_item_value__count::after  { content: ')'; }

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > .mf_mps_item_value__drilldown_info > .mf_mps_item_value__drilldown {
  Xposition: absolute;
  right: 0px;
  width: 1.4rem;
  text-align: center;
  margin: 0;
  margin-top: -0.15rem;
}


.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item > .mf_mps_item_value > * {
  display: block;
  height: 1.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  max-width: 60%;
  min-width: 5%;
}
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_hover > .mf_mps_item_value > * {
  text-wrap: wrap;
  height: auto;
}



.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__cluster__item > .mf_mps_item_value {
  display: flex;
  width: 100%;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__cluster__item > .mf_mps_item_value > span {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__cluster__item > .mf_mps_item_value > .mf_mps_clipped_pre {
  display: block;
  width: 1.1rem;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__cluster__item > .mf_mps_item_value > .mf_mps_item_value__cluster_body {
  display: block;
  max-width: calc(100% - 1.1rem);
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_hover.mf_mps_item_class__cluster__item > .mf_mps_item_value > .mf_mps_item_value__cluster_body {
  text-wrap: wrap;
}
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__cluster__item > .mf_mps_item_value > .mf_mps_item_value__cluster_body.mf_mps_not_clipped {
  max-width: calc(100%);
}


.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__item > .mf_mps_item_value .mf_mps_value_item__item_value_1 {
  max-width: calc(100% - 0.01rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__item > .mf_mps_item_value > * {
  height: auto;
  max-width: calc(100% - 0.1rem);
}
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_hover.mf_mps_item_class__item > .mf_mps_item_value .mf_mps_value_item__item_value_1 {
  text-wrap: wrap;
}
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_class__item > .mf_mps_item_value .mf_mps_value_item__item_value_1 {
  max-width: calc(100% - 3rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
/*  text-wrap: wrap; */
}

.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_hover.mf_mps_item_class__item > .mf_mps_item_value > * {
  text-wrap: wrap;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__item > .mf_mps_item_value .mf_mps_item_value__item_icon:before {
  content: "\f466";
  font-family: "Font Awesome 5 Free",sans-serif;
  font-weight: 900;
  color: #f4bb2b;
  margin-right: 4px;
  margin-left: 2px;
  display: inline-block;
  width: 15px;
}

.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__item {
  border-top: solid 1px #aaaaaa;
}

/**
.mf-ms-wdg-suggest-pulldown-standard .mf_mps_item.mf_mps_item_class__item > .mf_mps_item_value .s_value_item__item_value_lines > div.ue_item__item_value_1 { 
    text-wrap: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 0.1px);
    white-space: nowrap;
}
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf_mps_item.mf_mps_item_hover.mf_mps_item_class__item > .mf_mps_item_value .s_value_item__item_value_lines > div { 
    text-wrap: wrap;
}
**/








.mf-ms-wdg-suggest-pulldown-standard .mf_mps_suggest_pulldown_list_frame:not(.active_pulldown):not(.deepest_pulldown) .mf_mps_item.mf_mps_item_class__item {
/**  display: none; **/
}




.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_word_on_hover .mf-cm--panelf.mf_mps_item_hover .mf_mps_phrase,
.mf-ms-wdg-suggest-pulldown-standard.mf_mps_show_full_item_on_hover .mf-cm--panelf.mf_mps_item_hover .mf_mps_phrase {
  white-space: normal;
}