h1{ border-bottom:solid 2px #333;border-top:solid 2px #333;padding-left:2%;font-size: 1.6rem;}

/* ▼ スマホ対応 */
@media screen and (max-width: 600px) {
.list_container{ gap:5px;}

}
.group_img_div{line-height: 0;width:100%;}
.group_info_area{width:100%;}
.group_info_area img{width:100%;margin: 12px auto 0 auto;border-top:none;border-bottom:none;}
/* ▼ スマホ対応 */
@media screen and (max-width: 600px) {
.group_info_area img{width:100%;border-top:solid 0px #333;border-bottom:solid 0px #333;}

}

.group_title{font-weight: bold;text-align: center;margin-top:12px;font-size: 1.2rem;text-shadow:1px 1px 1px #ccc;}

.group_info{padding-top:12px;padding-bottom:12px;
background-color: #fff;padding:0 2%;

}
.group_info table{width: 95%;}

.group_info_area table{
  font-size: 1.0rem;border-collapse:collapse;width:90%;margin:0 2%;
}
/* ▼ スマホ対応 */
@media screen and (max-width: 600px) {
.group_info_area table{width:100%;}
.group_info {background-color: #fff;}
.group_info table{width: 95%;}

}


.group_info_area tr{
  border-bottom:solid 1px #999;
}

.group_info_area th{
  text-align: left;
  width: 20%;
}


/* ▼ スマホ対応 */
@media screen and (max-width: 600px) {
.ra-more {
 width:50%;
}
.group_info_area th{width: 30%;}
}

.group_info_area td{
  padding:4px 2px;font-weight: bold;
}

.group_info {
  font-size: 0.9em;
  margin-bottom: 6px;

}

.breadcrumb{
    margin:4px 12px;
}

/* スマホ用のメディアクエリ */
@media screen and (max-width: 768px) {
  .breadcrumb {
    font-size: 0.8rem;
    margin:6px 2%; 0 0;
    
  }
}




h2{
  padding: 0 2%;
}
@media screen and (min-width: 768px) {
h2{
  padding: 0 4px;
}
}


.list_card {
  
  padding:0 4px;
  margin-top: 8px;
  
  border-radius: 3px;
  background-color: #fff;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
 position: relative;
}
.list_card:first-child{
margin-top: 24px;
}

.list_box_flex{display: flex;flex-wrap: wrap;}
.list_img_div {width: 20%;}
.list_img_div img{width: 100%;}


/* スマホ用のメディアクエリ */
@media screen and (max-width: 768px) {
.list_img_div {width: 30%;line-height: 0;}
.list_img_div img{width: 100%;line-height: 0;}
}


.list_info_div{
    padding:0 0 0 8px;
}
.list_name{
    font-size: 1.3rem;
}

.img-vote-cnt {
  position: absolute;
  bottom: 32px;
  right: 0;
  background-color: rgba(0,0,0,0.6);
  border-radius: 3px 0 0 3px;
  padding: 4px 8px 2px 8px;
  color: #FFF;
  font-size: 0.9rem;
  line-height: 1.2;
}
.m-rr {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 55px;
  z-index: 9;
}

.rank-default {
  background-color: #999;   /* グレー */
  color: #fff;
}
.rank-badge {
  position: absolute;
  top: -8px;
  left: -10px;
  padding: 3px 6px;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 8px;
  color: #fff;
  z-index: 10;
}