@charset "UTF-8";
.slide_show {
  position: relative;
  z-index: 2;
  margin: 10px 10px 0 0;
  text-align: center;
  width: 100%;
}
.slide_show img {
  margin: auto;
  border: 1px solid #ccc;
  background-color: #ffffff;
}
.rank{
  color: #ffffff;
  text-align: left;
  padding: 2px 0 2px 8px;
  font-weight: bold;
  margin: 0 8px;
}
.platinum{
  background-image: linear-gradient(90deg, rgba(164, 164, 164, 1), rgba(227, 213, 219, 1) 64%, rgba(222, 222, 222, 1) 91%) !important;
}
.gold{
  background-image: linear-gradient(to right, #ad732e, #ffe350) !important;
  color: #ffffff;
}
.silver{
  background-image: linear-gradient(to right, #999, #ddd) !important;
  color: #ffffff;
}
.bronze{
  background-image: linear-gradient(to right, #865e5e, #b09b9b) !important;
  color: #ffffff;
}

/*------------------------------------------*/
/* タブレット用 959px */
/*------------------------------------------*/

@media screen and (max-width:959px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after, .menu09::after,
  .menu10::after, .menu11::after, .menu12::after,
  .menu13::after, .menu14::after {

  }
  .slide_show {
    margin: 0 5px;
    width: 98%;
  }
  .slide_show div{
    margin: 0 5px;
  }
  
/* 下記は削除しない */
}

/*------------------------------------------*/
/* スマホ用 767px */
/*------------------------------------------*/

@media screen and (max-width:767px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after, .menu09::after,
  .menu10::after, .menu11::after, .menu12::after,
  .menu13::after, .menu14::after {
    right: 1.5em;
  }
  
  .slide_show {
    margin: 0 auto;
    width: 80%;
  }
  .rank{
    margin: 0 12%;
  }

  /* 下記は削除しない */
}