@charset "UTF-8";

#ranking h2 {
  margin-bottom: 40px;
}

#books #ranking h2 {
  width: 73%;
}
#bunko #ranking h2 {
  width: 70%;
}
#comics #ranking h2 {
  width: 74%;
}
#album #ranking h2 {
  width: 72%;
}
#single #ranking h2 {
  width: 72%;
}
#dvd #ranking h2 {
  width: 64%;
}
#newcd #ranking h2 {
  width: 57%;
}
#newcdetc #ranking h2 {
  width: 60%;
}
#newdvd #ranking h2 {
  width: 54%;
}

#ranking h2 img {
  width: 100%;
  height: auto;
}
#ranking .topranknum {
  width: 10%;
  float: left;
  margin-right: 3%;
}
#ranking .topranknum img {
  width: 100%;
  height: auto;
}
#ranking .rankimg {
  aspect-ratio: 5/7;
  width: 18%;
  float: left;
  margin-right: 3%;
}
#ranking .ranktxtbox {
  width: 66%;
  float: left;
}
#ranking .rankimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: top center;
  -o-object-position: top center;
}
#ranking .toprank-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
#ranking .toprankdata {
  font-size: 13px;
  color: #17a3fe;
  margin-bottom: 4px;
}
#ranking .rankborder {
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
  border-bottom: 1px solid #dcdcdc;
}
#ranking .rankborder:last-child {
  margin-bottom: 0 !important;
}

#ranking table td {
  padding: 5px 0;
  border-bottom: 1px solid #dcdcdc;
}
#ranking table .ranknum {
  width: 6%;
}
#ranking table .ranknum img {
  width: 100%;
  height: auto;
}
#ranking table .rankmove {
  width: 2%;
  height: 1;
}
#ranking table .rankname,
#ranking table .rankdata {
  width: 18%;
  color: #17a3fe;
}
#ranking table .rankprice {
  width: 7%;
  min-width: 50px;
  color: #17a3fe;
}

/*-----------------------------
NEWRELEASE
-----------------------------*/
#month_cat {
  margin-bottom: 30px;
}
#month_cat div.flt-l {
  width: 30%;
  margin-right: 5%;
  border-bottom: 1px solid #dcdcdc;
}
#month_cat div.flt-l:last-child {
  margin-right: 0;
}
#month_cat a {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #333;
  width: 100% !important;
  display: block;
  padding: 15px 0;
  background-color: transparent;
}
#month_cat a.np {
  color: #fff;
  background-color: #333;
  border-bottom: none;
}
.newtable {
  width: 100%;
  margin-bottom: 30px;
}
.newtable th {
  padding: 5px 0;
  background-color: #dcdcdc;
}
.newtable th.thdate,
.newtable td.date {
  border-bottom: none !important;
}

.newtable .thdate,
.newtable .date {
  text-align: center;
  width: 8%;
}
.newtable .thtitle {
  text-align: left;
  width: 52%;
}
.newtable .thartist,
.newtable .artist,
.newtable .thcategory,
.newtable .category {
  width: 15%;
}
.newtable .thcategory,
.newtable .category {
  text-align: center;
}
.newtable .thprice,
.newtable .price {
  text-align: center;
  width: 10%;
}

.clrfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clrfx {
  min-height: 1px;
}

.toprank-title a,
.ranktitle a {
  cursor: default;
  pointer-events: none;
}

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

@media screen and (max-width: 640px) {
  .ranktitle {
    width: 20%;
  }
  .newtable .thdate {
    width: 10%;
  }
  .newtable .thtitle {
    width: 20%;
  }
  .newtable .thartist {
    width: 15%;
  }
}