.photo,
.img-area,
.eye-photo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.eye-photo {
  min-height: 32vw;
}
.photo,
.img-area {
  min-height: 10vw;
}

#reform-case li,
#reform-case > div {
  background-color: #111;
}
.madori {
  max-width: 100%;
}
#detail > dl {
  margin: 0 0 .25vw;
  border-bottom:solid 1px #ffe3bb;
}
#detail > dl dt {
  background-color: #ffeed5;
  color: #6f532a;
}
#detail > dl dt,
#detail > dl dd {
  padding: .5vw 1vw .4vw;
  margin-bottom: 0;
}


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

@media (max-width: 991px){
  
}

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

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