@charset "UTF-8";

/* PC用 */
@media screen and (min-width: 768px) , print {
  /* Youtubeリンク */
  .youtubelink {
    display: flex;
    width: calc(400px - 10px);
    padding: 5px;
    background-color: #FFCC00;
  }
  .youtubelink > .youtubelink-text {
    display: flex;
    width: 50%;
    color: #FF0000;
    padding-left: 20px;
    align-items: center;
    font-weight: bold;
  }
  .youtubelink > .youtubelink-photo {
    width: 46%;
    text-align: right;
    line-height: 0;
  }
}

/* 小さい画面用 */
@media screen and (max-width: 767px) {
  /* Youtubeリンク */
  .youtubelink {
    display: flex;
    width: calc(100% - 10px);
    padding: 5px;
    background-color: #FFCC00;
  }
  .youtubelink > .youtubelink-text {
    display: flex;
    width: 60%;
    color: #FF0000;
    padding-left: 20px;
    align-items: center;
    font-weight: bold;
  }
  .youtubelink > .youtubelink-text > br {
    display: none;
  }
  .youtubelink > .youtubelink-photo {
    width: 36%;
    text-align: right;
    line-height: 0;
  }
}