@charset "UTF-8";

/*
# =================================================================
# 動画
# =================================================================
*/

/*（★）状態確認用*/
/*a {color:red;}*/


/*リスト一覧*/
.moviebox {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;        
}
.moviebox li {
    line-height: 140%;
	margin-bottom: 30px;
	padding: 20px;
}



/*サムネイル*/
.moviebox img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 10px;
    display: block;
}

/*掲載日*/
.update{
	font-size: 1.4rem;
	margin: 5px 0;
	font-weight: bold;
}

/*タイトル*/
.video-title {
	margin-bottom: 10px;
}

/*提供元*/
.video-author{
	font-size: 0.8em;
	margin-bottom: 10px;
}

/*メモ書き*/
.memo {
	font-size: 0.8em;
	line-height: 140%;
    color: #2c730c;
}

/*Newマーク*/
.newmk {	
	 margin-left: 10px;
}

/*ページ内リンク*/
.c-subpage-toc-link__link{
	color: #000!important;
}
.c-subpage-toc-link {
  padding-block: 40px;
}

/****************************/
/*レスポンシブ
/****************************/
@media (min-width: 480px) {
    .moviebox li {
        width: 100%;
    }
    .moviebox li img {
        width: 100%;
        max-width: 100%;
	}
}


@media (min-width: 768px) {
    .moviebox li {
        width: 50%;
    }
}


@media (min-width: 920px) {
	.moviebox li {
        width: 33.3%;
    }
}


@media (min-width: 1400px) {
}