@charset "UTF-8";

div#navi ul li#navi_search a.search {
  display: inline-block;
}

div#navi ul li#navi_search span.search {
  display: none;
}

div#navi ul li#navi_search.selected a.search {
  display: none;
}

div#navi ul li#navi_search.selected span.search {
  display: inline-block;
}

div#navi ul li#navi_property_entry a.property_entry {
  display: inline-block;
}

div#navi ul li#navi_property_entry span.property_entry {
  display: none;
}

div#navi ul li#navi_property_entry.selected a.property_entry {
  display: none;
}

div#navi ul li#navi_property_entry.selected span.property_entry {
  display: inline-block;
}

div#navi ul li#navi_property_update a.property_update {
  display: inline-block;
}

div#navi ul li#navi_property_update span.property_update {
  display: none;
}

div#navi ul li#navi_property_update.selected a.property_update {
  display: none;
}

div#navi ul li#navi_property_update.selected span.property_update {
  display: inline-block;
}

div#navi ul li#navi_user a.user_control {
  display: inline-block;
}

div#navi ul li#navi_user span.user_control {
  display: none;
}

div#navi ul li#navi_user.selected a.user_control {
  display: none;
}

div#navi ul li#navi_user.selected span.user_control {
  display: inline-block;
}

div.result.appearance div.img_list div.item div.item_img {
  line-height: 0px;
}

div.result.appearance div.text_list div.imgs {
  line-height: 0px;
}

div.search div#contents div.single div.content form.condition div.shrink {
  display: block;
}

/*
select {
    height : 25px;
    line-height: 25px;
}

body, form {
    vertical-align:baseline;
}

input {
    vertical-align:middle;
}
*/

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /*display: table;*/
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#progressMask {
  background-color: rgba(0, 0, 0, 0.15);
}

#progressMask.hidden {
  display: none;
}

#progressMask.hidden #progressIndicator {
  display: none;
}

#progressMask.pending {
  background-color: rgba(0, 0, 0, 0);
}

#progressMask.pending #progressIndicator {
  display: none;
}

div.loadingcontainer {
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 0px;
}

div.loadingcontainer div.loader {
  display: inline-block;
  position: absolute;
  width: 30px;
  /*ローディングアイコンの横サイズ*/
  height: 30px;
  /*ローディングアイコンの縦サイズ*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
}

div.loadingcontainer.loading {
  width: initial;
  height: initial;
  top: initial;
  left: initial;
  -webkit-transform: initial;
          transform: initial;
}

div.loadingcontainer.loading div.loader {
  border-radius: 50%;
  /*CSS3で円を書く*/
  border: 3px solid #008080;
  /*円に○の白枠をつける*/
  border-right-color: transparent;
  /*円の右にC状の空きをつける*/
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

div.loadingcontainer.loading img.axsimg {
  opacity: 0;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0.2;
  }

  /*0%の時は20％の透明度*/
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 1.0;
  }

  /*50%の時は透明度なし*/
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0.2;
  }

  /*100%の時に20％の透明度に戻る*/}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0.2;
  }

  /*0%の時は20％の透明度*/
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 1.0;
  }

  /*50%の時は透明度なし*/
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0.2;
  }

  /*100%の時に20％の透明度に戻る*/}

div.imgbox div.imgarea.loadingcontainer {
  min-height: 100px;
}

input::-ms-clear {
  visibility: hidden;
}

span.link-t-a {
  position: relative;
  top: -200px;
  display: block;
}

input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

@media print {
  #progressMask {
    display: none;
  }
}