@charset "utf-8";
/* CSS Document */

:root {
  --main-color-bl: #0046d2;
  --main-color-yw: #ffaa00;
  --main-color-bl-lt: #c5e6ff;
  --main-color-yw-lt: #fffceb;
  --sub-color-beige: #f8efd7;
  --sub-color-lg:#f5f5f5;
  --sub-color-nv:#0046d2; /*-- 202405 メインのブルーの方が濃くなったので同じ色で対応　メインカラーの調整があった場合はまた別色あわせてください --*/
  --text-color:#001123;
}

.tss_body img{
  width:100%;
  height: auto;
}

.lik2023_bnrarea{
  background-color:var(--sub-color-beige);
  padding:64px 0;
  position: relative;
  z-index: 21;
}

.lik2023_bnrarea ul{
  display:flex;
  flex-wrap:wrap;
  gap:24px 2.5vw;
  padding:0 2.5vw;
  margin:auto;
  width:100%;
  max-width:1400px;
}

.lik2023_bnrarea ul li{
  width:calc(25% - 1.9vw);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

dl.tlk_entryis{
  display: flex;
  flex-direction: column;
}
dl.tlk_entryis dd{
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tlk_tokubantable dl dd p{
  min-height: auto!;
}
.tlk_tokubanttl{
  font-size: clamp(1rem, 0.294rem + 2.16vw, 1.375rem)!important;
}
.tkl_mdlvideo{
  /*width: 85% !important;*/
  margin: 8px auto 8px;
}
.tkl_tokubanmodal_mainslide div:nth-child(1),
.tkl_tokubanmodal_mainslide div:nth-child(2){
  aspect-ratio: auto;
}
.tkl_tokubanmodal_mainslide div:nth-child(1) p{
  font-size: clamp(1rem, 1.62vw, 1.125rem);
}
.tkl_tokubanmodal_mainslide div:nth-child(3){
  aspect-ratio: auto;
}
.tkl_tokubanmodal_mainslide div:nth-child(3) p{
  aspect-ratio: auto;
  font-size: clamp(0.875rem, 1.62vw, 1rem)!important;
  font-weight: normal;
}
.tkl_tokubanmodal_mainslide div:nth-last-of-type(n+2){
  margin-bottom: 8px!important;
}
.tkl_tokubanmodal_mainslide img {
  width: 85%;
  max-width:800px;
  margin: 0 auto 8px;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.tkl_flxno {
  display: block !important;
  aspect-ratio: auto!important;
  margin: 0 auto;
  text-align: center;
}
.tkl_tokubanmodal_mainslide div.tkl_flxno div:nth-child(1){
  margin-bottom: 8px!important;
}
.tkl_tokubanmodal_mainslide div.tkl_flxno:nth-last-of-type(n + 2){
  margin-bottom: 32px!important;
}
.tkl_tokubanmodal_mainslide div.tkl_flxno img {
  width:85%;
  max-width:800px;
  display: flex;
  justify-content: center;
  pointer-events: none;
  object-position: top;
}



/*-- AD関連 --*/
.dummy-ad-box{
  display:flex;
  justify-content: center;
  gap:0 80px;
  padding:16px 0;
}

.tlk_adsp{
  display:flex;
  justify-content: center;
}

@media screen and (min-width: 801px){
.lik2023_bnrarea ul li:hover{
  opacity:0.7;
  box-shadow: none;
}
}

@media screen and (max-width:800px){
  .lik2023_bnrarea{
    padding:40px 0 120px;
  }
  .lik2023_bnrarea ul li{
    width:calc(50% - 1.375vw);
  }

  .tlk_tokubanttl span{
    font-size: 0.875rem;
  }
  .tkl_tokubanmodal_mainslide div:nth-child(1) p{
    font-size: clamp(0.8125rem, 1.62vw, 1.125rem);
  }
  .tkl_tokubanmodal_mainslide img {
    width: 100%;
    margin: 8px auto;
    display: flex;
    justify-content: center;
    pointer-events: none;
  }
  .tkl_tokubanmodal_mainslide div:nth-child(3) p{
    font-size: clamp(0.75rem, 1.62vw, 1rem) !important;
  }

}

.tss_footer {
  background-color: var(--main-color-bl) !important;
}