.video-learning-headtxt{
background-color:#fff;
text-align:center;
padding:20px;
margin:0;
}

.video-learning-v-title{
font-weight:bold;
/*font-size:1.5em;*/
height:60px;
display:block;
}
.video-learning-dl {
border-top:1px dashed #666; 
border-bottom:1px dashed #666; 
margin-top:20px; 
margin-bottom:20px; 
padding:20px 10px;
height:120px;
}
.video-learning-dl dt {
float:left;
padding-top:10px;
}
.video-learning-dl dd {
padding-top:10px;
}
.video-learning-dl .video-learning-dl-teacher {
margin-left:45px;
}


.video-learning-nt{
overflow: hidden;
}

.video-learning-nt p{
float:left;
border-left:1px solid #666;
padding-left:20px;
padding-right:20px;
}

.video-learning-box-title{
background-color:#fff;
}
.video-learning-box{
background-color:#fff;
padding:20px;
}
.video-learning-ex{
border:1px dashed #666; 
padding:20px;
overflow:hidden;
}
.masters-link-btn a{
float:right;
border:1px solid #448001;
background-color: #fff;
padding:10px;
text-decoration:none;
color:#448001;
}
.masters-link-btn a:hover{
float:right;
border:1px solid #448001;
background-color:#E6EFBC;
padding:10px;
text-decoration:none;
color:#fff;
}

.video-learning-vbox{
background-color:#fff;
overflow: hidden
/*position: relative;
overflow: hidden; 
margin:auto;*/
}
.video-learning-list{
display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items:stretch;
    flex-wrap: wrap; 
    margin-left:2.5%;
/*float:left; 
left:50%; 
position:relative;
margin:auto;*/
}
.video-learning-list li{
width:320px;
margin:20px;
padding-top:20px;
/*float:left; 
left:-50%; 
position:relative; 
margin:10px; 
width:320px;
height:500px;*/
}

.video-learning-immunity dt{
font-weight:bold;
margin-bottom:10px;
}
.video-learning-immunity dd{
padding-left:20px;
margin-bottom:20px;
}

.video-learning-masters-ex{
border:1px  solid #448001;
padding:20px;
}
.video-learning-masters-ex h4{
font-weight:bold;
color:#448001;
font-size:20px;
margin-bottom:20px;
}

.masters-video-icon{
background-color:#448001;
width:72px;
height:20px;
font-size:12px;
color:#fff;
text-align:center;
line-height: 20px;
border-radius:5px;
margin-bottom:10px;
}


.video-thumbnail{
width:560px;
}
.free-video-thumbnail img{
width:560px;
}
.video-list-btn a{
float:right;
background-color:#4978C0 !important;
width:150px !important;
height:30px !important;
font-size:12px !important;
color:#fff  !important;
text-align:center;
line-height: 30px !important;
border-radius:5px !important;
margin-bottom:10px !important;
text-decoration:none  !important;
display:inline;
}

.video-list-btn a:hover{
float:right;
background-color:#89BBEC !important;
width:150px !important;
height:30px !important;
font-size:12px !important;
color:#fff  !important;
text-align:center;
line-height: 30px !important;
border-radius:5px !important;
margin-bottom:10px !important;
text-decoration:none  !important;
display:inline;
}
.video-list-btnbox{
clear:both;

padding-top:50px;
padding-bottom:0px;
overflow:hidden;
}
.fa-exclamation-circle{
color:#EC6D65;
font-size:24px;
line-height:-10px;
vertical-align: middle;
}

@media screen and (max-width:767px){
.video-thumbnail{
width:100%;
margin:0;
padding:0;
}
.free-video-thumbnail img{
width:100%;
margin:0;
padding:0;
}
}

/*動画詳細ページ*/

.video-title{
float:left;
font-size:32px;
font-weight:bold;
/*width:750px;*/
}
.video-learning-teacher{
clear:both;
padding-top:20px;
}
.video-time-txt{
border-left:1px solid #666;
border-right:1px solid #666;
padding-left:20px;
padding-right:20px;
margin-left:20px;
white-space: nowrap;
display:inline;
}