@charset "utf-8";
#main #ranking {
  max-width: 750px;
  width: auto;
  margin: 0px auto;
  background-color: #def;
  background-image: url('../img/bg_rank_01.jpg');
  background-size: 100% auto;
}
#main #ranking * {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  color: #444;
}
#main #ranking > header h2 img {
  width: 100%;
  height: auto;
}
#main #ranking ul.items {
  padding-bottom: 22.5px;
  list-style: none;
}
#main #ranking ul.items li.item {
  position: relative;
  margin: 75px 15px 15px;
  background-color: #fff;
  border-style: solid;
  border-width: 15px;
}
#main #ranking ul.items li.item header {
  margin: 22.5px auto;
}
#main #ranking ul.items li.item header .pref {
  position: absolute;
  top: -60px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 105px;
  height: 105px;
}
#main #ranking ul.items li.item header .pref img {
  width: 100%;
  height: auto;
}
#main #ranking ul.items li.item header h3 {
  text-align: center;
  font-size: 30px;
  line-height: 1.5em;
  font-weight: 700;
}
#main #ranking ul.items li.item header h3 span.catch {
  display: block;
  font-size: 22.5px;
  line-height: 1.5em;
  font-weight: 700;
}
#main #ranking ul.items li.item .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#main #ranking ul.items li.item .content .image {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 300px;
}
#main #ranking ul.items li.item .content .image img {
  width: 100%;
  height: auto;
}
#main #ranking ul.items li.item .content .text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 300px;
  position: relative;
  margin: 0px 15px;
  padding-bottom: 60px;
}
#main #ranking ul.items li.item .content .text h4 img {
  display: block;
  width: 100%;
  height: auto;
}
#main #ranking ul.items li.item .content .text p {
  text-align: justify;
  font-size: 19.5px;
  line-height: 1.25em;
}
#main #ranking ul.items li.item .content .text p span.reviewer {
  display: block;
  text-align: right;
}
#main #ranking ul.items li.item .content .text a.btn {
  display: block;
  position: absolute;
  bottom: 7.5px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transform: -webkit- scale(1);
  transform: scale(1);
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
}
#main #ranking ul.items li.item .content .text a.btn:hover {
  transform: -webkit- scale(1.02);
  transform: scale(1.02);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#main #ranking ul.items li.item .content .text a.btn img {
  width: 100%;
  height: auto;
}
#main #ranking ul.items li.item.rank1 {
  border-color: #ff6347;
}
#main #ranking ul.items li.item.rank1 header h3 span.catch {
  color: #ff6347;
}
#main #ranking ul.items li.item.rank2 {
  border-color: #9acd32;
}
#main #ranking ul.items li.item.rank2 header h3 span.catch {
  color: #9acd32;
}
#main #ranking ul.items li.item.rank3 {
  border-color: #48d1cc;
}
#main #ranking ul.items li.item.rank3 header h3 span.catch {
  color: #48d1cc;
}
#main #ranking ul.items li.item.rank4 {
  border-color: #0053b2;
}
#main #ranking ul.items li.item.rank4 header h3 span.catch {
  color: #0053b2;
}
#main #ranking ul.items li.item.rank5 {
  border-color: #d3a0dd;
}
#main #ranking ul.items li.item.rank5 header h3 span.catch {
  color: #d3a0dd;
}
#main #ranking ul.items li.item.rank6 {
  border-color: #f099bf;
}
#main #ranking ul.items li.item.rank6 header h3 span.catch {
  color: #f099bf;
}
#main #ranking ul.items li.item.rank7 {
  border-color: #538236;
}
#main #ranking ul.items li.item.rank7 header h3 span.catch {
  color: #538236;
}
#main #ranking ul.items li.item.rank8 {
  border-color: #20aee5;
}
#main #ranking ul.items li.item.rank8 header h3 span.catch {
  color: #20aee5;
}
#main #ranking ul.items li.item.rank9 {
  border-color: #f6cc17;
}
#main #ranking ul.items li.item.rank9 header h3 span.catch {
  color: #f6cc17;
}
#main #ranking ul.items li.item.rank10 {
  border-color: #ca0066;
}
#main #ranking ul.items li.item.rank10 header h3 span.catch {
  color: #ca0066;
}