@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: 0 0 10px;
	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;
	margin-top:10px;
}
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 {
	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) / 8);
	width: calc((100% - 80px) / 5);
}
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;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border-left: 1px solid #a79786;
	padding: 8px 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;
}
header #main__nav nav ul li.current a {
	color: #634000;
	color:#fff;
	background-color: #e6c210;
	background-color: #f4a92a;
}

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;
}





/* page__title__area */
/*------------------------------------------------------------------------------*/
#page__title__area {
	background-color: #a79786;
	background-color: #e0dad4;
	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;
}
#page__title__area .areaMain p.alert {
	color: #f00;
    position: absolute;
    right: 2em;
    top: 3em;
    font-size: 1.6em;
}


/* 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;
}

.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 .box {
	margin-bottom:40px;
}

.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;
	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.5em;
}

.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 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;
	align-items: top;
	width: 95%;
	margin: 20px auto 40px;
	flex-wrap: wrap;

	/*
	justify-content: center;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	*/

}


.mypageTopArea ul li {
	width: 33%;
	margin-bottom:2em;
}
.mypageTopArea ul li {
	/*margin-right: 1%;*/
}

.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;
	width:98%;
}
.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;
	}


	/* 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.3em;
    line-height: 1.6;
    border: 10px solid #f2f2f2;
    padding: 20px;
    margin:0 auto 2em;
    text-align:left;
}

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

.kome {
    color: #de1467;
}

#main_contents .faq {
    border: 10px solid #f2f2f2;
    padding: 20px;
    margin-bottom:2em;
}

#main_contents .faq dt {
    align-items: center;
    line-height: 1.2;
}
#main_contents .faq dd {
    border-top: 2px dashed #ccc;
    margin-top: 5px;
    padding-top: 5px;
}

#main_contents .faq dt .title,
#main_contents .faq dd .title {
    font-size: 1.4em;
    font-weight: bold;
    padding-right: 1em;
}

#main_contents .faq dt,
#main_contents .faq dd {
    display: flex;
}


#main_contents .faq dt .text {
    font-size: 1.1em;
    font-weight: bold;
}

#main_contents .faq dd .text {
    padding-top: .4em;
    text-align:left;
}

#main_contents .faq dd .title {
    color: #ea5d9c;
}

#main_contents .faq dt:nth-of-type(n+2) {
    margin-top: 30px;
}

#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;
}





/* 2023-08-21 add */
#general__layout__area h3,
#ondemand__layout__area h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

#general__layout__area table,
#ondemand__layout__area table {
	width: 100%;
}
#general__layout__area .search_input_area,
#ondemand__layout__area .search_input_area {
	display: flex;
	margin-bottom: 10px;
}

#general__layout__area .search_area,
#ondemand__layout__area .search_area {
	display: flex;
	margin-bottom: 10px;
}

#general__layout__area .search_input_area div+div,
#general__layout__area .search_area div+div,
#ondemand__layout__area .search_input_area div+div,
#ondemand__layout__area .search_area div+div {
	margin-top: 10px;
}


#general__layout__area .search_area input,
#ondemand__layout__area .search_area input {
	/*-webkit-appearance: none;*/
}
#general__layout__area .search_area input[type=text],
#ondemand__layout__area .search_area input[type=text] {
	border: 1px solid #3a3a3a;
	padding: .3em;
}
#general__layout__area .search_area input[type=button],
#ondemand__layout__area .search_area input[type=button] {

	display:inline-block;
	height: 100%;
	color: #fff;
	line-height: 1;
	background-color: #ccc;
	border: 0;
	border-radius: 3px;
	margin: 0;
	padding: 5px 30px;
	width:100%;

}


#general__layout__area .search_area .input_btn_srh input[type=button],
#ondemand__layout__area .search_area .input_btn_srh input[type=button] {
	background-color: #2a77d6;
}
#general__layout__area .search_area .input_btn_clr input[type=button],
#ondemand__layout__area .search_area .input_btn_clr input[type=button] {
	background-color: #5b6977;

}
#general__layout__area .search_area input[type=button]:hover,
#ondemand__layout__area .search_area input[type=button]:hover {
	opacity: .7;
}

#general__layout__area table th,
#general__layout__area table td,
#ondemand__layout__area table th,
#ondemand__layout__area table td {
	border:solid 1px #ccc;
	padding:0.5em 0.3em;
}

#ondemand__layout__area table td {
	text-align:left;
}

#general__layout__area table th,
#ondemand__layout__area table th {
	background:#e8e2db;
	font-weight:bold;
	text-align:center;
}
#ondemand__layout__area .search__section .input_text {
    width: calc(100% - 150px)!important;
}
#ondemand__layout__area .search_area > div+div {
    margin-left: 5px;
   	min-width:150px;
}

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

#general__layout__area table td.session_name p,
#ondemand__layout__area table td.session_name p {
	margin:0.5em auto;
}
#general__layout__area table td.session_name p a,
#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;
}
#general__layout__area table td.session_name p a:hover,
#ondemand__layout__area table td.session_name p a:hover {
	opacity:0.7;
    text-decoration:none;

}
#general__layout__area table th.session_cate,
#general__layout__area table td.session_cate,
#ondemand__layout__area table th.session_cate,
#ondemand__layout__area table td.session_cate {
	width:120px;
}
#general__layout__area table th.region,
#general__layout__area table td.region,
#ondemand__layout__area table th.region,
#ondemand__layout__area table td.region {
	width:100px;
}
#general__layout__area table th.cate,
#general__layout__area table td.cate,
#ondemand__layout__area table th.cate,
#ondemand__layout__area table td.cate {
	width:180px;
}
#general__layout__area table th.endai_no,
#general__layout__area table td.endai_no,
#ondemand__layout__area table th.endai_no,
#ondemand__layout__area table td.endai_no {
	width:80px;
}

#general__layout__area table th.place,
#general__layout__area table td.place,
#ondemand__layout__area table th.place,
#ondemand__layout__area table td.place {
	width:120px;
}

#general__layout__area table th.date_time,
#general__layout__area table td.date_time,
#ondemand__layout__area table th.date_time,
#ondemand__layout__area table td.date_time {
	width:200px;
}
#general__layout__area table th.hall,
#general__layout__area table td.hall,
#ondemand__layout__area table th.hall,
#ondemand__layout__area table td.hall {
	width:100px;
}



#general__layout__area table th.name,
#general__layout__area table td.name,
#ondemand__layout__area table th.name,
#ondemand__layout__area table td.name {
	width:300px;
}

#general__layout__area table th.endai_title,
#general__layout__area table td.endai_title,
#ondemand__layout__area table th.endai_title,
#ondemand__layout__area table td.endai_title {
	width:300px;
}
#general__layout__area table th.viewing,
#general__layout__area table td.viewing,
#ondemand__layout__area table th.viewing,
#ondemand__layout__area table td.viewing {
	text-align:center;
	width:80px;
}

#general__layout__area table td.viewing a,
#ondemand__layout__area table td.viewing a {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: .9em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background-color: #456ee1;
    border-radius: .2em;
    padding: 5px;
    transition: all .2s;

}

#general__layout__area table td.viewing a:hover,
#ondemand__layout__area table td.viewing a:hover {
    background-color: #12b0bf;
}

#ondemand__layout__area table td.viewing a.noLink {
	pointer-events: none;
	color: #ddd;
	background-color: #a9a9a9;
}

#general__layout__area table td.endai_title,
#ondemand__layout__area table td.endai_title {
	text-align:left;
}

#general__layout__area .search_input_area .schTtl1 span,
#general__layout__area .search_input_area .schTtl2 span,
#general__layout__area .search_input_area .schTtl3 span,
#general__layout__area .search_input_area .schTtl4 span,
#ondemand__layout__area .search_input_area .schTtl1 span,
#ondemand__layout__area .search_input_area .schTtl2 span,
#ondemand__layout__area .search_input_area .schTtl3 span,
#ondemand__layout__area .search_input_area .schTtl4 span {
	display:inline-block;
	background:#eee;
	padding:0.3em 1em;
}

#general__layout__area .search_input_area .schInput1 input[type=text],
#general__layout__area .search_input_area .schInput2 input[type=text],
#general__layout__area .search_input_area .schInput3 input[type=text],
#general__layout__area .search_input_area .schInput4 input[type=text],
#ondemand__layout__area .search_input_area .schInput1 input[type=text],
#ondemand__layout__area .search_input_area .schInput2 input[type=text],
#ondemand__layout__area .search_input_area .schInput3 input[type=text],
#ondemand__layout__area .search_input_area .schInput4 input[type=text]{
	padding:0.3em 1em;

}
#general__layout__area .search_input_area .schInput3 input[type=text],
#ondemand__layout__area .search_input_area .schInput3 input[type=text] {
	width:50px;
}


#general__layout__area .cbtExpArea,
#ondemand__layout__area .cbtExpArea {
	text-align:left;
	margin:20px auto;
	position:relative;
}
#general__layout__area .cbtExpArea h4,
#ondemand__layout__area .cbtExpArea h4 {
	font-weight:bold;
	margin-bottom:1em;
}

#general__layout__area .cbtExpArea .btnCbtEnq,
#ondemand__layout__area .cbtExpArea .btnCbtEnq {
	position:absolute;
	top:5em;
	right:2em;
}
#general__layout__area .cbtExpArea .btnCbtEnq a,
#ondemand__layout__area .cbtExpArea .btnCbtEnq a{
	display: flex;
    align-items: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #f4a82b;
    border-radius: 3px;
    padding: 10px 40px;
    transition: all .3s;
}
#general__layout__area .cbtExpArea .btnCbtEnq a .icon,
#ondemand__layout__area .cbtExpArea .btnCbtEnq a .icon {
	font-size: .8em;
    margin-left: 5px;
}
#general__layout__area .cbtExpArea .btnCbtEnq a:hover,
#ondemand__layout__area .cbtExpArea .btnCbtEnq a:hover {
	background-color: #f4752b;
}


span.reged,
span.full {
	display:inline-block;
	padding:0.2em 1em;
	color:#fff;
	font-size:0.8em;
	margin:0.2em 0.5em 0.2em 0;
}
span.reged {
	background:#36c;
}
span.full {
	background:#f00;
}

table.exInfo {
	width:100%;
}
table.exInfo th,
table.exInfo td {
	padding:0.3em;
	border:solid 1px #ccc;
}
table.exInfo th {
	text-align:center;
	background:#615ea8;
	background:#060;
	
	color:#fff;
}
table.exInfo td {

}
table.exInfo th.cell1
table.exInfo td.cell1 {
	width:40%;
}
table.exInfo th.cell2
table.exInfo td.cell2 {
	width:40%;
}
table.exInfo th.cell3
table.exInfo td.cell3 {
	width:10%;
}
table.exInfo th.cell4
table.exInfo td.cell4 {
	width:10%;
}

a.btnExView,
a.btnExPdf {
	display:inline-block;
	border-radius:0.2em;
	text-decoration:none;
	
	padding:0.2em 0.4em;
	color:#fff;
	transition: all .3s;

}

a.btnExView {
	background:#36c;
}
a.btnExPdf {
	background:#f90;
}

a.btnExView:hover,
a.btnExPdf:hover {
	opacity:0.7;
}

a.btnExView.noLink,
a.btnExPdf.noLink {
	pointer-events: none;
	background:#666;
	opacity:0.7;
}

.contactBox {
	background:#ffc;
	padding:2em;
	margin:0 auto 20px;
	max-width:35em;
}
.contactBox p {
	text-align:center;
	font-size:15px;
}

.unitName span {
	display:inline-block;
	background:#333;
	color:#fff;
	font-size:0.85em;
	font-weight:normal;
	padding:0.2em;
}

span.iconOndUnit {
	display: inline-block;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    font-weight: normal;
    padding: 0.2em 0.5em;
    margin-left:1em;
}
span.iconOndUnit + span.iconOndUnit {
	margin-left:0.5em;
}

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

	#page__title__area .areaMain p.alert {
		position:relative;
		top:1em;
	}

	.session_video_area {
		display:block;
	}

	.session_video_area .video_area_main {
		width:100%;
	}

	.session_video_area .change_info_area {
		width:100%;
	}



}