.img_wrap{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .img_wrap img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  .img_wrap:hover img{
    opacity: 0.6;
    transition-duration: 0.3s;
  }

  .topBn li{
      display:inline-block;
      margin:5px 2px;　/*←上下5px、左右2pxのマージン指定の場合*/
  }
  .topBn li img {
      border:solid 1px #ccc;　/*←画像を1pxのグレーの枠線で囲む指定の場合*/
      width: 100%;
      max-width: 330px;
  }



  #wrapper{ padding-top: 500px;}
  .top_sliderwrap{position:absolute; width: 100%; top:180px;left: 0;}
  .topslider{
    width:100％;
    margin:0 auto;
    overflow: hidden;
    height: 500px;
  }
  .topslider img{
    width:1000px;
  }
  .topslider .slick-slide{
    height:auto!important;width: 1000px !important;
  }
  .topslider .slick-arrow{
    z-index:2!important;
  }
  .topslider .slick-next{
    right:0!important;
  }
  .topslider .slick-prev{
    left:0!important;
  }
  .topslider .slick-slide{
    margin-right: 10px!important;
    margin-left: 10px!important;
  }
  .topslider .slick-dots{ bottom: 5px !important;}

  .ranking{ margin: 40px 0 40px; padding: 25px; background-color: #ece9db;}
  .ranking .rank_t{margin: 0 0 1em; text-align: center;}
  .ranking .ranklist{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0; margin: 0;}
  .ranking .ranklist li{ list-style: none; position: relative;}
  .ranking .ranklist li::before{ position: absolute; content: ""; z-index: 10; top:-10px; left: 5px; width: 46px; height: 34px;}
  .ranking .ranklist li img{width: 100%; height: auto;}
  .ranking .ranklist li:nth-child(1n){width: 32%; margin:0 2% 4% 0;}
  .ranking .ranklist li:nth-child(2n){width: 32%; margin:0 2% 4% 0;}
  .ranking .ranklist li:nth-child(3n){width: 32%; margin:0 0 4% 0;}
  /* .ranking .ranklist li:nth-child(1){width: 48%; margin:0 4% 4% 0;}
  .ranking .ranklist li:nth-child(2){width: 48%; margin:0 0 4% 0;}
  .ranking .ranklist li:nth-child(3){width: 31%; margin:0 3.5% 0 0;}
  .ranking .ranklist li:nth-child(4){width: 31%; margin:0 3.5% 0 0;}
  .ranking .ranklist li:nth-child(5){width: 31%; margin:0 0 0 0;} */

  .ranking .ranklist li:nth-child(1)::before{ background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/rank01.png')no-repeat 0 0;}
  .ranking .ranklist li:nth-child(2)::before{ background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/rank02.png')no-repeat 0 0;}
  .ranking .ranklist li:nth-child(3)::before{ background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/rank03.png')no-repeat 0 0;}
  .ranking .ranklist li:nth-child(4)::before{ background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/rank04.png')no-repeat 0 0;}
  .ranking .ranklist li:nth-child(5)::before{ background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/rank05.png')no-repeat 0 0;}

  .topcategory{margin-bottom: 40px;}
  .topcategory h2{text-align: center; margin-bottom: 1em;}

  .topcategory ul{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0;}
  .topcategory ul li{width:49% ; margin:0 0 1.5% 0; list-style: none; padding: 0;}
  .topcategory ul li.fullw{width: 100%;}
  .topcategory ul li img{width:100%; height: auto;}

  .lead{width: auto; padding: 40px; background: url('https://file003.shop-pro.jp/PA01435/405/img_202305/lead_bg.jpg') no-repeat 0 0 / 100%;}
  .lead .txt{padding: 220px 0 0 0;}
  .lead .txt p{ margin-bottom: 0.8em; line-height: 2em; font-size: 16px; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !important;}

  .topinfo{margin: 0 0 50px; padding: 39px; border: 1px solid #333; }
  .topinfo h2{font-size: 48px; margin:0 0  1.5em 0; list-style: 1.9em; font-weight: 600; text-align: center;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !important;}
  .topinfo dl{ display: flex; justify-content: flex-start;margin-bottom: 1em; padding: 0 0 5px 0; border-bottom: 1px solid #999;}
  .topinfo dt{width: 8em;}
  .topinfo .infomap{padding: 30px 0 0 0;}

.morebtn a{
  max-width: 280px;
  height: 50px;
  background-color: #b82118;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  font-weight: bold;
  color: #fff;
  align-items: center;
  justify-content: center;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #b82118;
  text-decoration: unset;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
}
.morebtn a:hover{
  background-color: #FFF;
  color:#b82118;
}
#contents .history_bottom{
  display: none;
}
.viewmore{
  display: none;
}
.more_info_btn {
  border: 1px solid #000;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 80px;
}
.more_info_btn:after {
  content:"";
  --iconsize:12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
  border-color:  #000 transparent transparent transparent;
  position: absolute;
  right: 25px;
}
.more_info_btn.open:after {
  border-width: 0 var(--iconsize) var(--iconsize) var(--iconsize);
  border-color: transparent transparent #000 transparent;
}