@charset "UTF-8";
/* CSS Document */

.ueno-container-mask {
  overflow: hidden;
  width: 100%;
  margin: auto;
  position: relative;
  transition: all .3s ease-in-out,-webkit-transform .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  height: 0;
  padding-bottom: 80%;
}

.ueno-container {
  overflow: hidden;
  width: 100%;
  margin: auto;
  position: relative;
  transition: all .3s ease-in-out,-webkit-transform .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  height: 0;
  padding-bottom: 80%;
  background-image: url("../../images/plant.jpg");
  background-color: #4f575c; background-color: var(--dark-color);
  background-blend-mode: lighten; background-blend-mode: var(--filter-effect);
  background-size: cover;
}

.ueno-container-mask:hover {
  -webkit-transform: scale(.95);
      -ms-transform: scale(.95);
          transform: scale(.95);
}

.ueno-container img {
  width: 100%;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.ueno-container-mask:hover .ueno-container {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}