/* grid wide */
.nn-grid-wide{
  margin: 25px auto;
  padding-left: 0;
  padding-top: 15px;
  width: auto;
}
.nn-grid-wide li{
  display: inline-grid;
  width: 300px;
  min-height: 240px;
  margin: 10px;
  padding: 5px;
  border: none;
}
.nn-grid-wide li>div{
  display: block;
  width: 100%;
}
.nn-grid-wide li>div:last-child{
  margin-left: 5px;
  padding-left: 0;
}
.nn-grid-wide a {
  height: 100%;
}
.nn-grid-wide a>img{
  max-width: 70%;
  max-height: 100%;
}
.nn-grid-wide li dt{
  width: 4.5em;
}
.nn-grid-wide li dd{
  margin-left: 5em;
  line-height: 1em;
}

/* width pattern */
.nn-grid-wide-center{
  width: 1650px;
}


/* responsive */
@media only screen and (max-width: 1650px){
  .nn-grid-wide-center{
    width: 1320px;
  }
}
@media only screen and (max-width: 1320px){
  .nn-grid-wide-center{
    width: 990px;
  }
}
@media only screen and (max-width: 990px){
  .nn-grid-wide-center{
    width: 660px;
  }
  .nn-grid-wide li {
    min-height: 200px;
  }
  .nn-grid-wide a>img {
    max-height: 120px;
  }
}
@media only screen and (max-width: 660px){
  .nn-grid-wide-center{
    width: 330px;
  }
}