@charset "UTF-8";
*, *:before, *:after {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				 -o-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}
html{
	overflow-y: scroll;
	overflow-x: hidden;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.overview {
	font-size: 1em;
	font-size:16px;
}


html,body {
	width: 100%;
}
body {
	width: 100%;
	/*font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	color: #3f3a39;
	color: #000;
	line-height: 1.8;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
}

a {
	outline: none;
}

/*
a:hover img {
	opacity: 1;
}
*/
a:link {
	color: #0043ed;
	text-decoration: underline;
}
a:visited {
	color: #0043ed;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #008bed;
	text-decoration: none;
}


.pc {
	display: inline-block;
}
.sp {
	display: none;
}


/* header */
/*------------------------------------------------------------------------------*/
header {
	width: 100%;
	background-color: #fff;
	position: relative;
}
header #header__main {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	z-index: 5;
}
header #header__main h1 {
	width: 45%;
}
header #header__main h1 a {
	display: block;
}
header #header__main h1 img {
	width: 100%;
	height: auto;
	vertical-align:top;
}
header #header__main #account_area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 1.2;
}
header #header__main #account_area .name {
	font-size: 1.4em;
}
header #header__main #account_area .name > span {
	font-size: 1.2em;
	font-weight: bold;
}
header #header__main #account_area .logout {
	margin-left: 30px;
}
header #header__main #account_area .logout a {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #ce3b3b;
	border-radius: 4px;
	padding: 8px 10px;
	transition: all .3s;
}
header #header__main #account_area .logout a:hover {
	background-color: #e81313;
}

header #main__nav {
	background-color: #fff;
	border-top: 1px solid #a79786;
	border-bottom: 1px solid #a79786;
	position: relative;
	z-index: 10;
}
header #main__nav nav {
	display: block;
	width: 1200px;
	height: auto;
	background-color: inherit;
	margin: 0 auto;
}
header #main__nav nav ul {
	display: flex;
}
header #main__nav nav ul li {
	display: flex;
	width: calc((100% - 80px) / 4);
}
header #main__nav nav ul li.home {
	width: 80px;
}
header #main__nav nav ul li.home i {
	margin-right: 3px;
}
header #main__nav nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	color: #634000;
	color: #1c4708;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border-left: 1px solid #a79786;
	padding: 1em 0;
	transition: all .3s;
}
header #main__nav nav ul li:last-of-type a {
	border-right: 1px solid #a79786;
}
header #main__nav nav ul li a:hover {
	background-color: #e6ded4;
	background-color: #e6f9dd;
}
header #main__nav nav ul li.current a {
	color: #634000;
	color:#fff;
	background-color: #e6c210;
	background-color: #f4a92a;
	background-color: #4c912f;
}

header #main__nav nav ul li a.noLink {
	pointer-events: none;
	color: #cacaca;
	background-color: #f6f6f6;
}

header #main__nav nav ul li a:before {
	display: none;
}

header #main__nav nav ul li.Educational a {
	flex-direction: column;
}
header #main__nav nav ul li.Educational a > .note {
	font-size: .9em;
	color: #fff;
	background-color: #f00;
	border-radius: 100vh;
	margin-top: .2em;
	padding: .18em .5em;
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
header #main__nav nav ul li.Educational a > .note {
	border-radius: .3em;
}
}



/* footer */
/*------------------------------------------------------------------------------*/
#contactArea {
	width: 100%;
	margin: 0 auto;
	background: #205e04;
	color: #fff;
	font-size: 15px;
	text-align: left;
}
#contactArea .contactInner {
	padding: 1.5em 0.5em;
	max-width: 1200px;
	margin: auto;
	line-height: 1.5;
}
#contactArea .contactInner a {
	color: #fff !important;
}



#wrapper {
	text-align: left;
}



/* page__title__area */
/*------------------------------------------------------------------------------*/
#page__title__area {
	background-color: #a79786;
	background-color: #e0dad4;
	background-color: #dce6db;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
	position: relative;
}
#page__title__area .areaMain {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 10px;
	position: relative;
	z-index: 5;
}
#page__title__area .areaMain h2 {
}
#page__title__area .areaMain h2 > span {
	display: flex;
}
#page__title__area .areaMain h2 > span+span {
	margin-top: 2px;
}
#page__title__area .areaMain h2 > span > span {
	font-weight: bold;
	line-height: 1;
	/*background-color: #fff;*/
	/*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;*/
	padding: 3px 5px;
}
#page__title__area .areaMain h2 > span.title01 > span {
	font-size: 3em;
}
#page__title__area .areaMain h2 > span.title02 > span {
	font-size: 1.8em;
}





/* common__contents__area */
/*------------------------------------------------------------------------------*/
#common__contents__area {
	background-color: #efefef;
}
#common__contents__area #main_contents {
	display: block;
	width: 1200px;
	font-size: 1.5em;
	margin: 0 auto;
	padding: 30px 30px 80px 30px;
	background-color: #fff;
	position: relative;
}

.common .section+.section {
	margin-top: 50px;
}

.common .paragraph {
	margin-top: 15px;
	padding-left: 10px;
}
.common .paragraph_1th+.paragraph_1th {
	border-top: 2px solid #a0a0a0;
	margin-top: 30px;
	padding-top: 30px;
}
.common .paragraph_2th+.paragraph_2th {
	border-top: 2px dashed #a0a0a0;
	margin-top: 20px;
	padding-top: 20px;
}
.common .paragraph_3th+.paragraph_3th {
	border-top: 2px dotted #a0a0a0;
	margin-top: 20px;
	padding-top: 20px;
}


/* section__title */
/*------------------------------------------------------------------------------*/
.section__title01 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 3px solid #e0d2c4;
	margin-bottom: 20px;
	padding: 5px 5px 10px 5px;
	position: relative;
}
.section__title01::after {
	content: "";
	display: block;
	width: 35%;
	height: 3px;
	background-color: #9a7958;
	position: absolute;
	bottom: -3px;
	left: 0;
}
.section__title02 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	border-left: 3px solid #9a7958;
	margin-bottom: 10px;
	padding-left: 0.4em;
}
.section__title03 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
	padding-left: 1em;
	position: relative;
}
.section__title03:before {
	content: "";
	display: block;
	width: 0.7em;
	height: 0.7em;
	border: 3px solid #9a7958;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.section__title04 {
	font-size: 1.1em;
	font-weight: bold;
	color: #795b3d;
	line-height: 1;
	margin-bottom: 5px;
}





/* リストサンプル */
/*------------------------------------------------------------------------------*/
p+.list_dics {
	margin-top: 10px;
}
.list_dics {
	padding-left: 1em;
}
.list_dics li {
	list-style-type: disc;
}
.list_dics li+li {
	margin-top: 5px;
}

p+.list_circle {
	margin-top: 10px;
}
.list_circle {
	padding-left: 1em;
}
.list_circle li {
	list-style-type: circle;
}
.list_circle li+li {
	margin-top: 5px;
}

p+.list_decimal-zero {
	margin-top: 10px;
}
.list_decimal-zero {
	padding-left: 1em;
}
.list_decimal-zero li {
	list-style-type: decimal-leading-zero;
}
.list_decimal-zero li+li {
	margin-top: 5px;
}

/* 視聴サイトHOME
-------------------------------------------------------*/
.my__page__section {
	margin-top:2em;
}

.my__page__section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;

	width: 950px;
	margin: 40px auto;

}
.my__page__section .my__page__box {
	width: 450px;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	padding: 30px 15px 15px 15px;
	position: relative;
}
.my__page__section .my__page__box:nth-of-type(n+3) {
	margin-top: 30px;
}
.my__page__section .my__page__box h2 {
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
	border-left: none;
	background-color: #f00;
	border-radius: 1em;
	padding: 0.4em 1.5em;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.my__page__section .my__page__box.box01 h2 {
	background-color: #f4a92a;
	background-color: #4c912f;
	color:#fff;
}
.my__page__section .my__page__box.box02 h2 {
	background-color: #33ccff;
}
.my__page__section .my__page__box.box03 h2 {
	background-color: #ff9999;
}
.my__page__section .my__page__box.box04 h2 {
	background-color: #66cc33;
}
.my__page__section .my__page__box.box05 h2 {
	color: #fff;
}
.my__page__section .my__page__box p {
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	background-color: #eee;
	margin-bottom: 15px;
	padding: 0.5em 0;
}

.my__page__section .my__page__box .login {}
.my__page__section .my__page__box .login span.ready,
.my__page__section .my__page__box .login input.submit,
.my__page__section .my__page__box .login a.submit {
	font-weight: bold;
	text-align: center;
	outline: none;
	cursor: pointer;
	background-color: #e5f5ff;
	border: 2px solid #6f6fda;
	border-radius: 0.3em;
	margin: 0;
	padding: 0.4em 1.2em;
	transition: all 0.2s;
	color:#000;
	text-decoration:none!important;
	display:inline-block;
}
.my__page__section .my__page__box .login a.submit.noLink {
	border: 2px solid #c9c9e3;
	pointer-events: none;
	color: #cacaca;
	background-color: #f6f6f6;
}

.my__page__section .my__page__box .login span.ready,
.my__page__section .my__page__box .login span.ready:hover {
	background-color: #666;
	border: 2px solid #333;
	color:#fff;
	opacity:0.5!important;
	cursor:default;

}

.my__page__section .my__page__box .login input.submit+input.submit,
.my__page__section .my__page__box .login a.submit+a.submit {
	margin-left: 10px;
}
.my__page__section .my__page__box .login input.submit:hover,
.my__page__section .my__page__box .login a.submit:hover {
	color: #fff;
	background-color: #0e5bec;
	border: 2px solid #0e5bec;
}


/* マイページTOP Area
----------------------------------------*/
.mypageTopArea ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	margin: 20px auto 20px;
	flex-wrap: wrap;
}
.mypageTopArea ul li {
	width: 48%;
	margin-bottom:2em;
}
.mypageTopArea ul li {
	margin-right: 2%;
}

.mypageTopArea ul.cols1 li {
	margin-right:0;
}

.mypageTopArea ul li:nth-child(3) {
	margin-right:0;
}


.mypageTopArea ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #0873a7;
	border: 1px solid #0873a7;
	border-radius: .3em;
	padding: 1em 0;
}
.mypageTopArea ul li a span.icon {
	margin-right: .3em;
}
.mypageTopArea ul li a:hover {
	color: #0873a7;
	background-color: #fff;
}
.mypageTopArea ul li a.noLink {
    color: #969696;
    background-color: #bdbdbd;
}




.taL { text-align:left!important; }
.taC { text-align:center!important; }
.taR { text-align:right!important; }


/* receptList
----------------------------------------*/
.receptList {
	width:100%;
}
.receptList table {
	width:100%;
	margin-bottom:20px;
}
.receptList table th,
.receptList table td {
	border:solid 1px #ccc;
	padding:0.3em;
}

.receptList table th {
	background:#f9d18e;
	text-align:center;
}
.receptList table td {
	background:#fff;
}

.receptList table th.cell1,
.receptList table td.cell1 {

}
.receptList table th.cell2,
.receptList table td.cell2 {

}
.receptList table th.cell3,
.receptList table td.cell3 {

}
.receptList table th.cell4,
.receptList table td.cell4 {

}
.receptList table th.cell5,
.receptList table td.cell5 {

}
.receptList table th.cell6,
.receptList table td.cell6 {
	text-align:center;
}

/* WrokShop
-----------------------------------------------------*/
body.wks table.tableWks {
	width:100%;
}
body.wks table.tableWks th,
body.wks table.tableWks td {
	border:solid 1px #ccc;
	padding:0.3em;
}

body.wks table.tableWks th {
	background:#f4a92a;
	color:#fff;
	text-align:center;
}





/* ---------------------------------------------------------------------------------------- */
/* screens smaller than 1200 */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {

	/* header */
	/*------------------------------------------------------------------------------*/
	header #header__main {
		width: 100%;
		padding: 8px 1%;
	}
	header #header__main h1 {
		width: 50%;
	}
	header #header__main #account_area .name {
		font-size: 1.3em;
	}
	header #header__main #account_area .logout {
		margin-left: 20px;
	}
	header #header__main #account_area .logout a {
		font-size: 1.3em;
		padding: 7px 10px;
	}

	header #main__nav {
		padding: 0 1%;
	}
	header #main__nav nav {
		width: 100%;
	}
	header #main__nav nav ul li {
		width: calc((100% - 70px) / 8);
	}
	header #main__nav nav ul li.home {
		width: 70px;
	}
	header #main__nav nav ul li a {
		font-size: 1.3em;
		padding: 6px 0;
	}


	/* footer */
	/*------------------------------------------------------------------------------*/
	#contactArea {
		font-size: 1.4em;
	}
	#contactArea .contactInner {
		padding: 4% 3%;
	}


	/* page__title__area */
	/*------------------------------------------------------------------------------*/
	#page__title__area .areaMain {
		width: 100%;
		padding: 30px 4%;
	}


	/* common__contents__area */
	/*------------------------------------------------------------------------------*/
	#common__contents__area {
		background-color: #efefef;
	}
	#common__contents__area #main_contents {
		width: 100%;
		font-size: 1.4em;
		padding: 4% 3% 10% 3%;
	}

}





/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

	body {
		font-size: 2vw;
	}
	.pc {
		display: none;
	}
	.sp {
		display: inline-block;
	}

	/* header */
	/*------------------------------------------------------------------------------*/
	header #header__main {
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		padding: 1%;
		background-color: #fff;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}
	header #header__main h1 {
		width: 80%;
	}
	header #header__main #account_area {
		width: 100%;
		padding-top: 3px;
	}
	header #header__main #account_area .logout {
		margin-left: 10px;
	}
	header #header__main #account_area .logout a {
		padding: 3px 10px;
	}

	header #main__nav {
		display: none;
		background-color: rgba(72,66,30,.6);
		box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
		border-bottom: 0;
		padding: 2%;
	}
	header #main__nav nav {
		width: 100%;
		border-top: 1px solid #a79786;
		border-left: 1px solid #a79786;
	}
	header #main__nav nav ul {
		flex-wrap: wrap;
	}
	header #main__nav nav ul li {
		width: 50%;
	}
	header #main__nav nav ul li.home {
		width: 100%;
	}
	header #main__nav nav ul li a {
		font-size: 1.6em;
		padding: 10px 0;
		border-bottom: 1px solid #a79786;
		border-left: 0;
		border-right: 1px solid #a79786;
	}
	header #main__nav nav ul li.home a {
		font-size: 1.8em;
	}

	#nav__icon__area li.sp_navOpen {
		display: inline-block;
		width: 36px;
		height: 36px;
		background-color: #716556;
		border-radius: 0.3em;
		cursor: pointer;
		position: relative;
	}
	#nav__icon__area li.sp_navOpen > span {
		display: inline-block;
		width: 20px;
		height: 16px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	#nav__icon__area li.sp_navOpen > span > span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		transition: all .2s;
	}
	#nav__icon__area li.sp_navOpen > span > span:nth-of-type(1) {
		top: 0;
	}
	#nav__icon__area li.sp_navOpen > span > span:nth-of-type(2) {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(0%);
		transform: translateY(-50%) translateX(0%);
	}
	#nav__icon__area li.sp_navOpen > span > span:nth-of-type(3) {
		bottom: 0;
	}
	#nav__icon__area li.sp_navOpen.active > span > span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	#nav__icon__area li.sp_navOpen.active > span > span:nth-of-type(2) {
		opacity: 0;
	}
	#nav__icon__area li.sp_navOpen.active > span > span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}


	/* page__title__area */
	/*------------------------------------------------------------------------------*/
	#page__title__area .areaMain {
		padding: 6% 4%;
	}


	/* my__page__section */
	/*------------------------------------------------------------------------------*/

	.my__page__section {
		width:auto;
		margin:auto;
	}

	.my__page__section .my__page__box {
		margin-bottom:30px;
	}

	.my__page__section .my__page__box:nth-of-type(n+3) {
		margin-top:0;
	}

	table.tblSemi td .semiBlock .ttl .place {
		position:relative;
		display:block;
	}

	.mypageTopArea ul {
		display: block;
	}
	.mypageTopArea ul li {
		width:95%;
		margin:0 auto 1em!important;
	}
	.mypageTopArea ul li a {
		display: block;
		margin:auto;
		text-align:center;
	
	}
	.mypageTopArea ul li+li {
		margin-left: 0;
	
	}



/*------------------------------------------------------------------------------*/
}







/* page TOP DOWN  */
#updown {

    font-size: 25px;
    color: #00a1e0;
    background: #fff;
    text-align: center;
    z-index: 1000;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 18px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;
    transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;

    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;

}

#updown a {
    line-height: 36px;
    color: #00a1e0;
    display: block;
    height: 36px;
    width: 36px;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#updown .down:before {
    content: "";
    display: block;
    background: #ded6cf;
    width: 18px;
    height: 1px;
    margin: 0 auto;
}
.icon-up:before {
    content: "\e903";
}
.icon-down:before {
    content: "\e904";
}

:after, :before {
    box-sizing: border-box;
}

header #main__nav nav ul li.blank a {
	border-right:0;
}
header #main__nav nav ul li.blank a:hover {
	background:#fff;
}


.section {
	width:1180px;
	margin:auto;
	font-size:1.2em;
	background:#fff;
}
.section p {
	margin-bottom:1em;
}

.test_video_area {
	margin:2em auto;
	text-align:center;
}

.video_info {
    font-size: 1.1em;
    line-height: 1.6;
    border: 10px solid #f2f2f2;
    padding: 20px;
    margin:0 auto 2em;
}

.list_disc {
    list-style-type: disc;
    padding-left: 1.5em;
}

.kome {
    color: #de1467;
}

#main_contents .overview {
	padding-top:0;
}

span.ordered {
	color:#00f;
}

td.ordered {
	background:#fffede;
}



table.wksList {
	width:100%;
	margin:0 auto 1em;
}

table.wksList th,
table.wksList td {
	border:solid 1px #ccc;
	padding:0.3em;
}
table.wksList th {
	background:#FFE196;
	text-align:center;
}

table.wksList th.cell1,
table.wksList td.cell1 {
	width:250px;
}

table.wksList th.cell2,
table.wksList td.cell2 {
	width:550px;
}

table.wksList th.cell3,
table.wksList td.cell3 {
	width:120px;
}
table.wksList th.cell4,
table.wksList td.cell4 {
	width:100px;
	text-align:center;
}
table.wksList td.cell4 input {
	padding:0.2em;
}





/* 20210818 add */
.program_pdf_down {
	display: flex;
	justify-content: center;
	width: 60%;
	min-width: 500px;
	margin: 0 auto;
/*	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 10;*/
}
.program_pdf_down a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #006f22;
	border-radius: 6px;
	padding: 10px 30px;
	transition: all .3s;
}
.program_pdf_down a+a {
	margin-left: 5%;
}
.program_pdf_down a:hover {
	background-color: #06a04b;
}
.program_pdf_down a span {
	display: block;
	width: 100%;
	text-align: center;
}


/* 20210826 add */
#ondemand__layout__area table {
	width: 100%;
}
#ondemand__layout__area .search_area {
	display: flex;
	margin-bottom: 10px;
}
#ondemand__layout__area .search_area div+div {
	margin-left: 5px;
}
#ondemand__layout__area .search_area input {
	/*-webkit-appearance: none;*/
}
#ondemand__layout__area .search_area input[type=checkbox] {
	margin-right: 5px;
	-webkit-appearance: auto;
}
#ondemand__layout__area .search_area td label {
	margin-left: 10px;
}
#ondemand__layout__area .search_area td label:first-child {
	margin-left: 0;
}
#ondemand__layout__area .search_area input[type=text] {
	border: 1px solid #3a3a3a;
	padding: .3em;
}
#ondemand__layout__area .search_area input[type=button] {
	display: flex;
	height: 100%;
	color: #fff;
	line-height: 1;
	background-color: #ccc;
	border: 0;
	border-radius: 3px;
	margin: 0;
	padding: 0 10px;
}
#ondemand__layout__area .search_area .input_btn_srh input[type=button] {
	background-color: #2a77d6;
}
#ondemand__layout__area .search_area .input_btn_clr input[type=button] {
	background-color: #5b6977;
}
#ondemand__layout__area .search_area input[type=button]:hover {
	opacity: .7;
}

#ondemand__layout__area table th.session_name,
#ondemand__layout__area table td.session_name {
	text-align:center;
	vertical-align:middle;
	width:150px;
}

#ondemand__layout__area table td.session_name p {
	margin:0.5em auto;
}
#ondemand__layout__area table td.session_name p a {
	display:inline-block;
	color: #fff;
    border-radius: 100vh;
    padding: 4px 15px;
    background-color: #006f22;
    transition: all .3s;
    text-decoration:none;
}
#ondemand__layout__area table td.session_name p a:hover {
	opacity:0.7;
    text-decoration:none;

}

/*#ondemand__layout__area table th.session_no,
#ondemand__layout__area table td.session_no {
	width:80px;
}
#ondemand__layout__area table th.name,
#ondemand__layout__area table td.name {
	width:140px;
}
#ondemand__layout__area table th.belongs,
#ondemand__layout__area table td.belongs {
	width:280px;
}
#ondemand__layout__area table th.endai_title,
#ondemand__layout__area table td.endai_title {
	width:400px;
}
#ondemand__layout__area table th.viewing,
#ondemand__layout__area table td.viewing {
	text-align:center;
	width:60px;
}*/

#ondemand__layout__area table th.session_name,
#ondemand__layout__area table td.session_name {
	width: auto!important;
	max-width: 220px;
}
#ondemand__layout__area table th.session_theme,
#ondemand__layout__area table td.session_theme {
	width:250px;
}
/*#ondemand__layout__area table th.endai_title,
#ondemand__layout__area table td.endai_title {
	width: 550px;
}*/
#ondemand__layout__area table th.speaker_name,
#ondemand__layout__area table td.speaker_name {
	width:100px;
}
#ondemand__layout__area table th.session_outline,
#ondemand__layout__area table td.session_outline {
	/*width: 150px;*/
}
#ondemand__layout__area table td.session_outline > div+div {
	margin-top: 10px;
}
#ondemand__layout__area table td.session_outline .chairman .title,
#ondemand__layout__area table td.session_outline .speaker .title {
	display: flex;
	margin-bottom: 3px;
}
#ondemand__layout__area table td.session_outline .chairman .title > span,
#ondemand__layout__area table td.session_outline .speaker .title > span {
	font-size: .85em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	border-radius: 2px;
	padding: .1em .3em;
}
#ondemand__layout__area table td.session_outline .chairman .title > span {
	background-color: #ff7373;
}
#ondemand__layout__area table td.session_outline .speaker .title > span {
	background-color: #738bff;
}
#ondemand__layout__area table td.session_outline ul {
	padding-left: .3em;
}
#ondemand__layout__area table td.session_outline li::before {
	content: "・";
}

#ondemand__layout__area table td.session_role {
	text-align: center;
}
#ondemand__layout__area table td.session_affiliation {
	text-align: left;
}


#ondemand__layout__area table th.session_remarks,
#ondemand__layout__area table td.session_remarks {
	width: 120px;
}
#ondemand__layout__area table td.session_remarks .state_credit {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	background-color: #ffe09b;
	padding: .5em;
}
#ondemand__layout__area table td.session_remarks .state_credit.study {
	background-color: #bafbe3;
}
#ondemand__layout__area table td.session_remarks .state_credit.applied {
	background-color: #ffb6ae;
}

/* PDF 埋め込み */
.session_pdf_area {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.session_pdf_area .pdf_area_main {
    width: 100%;
}

.session_pdf_area .pdf_area_main iframe {
	width:100%;
	min-height:600px;
}





/* 20211108 add */
.program__rc2022__section {
	width: 950px;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	margin: 0 auto;
	padding: 30px 15px 15px 15px;
	position: relative;
}
.program__rc2022__section > h2 {
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #f4a92a;
	border-radius: 100vh;
	padding: 0.4em 1.5em;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.program__rc2022__section .section__main {
	width: 100%;
	height: 0;
	padding-top: 140%;
	position:relative;
}
.program__rc2022__section .section__main iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}





/* 20211216 add */
.doc__download__section {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
.doc__download__section > div+div {
	margin-left: 20px;
}
.doc__download__section > div {
	border: 3px solid #ccc;
	padding: 10px 10px 5px 10px;
}
.doc__download__section > div > h3 {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1;
	background-color: #f2f2f2;
	border-left: 3px solid #666;
	margin-bottom: 10px;
	padding: .2em .3em;
}
.doc__download__section > div.abstracts {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 60%;
}
.doc__download__section > div.abstracts > h3 {
	background-color: #f2f2f2;
	border-left: 3px solid #e55150;
}
.doc__download__section > div.abstracts .block__pc {
	width: 60%;
	border-right: 1px dashed #ccc;
	padding-right: 10px;
}
.doc__download__section > div.abstracts .block__sp {
	width: 40%;
	line-height: 1.1;
}
.doc__download__section > div.abstracts .block__sp .block__title {
	font-weight: bold;
	text-align: center;
}
.doc__download__section > div.abstracts .block__sp .qr__area {
	display: flex;
}
.doc__download__section > div.abstracts .block__sp .qr__area .qr__box {
	width: 50%;
}
.doc__download__section > div.abstracts .block__sp .qr__area .qr__box .img {
	padding: 0 20px;
}
.doc__download__section > div.abstracts .block__sp .qr__area .qr__box .img > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.doc__download__section > div.abstracts .block__sp .qr__area .qr__box .text {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
.doc__download__section > div.abstracts .block__sp .password {
	font-size: .9em;
	font-weight: bold;
	color: #3170a0;
	text-align: center;
	margin-top: 5px;
}

.doc__download__section > div.zoom {
	width: 40%;
}
.doc__download__section > div.zoom > h3 {
	background-color: #f2f2f2;
	border-left: 3px solid #4c8cf7;
}

.doc__download__section .download {
	padding-top: 20px;
}
.doc__download__section .btn__download {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
	background-color: #666;
	border: 2px solid #444;
	border-radius: 10px;
	padding: 1em 0;
	transition: .3s;
}
.doc__download__section .btn__download.noLink {
	pointer-events: none;
	color: #ececec!important;
	background-color: #ccc!important;
	border: 2px solid #ccc!important;
}
.doc__download__section .btn__download .icon {
	margin-left: 10px;
}
.doc__download__section .btn__download.pdf {
/*	font-size: 1em;*/
	background-color: #e55050;
	border: 2px solid #e55050;
}
.doc__download__section .btn__download.pdf:hover {
	color: #e55050;
	background-color: #fff;
}
.doc__download__section .btn__download.zoom {
	background-color: #4c8cf7;
	border: 2px solid #4c8cf7;
}
.doc__download__section .btn__download.zoom:hover {
	color: #4c8cf7;
	background-color: #fff;
}

/*.doc__download__section > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 310px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
	background-color: #f4f4f4;
	border: 2px solid #e55050;
	border-radius: 10px;
	padding: 1em 0;
	transition: .3s;
}
.doc__download__section > a .icon {
	margin-left: 10px;
}
.doc__download__section > a.pdf {
	background-color: #e55050;
}
.doc__download__section > a.zoom {
	background-color: #4c8cf7;
	border: 2px solid #4c8cf7;
}
.doc__download__section > a+a {
	margin-left: 20px;
}
.doc__download__section > a.pdf:hover {
	color: #e55050;
	background-color: #fff;
}
.doc__download__section > a.zoom:hover {
	color: #4c8cf7;
	background-color: #fff;
}*/


/* 20211206 add 共通検索エリア */
.search__section {
	/*align-items: flex-end;*/
}
#ondemand__layout__area .search_area.search__section div+div {
	margin-left: 0;
}
.search__section .input_text {
	width: calc(100% - 150px)!important;
}
.search__section .search__btn__area {
	width: 150px;
	padding-left: 10px!important;
}
.search__section .search__btn__area > div+div {
	margin-top: 5px;
}
.search__section .search__btn__area input {
	justify-content: center;
	width: 100%;
	font-weight: bold;
}
.search__section .search__btn__area > div.input_btn_srh input {
	font-size: 1.1em;
	padding: 10px 0!important;
}
.search__section .search__btn__area > div.input_btn_clr input {
	padding: 7px 0!important;
}


/* 20220121 add */
.site__note__section {
	width: 950px;
	background-color: #fffbfb;
	border: 5px  solid #f9d7d7;
	margin: 0 auto 30px;
	padding: 30px;
}
.site__note__section .site__note__block {
	font-size: 1.2em;
	line-height: 1.6;
}
.site__note__section .site__note__block+.site__note__block {
	border-top: 2px dashed #f9d7d7;
	margin-top: 10px;
	padding-top: 10px;
}
/*.site__note__section .site__note__block p {
	font-size: 1.2em;
	line-height: 1.4;
}*/



/* 20220401 add */
.ondemand__period__area {
	background-color: #e7f7ff;
	border: 5px solid #5fb3e0;
	margin-bottom: 20px;
	padding: 20px;
}
.ondemand__period__area p {
	line-height: 1.2;
	text-align: center;
}
.ondemand__period__area .text {
	font-size: 1.4em;
	font-weight: bold;
}
.ondemand__period__area .period {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.ondemand__period__area .period .period_inner {
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	font-size: 1.4em;
	font-weight: bold;
	background-color: #fff;
	border: 2px solid #0063bc;
	border-radius: .3em;
}
.ondemand__period__area .period .period_inner .period_title {
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #0063bc;
	padding: .3em;
}
.ondemand__period__area .period .period_inner .period_main {
	display: flex;
	align-items: center;
	font-size: 1.2em;
	color: #0063bc;
	padding: .3em 1em;
}


.ondemand__special-rate__arae {
	width: 950px;
	background-color: #fff7f9;
	border-top: 5px double #cd6080;
	border-bottom: 5px double #cd6080;
	margin: 0 auto;
	padding: 10px 0;
}
.ondemand__special-rate__arae p {
	font-size: 1.1em;
	line-height: 1.4;
	text-align: center;
}





/* 20220914 add */
.download__section {
	display: flex;
	justify-content: center;
}
.download__section a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 35%;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #0873a7;
	border: 1px solid #0873a7;
	border-radius: 0.3em;
	padding: 1.2em 3em;
	transition: .2s;
}
.download__section a+a {
	margin-left: 5%;
}
.download__section a:hover {
	color: #0873a7;
	background-color: #fff;
}
.download__section a > span.icon {
	margin-right: 0.3em;
}

.download__section a.btn__print {
	background-color: #d14b5f;
	border: 1px solid #d14b5f;
}
.download__section a.btn__print:hover {
	color: #d14b5f;
	background-color: #fff;
}
.download__section a.btn__print.noLink {
    border: 2px solid #c9c9e3;
    pointer-events: none;
    color: #cacaca;
    background-color: #f6f6f6;
}

/* 20220921 add */
.certificate__section {
	width: 210mm;
	margin: 0 auto;
}
.certificate__section .btn__print__area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f6f6f6;
	padding: 10px 20px;
}
.certificate__section .btn__print__area .text_box {
	font-size: 1.2em;
	font-weight: 500;
	color: #cd0355;
}
.certificate__section .btn__print__area .btn_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.certificate__section .btn__print__area .btn_box input {
	-webkit-appearance: none;
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	background-color: #0070b9;
	border: 0;
	border-radius: 4px;
	margin: 0;
	padding: .5em .8em;
	cursor: pointer;
}
.certificate__section .btn__print__area .btn_box input:hover {
	background-color: #009fb9;
}


.certificate__section__main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	width: 100%;
	height: 297mm;
/*	background-color: #ccc;
	border: 1px solid #ccc;*/
	margin: 10px 0;
	position: relative;
}
.certificate__section__main::before,
.certificate__section__main::after {
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
}
.certificate__section__main::before {
	width: 1mm;
	height: 100%;
	border-left: 1px dashed #ccc;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.certificate__section__main::after {
	width: 100%;
	height: 1mm;
	border-top: 1px dashed #ccc;
	position: absolute;
	top: calc(50% + 5mm);
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.certificate__section__main .line__text {
	font-size: .9em;
	color: #999;
	line-height: 1.2;
	text-align: center;
	padding: 2px 5px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
.certificate__section__main .line__text.line__text01 {
	position: absolute;
	top: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.certificate__section__main .line__text.line__text02 {
	position: absolute;
	top: calc(50% + 5mm);
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.certificate__section__main .line__text .text {
	position: relative;
	z-index: 10;
}
.certificate__section__main .line__text .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.certificate__section__main .certificate__block {
	width: calc(50% - 1px);
	height: calc(50% - 1px);
	background-color: #fff;
}

/*.certificate__section__main .certificate__block.block01,
.certificate__section__main .certificate__block.block03 {
	width: calc(50% - .5mm);
}*/

/*.certificate__section__main .certificate__block.block01 {
	background-color: #fff;
}
.certificate__section__main .certificate__block.block02 {
	background-color: #fcf;
}
.certificate__section__main .certificate__block.block03 {
	background-color: #f0c;
}
.certificate__section__main .certificate__block.block04 {
	background-color: #fcc;
}*/

.certificate__section__main .certificate__block.block01 {
	display: flex;
	flex-direction: column;
}

.certificate__section__main .certificate__block.block01 .block__contents {
	width: 100%;
	height: calc(100% - 60px);
/*	background-image: url(../images/keyvisual_rc2022_print.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;*/
}
.certificate__section__main .certificate__block.block01 .contents__header {
}
.certificate__section__main .certificate__block.block01 .contents__header img {
	width: 100%;
	height: auto;
}
.certificate__section__main .certificate__block.block01 .contents__main {
	padding: 20mm 3mm 0 3mm;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box {
	display: flex;
	line-height: 1.2;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box+.profile__box {
	margin-top: 5mm;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__title {
	display: flex;
	width: 4em;
	padding-right: 2mm;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__title > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-weight: 500;
	/*color: #fff;*/
	border-radius: 3px;
	padding: .5em 0;
	overflow: hidden;
	position: relative;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__title > span .text {
	/*color: #fbfbfb;*/
	position: relative;
	z-index: 10;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__title > span .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__contents {
	width: calc(100% - 4em);
	font-size: 1.2em;
	font-weight: 500;
	border-bottom: 1px solid #414141;
	padding: .3em;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__contents .post {
	font-size: .8em;
}
.certificate__section__main .certificate__block.block01 .contents__main .profile .profile__box .box__contents .name+.name {
	margin-left: .5em;
}

.certificate__section__main .certificate__block.block01 .contents__main .id-pass {
	padding: 15mm 3mm 0 3mm;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass .main {
	background-color: #f6f6f6;
	padding: 3mm 5mm;
	overflow: hidden;
	position: relative;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass .main .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass ul {
	position: relative;
	z-index: 10;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass ul li {
	display: flex;
	align-items: center;
	width: 100%;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass ul li+li {
	margin-top: 2mm;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass .title {
	width: 6em;
	font-weight: 500;
}
.certificate__section__main .certificate__block.block01 .contents__main .id-pass .text {
	width: calc(100% - 6em);
	font-weight: 500;
	background-color: #fff;
	padding: .2em 1em;
}

.certificate__section__main .certificate__block.block02 {
	display: flex;
	flex-direction: column;
}
.certificate__section__main .certificate__block.block02 .block__contents {
	height: calc(100% / 3.5);
	border-bottom: 1px solid #ccc;
	padding: 3mm;
}
.certificate__section__main .certificate__block.block02 .block__contents+.block__contents {
	/*border-top: 1mm solid #ccc;*/
}

.certificate__section__main .certificate__block.block02 .contents__title {
	display: flex;
	align-items: flex-start;
	height: 6mm;
	line-height: 1.15;
}
.certificate__section__main .certificate__block.block02 .contents__title > span {
	display: flex;
	align-items: center;
	font-weight: 600;
	height: 100%;
	/*color: #fff;*/
	background-color: #1d74c4;
	border-radius: .3em;
	padding: 0 .3em;
	overflow: hidden;
	position: relative;
}
.certificate__section__main .certificate__block.block02 .contents__title > span .text {
	/*color: #fbfbfb;*/
	position: relative;
	z-index: 10;
}
.certificate__section__main .certificate__block.block02 .contents__title > span .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.certificate__section__main .certificate__block.block02 .contents__main {
	display: flex;
	align-items: center;
	height: calc(100% - 12mm);
	font-size: 1.6em;
	font-weight: 600;
	padding: 0 2mm;
}
.certificate__section__main .certificate__block.block02 .note {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6mm;
	font-weight: 500;
	color: #4f4f4f;
}

.certificate__section__main .certificate__block.block01 .block__footer {
	width: 100%;
	height: 60px;
	/*background-color: #7ab3d8;*/
	position: relative;
	overflow: hidden;
}
.certificate__section__main .certificate__block.block01 .block__footer .bg {
	position: absolute;
	top: 0;
	left: 0;
}





/* 20220926 add */
#page__title__area .areaMain h2 > span.add__note {
	flex-direction: column;
}
#page__title__area .areaMain h2 > span.add__note .note {
	font-size: 1.6em;
	color: #f23525;
	margin-top: .2em;
}





/* 20220927 add */
.download__section .btn__download.pdf {
	background-color: #e55050;
	border: 2px solid #e55050;
}
.download__section .btn__download .icon {
	margin-left: 10px;
}
.download__section .btn__download.pdf:hover {
	color: #e55050;
	background-color: #fff;
}





/* 20230518 add */
/* section__credit__application */
/*------------------------------------------------------------------------------*/
.section__credit__application {
	display: flex;
	justify-content: center;
}
.section__credit__application .section__main {
	width: 950px;
	background-color: #fff;
	border: 10px solid #f4f4f4;
	padding: 20px;
}

.section__credit__application .section__title {
	display: flex;
	justify-content: center;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 15px;
}

.section__credit__application .viewing__time__block .btn__application__box {
	display: flex;
	justify-content: center;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 300px;
	height: 70px;
	font-size: 1.2em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #ccc;
	border-radius: .3em;
	padding: 0 1em;
	position: relative;
	overflow: visible;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application:hover {
	opacity: .8;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application.hour_05 {
	background-color: #1886ca;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application.hour_10 {
	background-color: #ff7900;
}

.section__credit__application .viewing__time__block .btn__application__box .btn__application.noLink {
	pointer-events: none;
	color: #949494;
	background-color: #dadada;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application.complete {
	pointer-events: none;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application .icon__comp {
	display: none;
}
.section__credit__application .viewing__time__block .btn__application__box .btn__application.complete .icon__comp {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	font-size: 1.4em;
	color: #f00;
	line-height: 1;
	background-color: #fff;
	border: 2px solid #f00;
	border-radius: 100vh;
	position: absolute;
	top: -.3em;
	left: -.3em;
	transform:rotate(20deg);
}

.section__credit__application .viewing__time__block .btn__application__box .btn__application+.btn__application {
	margin-left: 15px;
}

.section__credit__application .viewing__time__block .viewing__time__box {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 1.1em;
	line-height: 1.2;
	margin-top: 20px;
}
.section__credit__application .viewing__time__block .viewing__time__box+.viewing__time__box {
	margin-top: 10px;
}
.section__credit__application .viewing__time__block .viewing__time__box .title {
	font-weight: 600;
}
.section__credit__application .viewing__time__block .viewing__time__box .time {
	font-size: 1.6em;
	margin-left: 10px;
	border-bottom: 2px solid #ccc;
	padding: 0 .2em;
}
.section__credit__application .viewing__time__block .viewing__time__box.live .time {
	border-color: #00f;
}
.section__credit__application .viewing__time__block .viewing__time__box.ondemand .time {
	border-color: #f00;
}


/* 20230607 add */
.section__credit__application .viewing__time__block .viewing__time__main {
	margin-top: 20px;
}

.section__credit__application .viewing__time__main .time__main__section {
	padding: 10px;
}
.section__credit__application .viewing__time__main .time__main__section+.time__main__section {
	margin-top: 15px;
}
.section__credit__application .viewing__time__main .time__main__section .main__section__title {
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
}

.section__credit__application .viewing__time__main .time__main__section.live {
	background-color: #dfecff;
}
.section__credit__application .viewing__time__main .time__main__section.ondemand {
	background-color: #ffebeb;
}

.section__credit__application .viewing__time__main .time__main__section .main__section__main {
	display: flex;
	justify-content: space-between;
}
.section__credit__application .viewing__time__main .time__main__section.ondemand .main__section__main {
	flex-wrap: wrap;
	justify-content: center;
}


.educational__info {
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
}
.educational__info.page__ondemand {
	border: 10px solid #ffebeb;
	margin-bottom: 20px;
}
.educational__info ul {
	list-style-type: disc;
	padding: 10px 10px 10px 20px;
}
.educational__info ul li {
/*	font-size: .9em;*/
}
.educational__info ul li+li {
	margin-top: .5em;
}
.educational__info ul li strong {
	font-weight: 600;
}
.educational__info ul li .example {
	font-weight: 600;
	color: #c04f07;
}
.marker01 {
	background:linear-gradient(transparent 60%, #6cf 60%);
}
.marker02 {
	background:linear-gradient(transparent 60%, #6f6 60%);
}


.section__credit__application .viewing__time__main .time__main__section .main__section__main .main__section__box {
	width: calc((100% - 10px) / 3);
	font-size: 1.1em;
	line-height: 1.2;
	background-color: #fff;
	border-radius: 3px;
	padding: 5px;
}
.section__credit__application .viewing__time__main .time__main__section .main__section__main .main__section__box .title h4 {
	font-weight: 600;
	text-align: center;
	border-bottom: 2px dashed #999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.section__credit__application .viewing__time__main .time__main__section .main__section__main .main__section__box .time {
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}


.section__credit__application .credit__application__info {
	font-size: .9em;
	background-color: #f8f8f8;
	margin-top: 20px;
	padding: 15px;
}
.section__credit__application .credit__application__info .application__info__block+.application__info__block {
	border-top: 2px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
.section__credit__application .credit__application__info .application__info__block .block__title {
	font-weight: 600;
}
.section__credit__application .credit__application__info .application__info__block .info__table__box {
	margin-top: 5px;
	/*padding: 0 1.7em;*/
}
.section__credit__application .credit__application__info .application__info__block .info__table__box table {
	/*width: 100%;*/
}
.section__credit__application .credit__application__info .application__info__block .info__table__box th,
.section__credit__application .credit__application__info .application__info__block .info__table__box td {
	line-height: 1.4;
	border: 1px solid #666;
	background-color: #fff;
	padding: .5em 1em;
}
.section__credit__application .credit__application__info .application__info__block .info__table__box th {
	font-weight: 600;
	background-color: #fffac1;
}
.section__credit__application .credit__application__info .application__info__block .info__table__box td.title {
	font-weight: 600;
}
.section__credit__application .credit__application__info .application__info__block .info__table__box td.contents {
	font-size: 1.1em;
}
.section__credit__application .credit__application__info .application__info__block .info__table__box td.contents {
	min-width: 220px;
}



td.viewing p {
	font-size: 0.8em;
	text-align: center;
}
td.viewing p.title {
	margin-top: 10px;
}