.sidecontents .menutitle {
  margin: 0 10px;
  margin-bottom: -10px;
}
.sidecontents .sidenav,
.sidecontents .sidenav1,
.sidecontents .sidenav2,
.sidecontents .sidenav3 {
  margin: 0 10px 10px 10px;
}
.sidecontents .sidenav li,
.sidecontents .sidenav1 li,
.sidecontents .sidenav2 li,
.sidecontents .sidenav3 li {
  line-height: 30px;
  font-weight: bold;
  border-bottom: dotted #999 1px;
}
.sidecontents .sidenav li a,
.sidecontents .sidenav1 li a,
.sidecontents .sidenav2 li a,
.sidecontents .sidenav3 li a {
  display: block;
  color: #968567;
  padding-left: 30px;
  background: url(../img/common/list03.gif) no-repeat;
  background-position: 5px 10px;
}
.sidecontents .sidenav li a:hover,
.sidecontents .sidenav1 li a:hover,
.sidecontents .sidenav2 li a:hover,
.sidecontents .sidenav3 li a:hover {
  color: #362e2b;
  text-decoration: none;
  background: #d3c7b3 url(../img/common/list04.gif) no-repeat;
  background-position: 5px 10px;
}
.sidecontents .sidenav4 li {
  margin-bottom: 10px;
}
.sidecontents .sidenav4 li img {
  width: 100%;
  height: auto;
}

.maincontents .rankingarea {
  display: grid;
  grid-template: "rank rank" auto "img content" auto/1fr 2fr;
  gap: 1em;
}
@media (max-width: 480px) {
  .maincontents .rankingarea {
    grid-template: "rank" auto "img" auto "content" auto/1fr;
  }
}
.maincontents .rankingarea h3 {
  max-width: 10em;
  width: 100%;
  grid-area: rank;
}
.maincontents .rankingarea h3 img {
  width: 100%;
  height: auto;
}
.maincontents .rankingarea dl {
  grid-area: content;
}
.maincontents .rankingarea .fltrt {
  grid-area: img;
}
.maincontents .rankingarea .fltrt img {
  width: 100%;
  height: auto;
}

#nav1on .sidenav2,
#nav2on .sidenav2,
#nav3on .sidenav2,
#nav4on .sidenav2 {
  display: none;
}
#nav1on .sidenav3,
#nav2on .sidenav3,
#nav3on .sidenav3,
#nav4on .sidenav3 {
  display: none;
}

#nav8on .sidenav .nav8 a {
  color: #362e2b;
  background: #d3c7b3 url(../img/common/list04.gif) no-repeat;
  background-position: 5px 10px;
}

.rankingarea {
  overflow: hidden;
  margin-bottom: 20px;
}
.rankingarea dl {
  float: left;
  margin-left: 10px;
}
.rankingarea dl dt {
  font-weight: bold;
  color: #4c382c;
  font-size: 123.1%;
  border-bottom: dotted #999999 1px;
}
.rankingarea dl dt img {
  float: left;
}
.rankingarea dl dt span {
  font-size: 85%;
  color: #434343;
  height: 30px;
  line-height: 30px;
}
.rankingarea dl dd {
  padding-top: 10px;
  clear: both;
}

.rankingarea2 {
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5em 2em;
}
@media (max-width: 480px) {
  .rankingarea2 {
    grid-template-columns: 1fr;
    gap: 2em;
  }
}
.rankingarea2 div {
  text-align: center;
  float: left;
}
.rankingarea2 div img {
  width: 100%;
  height: auto;
}

.rankingarea3 {
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 20px;
}
.rankingarea3 div {
  text-align: center;
  float: left;
}

.contentstxt1 {
  padding: 10px;
}

.top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media (max-width: 480px) {
  .top {
    grid-template-columns: 1fr;
  }
}
.top img {
  width: 100%;
  height: auto;
}

.cap01 {
  display: none;
}/*# sourceMappingURL=contents.css.map */