@charset "utf-8";

/* CSS Document */
.tss_body{
  border-top:solid 1px #707070;
}

.lcs_contentsWrap{
  width:100%;
  max-width:1600px;
  padding:112px 0 64px 0;
  margin:auto;
}

.lcs_contentsWrap section > div > div{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  margin:auto;
  gap:16px 0;
}

.lcs_regularWrap > div > div:nth-of-type(n + 5) .tss_lspfontrd{
  display:none;
}

.tss_entryBox a{
  display:block;
  height:100%;
}

.tss_entryBox a:hover{
  opacity:0.8;
}

.tss_entryBox a div p{
  color: #E62C22;
  -webkit-line-clamp: 2;
  line-height:1.5;
}

.tss_lspfontrd{
  font-weight: bold;
}

.tss_entryBox a div p.tss_ellipsis {
  -webkit-line-clamp: 2;
  color: #000;
  height: 3em;
  min-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tss_entryBox picture{
  aspect-ratio: 16 / 9;
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #e5e5e5;
}

.tss_entryBox picture + div {
  width: 100%;
  min-height: 64px;
  padding: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-size: 0.875em;
}

.tss_entryBox > div{
  border:solid 1px #C7C7C7;
  border-radius:8px;
  background-color:#FFF;
}

.tss_entryBox img{
  width:100%;
  border-radius:8px 8px 0 0;
}

.tss_contentsBlock picture img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/*-- レギュラー企画 --*/
.lcs_regularWrap{
  background: linear-gradient(rgba(90,244,255,0.4) 0%, rgba(176,239,49,0.4) 16%, rgba(255,255,255,0.4) 34%);
  padding-top:72px;
  position:relative;
}

.lcs_regularWrap > div{
  padding: 1vw;
}

.lcs_hdregular{
  position: absolute;
  top: calc((40px + 0.75vw) * -1);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: auto;
  width:100%;
  max-width: 782px;
}

.lcs_regularWrap .tss_entryBox{
  width:calc((100% / 4) - 24px);
  margin-right:32px;
}

.lcs_regularWrap .tss_entryBox:nth-of-type(4n){
  margin-right:0;
}

/*-- 期間限定企画 --*/
.lcs_spotWrap{
  padding:0.5vw 2vw 3.5vw;
}

.lcs_spotWrap .tss_entryBox{
  width:calc(100% / 3);
  padding:0 2vw;
}

.lcs_spotWrap .tss_entryBox:nth-of-type(n + 4){
  margin-top:1.75vw;
}


@media screen and (max-width:800px){
  .lcs_regularWrap{
    padding:10vw 0 0;
  }
  
  .lcs_contentsWrap{
    padding:112px 1% 160px;
  }
  
  
  .tss_entryBox{font-size:0.875rem;}
  
  .tss_entryBox a div p.tss_ellipsis{
    overflow:hidden;
  }
  
  .lcs_regularWrap .tss_entryBox,
  .lcs_spotWrap .tss_entryBox,
  .lcs_spot_tvfb_Wrap .tss_entryBox,
  .lcs_finished_Wrap .tss_entryBox{
    display:flex;
    width:50%;
    padding:1%;
    margin-right:0;
  }
  
  /*-- 期間限定企画 --*/
  .lcs_hdregular{
    width:90vw;
  }
  
  .lcs_hdregular img{
    width:100%;
  }
  .lcs_spotWrap{
    padding-top:0;
  }
  
  .lcs_spotWrap .tss_entryBox:nth-of-type(n + 4){
    margin-top:0;
  }

}

/*-- gotop --*/
.tss_gotop{
  right: 40px;
}