@charset "utf-8";


#group {
  width: 100%;
  margin-bottom: 1em;
}

#group ul {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#group ul li {
  list-style: none;
  width: 50%;
  height: 90px;
}

#group ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#fairys-nav a {
  background-image: url('../image/fairys-n.png');
}

#fairys-nav a:hover {
  background-image: url('../image/fairys-h.png');
}

#fairys-nav.current a {
  background-image: url('../image/fairys-h.png');
}

#retainers-nav a {
  background-image: url('../image/retainers-n.png');
}

#retainers-nav a:hover {
  background-image: url('../image/retainers-h.png');
}

#retainers-nav.current a {
  background-image: url('../image/retainers-h.png');
}

#image-main {
  display: block;
  width: 80%;
  position: relative;
  margin: 0 auto 1em;
}

#image-main img {
  width: 100%;
}

#description {
  font-size: 14px;
  font-family: 'Yasashisa';
  font-weight: 700;
  transform: rotate(0.05deg);
}

#casts {
  width: 100%;
}

#casts ul {
  margin-top: 1em;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#casts ul li {
  list-style: none;
  width: 33%;
  max-height: 33%;
  margin-bottom: 1em;
}
#village {
  text-align: center;
  width: 100%;
}
#casts ul.double li {
  width: 50%;
}

#casts .cast-image {
  width: 100%;
  padding: 0 auto;
  text-align: center;
  font-size: 0px;
}

#casts img {
  width: 100%;
  max-width: 200px;
  object-fit: contain;
  margin: 0 auto;
}

#casts .cast-name {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: 'メイリオ';
  font-weight: 700;
  /*transform: rotate(0.05deg);*/
}

@media screen and (min-width:768px) {
}