@charset "UTF-8";
/* TOPページ スライダービジュアル指定 */

/* ===== TOP ===== */
.hdr-visual[data-week="kv"] .canvas {
  background-image: url(../img/slider/kv.webp);
}

.hdr-visual.and-art[data-week="kv"]::after {
  background-image: url(../img/slider/kv_art.webp);
}

@media (width <= 960px) {
  .hdr-visual[data-week="kv"] .canvas {
    background-image: url(../img/slider/kv_sp.webp);
  }

  .hdr-visual.and-art[data-week="kv"]::after {
    background-image: url(../img/slider/kv_art_sp.webp);
  }
}

/* ===== MON ===== */
.hdr-visual[data-week="mon"] .canvas {
  background-image: url(../img/slider/mon.webp);
}

@media (width <= 960px) {
  .hdr-visual[data-week="mon"] .canvas {
    background-image: url(../img/slider/mon_sp.webp);
  }
}

/* ===== TUE ===== */
.hdr-visual[data-week="tue"] .canvas {
  background-image: url(../img/slider/tue.webp);
}

@media (width <= 960px) {
  .hdr-visual[data-week="tue"] .canvas {
    background-image: url(../img/slider/tue_sp.webp);
  }
}

/* ===== WED ===== */
.hdr-visual[data-week="wed"] .canvas {
  background-image: url(../img/slider/wed.webp);
}

@media (width <= 960px) {
  .hdr-visual[data-week="wed"] .canvas {
    background-image: url(../img/slider/wed_sp.webp);
  }
}

/* ===== THU ===== */
.hdr-visual[data-week="thu"] .canvas {
  background-image: url(../img/slider/thu.webp);
}

@media (width <= 960px) {
  .hdr-visual[data-week="thu"] .canvas {
    background-image: url(../img/slider/thu_sp.webp);
  }
}


/* J-WAVE調整用  ※調整CSSは以下へ追記お願いします */

.hdr-englishbites .hdr__foot a.link-podcast:hover {
    background-color: var(--color-hover);
}

.hdr-englishbites .hdr__foot a.link-podcast {
    font-family: var(--font-en);
    font-size: clamp(2.2rem, 1.84rem + 1vw, 2.8rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    margin-top: min(2.5vw, 48px);
    display: block;
    width: min(50%, 210px);
    height: clamp(40px, 34px + 1.667vw, 50px);
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: clamp(8px, 4.4px + 1vw, 14px);
    text-decoration: none;
    color: #fff;
    background-color: #68b7dd;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: 
ease-out;
    transition-timing-function: 
ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}