@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%;
}
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 {
	/*
	display:block;
	padding:20px 0 0;
	*/
}

header #header__main {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 1200px;
	margin: 0 auto;
	padding: 0px 0 20px;
	position: relative;
	z-index: 5;
	
}
header #header__main h1 {
	width: 60%;
}
header #header__main h1 a {
	display: block;
}
header #header__main h1 img {
	width: 100%;
	height: auto;
	vertical-align:top;
}
#account_area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 1.2;
	color:#000;
	margin:2em 2em 0 0;
}
#account_area .name {
	font-size: 1.4em;
}
#account_area .name > span {
	font-size: 1.2em;
	font-weight: bold;
}

#account_area .home {
	margin-left: 30px;
}


#account_area .logout {
	margin-left: 10px;
}
#account_area .home a,
#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;
}
#account_area .home a {
	background-color: #36c;

}

#account_area .home a:hover {
	background-color: #5d8ae5;
}
#account_area .logout a:hover {
	background-color: #e81313;
}

header #main__nav {
	border-bottom: 0;
	position: relative;
	z-index: 10;
	width: 100%;
    margin: auto;
}
header #main__nav nav {
	display: block;
	width: 1200px;
	height: auto;
	background-color: inherit;
	margin: 0 auto;
}
header #main__nav nav ul {
	display: flex;
	width:100%;
}
header #main__nav nav ul li {
	display: flex;
	width: calc(100% / 6);
	border-top:solid 1px #ccc;
	/*width: calc((100%-80px) / 7);*/
	/*width: calc((100%-80px) / 6);*/
}
header #main__nav nav ul li.home {
	width: 120px;
}
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 2px;
	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;
}



/* footer */
/*------------------------------------------------------------------------------*/

#wrapper {
	text-align: left;
}



/* 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: 20px 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 #main_contents {
	display: block;
	width: 1200px;
	font-size: 1.5em;
	margin: 0 auto;
	padding: 30px 30px 80px 30px;
	padding: 30px 30px 30px 30px;
}

.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;
	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 .grayMat {
	background:#eee;
	padding:0.5em 0;
	margin-bottom:15px;
}
.my__page__section .my__page__box p {
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

.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;
    justify-content: center;
    align-items: top;
    width: 100%;
    margin: 20px auto 40px;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

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


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



.mypageTopArea ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-decoration: none;
	background-color: #0873a7;
	border: 1px solid #0873a7;
	border-radius: .3em;
	padding: 1em 0;
}
.mypageTopArea ul li a span.icon {
	margin:0 0.8em;
}
.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;
}

.unitExp {
	max-width:950px;
	margin:auto;
	padding:1em;
	background:#ffe;
}



/* ---------------------------------------------------------------------------------------- */
/* 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%;
	}
	#account_area .name {
		font-size: 1.3em;
	}
	#account_area .logout {
		margin-left: 20px;
	}
	#account_area .home a,
	#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 #main_contents {
		width: 100%;
		font-size: 1.4em;
		padding: 4% 3% 10% 3%;
	}

}





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

	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%;
		width:100%;
		margin-bottom:1em;
	}
	#account_area {
		width: 100%;
		padding-top: 3px;
		/*background:#36c;*/
		border-top:solid 1px #fff;
	}
	#account_area .logout {
		margin-left: 10px;
	}
	#account_area .home a,
	#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;
	
	}

	.test_video_area iframe {
		max-width:100%;
	}



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









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

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

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

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

table.wksList th.cell5,
table.wksList td.cell5 {
	width:80px;
	text-align:center;
}




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

body.mypage_detail .nyukinTxt {
	display:none;
}

.banFtArea {
	display:flex;
	/*justify-content:space-between;*/
	justify-content:center;
	max-width:1000px;
	margin:2em auto 0;
	align-items:center;
	padding:1em;
	background:#eee;
}

.banFtArea li {

}
.banFtArea li img {
	max-width:100%;
}

.appliFlex {
	display:flex;
	flex-wrap:wrap;
	max-width:950px;
	margin:auto;
}
.appliFlex .appliArea + .appliArea {
	/*margin-left:2%;*/
}

.appliArea {
	padding:1em;
	display:flex;
	margin:0 auto 20px;
	width:450px;
	justify-content:space-between;
	background:#ffe;
	border:solid 3px #f4a92a;
	border-radius:0.5em;
}
.appliArea .left {
	margin:auto;
}

.appliArea h6 {
	font-weight:bold;
	text-align:center;
}

.appliArea p {
	text-align:center;
}

.appliArea a {
	display:inline-block;
	background:#1d5198;
	color:#fff;
	font-weight:bold;
	padding:0.8em 1.5em;
	border-radius :0.5em;
	text-decoration:none!important;
	transition: all .3s;

}
.appliArea a:hover {
	opacity:0.7;
}

#ondemand__layout__area table td.viewing p.pdfbtn,
#ondemand__layout__area table td.viewing p.appbtn {
    margin-bottom: 0.2em;
}
#ondemand__layout__area table td.viewing p.appbtn a {
    background: #f60;
}

.unitExp .subtitle02 {
    font-size: 1.4em;
    font-weight: bold;
    color: #0b3c53;
    line-height: 1.2;
    border-left: 5px solid #f18c22;
    margin-bottom: 15px;
    padding: .3em .5em;
    text-align:left;
    background:none;
}

.page__title__arae {
	padding: 0 10px;
}

body.mypage_detail .form__main__area .form__section.top {
	border:0;
}

.comp__text__section p {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}


.completeArea {
	margin:20px auto;
	font-size:1.6em;
}
.completeArea p {
	text-align:center;
}

body.meet span#price,
body.meet span.price {
	font-size:1.4em;
	font-weight:bold;
}

body.meet .submit__section .btn__next {
	margin-left:1em;
}

table.meetList {
	width:100%;
	margin:20px auto;
	font-size:1.6em;
}

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

table.meetList th.cell01,
table.meetList td.cell01 {
	width:80px;
}
table.meetList th.cell02,
table.meetList td.cell02 {
	width:120px;
}
table.meetList th.cell03,
table.meetList td.cell03 {
	width:250px;
}
table.meetList th.cell04,
table.meetList td.cell04 {
	text-align:center;
	width:80px;
}

table.meetList label {
	cursor:pointer;
}

span.applied {
	display:inline-block;
	background:#36c;
	color:#fff;
	padding:0.2em 1em;
	font-size:0.9em;
}

/*
.form__section .error__text {
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 5px;
	padding: .25em .6em;
	color:#f00;
	font-weight:bold;
}
*/
a.btnInvoice {
	display:inline-block;
	padding:0.3em 1em;
	color:#fff;
	background:#f60;
	font-size:0.9em;
	transition: all .3s;
	border-radius:0.5em;
	text-decoration:none!important;
}
a.btnInvoice:hover {
	opacity:0.7;
}
body.meet .form__main__area .form__section {
	border-top:0;
}

@media only screen and (max-width: 1280px) {
    .page__type__responsive header {
		/*padding-top:15.625%;*/
	}
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:1100px) {
	.page__type__responsive header {
		/*
		padding-top:0;
		padding-top:15.625%;
		*/
	}

}

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

	.page__type__responsive header {
		/*
		padding-top:0;
		*/
	}

	body.meet .submit__section .btn__next {
		margin-left:0em;
	}

	header {
		max-width:100%;
		min-width:50%;
	}

	#wrapper {
		overflow-x: auto !important;
	}
	
	.submit__section a {
		width:100%;
	}

	.page__title__arae {
		width:100%;
	}

	#common__contents__area {
		width:100%;
	}
	.submit__section {
		width:100%;
		flex-wrap:wrap;
	}

	.submit__section a,
	.submit__section input[type=submit],
	.submit__section input[type=button]{
		width:100%;
		margin:0.2em auto;
	}
	
	table.meetList {
		font-size:1.3em;
	}


}
.mypage .container{
	max-width: 750px;
    width: 100%;
    background-color: #fff;
}
.mypage .form__main__area .information__section {
	margin-top: 30px;
}
.mypage .form__main__area .form__section .section__block .block__main .block__title {
    width: 10em;
}
.mypage .form__main__area .form__section .section__block .block__main .block__contents .contents__box {
    width: 100%;
}
.mypage .form__main__area .form__section .section__block .block__main .block__contents {
    width: 100%;
}
.mypage .mypage_login{
	width: 100%;
    display: flex;
    justify-content: center;
}
.mypage .wrapper {
    padding: 0 0 50px 0;
}