@charset "UTF-8";
.voez {
  margin: 0;
  overflow: hidden;
  color: #6c6e8d;
  font-size: 2.5vmin;
}
.voez .voez-slot, .voez .voez-grid, .voez .voez-tabs > .voez-tabs--holder {
  --degree: initial;
  display: inline-flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  transform: rotate(var(--degree, 0));
  transform-origin: center;
}
.voez .voez-grid {
  display: grid;
  grid-template-columns: var(--columns, none);
  grid-template-rows: var(--rows, none);
  grid-template-areas: var(--tiles, none);
}
.voez .voez-grid .voez-slot, .voez .voez-grid .voez-grid, .voez .voez-grid .voez-tabs > .voez-tabs--holder,
.voez .voez-grid .voez-tile,
.voez .voez-grid .voez-tabs {
  grid-area: var(--tile, "");
}
.voez .voez-tile, .voez .voez-tabs {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.5vmin 0.5vmin 0;
  outline: 0.5vmin solid #717391;
  box-shadow: 2px -2px 10px 0px black;
}
.voez .voez-tile::Before, .voez .voez-tabs::Before {
  content: "";
  display: block;
  padding-top: 100%;
}
.voez .voez-tile A, .voez .voez-tabs A {
  text-decoration: none;
}
.voez .voez-tile .voez-tile--item, .voez .voez-tabs .voez-tile--item, .voez .voez-tile .voez-tabs > .voez-tabs--cover, .voez .voez-tabs > .voez-tabs--cover {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  transform: rotate(calc(var(--degree, 0) * -1));
}
.voez .voez-tile .voez-tile--item Svg, .voez .voez-tabs .voez-tile--item Svg, .voez .voez-tabs > .voez-tabs--cover Svg {
  fill: #6c6e8d;
}
.voez .voez-tile .voez-tile--item Svg:hover, .voez .voez-tabs .voez-tile--item Svg:hover, .voez .voez-tabs > .voez-tabs--cover Svg:hover {
  fill: #eeeeee;
}
.voez .voez-tile .voez-tile--item-picture, .voez .voez-tabs .voez-tile--item-picture {
  transform: none;
}
.voez .voez-tabs {
  cursor: pointer;
  transition: background-color 0.25s linear, box-shadow 0.1s linear;
}
.voez .voez-tabs:hover {
  background-color: #e2e2e8;
  box-shadow: 0px 0px 10px 2.5px #327cf5;
  transition: background-color 0.25s linear, box-shadow 0.1s linear;
}
.voez .voez-tabs > .voez-tabs--holder {
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  cursor: initial;
}
.voez .voez-tabs > .voez-tabs--holder > .voez-tab {
  width: 50%;
  height: 50%;
  transition: color 0.1s linear, background-color 0.1s linear;
}
.voez .voez-tabs > .voez-tabs--holder > .voez-tab:not(.voez-tab--empty) {
  cursor: pointer;
}
.voez .voez-tabs > .voez-tabs--holder > .voez-tab:not(.voez-tab--empty):hover {
  color: #eeeeee;
  background-color: #f2a012;
  transition: color 0.1s linear, background-color 0.1s linear;
}
.voez .voez-tabs > .voez-tabs--holder > .voez-tab.voez-tab--back {
  cursor: pointer;
}
.voez .voez-text {
  display: inline;
  font-family: "メイリオ", "Meiryo";
}
.voez .voez--hidden {
  display: none !important;
}

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