

.columnlist li a {width: 100%; color:#000; padding:0px 10px; }
.columnlist li a time {padding: 15px 15px 0 15px; color: #666666; font-size:12px;}
.columnlist li a h3 {font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:8px;padding:0 15px 6px 15px; padding-bottom:30px;}
.columnlist li a h3 .introduce {font-size:14px; font-weight:normal; color:#999;}
.columnlist li h3 .introduce {font-size:14px; font-weight:normal; color:#999;}
.columnlist li a h4 {font-size:13px; font-weight:normal; padding:0 15px 15px 15px; margin:5px 0px;border-bottom:1px solid #333; color: #666666; }

.column-article{
	#background:#F6F1EA;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:10px;
	#font-size: 1.3em;
}

.column-article h2{
	border-bottom:1px solid #333; 
	margin:10px 0 0;
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:20px;
}

.column-article #contents .content{
	#font-size:1.2em;
}



.top-column-newer{
	width:100%;
	clear:both;
}

.top-column-newer a{
	background:none !important;
	display:inline-table;
	width:100%;
	padding:10px 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

.top-column-newer a .image{
	width:30%;
	float:right;
	vertical-align:top;
	display:table;
}

.top-column-newer a .image img{
}

.top-column-newer a h3{
	width:70%;
	position:relative;
	padding-bottom:25px;
	float:left;
	padding-left:0px !important;
}

.top-column-newer a h3 .tag{
	position:absolute;
	bottom:3px;
	left:3px;
	font-size:13px;
}

.top-column-newer a h3 .time{
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px;
}



.top-column-newer a h3 .tag .mark{
	height:13px;
	width:7px;
	margin-top:2px;
	float:left;
	margin-right:5px;
}

#column-recommend{
	display:none;
}

.top-column-recommend{
	position:relative;
	padding-bottom:5px;
	width:100%;
}

.top-column-recommend a{
	background:none !important;
	width:100%;
	padding:0 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

.top-column-recommend a h3{
	position:relative;
	padding-bottom:25px;
	width:100%;
}

.top-column-recommend > h3{
	position:relative;
	padding-bottom:25px;
	width:100%;
}

.top-column-recommend a h3 time{
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px !important;
}

.top-column-recommend h3 time{
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px !important;
}


.top-column-recommend a h3 .tag{
	position:absolute;
	bottom:3px;
	left:3px;
	font-size:13px;
}

.top-column-recommend h3 .tag{
	position:absolute;
	bottom:3px;
	left:3px;
	font-size:13px;
}

.top-column-recommend a h3 .tag .mark{
	height:13px;
	width:7px;
	margin-top:2px;
	float:left;
	margin-right:5px;
}

#column-newer .title,
#column-recommend .title{ position:relative; }

#column-newer .title .comment,
#column-recommend .title .comment{
	position:absolute;
	top:8px;
	right:10px;
	color:#f78e3b;
	font-weight:bold;
	font-size:14px;
}

.column-content{
	position:relative;
	word-break:break-all;
	font-size:16px;
	line-height:180%;
}

.column-content #hide-point{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	background-image: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0)   0%,
		rgba(246, 241, 234, 0) 70%,
		rgba(246, 241, 234, 1) 100%
	);
}
.column-content a{
	color:#000;
	border-bottom:1px dashed #000;
	display:inline-block;
	height:23px;
}
.column-content a:hover{
	opacity:0.5;
}

#contents .action-button{
	margin:10px 30px;
	background-color:#e50023;
	font-size:16px;
	padding:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}



.top-column-recommend{
	list-style:none;
}


.column-left .column-article #contents h1{
	font-size:25px;
	line-height:150%;
	clear:both;
	margin:0;
	padding:0 0 0 0;
	#height:131px;
}

.column-left .column-article #contents .column-content{
	#font-size:0.9em;
	#line-height:200%;
	margin-top:30px;
}
.column-left .column-article #contents .column-content img{
	width:200px;
}

.column-left .column-article #contents .date-box{
	float:left;
	padding-top:16px;
}

.column-left .column-article #contents .date-box .date{
	font-size:15px;
}

.column-left .column-article #contents .ch-size{
	float:right;
}

.column-left .column-article #contents .top-image{
	height:150px;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	position: relative;	
}

.column-left .column-article #contents .top-image .image{
	width:200px;
	float:left;
}

.column-left .column-article #contents .top-image .image img{
	width:100%;
}

.column-left .column-article #contents .header-text{
	width:385px;
	float:left;
	margin:0 0 0 20px;
}

.column-left .column-article #contents .column-content{
	clear:both;
}

.column-left .column-article #contents .column-content img{
	width:100%
}

.column-left{
	width:630px;
	padding:0 20px 0 0px;
	#float:left;
	display:inline-block;
}
.fb-like-img{
	position: relative;
	margin-top:20px;
	padding:0;
	width:610px;
}
.fb-like{
	position:absolute;
	right:250px;
	bottom:50px;
}

.column-left .social-button{
	#width:610px;
	text-align:right;
}
.column-left .social-button.top{
	position:absolute;
	right:0;
	bottom:20px;
}
.column-left .social-button img{
	width:100px;
	#margin:3px;
	vertical-align: bottom;
}

.column-left .recommend-column{
	margin-top:30px;
	padding-bottom:20px;
}

.column-left .recommend-column .title{
	font-size:18px;
	font-weight:700;
	vertical-align:middle;
}

.column-left .recommend-column .title img{
	width:22px;
	vertical-align:middle;
	padding-bottom:2px;
	padding-right:5px;
}

.column-left .recommend-column ul{
}

.column-left .recommend-column ul li{
	padding:5px 0;
}

.column-left .recommend-column ul li a{
	display:block;
	color:#000;
	font-size:16px;
}

.column-left .recommend-column ul li a:hover{
	text-decoration:underline;
	color:#1d3994;
}




.column-left .related-movie{
	margin-top:30px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #333;
}

.column-left .related-movie .title,
.column-left .distribution .title
{
	font-size:18px;
	font-weight:700;
	vertical-align:middle;
}

.column-left .related-movie .title img
{
	width:22px;
	vertical-align:middle;
	padding-bottom:2px;
	padding-right:5px;
}

.column-left .distribution .title img
{
	width:22px;
	vertical-align:middle;
	padding-bottom:8px;
	padding-right:5px;
}

.column-left .related-movie article{
	margin:5px 0;
	#padding:0px 10px 0px 0px;
	border-top:1px dotted #333;
	clear:both;
	min-height:120px;
	#width:600px;
}

/*
.column-left .related-movie article a:hover{
	text-decoration:underline;
	color:#1d3994;
}
*/

.column-left .related-movie .movie-name{
	font-size:18px;
	font-weight:700;
	color:#000;
	margin:13px 0 16px 0;
}

.column-left .related-movie .img{
	width:80px;
	float:left;
}
.column-left .related-movie .img img{
	width:100%;
}

.column-left .related-movie .introduce{
	padding:0 0 0 90px;
	line-height:160%;
	font-size:14px;
	color:#999;
}

.column-left .related-movie .lecturer-name{
	clear:both;
	color:#000;
	font-size:14px;
	font-weight:700;
	margin:5px 0 0 0;
	float:left;
	vertical-align:top;
}

.column-left .related-movie .length,
.column-left .related-movie .date
{
	color:#000;
	font-size:14px;
	margin:5px 0 0 15px;
	display:inline-block;
	vertical-align:top;
	float:right;
}


.column-left .about,
.column-left .about img
{
	margin:6px 0;
	font-size:16px;
	font-weight:700;
	color:#424242;
	vertical-align:middle;
}

.column-left .introduction-service{
	font-size:15px;
	color:#000;
	padding:10px;
	line-height:160%;
}


.column-left .service-detail{
	display:block;
	padding:6px;
	font-size:16px;
	color:#fff;
	background-color:#558ed5;
	width:240px;
	text-align:center;
	margin:15px 10px 30px 10px;
	font-weight:700;
}

.column-right{
	width:310px;
	padding:0 15px 0 0;
	float:right;
	display:inline-block;
}

.column-right .sticky{
	position: sticky;
	position: -webkit-sticky;
	transition: 0.5s;
}

.column-right .advertisement{
	width:300px;
	height:610px;
	margin:22px 0 25px 0;
}

.column-right .newer-article{
}

.column-right .newer-article .title{
	font-size:18px;
	font-weight:700;
	vertical-align:middle;
	margin:0;
	padding:0 0 6px 0;
}

.column-right .newer-article .title img{
	width:22px;
	vertical-align:middle;
	padding-bottom:2px;
	padding-right:5px;
}

.column-right .newer-article article{
	padding:10px 0;
	clear:both;
	border-top:1px dotted #333;
	position:relative;
}

.column-right .newer-article article a{
	color:#1d3994;
}

.column-right .newer-article article a:hover{
	text-decoration:underline;
	#color:#1d3994;
	#background:#dce6f2;
}

.column-right .newer-article article{
	position:relative;
}

.column-right .newer-article article img{
	width:80px;
	position:absolute;
	top:12px;
	right:2px;
	border:1px solid #ccc;
}

.column-right .newer-article article h3{
	margin:0;
	font-size:15px;
	font-weight:normal;
	line-height:140%;
	display:block;
	width:315px;
	height:50px;
}

.column-right .newer-article .line{
	border-top:1px dotted #333;
	border-bottom:0;
}

.clear-both{clear:both;}


.link-hover:hover{
	text-decoration:underline;
	color:#1d3994 !important;
}

.display-none{
	display:none;
}

/************* パンくずリスト *************/
nav#breadcrumbs{
	margin:15px 0;
	font-size:14px;
	color:#000;
}
nav#breadcrumbs ol,
nav#breadcrumbs ol li
{
	padding:0;
	margin:0;
}
nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
nav#breadcrumbs ol li a{
	color:#000;
	text-decoration:underline;
}
nav#breadcrumbs ol li:before {
	content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
	content:"";
}
/************* パンくずリスト *************/

/* 文字サイズ変更 */
.ch-size {
  color: #a0a0a0;
  font-size: 12px;
  text-align: center;
  margin:0;
  padding:0;
  margin-bottom: 20px;
}
.ch-size:after {
  content: "";
  display: block;
  clear: both;
}

.ch-size .label{
  display:inline-block !important;
  padding:4px 10px 0 0;
  vertical-align:middle;
}

.ch-size span {
  float: ;
  display: inline-block;
  padding: 0px 10px 5px 0px;
  margin:0;
}
.ch-size ol {
  float: ;
  display: inline-block;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 184px;
  height: 25px;
  position: relative;
  top: 12px;
  margin:0;
  padding:0;
  -webkit-padding-start: 0px;
}
.ch-size ol li {
  float: left;
  width: 60px;
  text-align: center;
  color: #a0a0a0;
  padding: 3px 0;
  cursor: pointer;
  list-style:none;
  margin:0;
  -webkit-padding-start: 0px;
}
.ch-size ol li:nth-child(2) {
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  width: 60px;
}
.ch-size ol li.current {
  background: #a0a0a0;
  color: #fff;
}


article.ranking{
	border-top:1px dotted #666;
	padding:20px 0;
}

article.ranking a{
	color:#000;
}
article.ranking .rank-block{
	display:inline-block;
	width:70px;
}

article.ranking .rank-block .rank{
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	#border:1px solid #000;
	font-size:27px;
	font-weight:700;
	margin:0 0 10px 0;
}

article.ranking .rank-block .img img{
	width:100%;
}


article.ranking .movie-info{
	display:inline-block;
	#border:1px solid #000;
	vertical-align:top;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	width:820px;
	position:relative;
}

article.ranking .movie-info .movie-name{
	font-size:20px;
	font-weight:700;
	margin:0 0 10px 0;
	line-height:140%;
	padding-right:120px;
}

article.ranking .movie-info .lecturer-name{
	#border:1px solid #ccc;
	display:inline-block;
	color:#7f7f7f;
	font-weight:700;
	font-size:16px;
}

article.ranking .movie-info .title{
	#border:1px solid #7f7f7f;
	display:inline-block;
	margin:0 0 0 30px;
	color:#666;
	font-size:16px;
}

article.ranking .movie-info .introduce{
	font-size:15px;
	color:#404040;
	margin:18px 0 0 0;
	line-height:170%;
}

article.ranking .movie-info .status{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	font-weight:700;
	background-color:#a6a6a6;
}

/*フッターを、table構造からnavigationに変更した*/
#gfooter{
	width:980px;
	background:#000;
	height:80px;
	padding:10px 0 30px 0px;
	overflow:hidden;
}

.footernavi{
	float:left;
	margin:0;
}

.footernavi ul{
	list-style-type:none;
	padding:0;
	overflow:hidden;
}

.footernavi ul li{
	float:left;
	width:200px;
	text-decoration:none;

}

.footernavi ul li:nth-child(3n){
	width:300px;
}

.footernavi ul li:nth-child(3n+1){
	clear:both;
}

.footernavi ul li a{
	#display:block;
	color:#d9d9d9;
	font-size:12px;
}

.footernavi ul li:before{
	content:" ";
	width:12px;
	height:12px;
	margin:0 10px 0 0;
	display:inline-block;
	background-image:url("http://10mtv.jp/image/arrow_64.png");
	background-size:cover;
}

.copyright{
	color:#d9d9d9;
	font-size:12px;
	float:right;
	margin:60px 0 0 0;
}

.cat-column-box{
	margin:30px 0;
	padding:30px 0;
}

.cat-column-box .panel{
	width:470px;
	float:left;
	font-size:20px;
	line-height:160%;
	border:1px solid #ccc;
	margin:0 0 20px 0;
	background:#fff;
}

.cat-column-box a .panel:hover{
	background:#dce6f2;
}

.cat-column-box .panel img{
	width:470px;
	vertical-align:bottom;
}

.cat-column-box .panel div.title{
	padding:10px 0 6px 20px;
}



main.company .movie-container .player{
	width:100% !important;
	background:#000;
}

main.company .movie-container .player .content{
	text-align:center !important;
	margin:0 auto;
}

main.company .movie-container .player .content .sample-player{
	height:337.5px;
}

main.company a.link-back{
	display:block;
	margin:20px 0;
	text-decoration:none;
	color:#000;
	font-size:20px;
	padding:4px 0 0 30px;
	background-image: url("/v2/images/common/arrow-left.png");
	background-repeat: no-repeat;
	background-size:contain;
}

main.company a.link-back:hover{
	opacity:0.6;
}



main.company .movie-content{
	width:100% !important;
}


main.company .movie-info .lecturer-info{
	position:relative;
	#height:auto;
}

main.company .movie-info .lecturer-info .right-date{
	position:absolute;
	right:0;
	top:19px;
	line-height:180%;
	text-align:right;
	font-size:17px;
}

main.company .movie-info .lecturer-info .lecturer-name{
	font-size:19px;
}


main.company .movie-content .text-container .img{
	text-align:center;
}
main.company .movie-content .text-container .img a img:hover{
	opacity:0.6;
}

main.company .movie-content .text-container .introduce{
	margin:20px 0 30px 0;
}

main.company .movie-content .text-container .summary{
	font-weight:normal;
}


main.company .movie-content .text-container .text{
	margin:30px 0 30px 0;
}

ul.related-link{
	line-height:150%;
	margin:0 0 40px 0px;
	padding:0;
}

ul.related-link li{
	line-height:200%;
	font-size:14px;
	float:left;
	margin-right:10px;
	list-style:none;
}

ul.related-link li:before{
	content: "・";
}

ul.related-link li a{
	color:#1d3994;
}


ul.similar-link{
	line-height:150%;
	margin:0 0 40px 0px;
	padding:0;
}

ul.similar-link li{
	line-height:200%;
	font-size:17px;
	#float:left;
	margin-right:10px;
	list-style:none;
}

ul.similar-link li:before{
	content: "・";
}

ul.similar-link li a{
	color:#1d3994;
}

/***** Amzon Pay削除ボタン *****/
a.gray_btn{
	display:block;
	width:235px;
	height:45px;
	background:#DBDBDB;
	color:#000;
	text-align:center;
	line-height:3.0;
	margin:40px 0;
}
a.gray_btn:hover{
	opacity:0.5;
}

a.white_btn{
	display:block;
	width:235px;
	height:45px;
	background:#FFF;
	border:solid 1px #DBDBDB;
	color:#000;
	text-align:center;
	line-height:3.0;
	margin:40px 0;
}
a.white_btn:hover{
	opacity:0.5;
}


a.login_link{
	color:#1d3994;
}
a.login_link:hover{
	text-decoration:underline;
}


.search-panel{
	display:block; 
	border:1px solid #ccc;
	color:#1D3994;
	font-weight:bold;
	text-align:center;
	float:left; 
	background:#fff;
}

.search-panel:hover{
	opacity:0.7;
	text-decoration:none !important;
}

.search-selected{
	background-color:#1D3994;
	color:#fff;
}

.search-box-feature{
	display: grid;
	grid-gap: 10px 8px;
	grid-template-columns: repeat(6,155px);
	padding-bottom: 35px;
	margin-right: 10px;
	border-bottom: 1px solid #888888;
}
.search-box-feature div{
/*	padding: 10px;*/
	background: #fff;
	border: solid 1px #ccc;
	text-align: center;
	font-weight: bold;
}
.search-box-feature div:hover{
	opacity:0.7;
}
.search-box-feature a{
	padding: 10px;
	display: block;
	color: #1D3994;
}
.search-box-feature .sel-bg{
	background: #1D3994;
}
.search-box-feature .sel-txt{
	color: #fff;
}

/***** 最後まで視聴した講義ページ *****/
.play-movie{
	border: 1px solid #ccc;
	padding: 30px 20px;
	font-size: 18px;
	line-height: 170%;
	margin: 0 0 30px 0;
	background: #fff;
}

.play-movie .title{
	font-weight:bold;
}

.play-movie .list{
	padding-top: 4%;
	line-height: 200%;
	font-size: 16px;
}

.play-movie p{
	margin: 0;
}


/* 講義メモ */
.memo-history{
	background: #404040;
	margin-bottom: 20px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	padding: 15px;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	width: 950px;
	border: 1px solid #ccc;
	border-top: none;
}

.memo-history .memo-text{
	width: 80%;
	background: #fff;
	padding: 10px;
	line-height: 1.5;
}

.memo-history .memo-update{
	color:#fff;
}

/* pager */
.pager-area {
	padding: 5px 0;
}
.pager-area ul {
	display: flex;
	justify-content: center;
	padding-left:0
}
.pager-area li {
	list-style:none;
}
.pager-area a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 45px;
	height: 45px;
	background: #fff;
	border: solid 2px #404040;
	font-size: 14px;
	color: #111;
	font-weight: bold;
	transition: all 0.15s linear;
	text-decoration: none;
}
.pager-area .active {
	background: #404040;
	color: #fff;
	pointer-events: none;
}
.pager-area a:not(.active):hover {
	background: #666666;
	border: solid 2px #666666;
	color: #fff;
}
.pager-area li:nth-child(n+2){
	margin-left: 12px;
}

/* 記事ページポップアップ */
.popup-area {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0%;
	z-index: 10000;
	background: rgb(0 0 0 / 65%);
	display: none;
}

.popup-area section{
	width: 980px;
	margin: 0 auto;
	padding-top: 5%;
}

.popup-area .register{
	width: 45%;
	vertical-align: bottom;
}

.popup-area .close-popup{
	position: absolute;
	top: 0;right: 27.5%;
	width: 3%;
	vertical-align: bottom;
}
