@charset "UTF-8";
/*↑ブラウザでソースを表示する際の文字化け防止対策。ファイルの先頭に書かなければならないためコメントアウトは2行目から書く。*/


.sc-player-wrap {
  width: 100%;
  /*max-width: 100%;*/
  margin: auto;
  /*margin-bottom: 50px;*/
}

.sc-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; 
  margin: auto;
  /*align-items: center; 
  justify-content: center;*/
  box-shadow: none;
  border: none;
}

.sc-button-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  right: 0;
  left: 0;
  gap: 10px;
  position: relative;
  width: 100%;
  margin: auto;
}

.sc-play-btn,
.sc-mute-btn {
  width: 100%;
  cursor: pointer;
  border-radius: 20px;
  padding: 7px 20px;
  border: 2px solid #ff6347;
  font-size: medium;
  color: #ffffff;
  background-color: #ff6347;
  margin-top: 10px;
}

@media(max-width: 600px){
  .sc-play-btn,.sc-mute-btn{
      margin-bottom: 10px;
  }
}

/*
.sc-play-btn:hover,
.sc-mute-btn:hover{
  transition: 0.3s;
  opacity:0.6;
}
*/

/*パソコンのみホバーを適用し、スマホはホバーを無効にするCSS*/
@media (hover: hover) {
    .sc-play-btn:hover,
    .sc-mute-btn:hover{
        transition: 0.3s;
        opacity:0.6;
    }
}