.photo,
.img-area,
.eyeS {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.eyeS {
  min-height: 17vw;
}
.photo,
.img-area {
  min-height: 15vw;
}

#reform-case li,
#reform-case > div {
  background-color: #111;
}
.madori {
  max-width: 100%;
}
#detail > dl {
  margin: 0 0 .25vw;
  border-bottom: solid 1px #fcc;
}
#detail > dl dt {
  background-color: #fcc;
  color: #345;
}
#detail > dl dt,
#detail > dl dd {
  padding: .5vw 1vw .4vw;
  margin-bottom: 0;
}
#works #sidebar a {
  text-decoration: none;
}
#news #sidebar {
  line-height: 1.5;
}

@media (min-width: 768px){
  #detail .alert {
    padding: 2vw 1.5vw;
  }
}

@media (min-width: 1200px){
  .eyeS {
    min-height: 200px;
  }
}

@media (max-width: 767px){
  .photo,
  .img-area {
    min-height: 20vw;
  }
  .eyeS {
    min-height: 30vw;
  }
  #detail .alert {
    padding: 3vw 2vw;
  }
  #detail > dl {
    margin-bottom: 1vw;
  }
  #detail > dl dt {
    min-width: 27vw;
  }
}

@media (max-width: 575px){
  .photo {
    min-height: 30vw;
  }
}