/*.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
*/
.inner h2{
    margin-top:10px;
}
.ytBtn{
width:66.6666%;
height:auto;
box-sizing: border-box;
padding: 30px 10px;
margin:0 auto;
}
.viewBtn{
width:100%;
height:auto;
box-sizing: border-box;
padding: 10px;
margin:0 auto;
}
div.ytBtn a,
div.viewBtn a{
    display:block;
}
div.ytBtn a img,
div.viewBtn a img{
    width:100%;
    height:auto;
    display:block;
}
div.ytBtn a:hover,
div.viewBtn a:hover{
    opacity: 0.6;
}

.ytBlock{
    width:100%;
    box-sizing: border-box;
    margin: 0;
    border-top:1px solid #ddd;
    padding:26px 0 24px 0;
}

.ytBlock h3{
    box-sizing: border-box;
    padding:0 10px 6px 10px;
    font-size:14px;
    line-height: 180%;
    vertical-align:middle;
}
.ytBlock h3 div.date{
    color:#666;
    font-weight:normal;
}
.ytBlock h3 div.date::before{
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.25em;
    margin-right:0.25em;
    background: url(/smart/img/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;
}