/*カレンダー*/
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

.mainCalendar {
  display: flex;
  justify-content: space-between;
}
.mainCalendar table.tbl_calendar {
    max-width: calc(50% - 30px);
}
.mainCalendar table.tbl_calendar caption{
  font-weight: bold;
    margin: 0px auto 15px;
    font-size: 18px;
}
@media (max-width: 991px) {
  .mainCalendar {
    display: block;
  }
  .mainCalendar table.tbl_calendar {
      max-width: 100%;
  }
}

/*new rankings*/
/*.newRankingSec .container .multiGrid:not(.active){
  display:none!important;
}*/
.newRankingSec .container .multiGridWrap {
    display:block!important;
}
.newRankingSec .container .multiGridWrap:not(.active){
  display:none!important;
}
.multiGridWrap .morebtnWrap {
 margin-top:50px; 
}
.multiGridWrap .multiGrid {
 padding-bottom:120px; 
}
.multiGridWrap .morebtnWrap {
 position:absolute;
  bottom:50px;
}
@media (max-width: 767px) {
  .newRankingSec .container .multiGrid{
    padding-right: 15px;
    margin-right: -15px;
  }
  .multiGridWrap .morebtnWrap {
 position:absolute;
  bottom:50px;
}
}
.rankingSelector{
  width:100%;
  margin-bottom:30px;
}
.rankingSelector ul{
  width:100%;
  margin:0 auto;
  display:flex;
  justify-content:center;
  list-style:none;
  gap:10px;
}
.rankingSelector li{
  display:block;
  font-size:16px;
  line-height:1;
  white-space:nowrap;
  padding:0.8em 1.4em;
  color:#888888;
  border-bottom:1px solid #cccccc;
  list-style:none;
  cursor:pointer;
}
.rankingSelector li.active{
  color:black;
  border-color:black;
}
@media (max-width: 767px) {
  .rankingSelector{
    width:100svw;
    position:relative;
    left:calc(50% - 50svw);
    overflow-x:scroll;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .rankingSelector::-webkit-scrollbar{
    display:none;
  }
  .rankingSelector ul{
    width:fit-content;
    justify-content:left;
    gap:15px;
  }
  .rankingSelector ul::before,.rankingSelector ul::after{
    content:"";
    width:0px;
    height:100%;
    display:block;
  }
  .rankingSelector li{
    flex-shrink:0;
  }
}


.topStampsArticlesSec,.topStampsArticlesSec *{
  box-sizing:border-box;
}
.topStampsArticlesSec{
  background:#f2f2f2;
  overflow:hidden;
  padding:60px 0;
}
.topStampsArticlesSec .h2A img{
  width:118px;
  height:auto;
  display:block;
  margin:0 auto 15px;
}
.topStampsArticlesList{
  width:80vw;
  max-width:1000px;
  margin:0 auto;
}
.topStampsArticle{
  height:300px;
  background:white;
  padding:60px;
  display:flex !important;
  gap:0 6%;
  align-items:center;
  outline:none;
  -webkit-user-drag: none;
}
.topStampsArticleImage{
  display:block;
  width:27.5%;
  height:auto;
  aspect-ratio:1 / 1;
  position:relative;
  overflow:hidden;
  flex-shrink:0;
}
.topStampsArticleImage img{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  object-fit:cover;
}
.topStampsArticleText{
  width:100%;
  display:block;
}
.topStampsArticleDate{
  display:block;
  font-size:14px;
  line-height:1.7;
}
.topStampsArticleTitle{
  margin-top:5px;
  display:-webkit-box;
  display:box;
  -webkit-box-orient:vertical;
  box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  line-clamp:2;
  font-size:16px;
  line-height:1.7;
}
.topStampsArticleExcerpt{
  margin-top:20px;
  display:-webkit-box;
  display:box;
  -webkit-box-orient:vertical;
  box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:5;
  line-clamp:5;
  font-size:14px;
  line-height:1.7;
}
@media (max-width: 1000px){
  .topStampsArticle{
    height:260px;
    padding:30px;
    gap:0 5%;
  }
  .topStampsArticleImage{
    width:35%;
  }
  .topStampsArticleText{
    width:100%;
    display:block;
  }
  .topStampsArticleExcerpt{
    margin-top:15px;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
}
@media (max-width: 767px){
  .topStampsArticlesSec{
    padding:60px 0;
  }
  .topStampsArticlesSec .h2A img{
    width:80px;
    margin:0 auto 10px;
  }
  .topStampsArticlesList{
    width:80vw;
    max-width:1000px;
    margin:0 auto;
  }
  .topStampsArticle{
    height:auto;
    background:white;
    padding:30px;
    gap:15px;
    flex-direction:column;
  }
  .topStampsArticleImage{
    width:100%;
  }
  .topStampsArticleDate{
    display:block;
    font-size:14px;
    line-height:1.7;
  }
  .topStampsArticleTitle{
    margin-top:5px;
    -webkit-line-clamp:2;
    line-clamp:2;
    font-size:16px;
    line-height:1.7;
    height:calc(16px * 1.7 * 2);
  }
  .topStampsArticleExcerpt{
    margin-top:10px;
    -webkit-line-clamp:3;
    line-clamp:3;
    font-size:14px;
    line-height:1.7;
    height:calc(14px * 1.7 * 3);
  }
}
.topStampsArticlesList{
  --arrowSize:min(5vw,50px);
}
.topStampsArticlesList .slick-arrow{
  width:var(--arrowSize);
  height:auto;
  aspect-ratio:1 / 2;
  z-index:5;
}
.topStampsArticlesList .slick-arrow::after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:#00000080;
  clip-path:polygon(0% 0%,5% 0%,100% 50%,5% 100%,0% 100%,95% 50%);
}
.topStampsArticlesList .slick-prev{
  left:auto; right:calc(100% + var(--arrowSize) * 0.3);
}
.topStampsArticlesList .slick-next{
  right:auto; left:calc(100% + var(--arrowSize) * 0.3);
}
.topStampsArticlesList .slick-prev::after{
  transform:rotate(180deg);
}
@media (max-width: 767px){
  .topStampsArticlesList .slick-arrow{
    --imageWidth:calc(80vw - 30px * 2);
    top:calc(30px + var(--imageWidth) * 0.5);
  }
}


@media (max-width: 767px){
  .instagramSec .row{
    margin-left:auto;
    margin-right:auto;
  }
  .instagramSec .row li {
      list-style: none;
      max-width: calc((100% - 16px * 2) / 3)!important;
      padding: 0;
  }
}