@charset "UTF-8";
/* MARS PRODUCT SEARCH CSS */
/* Copyright 2015-2019 Marsflag, Inc. */
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*, ::after, ::before {
  box-sizing: inherit;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  font-size: 16px;
  font-family: sans-serif;
  box-sizing : border-box;
}

.mf_mps_mainContainer {
  min-height: 100vh;
}

.mf_mps_search_result_table__outer_groups {
  box-shadow: 0 0 2px 1px #666;
}

.mf_mps_bottom_drawer,
.mf_mps_item_selection_drawer {
  background-color: rgba(255,255,255,0.9);
}
.mf_mps_drawer_header {
  background-color: transparent;
}
.mf_mps_selected_list_item {
  border: solid 1px #bbbbbb;
}

/* スクロール補助ボタンを非表示に */
.mf_mps_table_scroller {
  /* display: none; */
}

/* ドラッグスクロールのためのスタイル */
.mf_mps_search_result_table__table th:hover,
.mf_mps_search_result_table__table td:hover {
  cursor: grab;
}
.mf_mps_search_result_table__table th:active,
.mf_mps_search_result_table__table td:active {
  cursor: grabbing;
}


/* スマートフォン幅では、高さの変わるドロワーを表示しない */
@media screen and (max-width: 1199px) {
  .mf_mps_item_selection_drawer {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .mf_mps_search_result_table__table_part__fixed_top {
    display: block;
  }
}




/** 結果ビュー切り替えボタン **/
.mf_mps_btn_switch_view:before {
  font-size: 1.2rem;
}
.mf_mps_btn_switch_view_to_table:before {
  content: "\f0ce";
}
.mf_mps_btn_switch_view_to_list-card:before {
  content: "\f00a";
}

.mf_mps_btn_switch_view_box {
  display: flex;
}
.mf_mps_btn_switch_view {
  margin-left: 2rem;
  margin-right: 2rem;
  float: right;
  border: solid 1px transparent;
}
.mf_mps_btn_switch_view {
  display: none;
}
#mf_mps_STAT.mf_mps_STAT_search-result-view__list-card .mf_mps_btn_switch_view_to_table {
  display: block;
}
#mf_mps_STAT.mf_mps_STAT_search-result-view__table .mf_mps_btn_switch_view_to_list-card {
  display: block;
}


/** 結果ビュー **/
.mf_mps_search_result_wrap {
  display: none;
}
#mf_mps_STAT.mf_mps_STAT_search-result-view__list-card .mf_mps_list_card_view {
  display: block;
}
#mf_mps_STAT.mf_mps_STAT_search-result-view__table .mf_mps_table_view {
  display: block;
}









.mpsDemo_gNav {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  background-color: #fefefe;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center; }

.mpsDemo_gNav_content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

.mpsDemo_navbar_brand {
  display: inline-block;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 16px;
  font-size: 20px;
  text-decoration: none;
  line-height: inherit;
  white-space: nowrap;
  color: #111111; }
  .mpsDemo_navbar_brand:focus, .mpsDemo_navbar_brand:hover {
    text-decoration: none; }

.mpsDemo_breadCrumb,
.mf_mps_breadCrumb {
  padding: 4px 16px;
  margin-bottom: 16px;
  list-style: none;
  background-color: transparent;
  border-radius: 2px;
  margin: 0;
  font-size: 14px;
  border-radius: 0; }
  .mpsDemo_breadCrumb::after,
  .mf_mps_breadCrumb::after {
    display: block;
    content: "";
    clear: both; }
  .mpsDemo_breadCrumb a,
  .mf_mps_breadCrumb a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none; }

.breadcrumb-item {
  float: left; }
  .breadcrumb-item > a {
    font-size: 14px; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    color: #aab1b7;
    content: "›"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #fff; }

.mf_mps_breadcrumb_home {
  width: 1em;
  height: 1rem;
  overflow: hidden; }
  .mf_mps_breadcrumb_home:before {
    content: "";
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    margin-right: 0.5rem;
    color: rgba(255, 255, 255, 0.75); }

.mpsDemo_pageTitle {
  color: #21272c;
  font-size: 1.75rem;
  margin: 0; }

.mf_mps_headlineBox.mps_demo_headlineBox .mf_mps_headlineBox_1 {
  background-color: #f6f8f8; }
.mf_mps_headlineBox.mps_demo_headlineBox .mf_mps_usage dt {
  font-weight: normal; }
  .mf_mps_headlineBox.mps_demo_headlineBox .mf_mps_usage dt .fa {
    font-size: 32px; }
.mf_mps_headlineBox.mps_demo_headlineBox .mf_mps_usage dd {
  font-size: 14px; }

.mf_mps_table_attr_key__item_id .mf_mps_cell_value > a,
.mf_mps_table_attr_key__item_name .mf_mps_cell_value > a {
  text-decoration: underline; }

.mf_mps_table_attr_key__item_id .mf_mps_cell_value > a::after
.mf_mps_table_attr_key__item_name .mf_mps_cell_value > a::after {
  font-family: "Font Awesome 5 Free", sans-serif, sans-serif;
  font-weight: 900;
  content: "\f08e";
  /* fa-external-link */
  padding-left: 8px;
  display: inline-block; }

.mf_mps_col_double .mf_mps_grandRow {
  background-color: #f2f6f7; }
.mf_mps_col_double#mf_mps_STAT:not(.mf_mps_sys_STAT_initialized) .mf_mps_grandRow {
  min-height: 600px; }
.mf_mps_col_double#mf_mps_STAT:not(.mf_mps_sys_STAT_initialized) .mf_mps_sticky_footer {
  position: absolute;
  bottom: 0;
  width: 100%; }

@media (max-width: 575px) {
  .mf_mps_breadCrumb {
    width: 100%; } }
@media (max-width: 767px) {
  .mpsDemo_pageTitle {
    text-align: center; } }
@media (min-width: 768px) {
  .mf_mps_headlineBox_1 {
    padding: 3rem; }

  .mps_demo_tagline {
    margin-left: 4rem;
    margin-right: 4rem; } }