@charset "utf-8";
/* CSS Document */
.ewm{
  position:relative;
  text-align:center;
  margin:0;
  width:30px;
  float:left;
  height:30px;
  font-size:12px;
}
.ewm A{
  position:absolute;
  width:30px;
  text-align:center;
  display:block;
  height:30px;
  top:0px;
  border-radius:50%;
  left:0px;
  opacity:1;
}
.ewm A svg{
 fill:#262626;
 width: 35px;
 margin: 0;
 height: 35px;
}
.ewm .ewm_nr{
  position:absolute;
  text-align:center;
  padding-bottom:10px;
  padding-left:10px;
  line-height:1;
  transform: scale(0);
  width:260px;
  transition: .4s ease;
  font-weight:normal;
  font-size:14px;
  padding-right:10px;
display: none;
  opacity: 0;
  background:#fff;
  top: 0;
  padding-top:10px;
  left:-107px;
  box-shadow:0 3px 4px rgba(0, 0, 0, 0.1);
}


.ewm .ewm_nr .hj {
display: flex;
    flex-direction: column;
    align-items: center;
}








.ewm .ewm_nr IMG{
  margin-bottom:5px;
}
.ewm .ewm_nr .arrow{
    border-bottom: transparent 0px solid;
    position: absolute;
    border-left: transparent 10px solid;
    width: 0px;
    border-top: #fff 10px solid;
    height: 0px;
    bottom: -10px;
    border-right: transparent 10px solid;
    left: 115px;
}
.on.ewm .ewm_nr{
    display: block;
    transform: scale(1);
    top: -155px;
    opacity: 1;
display: flex;
    justify-content: space-around;
}
.on.ewm A{
  opacity:1;
}

.ewm .ewm_nr img {
    max-width: 100px;
}