@charset "UTF-8";

/*----- フォント赤 -----*/
.text_red {
	color: #cc0000;
}

/*===========================================
	YDB eLibraryサービス詳細　テーブル
===========================================*/
#ydb_sub_content table.elibrary_service{
	margin:0px 0px 0px 10px;
	border-collapse:collapse;
	border-spacing:0;
	font-size:11px;
}
	#ydb_sub_content table.elibrary_service th {
		padding: 5px 10px;
		border:1px solid #888;
		color:#ffffff;
		background:#17375E;
		text-align:center;
		vertical-align:middle;
	}
		#ydb_sub_content table.elibrary_service th.thb01 {
			background:#1D4E7D;
		}
		#ydb_sub_content table.elibrary_service th.thb02 {
			background:#2B84C5;
		}
	#ydb_sub_content table.elibrary_service td {
		padding: 5px 10px;
		border: 1px solid #888;
		text-align:center;
		vertical-align:middle;
	}
		#ydb_sub_content table.elibrary_service td.txt_l {
			text-align:left;
		}

/*===========================================
	よくあるご質問
===========================================*/
#ydb_sub_content div#faq_area {
	margin:0;
	padding:0;
}
	#ydb_sub_content div#faq_area ul{
		margin:0 15px 15px 15px;
		padding:0;
	}
		#ydb_sub_content div#faq_area ul li{
			margin:0;
			padding:0;
			background:none;
		}
			#ydb_sub_content div#faq_area a{
				display:block;
				width:95%;
				float:left;
				margin:0 20px 0 0;
				padding:10px 0;
				color:#ffffff;
				background:#0171c5;
				text-align:center;
				text-decoration:none;
			}
			#ydb_sub_content div#faq_area ul :last-child a{
				float:right;
				margin:0;
			}
			#ydb_sub_content div#faq_area ul li a:hover{
				background:#99C6E8;
			}
#ydb_sub_content div#dc_area {
	margin:0;
	padding:0;
}
	#ydb_sub_content div#dc_area ul{
		margin:0 15px 15px 15px;
		padding:0;
	}
		#ydb_sub_content div#dc_area ul li{
			margin:0;
			padding:0;
			background:none;
		}
			#ydb_sub_content div#dc_area ul li a{
				display:block;
				width:200px;
				float:left;
				margin:0 20px 0 0;
				padding:10px 0;
				color:#ffffff;
				background:#99C6E8;
				text-align:center;
				text-decoration:none;
			}
			#ydb_sub_content div#dc_area ul :first-child a{
				float:right;
				margin:0;
			}
			#ydb_sub_content div#dc_area ul li a:hover{
				background:#CCE2F3;
			}
			#ydb_sub_content div#dc_area ul#dc2 li a{
				display:block;
				width:200px;
				height:50px;
				float:left;
				margin:0 20px 0 0;
				padding:10px 0;
				color:#ffffff;
				background:#99C6E8;
				text-align:center;
				text-decoration:none;
			}
				#ydb_sub_content div#dc_area ul#dc2 li.ufo a{
					padding-top:20px;
					height:40px;
				}
			#ydb_sub_content div#dc_area ul#dc2 li a:hover{
				background:#CCE2F3;
			}
#ydb_sub_content table.faq_table {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}
	#ydb_sub_content table.faq_table ul{
		margin: 0px;
		padding: 0px 0px 5px 5px;
	}
	#ydb_sub_content table.faq_table div.faq_title {
		margin: 10px 0 0 0;
		padding: 0px;
		font-weight: bold;
	}
/*===========================================
	ご入会について
===========================================*/
#ydb_sub_content table.flowtable,
#ydb_sub_content table.flowtable2{
	margin:20px 0px 0px 10px;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
	#ydb_sub_content table.flowtable th {
		padding: 5px 10px;
		border:1px solid #ccc;
		font-size:16px;
		color:#fff;
		background:#0171c5;
		text-align:center;
		vertical-align:middle;
	}
	#ydb_sub_content table.flowtable2 th {
		padding: 5px 10px;
		border:1px solid #ccc;
		font-size:16px;
		color:#fff;
		background:#ff9999;
		text-align:center;
		vertical-align:middle;
	}
		#ydb_sub_content table.flowtable th div,
		#ydb_sub_content table.flowtable2 th div{
			font-size:24px;
		}
	#ydb_sub_content table.flowtable td ,
	#ydb_sub_content table.flowtable2 td {
		padding: 5px 10px;
		border: 1px solid #ccc;
		text-align:left;
		vertical-align:top;
	}

/*===========================================
	料金表
===========================================*/
#ydb_sub_content div#pricelist_box{
}
	#ydb_sub_content div#pricelist_box div.pricelist_box_l{
		float: left;
		width: 348px;
		border: 1px solid #cccccc;
	}
	#ydb_sub_content div#pricelist_box div.pricelist_box_r{
		float: right;
		width: 300px;
		background:url(../../img/service/pricelist/img_plus.gif) no-repeat left ;
	}
		#ydb_sub_content div#pricelist_box div.pricelist_box_r ul.pl_box{
			margin:0 0 20px 20px;
			padding: 3px;
			background: #eef7fe;
			border: 1px solid #b9ddf6;
		}

/*===========================================
	MR詳細ページ
===========================================*/
#ydb_sub_content div#mrshow_box{
}
	#ydb_sub_content div#mrshow_box div.mrshow_box_l{
		float: left;
		width: 500px;
	}
	#ydb_sub_content div#mrshow_box div.mrshow_box_r{
		float: right;
		width: 200px;
	}
		#ydb_sub_content div#mrshow_box div.mrshow_box_r ul{
		}
			#ydb_sub_content div#mrshow_box div.mrshow_box_r ul li{
				background: none;
			}

/*-------------------------------
	キーワード
-------------------------------*/
#ydb_sub_content.mr_keyword{
	margin-right: 5px;
	padding: 2px 10px;
	border: 1px solid #ccc;
	background: #ffffff;
}

/*-------------------------------
	目次
-------------------------------*/

/*----------- table -----------*/
#ydb_sub_content table.toc{
	margin:20px 20px 0px 20px;
}
}	
	#ydb_sub_content table.toc td {
		border: none;
	}
	#ydb_sub_content table.toc td.title {
		width: 630px;
		border: none;
	}
		#ydb_sub_content table.toc td.level_1 div{
			margin: 0;
		}
		#ydb_sub_content table.toc td.level_2 div{
			margin: 0;
			padding-left: 15px;
		}
		#ydb_sub_content table.toc td.level_3 div{
			margin: 0;
			padding-left: 30px;
		}
		#ydb_sub_content table.toc td.level_4 div{
			margin: 0;
			padding-left: 45px;
		}
		#ydb_sub_content table.toc td.level_5 div{
			margin: 0;
			padding-left: 60px;
		}
		#ydb_sub_content table.toc td.level_6 div{
			margin: 0;
			padding-left: 80px;
		}
		#ydb_sub_content table.toc td.level_7 div{
			margin: 0;
			padding-left: 100px;
		}
		#ydb_sub_content table.toc td.level_8 div{
			margin: 0;
			padding-left: 120px;
		}
		#ydb_sub_content table.toc td.index{
			text-align: right;
			width: 70px;
			border: none;
		}

/*----------- 一覧背景色 -----------*/
#ydb_sub_content table.toc td.mrlist {
	background-color: #eef0f7;
}
#ydb_sub_content table.toc td.mrlist_2 {
	background-color: #ffffff;
}

/*===========================================
	閲覧室カレンダー
===========================================*/
div#CalendarMT{
	margin:0;
	padding:10px 10px 0 10px;
}
	div#CalendarMT table{
		width:100%;
		margin:0;
		padding:0;
	}
		div#CalendarMT table th{
			padding:0;
			background:#eeeeee;
			vertical-align:middle;
			font-size:14px;
			border:none;
		}
		div#CalendarMT table td{
			padding:0;
			vertical-align:middle;
			text-align:center;
			border:none;
		}
				div#CalendarMT table th {
					padding:5px 0;
					border:1px solid #cccccc;
					background:#0171c5;
					color:#ffffff;
					text-align:center;
					vertical-align:middle;
					font-size:14px;
				}
					div#CalendarMT table th.week {
						padding:0;
						background:#eeeeee;
						color:#333333;
						font-size:12px;
					}
					div#CalendarMT table th.weekB {
						padding:0;
						background:#99C6E8;
						color:#333333;
						font-size:12px;
					}
					div#CalendarMT table th.weekR {
						padding:0;
						background:#99C6E8;
						color:#333333;
						font-size:12px;
					}
				div#CalendarMT table td {
					padding:0;
					border:1px solid #cccccc;
				}
					div#CalendarMT table td.closed{
						background:#99C6E8;
					}
					div#CalendarMT table td.cly{
						background:#ffff99;
					}
					div#CalendarMT table td.clyl{
						background:#ffd700;
					}
					div#CalendarMT table td.clgr{
						background:#3cb371;
					}

	div#CalendarMT .CLclosed span{
		margin:5px 5px 0 10px;
		padding:0 10px;
		background:#99C6E8;
		border:1px solid #cccccc;
	}
	div#CalendarMT #CLtext{
		margin:20px 10px;
		padding:10px;
		border:1px solid #cccccc;
		background:#FFEBEB;
	}
	div#CalendarMT .CLyl span{
		margin:5px 5px 0 10px;
		padding:0 10px;
		background:#ffd700;
		border:1px solid #cccccc;
	}
	div#CalendarMT .CLgr span{
		margin:5px 5px 0 10px;
		padding:0 10px;
		background:#3cb371;
		border:1px solid #cccccc;
	}

				#CalendarMT .top_service_info{
					margin-bottom:20px;
					padding:10px 10px 10px 20px;
					color:#4a65d4;
					background:#FFF3FF;
				}
					#CalendarMT .top_service_info .top_service_infoTxt{
						padding-top:15px;
						font-size:12pt;
					}
						#CalendarMT .top_service_info .top_service_infoTxt a{
							margin-left:10px;
							color:#4a65d4;
							text-decoration:underline;
						}
						#CalendarMT .top_service_info .top_service_infoTxt a:hover{
							text-decoration:none;
						}
					#CalendarMT .top_service_info .top_service_infoBtn{
						display: inline-block;
						padding: 0.3em 1em;
						text-decoration: none;
						color: #4a65d4;
						font-weight:bold;
						border: solid 2px #4a65d4;
						background: #ffffff;
						border-radius: 3px;
						transition: .4s;
						-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .4);
						box-shadow: 0 3px 4px rgba(0, 0, 0, .4);
					}
						#CalendarMT .top_service_info .top_service_infoBtn:hover {
							background: #4a65d4;
							color: #ffffff;
						}
					#CalendarMT .top_service_info .top_service_infot_sm{
						margin-top:5px;
						font-size:9pt;
					}
/*===========================================
　セミナーのご案内
===========================================*/
#yri-cat .SdbBox01 {
	margin:0 auto 20px;
	padding-top:20px;
	padding-bottom:10px;
	float: left;
	width: 100%;
	height:100%;
	border:solid 3px rgba(84,114,205,1);
	border-radius:10px;
	position: relative;
	color:#3c3c3c;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	#yri-cat .SdbBox01:hover {
		border:solid 3px #2f3279;
		background-color: #f2f9fe;
		color:#2569B1;
	}
#yri-cat .SdbBox02 {
	margin:0 auto 20px;
	padding-top:20px;
	padding-bottom:10px;
	float: left;
	width: 100%;
	height:100%;
	border:solid 3px rgba(52,152,219,1);
	border-radius:10px;
	position: relative;
	color:#3c3c3c;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	#yri-cat .SdbBox02:hover {
		border:solid 3px #2f3279;
		background-color: #f2f9fe;
		color:#2569B1;
	}
#yri-cat .SdbBox01 .SdbBox_title,
#yri-cat .SdbBox02 .SdbBox_title{
	margin-top:15px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

/*===========================================
　これから開催されるセミナー一覧／動画配信セミナー
===========================================*/
	#yri-cat dl.seminar-list2 {
		font-size:10.75pt;
		margin:0.8em auto;
		padding:0;
		line-height:1.6em;
	}
		#yri-cat dl.seminar-list2 dt {
			float: left;
			width: 17%;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			font-weight:normal;
			display:inline-block;
		}
		#yri-cat dl.seminar-list2 a {
			color:#555;
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
		}
			#yri-cat dl.seminar-list2 a:hover {
				background-color:rgba(204,228,255,0.3);
			}
			#yri-cat dl.seminar-list2 a.listOv {
				border-bottom:none;
				color:#2569B1;
			}
			#yri-cat dl.seminar-list2 a.listOv:hover {
				background-color:#ffffff;
			}

		#yri-cat dl.seminar-list2 dd.column1 {
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:16%;
			display:inline-block;
		}
		#yri-cat dl.seminar-list2 dd.column2 {
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:50%;
			font-size:9.75pt;
			display:inline-block;
			text-align:left;
		}
			#yri-cat .seminarDBlistCt .listCt01 ,
			#yri-cat dl.seminar-list2 .listCt01 {
				margin:3px 0;
				padding:3px;
				background:#FFDDDD;
			}
			#yri-cat .seminarDBlistCt .listCt02 ,
			#yri-cat dl.seminar-list2 .listCt02 {
				margin:3px 0;
				padding:3px;
				background:#CFE0EA;
			}
			#yri-cat dl.seminar-list2 .listBt01 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#E1363A;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list2 .listBt01 a:hover {
			    color: #ffffff;
			    background:#CC1E22;
			}
			#yri-cat dl.seminar-list2 .listBt02{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto;
			    padding:5px;
			    color: #D9D9D9;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list2 .listBt02 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto;
			    padding:5px;
			    color: #D9D9D9;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list2 .listBt02 a:hover {
			    color: #ffffff;
			    background:#666666;
			}
			#yri-cat dl.seminar-list2 .listBt03{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#0070C0;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list2 .listBt03 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto;
			    padding:5px;
			    color: #00508A;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list2 .listBt03 a:hover {
			    color: #ffffff;
			    background:#666666;
			}
			#yri-cat .seminarDBlistCt .listCt01 ,
			#yri-cat dl.seminar-list2 .listCt01 {
				margin:3px 0;
				padding:3px;
				background:#FFDDDD;
			}
			#yri-cat .seminarDBlistCt .listCt02 ,
			#yri-cat dl.seminar-list2 .listCt02 {
				margin:3px 0;
				padding:3px;
				background:#CFE0EA;
			}

@media (max-width:660px) {
	#yri-cat dl.seminar-list2 dt,
	#yri-cat dl.seminar-list2 dd.column1,
	#yri-cat dl.seminar-list2 dd.column2
	{
		width: 100%;
		padding:0.2em 0.4em;
	}
	#yri-cat dl.seminar-list2 dd.column1 img
	{
		width: 25%;
	}

}
			#yri-cat dl.seminar-list2 dt,
			#yri-cat dl.seminar-list2 dd {
				margin-bottom:0.0em;
				font-size:9.25pt;
			}
			#yri-cat dl.seminar-list2 .bl {
				border-bottom:solid 2px #5472CD;
				display:inline-block;
				width:100%;
				margin-bottom:0.8em;
			}

/*===========================================
　WHATSセミナー 定額視聴サービス
===========================================*/
#yri-cat .SNwhats{
	position: relative;
	margin:40px 18px;
	padding:35px 20px 20px 20px;
	border:1px solid #a6a6a6;
	border-radius:30px;
}
	#yri-cat .SNwhats .SNwhats_title{
		position: absolute;
		top: 0;
		left: 0;
		background-color: white;
		transform: translateY(-50%) translateX(1em);
		width:40%
	}

/*===========================================
　WHATSセミナー エラー
===========================================*/
#yri-cat .SNwhats_error{
	padding:30px;
	background:#f2f2f2;
}
	#yri-cat .SNwhats_error h2{
		margin:0;
		border:none;
		color:#cc0000;
		font-weight:bold;
	}
	#yri-cat .SNwhats_error h2::after{
		background-color: #f2f2f2;
	}
	#yri-cat .SNwhats_error h3 {
		clear: both;
		margin:20px 0;
		padding:0 0 0 45px;
		color:#cc0000;
		border-bottom:none;
	}
	#yri-cat .SNwhats_error h4 {
		clear: both;
		margin-bottom:0;
		padding-bottom:0;
		padding-left:5px;
	}
	#yri-cat .SNwhats_error .SNwhats_error_box{
		margin-bottom:10px;
		padding:10px;
		background-color: #ffffff;
	}
	#yri-cat .SNwhats_error .SNwhats_error_link{
		float:right;
	}


/*===========================================
	セミナー配信一覧
===========================================*/
	#yri-cat dl.seminar-list3 {
		font-size:10.75pt;
		margin:0.8em auto;
		padding:0;
		line-height:1.6em;
	}
		#yri-cat dl.seminar-list3 dt {
			float: left;
			width: 15%;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			font-weight:normal;
			display:inline-block;
		}
		#yri-cat dl.seminar-list3 {
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
		}
		#yri-cat dl.seminar-list3 a {
			display:inline-block;
			width:100%;
		}
			#yri-cat dl.seminar-list3 a:hover {
				background-color:rgba(204,228,255,0.3);
			}
			#yri-cat dl.seminar-list3 a.listOv {
				border-bottom:none;
				color:#2569B1;
			}
			#yri-cat dl.seminar-list3 a.listOv:hover {
				background-color:#ffffff;
			}

		#yri-cat dl.seminar-list3 dd.column1 {
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:15%;
			display:inline-block;
		}
		#yri-cat dl.seminar-list3 dd.column2 {
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:35%;
			font-size:9.75pt;
			display:inline-block;
			text-align:left;
		}
		#yri-cat dl.seminar-list3 dd.column3 {
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:20%;
			display:inline-block;
		}
		#yri-cat dl.seminar-list3 dd.column4 {
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:50%;
			display:inline-block;
		}
			#yri-cat dl.seminar-list3 .listCt01 {
				margin:3px 0;
				padding:3px;
				background:#FFDDDD;
			}
			#yri-cat dl.seminar-list3 .listCt02 {
				margin:3px 0;
				padding:3px;
				background:#CFE0EA;
			}
/*---赤／募集終了---*/
			#yri-cat dl.seminar-list3 .listBt01 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#E1363A;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt01 a:hover {
			    color: #ffffff;
			    background:#CC1E22;
			}
/*---グレー高さあり／---*/
			#yri-cat dl.seminar-list3 .listBt02{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #D9D9D9;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt02 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #D9D9D9;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt02 a:hover {
			    color: #ffffff;
			    background:#666666;
			}
/*---グレー／終了---*/
			#yri-cat dl.seminar-list3 .listBt03 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #D9D9D9;
			    transition: 0.3s ease-in-out;
			    background:#7F7F7F;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt03 a:hover {
			    color: #ffffff;
			    background:#666666;
			}
/*---青／募集中---*/
			#yri-cat dl.seminar-list3 .listBt04 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#0070C0;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt04 a:hover {
			    color: #ffffff;
			    background:#005391;
			}
/*---緑／動画準備中---*/
			#yri-cat dl.seminar-list3 .listBt05 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#008080;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt05 a:hover {
			    color: #ffffff;
			    background:#006060;
			}
/*---オレンジ／動画配信中---*/
			#yri-cat dl.seminar-list3 .listBt06 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#F04E00;
				text-decoration:none;
			}
			#yri-cat dl.seminar-list3 .listBt06 a:hover {
			    color: #ffffff;
			    background:#C84100;
			}

@media (max-width:660px) {
	#yri-cat dl.seminar-list3 dt,
	#yri-cat dl.seminar-list3 dd.column1,
	#yri-cat dl.seminar-list3 dd.column2,
	#yri-cat dl.seminar-list3 dd.column3
	{
		width: 100%;
		padding:0.2em 0.4em;
	}
}
			#yri-cat dl.seminar-list3 dt,
			#yri-cat dl.seminar-list3 dd {
				margin-bottom:0.0em;
				font-size:9.25pt;
			}
			#yri-cat dl.seminar-list3 .bl {
				border-bottom:solid 2px #5472CD;
				display:inline-block;
				width:100%;
				margin-bottom:0.8em;
			}

/*===========================================
	検索／注目キーワード
===========================================*/
.search_KwordBox{
}
	.search_KwordBox .search_Kword{
		padding:0 0 25px 25px;
	}
		.search_KwordBox .search_Kword .btn-Kword{
			margin-bottom:5px;
			background:#ffffff;
			border:1px solid #dddddd;
		}
		.search_KwordBox .search_Kword button.btn-Kword:hover {
			color:#007db9;;
			background:#eeeeee;
		}

/*===========================================
	YDBセミナーテーブル
===========================================*/
#yri-cat dl.seminar-table01 {
	margin:5px auto 0 auto;
	padding:0;
	line-height:1.6em;
	font-size:9.75pt;
	border-bottom:dotted 1px #ccc;
	display:inline-block;
	width:100%;
}
	#yri-cat dl.seminar-table01 dt {
		float: left;
		width: 78%;
		overflow: hidden;
		clear: left;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin:0;
		padding:5px 0 5px 10px;
		font-weight:normal;
		display:inline-block;
	}
	#yri-cat dl.seminar-table01 dd {
		float:left;
		display:inline-block;
		text-align:left;
		margin: 0;
		padding:0;
	}
	#yri-cat dl.seminar-table01 .bl {
		border-bottom:solid 2px #5472CD;
		display:inline-block;
		width:100%;
	}

		#yri-cat dl.seminar-table01 dd.clm10 {
			margin: 0 auto;
			width:10%;
		}
		#yri-cat dl.seminar-table01 dd.clm20 ,
		#yri-cat dl.seminar-table01 dd.clm20c {
			margin: 0 auto;
			width:20%;
		}
		#yri-cat dl.seminar-table01 dd.clm30 ,
		#yri-cat dl.seminar-table01 dd.clm30c {
			margin: 0 auto;
			width:30%;
		}
		#yri-cat dl.seminar-table01 dd.clm60 {
			margin: 0 auto;
			width:60%;
		}
		#yri-cat dl.seminar-table01 dd.clmR {
			float:right;
			margin: 0 auto;
			width:20%;
		}
/*---列全体マウスオーバー---*/
		#yri-cat dl.seminar-table01 a.SNtableOv {
			color:#555;
			display:inline-block;
			width:100%;
		}
		#yri-cat dl.seminar-table01 a.SNtableOv:hover {
			background-color:rgba(204,228,255,0.3);
		}
/*---青／定額制---*/
			#yri-cat dl.seminar-table01 .snCt01 i{
			    margin:0;
			    padding:0 5px;
			}
			#yri-cat dl.seminar-table01 .snCt01 a{
				display:block;
			    border-radius: 3px;
			    margin: 0 auto 5px auto;
			    padding:3px;
			    margin: 0 auto 5px auto;
			    padding:3px;
			    color: #5472CD;
			    transition: 0.3s ease-in-out;
			    background:#DDEFFF;
				text-decoration:none;
			}
			#yri-cat dl.seminar-table01 .snCt01 a:hover {
			    color: #ffffff;
			    background:#5EB3FF;
			}
/*---グレー／都度購入---*/
			#yri-cat dl.seminar-table01 .snCt02 i{
			    margin:0;
			    padding:0 5px;
			}
			#yri-cat dl.seminar-table01 .snCt02 a{
				display:block;
			    border-radius: 3px;
			    margin: 0 auto 5px auto;
			    padding:3px;
			    color: #5472CD;
			    transition: 0.3s ease-in-out;
			    background:#F2F2F2;
				text-decoration:none;
			}
			#yri-cat dl.seminar-table01 .snCt02 a:hover {
			    color: #ffffff;
			    background:#C2BEBE;
			}
/*---青／募集中---*/
			#yri-cat dl.seminar-table01 .snBosyu{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 10px auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#0070C0;
				text-decoration:none;
			}
			#yri-cat dl.seminar-table01 .subscription {
				color: #5472CD!important;
				background:#cce4ff!important;
			}

			#yri-cat dl.seminar-table01 .archive {
				color: #5472CD!important;
				background:#e2f0d9!important;
			}

			#yri-cat dl.seminar-table01 .snCt03 a{
			    border-radius: 3px;
			    position: relative;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
			    margin: 0 auto 5px auto;
			    padding:5px;
			    color: #ffffff;
			    transition: 0.3s ease-in-out;
			    background:#0070C0;
				text-decoration:none;
			}
			#yri-cat dl.seminar-table01 .snCt03 a:hover {
			    color: #ffffff;
			    background:#005391;
			}

@media (max-width:660px) {
	#yri-cat dl.seminar-table01 dt,
	#yri-cat dl.seminar-table01 dd.clm20c,
	#yri-cat dl.seminar-table01 dd.clm60,
	#yri-cat dl.seminar-table01 dd.clmR{
		float: none;
		width: 100%;
		margin: 0 auto;
		padding:3px 2px;
		text-align: center;
	}
	#yri-cat dl.seminar-table01 dd.clm10,
	#yri-cat dl.seminar-table01 dd.clm20{
		float: none;
		width: 32%;
		padding:3px 2px;
	}
}

/*===========================================
	動画配信セミナー詳細ページル
===========================================*/
#yri-cat #SNtopBox {
	margin:0 4%;
	padding:0 0 15px 0;
	width: 92%;
	height:100%;
	border:solid 5px rgba(204,228,255,1);
	border-radius:10px;
	color:#3c3c3c;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/*---配信中---*/
	#yri-cat #SNtopBox .SNtopInfo01{
		width:20%;
		margin:0;
		padding:0;
		text-align: center;
		color:#5472CD;
		background:#CCE4FF;
	}
/*---配信中---*/
	#yri-cat #SNtopBox .SNtopInfo02{
		width:20%;
		margin:0;
		padding:0;
		text-align: center;
		color:#D90000;
		background:#CCE4FF;
	}

	#yri-cat #SNtopBox h2.SNtitle{
		margin:20px;
		padding:0;
		text-align: left;
		font-size:20px;
		color:#3c3c3c;
		position: relative;
	}
#yri-cat .SNbtmBox {
	margin:20px 4% 0 4%;
	padding:10px 3%;
	width: 92%;
	height:100%;
	border:solid 1px rgba(204,228,255,1);
	border-radius:10px;
	color:#3c3c3c;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	#yri-cat .SNbtmBox .SNbtmDate01{
		font-size:12px;
		color:#D90000;
	}
	#yri-cat .SNbtmBox .SNbtmDate99{
		font-size:12px;
		color:#666666;
	}
/*---青---*/
		#yri-cat .SNbtmBox .SNbtmBtn01 i{
		    margin:0;
		    padding:0 10px;
		}
		#yri-cat .SNbtmBox .SNbtmBtn01 a{
			display:block;
		    border-radius: 3px;
		    margin: 0 auto 5px auto;
		    padding:10px 5px;
		    color: #5472CD;
		    transition: 0.3s ease-in-out;
		    background:#CCE4FF;
			text-decoration:none;
		}
		#yri-cat .SNbtmBox .SNbtmBtn01 a:hover {
		    color: #ffffff;
		    background:#5472CD;
		}

		#yri-cat .SNbtmBox .SNbtmBtn01 a.archive{
			display:block;
			border-radius: 3px;
			margin: 0 auto 5px auto;
			padding:10px 5px;
			color: #5472CD;
			transition: 0.3s ease-in-out;
			background:#e2f0d9;
			text-decoration:none;
		}
		#yri-cat .SNbtmBox .SNbtmBtn01 a.archive:hover {
			color: #ffffff;
			background:#A9D18D;
		}

/*---グレー---*/
		#yri-cat .SNbtmBox .SNbtmBtn99 i{
		    margin:0;
		    padding:0 10px;
		}
		#yri-cat .SNbtmBox .SNbtmBtn99 {
			display:block;
		    border-radius: 3px;
		    margin: 0 auto 5px auto;
		    padding:10px 5px;
		    color: #88888;
		    transition: 0.3s ease-in-out;
		    background:#cccccc;
			text-decoration:none;
		}
#yri-cat ul#SNmenu {
	margin:0;
	padding:0;
	text-align: center;
}
	#yri-cat ul#SNmenu li {
	margin:0;
	padding:0;
		list-style: none;
		display: inline-block;
		width:32%;
	}
		#yri-cat ul#SNmenu li a{
			display:block;
			padding:7px 0;
			text-decoration: none;
			color: #333333;
		    background:#eeeeee;
		}
		#yri-cat ul#SNmenu li a:hover{
			color: #0070C0;
		    background:#D9D9D9;
		}

/*===========================================
	■clearfix
===========================================*/
/*  --- fix related --- */
/*-- to fix clear flot --*/
#ydb_sub_content div#faq_area ul:after,
#ydb_sub_content div#dc_area ul:after,
#ydb_sub_content div#pricelist_box:after,
#ydb_sub_content div#mrshow_box:after{
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
#ydb_sub_content div#faq_area ul,
#ydb_sub_content div#dc_area ul,
#ydb_sub_content div#pricelist_box,
#ydb_sub_content div#mrshow_box{
	display:inline-block;
}
#ydb_sub_content div#faq_area ul,
#ydb_sub_content div#dc_area ul,
#ydb_sub_content div#pricelist_box,
#ydb_sub_content div#mrshow_box{
	display:block;
	}
/* Mac IE \*//*/
#ydb_sub_content div#faq_area ul,
#ydb_sub_content div#dc_area ul,
#ydb_sub_content div#pricelist_box,
#ydb_sub_content div#mrshow_box{
	overflow:hidden;
}
/* */

/*===========================================
	利用規約ページのチェックボックス
===========================================*/

.my-form-control {
	padding: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.my-form-control-input {
	margin: 0;
	width: 0;
	opacity: 0;
}
.my-form-control:hover > .my-form-control-input-dummy {
	/*background: #DDDDDD !important;*/
	border: 3px solid #000000;
}
.my-form-control-input:focus + .my-form-control-input-dummy {
	/*background: #DDDDDD !important;*/
	border: 3px solid #000000;
}
.my-form-control-input:checked + .my-form-control-input-dummy {
	border: 3px solid #000000;
	background: #FFFFFF;
}
.my-form-control-input:checked + .my-form-control-input-dummy::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
	background-size: contain;
}
.my-form-control-input-dummy {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 25px;
	height: 25px;
	border: 3px solid #000000;
	background: #FFFFFF;
	border-radius: 4px;
}

.my-form-control .text {
	display: inline-block;
	position: relative;
	/*font-family: 'Lato', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/
	/*font-weight: bold;*/
	/*font-size: 2rem;*/
	padding-left: 20px;
	padding-top: 2px;
}