@charset "UTF-8";
html {
  font-size: 15px;
  touch-action: manipulation;
}

a {
  text-decoration: none;
}

[v-cloak] {
  display: none !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.ma-0 {
  margin: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pa-0 {
  padding: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.ma-1 {
  margin: 4px !important;
}

.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pa-1 {
  padding: 4px !important;
}

.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.ma-2 {
  margin: 8px !important;
}

.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pa-2 {
  padding: 8px !important;
}

.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.ma-3 {
  margin: 12px !important;
}

.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pa-3 {
  padding: 12px !important;
}

.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.ma-4 {
  margin: 16px !important;
}

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pa-4 {
  padding: 16px !important;
}

.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.ma-5 {
  margin: 20px !important;
}

.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pa-5 {
  padding: 20px !important;
}

.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.ma-6 {
  margin: 24px !important;
}

.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pa-6 {
  padding: 24px !important;
}

.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.fs-5 {
  font-size: 0.5rem !important;
}

.fs-6 {
  font-size: 0.6rem !important;
}

.fs-7 {
  font-size: 0.7rem !important;
}

.fs-8 {
  font-size: 0.8rem !important;
}

.fs-9 {
  font-size: 0.9rem !important;
}

.fs-10 {
  font-size: 1rem !important;
}

.fs-11 {
  font-size: 1.1rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-15 {
  font-size: 1.5rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-17 {
  font-size: 1.7rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-19 {
  font-size: 1.9rem !important;
}

.fs-20 {
  font-size: 2rem !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-red {
  color: red !important;
}

.text-white {
  color: white !important;
}

.fw-bold {
  font-weight: bold !important;
}

.text-line-through {
  text-decoration: line-through;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-items-center {
  align-items: center !important;
}

.f-wrap {
  flex-wrap: wrap;
}

.f-jc-center {
  justify-content: center !important;
}

.f-jc-between {
  justify-content: space-between;
}

.f-jc-around {
  justify-content: space-around;
}

.f-jc-start {
  justify-content: flex-start;
}

.f-jc-end {
  justify-content: flex-end;
}

.f-ai-center {
  align-items: center;
}

.f-ai-start {
  align-items: flex-start;
}

.f-ai-end {
  align-items: flex-end;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.position-relative {
  position: relative;
}

.LayoutWrapper {
  width: 100%;
  color: #333;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.LayoutWrapper__lock {
  height: 100vh;
  overflow-y: hidden;
}
.LayoutContainer {
  width: 100%;
}
.LayoutMain {
  flex: 1;
  padding-bottom: 60px;
}
.LayoutInner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
.LayoutSection {
  padding: 12px;
}
.LayoutHeader {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.LayoutBox {
  border: 1px solid #414141;
  padding: 20px 12px;
  line-height: 2;
}
.LayoutBox__red {
  border-color: #FF0000;
  color: #FF0000;
}
.LayoutBox__green {
  border-color: green;
  color: green;
}
.LayoutBox p:last-of-type {
  margin-bottom: 0;
}

.Drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: opacity 300ms, visibility 300ms;
  opacity: 0;
  visibility: hidden;
}
.DrawerOpen {
  opacity: 1;
  visibility: visible;
}
.DrawerContainer {
  position: absolute;
  width: 280px;
  top: 0;
  right: -280px;
  bottom: 0;
  background-color: #F0F0F0;
  transition: right 300ms;
}
.DrawerOpen .DrawerContainer {
  right: 0;
}
.DrawerHeader {
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  margin-bottom: 8px;
}
.DrawerHeader__button {
  border: none;
  background: transparent;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8rem;
}
.DrawerHeader__button i {
  font-size: 3rem;
  font-weight: bold;
}
.Drawer__ul {
  background-color: #fff;
  margin-bottom: 12px;
}
.Drawer__ul li {
  border-top: 1px solid #DDDDDD;
}
.Drawer__ul li:last-of-type {
  border-bottom: 1px solid #DDDDDD;
}
.Drawer__ul li a {
  display: block;
  padding: 12px;
  color: #000;
}
.Drawer__button {
  display: block;
  padding: 8px 16px;
  border: none;
  font-size: 2rem;
  color: #fff;
  background: transparent;
}
.Drawer__notify {
  position: absolute;
  background-color: #FF0000;
  color: #FFFFFF;
  top: 4px;
  left: 2px;
  height: 1.8rem;
  width: 1.8rem;
  text-align: center;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Drawer__notify__reservation {
  position: absolute;
  background-color: #FF0000;
  color: #FFFFFF;
  top: 12px;
  left: 80px;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Drawer__notify__message {
  position: absolute;
  background-color: #FF0000;
  color: #FFFFFF;
  top: 12px;
  left: 120px;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.Header {
  background-image: url("/images/tabilmo_top_bg_sp.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Header {
    background-image: url("/images/tabilmo_top_bg_pc.jpg");
  }
}
.Header--title {
  color: #fff;
  font-size: 1.5rem;
}
.Header--image {
  width: 172px;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}
.HeaderWrap {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.HeaderSearch {
  margin-top: 20px;
  position: relative;
}
.HeaderSearch--row {
  background-color: #fff;
  padding: 8px 20px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.HeaderSearch--row__detail {
  position: relative;
}
.HeaderSearch--row__detail::after {
  position: absolute;
  display: block;
  content: "\f0da";
  font: var(--fa-font-solid);
  right: 12px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.HeaderSearch--icon {
  margin-right: 8px;
  font-size: 1.2rem;
}
.HeaderSearch--text {
  flex: 1;
  border: none;
  color: #333;
}
.HeaderSearch--text:focus {
  outline: 0;
}
.HeaderSearch--date {
  flex: 1;
}
.HeaderSearch--date__dw {
  font-size: 0.8rem;
}
.HeaderSearch--button {
  display: block;
  text-align: center;
  padding: 12px;
  color: #fff;
  background-color: #35c2c4;
  width: 100%;
  border: none;
  margin-top: 20px;
}
.HeaderSearch--condition {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.HeaderNav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.HeaderNav ul {
  display: flex;
}
.HeaderNav ul li a {
  display: block;
  padding: 12px;
  font-size: 1.2rem;
  color: #fff;
}
.HeaderNav__logo {
  padding: 8px;
}
.HeaderNav__logo a {
  color: #fff;
  font-size: 1.5rem;
}

.Footer {
  background-color: #414141;
  color: #fff;
}
.Footer a {
  color: #fff;
}
.Footer__ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.Footer__ul ul {
  width: 49%;
}
.Footer__ul ul li {
  width: 100%;
}
.Footer__ul ul li a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 8px;
  position: relative;
}
.Footer__ul ul li a::after {
  display: block;
  font: var(--fa-font-solid);
  content: "\f105";
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 12px;
  bottom: 0;
}
.Footer__logo {
  font-size: 1.5rem;
  text-align: center;
  margin: 12px auto;
  display: flex;
  justify-content: center;
}
.Footer__logo--image {
  width: 172px;
}
.Footer__credit {
  font-size: 0.8rem;
  text-align: center;
}

.Sort {
  display: flex;
  align-items: center;
  margin: 20px auto;
}
.Sort__item {
  display: block;
  margin-right: 8px;
  padding: 0 8px;
  border: 1px solid #183153;
  border-radius: 2px;
  color: #183153;
}
.Sort__item--active {
  background-color: #35c2c4;
  border-color: #35c2c4;
  color: #fff;
}
.Sort__icon {
  font-size: 1.4rem;
  margin-right: 8px;
}

@media screen and (min-width: 768px) {
  .VillaList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.VillaList__item {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .VillaList__item {
    width: 48%;
  }
}
.VillaList__item a {
  display: block;
}
.VillaList__imageArea {
  margin: 0;
  position: relative;
}
.VillaList__images {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.VillaList__images:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.VillaList__image {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.VillaList__sold {
  position: absolute;
  top: 0;
  right: 0;
}
.VillaList__imageCount {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-color: #fff;
  padding: 2px 8px;
}
.VillaList__tagArea {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
}
.VillaList__tag {
  background-color: #fff;
  border-radius: 2px;
  color: #414141;
  padding: 2px 12px;
  margin-right: 8px;
}
.VillaList__tag:last-of-type {
  margin-right: 0;
}
.VillaList__priceArea {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background-color: #fff;
}
.VillaList__discount {
  text-align: center;
  background-color: #E65656;
  padding: 4px 8px;
  color: #fff;
}
.VillaList__price {
  text-align: center;
  font-size: 1.3rem;
  margin: 4px 20px 0;
  color: #333;
}
.VillaList__priceText {
  text-align: center;
  margin: 0 20px 4px;
  color: #333;
}
.VillaList__infoArea {
  padding: 12px 12px;
}
.VillaList__titleArea {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.VillaList__title {
  flex: 1;
  font-size: 1.3rem;
  color: #414141;
}
.VillaList__favorite {
  border: none;
  font-size: 1.5rem;
  background: transparent;
}
.VillaList__categoryArea {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.VillaList__category {
  display: block;
  background-color: #35c2c4;
  color: #fff;
  padding: 2px 12px;
  border-radius: 2px;
  white-space: nowrap;
}
.VillaList__category.--emergency {
  background-color: #E65656;
}
.VillaList__category.--immediate {
  background-color: #E65656;
}
.VillaList__category.--online-payment {
  background-color: #5C91DC;
}
.VillaList__category.--request {
  background-color: #fff;
  color: #E65656;
  border: 1.5px solid #E65656;
}
.VillaList__locationArea {
  display: flex;
  align-items: center;
}
.VillaList__locationArea i {
  margin-right: 4px;
  font-size: 1.5rem;
  color: #414141;
}
.VillaList__location {
  display: flex;
}
.VillaList__location li {
  margin-right: 4px;
  display: block;
  color: #414141;
}
.VillaList__location li::after {
  content: "＞";
  margin-left: 4px;
}
.VillaList__location li:last-of-type::after {
  display: none;
  content: "";
}

.Bread {
  color: #333;
  overflow-x: scroll;
}
.Bread a {
  color: #333;
}
.BreadList {
  display: flex;
}
.BreadItem {
  margin-right: 4px;
  white-space: nowrap;
}
.BreadItem::after {
  content: ">";
  margin-left: 2px;
}
.BreadItem:last-of-type {
  padding-right: 12px;
}
.BreadItem:last-of-type::after {
  content: "";
  display: none;
}

.LayoutWrapper .Bread {
  background-color: #E1E1E1;
}

.Calendar__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: #fff;
  z-index: 2;
}
.CalendarBar {
  width: 100%;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: flex-end;
  padding: 2px 8px;
}
.CalendarBar__button {
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8rem;
  border: none;
  background: transparent;
}
.CalendarBar__button i {
  font-size: 2rem;
}
.CalendarHeader {
  padding: 8px;
  display: flex;
  align-items: center;
}
.CalendarHeader__text {
  flex: 1;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
}
.CalendarHeader__arrow {
  padding: 8px;
  background-color: transparent;
  border: none;
}
.CalendarBody {
  padding: 8px;
}
.CalendarTable {
  width: 100%;
  border-collapse: collapse;
}
.CalendarTable__dw {
  color: #666666;
}
.CalendarTable__dw--sat {
  color: #0044ff;
}
.CalendarTable__dw--sun {
  color: #ff0000;
}
.CalendarTable__day {
  color: #666666;
}
.CalendarTable__day.CalendarTable__day--past {
  color: #dddddd;
}
.CalendarTable__day--sat {
  color: #0044ff;
}
.CalendarTable__day--sat.CalendarTable__day--past {
  color: #bccce5;
}
.CalendarTable__day--sun {
  color: #ff0000;
}
.CalendarTable__day--sun.CalendarTable__day--past {
  color: #E8B4B9;
}
.CalendarTable__day--select {
  background-color: #35c2c4;
  color: #fff;
}
.CalendarTable__day--between {
  background-color: #35c2c4;
  color: #fff;
}
.CalendarTable__empty {
  font-size: 1.4rem;
}
.CalendarTable tr {
  border-bottom: 4px solid #fff;
}
.CalendarTable td {
  text-align: center;
  padding: 8px 8px;
}

.Pax__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: #fff;
  z-index: 2;
}
.PaxBar {
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding: 16px 8px;
  font-weight: bold;
  position: relative;
}
.PaxBar__button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8rem;
  border: none;
  background: transparent;
}
.PaxBar__button i {
  font-size: 2rem;
}
.PaxRow {
  border-bottom: 1px solid #D3D3D3;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PaxRow__control {
  display: flex;
  width: 130px;
  justify-content: space-between;
  align-items: center;
}
.PaxRow__button {
  border: none;
  background-color: #35c2c4;
  border-radius: 5px;
  padding: 4px 6px;
}
.PaxRow__button.PaxRow__button--disabled {
  background-color: #35c2c4;
}
.PaxRow__button i {
  color: #fff;
  font-size: 1.2rem;
}

.Button {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 12px 8px;
  background-color: #414141;
  color: #fff;
  border: none;
  font-size: 1.2rem;
  margin-bottom: 12px;
}
.Button__primary {
  background-color: #35c2c4;
}
.Button__secondary {
  background-color: #848484;
}
.Button__turquoise {
  background-color: #066473;
}
.Button__red {
  background-color: #FF0000;
}
.Button__bubble {
  position: relative;
  background-color: #35c2c4;
  color: #414141;
  font-size: 1rem;
  padding: 8px 12px;
  border-radius: 5px;
  margin-bottom: 12px;
  text-align: center;
  z-index: 1;
}
.Button__bubble::after {
  content: "";
  display: block;
  border-top: 20px solid #35c2c4;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.Button-check-reservation-change {
  background-color: #38B3DF;
  border-radius: 10px;
  width: auto;
  padding: 10px 40px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0%;
}

.Condition__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #fff;
  z-index: 1;
  padding-bottom: 80px;
}
.ConditionBar {
  width: 100%;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: flex-end;
  padding: 2px 8px;
}
.ConditionBar__button {
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8rem;
  border: none;
  background: transparent;
}
.ConditionBar__button i {
  font-size: 2rem;
}
.ConditionBox__title {
  background-color: #E9E9E9;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 4px 12px;
}
.ConditionBox__body {
  padding: 8px 16px 40px;
}
.ConditionFloat {
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background-color: #e9e9e9;
}

.Keyword {
  position: relative;
}
.Keyword__high {
  position: relative;
  z-index: 2;
}
.Keyword__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.Keyword__wrap {
  position: absolute;
  width: 100%;
  z-index: 2;
  border-top: 2px solid #aaa;
  margin-top: -2px;
  max-height: 400px;
  overflow-y: scroll;
}
.Keyword__item {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
}
.Keyword__item--inner {
  display: block;
  padding: 12px 20px;
  color: #333;
}
.Keyword__item--inner i {
  margin-right: 4px;
}

.Paging {
  display: flex;
  justify-content: space-between;
}
.Paging__item {
  width: 48%;
  background-color: #35c2c4;
}
.Paging__item--inner {
  color: white;
  text-align: center;
  padding: 8px 12px;
  display: block;
}
.Paging__item--disabled {
  background-color: #ccc;
}

/*# sourceMappingURL=list.css.map */