@charset "UTF-8";

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

a.ytBtn{
    width:450px;
    height:60px;
    margin:60px auto;
    display:block;
}
a.ytBtn img{
    width:100%;
    height:auto;
    display:block;
}
a.viewBtn{
    width:450px;
    height:60px;
    margin:40px auto 0 auto;
    display:block;
}
a.viewBtn img{
    width:100%;
    height:auto;
    display:block;
}
a.ytBtn:hover,
a.viewBtn:hover{
    opacity: 0.6;
}

.ytBlock{
    width:840px;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    border-top:1px solid #ccc;
    padding:30px 0 80px 0;
}

.ytBlock h3{
    box-sizing: border-box;
    padding:0 0 25px 0;
    font-size:18px;
    line-height: 180%;
    vertical-align:middle;
}
.ytBlock h3::before{
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.25em;
    margin-right:0.25em;
    background: url(/img_a/page/campaign/youtube/icon_youtube.png) no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;
}


.code{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.code iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}