@charset "UTF-8";

.youtube-wrap{
  margin: 1rem auto;
}
.youtube-wrap .youtube-inner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-wrap .youtube-inner iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-cap{
  background-color: #efefef;
  padding: 1rem;
  margin-top: 1rem;
}
.btn-lstTypeA {
  margin-top: 25px;
  font-size: 0;
  font-weight: 500;
  text-align: center;
}
.btn-lstTypeA li {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  font-size: 1.3rem;
}
.btn-lstTypeA li a, .btn-lstTypeA li button {
  display: block;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #034ea3;
  text-decoration: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.btn-lstTypeA li span {
  padding-left: 12px;
  background: transparent url(/common/css/images/icn_link01.png) no-repeat left 0.34em;
    background-size: auto;
  background-size: 7px auto;
}

@media (min-width: 788px) {
  .youtube-wrap{
    width: 560px;
  }
  .btn-lstTypeA {
    margin-top: 70px;
    margin-left: -20px;
  }
  .btn-lstTypeA li {
    padding-left: 20px;
    max-width: 460px;
    font-size: 1.9rem;
  }
  .btn-lstTypeA li span {
    padding-left: 16px;
    background-size: 10px auto;
  }
  .btn-lstTypeA li a:hover, .btn-lstTypeA li button:hover {
    opacity: 0.7;
  }
}