@charset "utf-8";

#sts26{
  margin: 0 0 10%;    
}
#sts26 a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#sts26 .main {
  padding: 0;
  margin: 0 0 5%;
}
#sts26 .main h1 {
  padding: 0;
  margin: 0;
  border: 0;
}
#sts26 h2 {
  font-family: "A-P-OTF A1明朝 StdN M","A-P-OTF A1Mincho StdN","Hiragino Mincho ProN","Hiragino Mincho Pro","BIZ UDPMincho","BIZ UDMincho","Yu Mincho","YuMincho","MS PMincho","MS Mincho",serif;
  text-align: left;
  font-size: 26px;
  font-weight: 500;
  line-height: 1em;
  border-bottom: 2px solid #dddddd;
  margin: 0 0 2%;
  padding: 0 0 2% 0.5em;
  color: #2f8072;
}
#sts26 h2 span {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 0 1em;
  color: #000;
}
#sts26 h2.ranking_ttl:nth-of-type(2){
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
#sts26 .pickup {
  display: flex;
  flex-wrap: wrap; 
  column-gap: 1.2%;
  margin-bottom: 5%;
}
#sts26 .pickup > div {
  width: calc((100% - 3.6%) / 4); 
  max-width: 344px; 
  box-sizing: border-box;
}
#sts26 .pickup div.imgttl {
  max-height: 430px; 
}
#sts26 .pickup img {
  margin-bottom: 0.5em;
}
#sts26 .moreLink {
  background-color: #dddddd;
  padding: 1.5% 5%;
  max-width: 320px;
  margin: 0 auto 10%;
  position: relative;
}
#sts26 .moreLink:hover {
  opacity: 0.7;
}
#sts26 .moreLink a {
  color: #000;
}
#sts26 .moreLink a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sts26 .moreLink p{
  font-size: 16px;
  text-align: center;
  margin: 0; 
}
#sts26 .moreLink p:after {
  content: "";
  display: block;
  float: right;
  background: transparent;
  transform: rotate(45deg) translate(0, -50%);
  margin: 13px 0;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}
#sts26 .block-top-event--goods {
  margin-bottom: 0; 
}
#sts26 .block-ranking-r--items dl a:before {
  display: none!important; 
}

@media (max-width: 1199px) {
    
#sts26 .main p {
  font-size: 21px;
}
    
}