@charset "utf-8";
/* CSS Document */
.ab8_body h2{
  opacity:1;
}
.ab8_top{
    margin-bottom: 8px;
    padding-top: 16px;
}
.ab8_top p {
    max-width: 476px;
    margin: 0 auto;
    opacity: 1;
}
.ab8_top p img {
    aspect-ratio: 786 / 80;
    width: 100%;
}
.ab8_logo{
    margin-bottom: 0;
    opacity:1;
}
.ab8_body .ab8_logo img {
    width: auto;
    aspect-ratio: 300 / 120;
}
.ab8_body h2{
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 13% 87%, rgba(255, 255, 255, 0));
    padding:10px 0 8px;
    max-width: 470px;
    margin: 0 auto 1em;
    font-size: 1.375rem;
}

.tss_gotopagetop {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
    z-index: 1000;
}
.tss_gotopagetop a{
    text-decoration: underline;
    display: inline-block;
    color: #476AB5;
    font-size: 0.875rem;
    font-weight: 600;
    transition: opacity .5s;
    cursor: pointer;
}

/*-- 固有 --*/
.ab8_songcaption{
  max-width:650px;
  width:100%;
  margin:auto;
}
.ab8_songkv{
  max-width:1320px;
  width:98%;
  margin:32px auto;
}
.ab8_songlinkbtn{
  display:flex;
  justify-content: center;
  gap:0 max(4vw, 18px);
}
.ab8_songmv p{
  padding:24px 0;
  text-align:center;
  line-height:2;
  font-weight:bold;
  color: #28437d;
  font-size:1.125em;
}
.ab8_songmv p span{
  display:block;
}
.ab8_songmv div{
  max-width:800px;
  width:96%;
  margin:auto;
  aspect-ratio:16/9;
}
.ab8_songmv div iframe{
  width:100%;
  height:100%;
}

@media screen and (min-width: 801px) {
    .tss_gotopagetop a:hover,
    .ab8_songlinkbtn a:hover{
        opacity: 0.6;
    }
}




@media screen and (max-width:768px){
    .ab8_body h2{
        font-size: clamp(1.125rem, 0.807rem + 1.18vw, 1.375rem);
        /* 18-22 430-768 */
    }
    .ab8_songmv p{
      font-size:0.875em;
    }
    .ab8_songmv p span{
      display:inline;
    }
}