img{
    max-width: 100%;
}

#liveinfo{
    font-family: inherit !important;
}

#liveinfo > strong{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin: 1rem  auto auto auto;
    display: block;
    max-width: 58%;
    font-size: 1.1rem;
    color: #444;
    background-color: #fefefe;
}


#snsWrap{
    margin: 2rem auto;
}

#snsWrap a.social-link{
    margin: auto 1rem;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    line-height: 4.3rem;
    font-size: 1.5rem;
    background-color: rgba(215, 110, 175, 0.8);
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    
    color: #fff!important;
    border-radius: 50%!important;

}

#amoLink,
#youtubeLink{
    top: 70px;
    width: 120px;
    background: transparent;
    
    position: fixed;
    right: 15px;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    z-index: 2;
}
html body #amoLink{     top: 130px; }

#youtubeChannel h2{
    margin-bottom: 2rem;
}

#youtubeChannel{
    min-height: 300px;
    background-color: #fff; 
    padding: 3rem 0;
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

strong.cancel:before{
    content: "中止";
    background-color: red;
    color: white;
    padding: 0.2rem 0.75rem;
    margin: auto 0.35rem auto auto;
    border-radius: 0.2rem;
}

#reinaHeader.masthead{
      /*background-image:url('../img/reina2020.jpg');*/
      background-image:url('../img/reina2023.jpg');
      background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
    background-position: top 19% center;
}

@media (max-width: 480px) {
    html body a#amoLink img,
    #youtubeLink img{ max-height: 40px; width: auto;     
                      padding: 5px 0.5rem;
  }
    
    html body #sonyMusicLink,
    html body a#amoLink,
    #youtubeLink{
position: fixed;
    bottom: 0.8rem;
    left: 4%;
    top: auto;
    background: rgb(210 210 210 / 80%);
    border: 1px solid #ccc;
/*    padding: 0 0.5rem;*/
    border-radius: 0.5rem;
    max-width: 25%;
    height: 53px;
    }
    html body a#amoLink{ left:30%; }
    html body a#sonyMusicLink{ left:56%; width: 19%; text-align: center; }
    html body a#sonyMusicLink svg{
        height: 18px;
        margin: 1rem auto;
    }
    
}


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#news20230805{
    margin:1rem auto 3rem auto; 
    border:1px dotted #ccc; 
    padding: 1rem;
    background: #fffff8; 
    font-size: 1.2vw;
    background:url('../img/back_stripe.jpg') top center repeat-y;
    background-size: auto; 
}
#news202402JZ{
    margin:1rem auto 3rem auto; 
    border:1px dotted #ccc; 
    padding: 1rem;
    background: #f5f3ea;     
    background:url('../img/paris.jpg') top center no-repeat;
    background-size: cover;
}

#layBox{ 
    max-height: 40vh;
    overflow: auto;
    font-size: 1rem;
    background: #f0f0f0;
    padding: 1rem;
    margin: 2rem;
}
#layBox dt{
        background: #e0e0e0;
    padding: 0.25rem;
    font-weight: bold;
    margin: 2rem auto 0.25rem auto;
}
#layBox dt,
#layBox dd{ text-align: left; }
#news20230805mj div.col-lg-12{
        color: white;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5;
}
#news20230805mj{
    background-color: black;

}
#news20230805mj a:hover{ text-decoration: none; opacity: 0.8; }

#sonyMusicLink{
    position: fixed;
    top: 216px;
    right: 14px;
    
    z-index: 1;
    left: auto;
    }
    
    #sonyMusicLink svg{
        height: 25px;
    }
    #news202402JZ_inner{ background-color: rgba(255,255,255,0.85); }
    
    #newLiveAttn{
        margin: 5rem auto;
        padding: 1rem;
        background-color: #ebe4e4;
        display: block;
        border-radius: 0.5rem;
        display: block;
        font-size: 1.5rem;
    }
    
    .w-33{ width: 33%; }