@charset "utf-8";

.footer-menu-pink-ribbon .footer-menu-pink-ribbon-item .thumbnail-button {
  height: 86px;
}

.footer-menu-pink-ribbon .footer-menu-pink-ribbon-item .thumbnail-button.active {
  background-color: #ccc;
}

.videojs-container {
  max-width: 50%;
  display: block; 
  margin: 0 auto;
}

.btn-link-text a{
  text-decoration: none;
  color: #000000;
  font-size: 20px;
}


.btn-link-text a:hover{
  text-decoration: underline;
}
.link-text-p{
  margin-left: 20px;
}

.container .row .h1 {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 780px) and (max-width: 999px){
  .footer-menu-pink-ribbon .footer-menu-pink-ribbon-item .thumbnail-button .thumbnail-button__txt {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 735px) and (max-width: 780px){
  .footer-menu-pink-ribbon .footer-menu-pink-ribbon-item .thumbnail-button .thumbnail-button__txt {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 720px) and (max-width: 735px){
  .footer-menu-pink-ribbon .footer-menu-pink-ribbon-item .thumbnail-button .thumbnail-button__txt {
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 600px){
  .spHide{
    display: none;
  }
}

@media only screen and (max-width: 600px){
  .pcHide{
    display: none; 
  }
}

@media screen and (max-width: 599px) {
  .videojs-container {
    max-width: 100%;
  }
}


.box{
  background-color: rgba(246,210,227,0.6);
  /* background-color: #F6D2E3; */
  padding: 20px 20px;
}


@media only screen and (max-width: 600px){
  .text-left-p{
    text-align: left!important;
  }

}

@media only screen and (max-width: 720px){
  .img-left-block{
    width: 480px;
  }

}