@charset "utf-8";

#language {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content : flex-end;
}

#language > li {
  width: 50px;
  height: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*color: #a6a6a6;*/
  background-color: #FFFFFF;
  border-top: 1px solid #efece5;
  border-bottom: 1px solid #efece5;
}

#language > li > a {
  color: #a6a6a6;
  text-decoration: none;
}

#language > li:first-of-type {
  border-left : 1px solid #efece5;
}

#language > li:last-of-type {
  border-right : 1px solid #efece5;
}

#language > li:hover {
  background-color: #9fffff;
}

#language li.current {
  /*background: #4169e1;*/
  background: #2c7bff;
  color            : #FFFFFF;
  font-weight      : bold;
}

/*PC*/
@media screen and (min-width: 769px) {
  #language {
    position: absolute;
    right: 10px;
    top: 5px;
  }
}

/*SP*/
@media screen and (max-width: 768px) {
  #language {
    position: absolute;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 0;
  }
  #language > li {
    width: 40px;
  }
}