@media screen and (min-width:992px) {
  #main {
    max-width: 1200px;
  }
}

@media screen and (min-width:992px) {
  #contents {
    width: 72%;
    max-width: 860px;
    padding-left: 1.2%;
    padding-right: 1.2%;
    float: left;
  }
}

@media screen and (min-width:992px) {
  #sidebar-wrap {
    width: 28%;
    max-width: 320px;
    padding-left: 1.2%;
    padding-right: 1.2%;
    float: right;
  }
}

@media screen and (min-width:992px) {
  #sidebar {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media screen and (min-width:992px) {
  .check-refine-table tr td .check-group div {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}

@media screen and (min-width:992px) {
  .sidebar-contents li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}


.pr_side_rectangle {
  display: none;
}

.pr_side_square {
  display: block;
}

@media screen and (min-width:576px) {
  .pr_side_rectangle {
    display: block;
  }

  .pr_side_square {
    display: none;
  }
}

@media screen and (min-width:992px) {
  .pr_side_rectangle {
    display: none;
  }

  .pr_side_square {
    display: block;
  }
}

/* feature */
.ranking-box .point .detail p {
  margin-bottom: 12px;
}

.ranking-box .point .detail img.right,
.ranking-box .point .detail img.left {
  display: block;
  width: 90%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

@media screen and (min-width:992px) {
  .ranking-box .point .detail img.right {
      width: 25%;
      height: auto;
      float: right;
      margin: 0 0 24px 12px;
  }
  .ranking-box .point .detail img.left {
      width: 25%;
      height: auto;
      float: left;
      margin: 0 12px 24px 0;
  }
}