@charset "UTF-8";

html, body {
  scroll-padding-top: 100px;
}

header + section {
	padding-top: 100px;
}

strong {
	font-weight: bold;
}

.background_area {
	min-width: 620px;
}
h3.new_header {
	color: #006F76;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px;
}
h3.new_header::before {  
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 15px 0 0;
	background-image: url(../img/head_icon.svg);
	background-size: contain;
	transform: translate(0, 4px);
}
.module_Card-01 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.module_Card-01 article {
	margin-right: 40px;
	width: calc(100% / 4 - 120px / 4 - .01px);
	margin-bottom: 50px;
}
.module_Card-01 article:nth-child(4n) {
	margin-right: 0;
}
.module_Card-01 article h3 {
	font-size: 16px;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}
.module_Card-01 .channel_name {
	margin-top: 5px;
}
.module_Card-01 article .category span {
	font-size: 12px;
	margin: 5px 0;
}
.module_Card-01 article .date {
	font-size: 12px;
	margin: 5px 0;

}
.module_Card-01 article .head {
	position: relative;
	overflow: hidden;
	padding-bottom: calc(220/ 360 * 100%);
	width: 100%;
	height: 0;
}
.module_Card-01 article .head .image {
	margin: 0;
	padding: 0;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.module_Card-01 article .head .image img {
	width: 100%;
	height: auto;
}
.module_Card-01.contracted article:nth-child(n+5) {
	display: none;
}
.search_view_more_btn {
	float: right;
	padding: 10px 25px;
	background: #014881;
	color: #fff;
	border-radius: 4px;
}
.search_not_found {
	font-size: 15px;
	color: #292929;
}
.module_Card-channel {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.module_Card-channel article {
	position: relative;
	padding: 30px 12px 20px;
	margin-right: 6%;
	width: calc(100% / 4 - 32% / 4 );
	margin-bottom: 20px;
}
.module_Card-channel article:nth-child(4n) {
	margin-right: 0;
}
.module_Card-channel.wide_width article {
	width: calc(100% / 5 - 38% / 5 );

}
.module_Card-channel.wide_width article:nth-child(4n) {
	margin-right: 6%;
}
.module_Card-channel.wide_width article:nth-child(5n) {
	margin-right: 0;
}
.module_Card-channel .head {
	text-align: center;
	background: #fff;
	border-radius: 71px;
	height: 120px;
	width: 120px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}
.module_Card-channel .head img {
	max-width: 76px;
	max-height: 76px;
	width: auto;
	height: auto;
}
.module_Card-channel .body {
	margin-top: 10px;
}
.module_Card-channel .body h3 {
	font-size: 13px;
	text-align: center;
}
.module_Card-02 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.module_Card-02 article {
	position: relative;
	background: #fff;
	padding: 30px 12px 20px;
	margin-right: 6%;
	width: calc(100% / 4 - 35% / 4 - .01px);
	height: 140px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.toppage .module_Card-02 article {
	height: 100px;

}
.module_Card-02 article a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.module_Card-02 article:nth-child(4n) {
	margin-right: 0;
}
.module_Card-02 article h3 {
	font-size: 13px;
	text-align: center;
	margin-top: 14px;
	font-weight: normal;
	margin-bottom: 12px;
}
.module_Card-02 article .head .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
}
.module_Card-02 article .head {
	position: relative;
	margin-top: 30px;
	overflow: hidden;
	padding-bottom: calc(120/ 360 * 100%);
	width: 100%;
	height: 0;
}
.module_Card-02 article .body {
	padding-top: 15px;
}
.toppage .module_Card-02 article .body {
	padding-top: 5px;

}
.module_Card-03 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.module_Card-03 article {
	margin-right: 40px;
	width: calc(100% / 3 - 80px / 3 - .01px);
	margin-bottom: 60px;
}
.module_Card-03 article:nth-child(3n) {
	margin-right: 0;
}
.module_Card-03 article h3 {
	font-size: 16px;
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 30px;
}
.module_Card-03 article .category {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}
.module_Card-03 article .date {
	font-size: 13px;
	margin: 5px 0;
}
.module_Card-03 article .date i {
	margin-right: 5px;
}
.module_Card-03 article .head {
	position: relative;
	overflow: hidden;
	padding-bottom: calc(240/ 360 * 100%);
	width: 100%;
	height: 0;
}
.module_Card-03 article .head .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}
.dark_back {
	font-size: 14px;
	background: #f3f3f3;
}
.dark_back .module_Card-02 .body {
	padding-bottom: 20px;
}
.module_Card-05 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.module_Card-05 article {
	padding: 30px 12px 20px;
	margin-right: 4%;
	width: calc(100% / 4 - 22% / 4 - .01px);
	min-height: 200px;
	margin-bottom: 40px;
}

.module_Card-05 article:hover {
	opacity: 1;
}
.module_Card-05 article a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 15px;
	background: #fff;


}
.module_Card-05 article a:hover {
	opacity: 0.8;

}

.module_Card-05 article:nth-child(4n) {
	margin-right: 0;
}
.module_Card-05 article h3 {
	font-size: 17px;
	text-align: center;
	font-weight: normal;
}
.module_Card-05 article .head {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 50px;
}
.module_Card-05 article .head i {
	font-size: 56px;
	color: #554dab;
	background: linear-gradient(25deg, #673AB7, #00bcd4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.inner {
	font-size: 14px;
}
.sub_dir {
	width: 80%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.divide_main {
	display: flex;
	height: 500px;
}
.half_left {
	width: 50%;
	overflow: hidden;
}
.half_left img {
	width: 100%;
}
.half_right {
	width: 50%;
	box-sizing: border-box;
	padding: 50px 0 20px 50px;
	font-size: 14px;
}

section .inner_contents {
	display: flex;
	justify-content: space-between;
	padding: 80px 0 0;
	width: 80%;
	margin: 0 auto;
}
.header {
	height: 778px;

}
.header .logo_area  {
	padding-left: 40px;
	display: inline-block;
}
.header .logo_area .sub {
	position: absolute;
	top: 80px;
	left: 300px;
}
.header .background_area {
	width: 50%;
	position: absolute;
	z-index: 1;
	height: 770px;
	overflow: hidden;
	overflow-x: hidden;
	background-size: cover;
	background-position: center;
	background-position: top;
}
.header.event .background_area {
	background-position: top;
}
.background_cover {
	width: 50%;
	position: absolute;
	z-index: 5;
	height: 770px;
	/* background: rgba(0,0,0,0.3) */
}

.logo_area h1 {
	font-size: 20px;
	font-weight: bold;

	line-height: 26px;
	color: rgb(30,110,95);
}
.logo_area h1 span {
	font-size: 14px;
	display: block;
	padding-top: 10px;
	/*padding-left: 80px;*/
}

.logo_area h1 span::before {
	/*background: rgb(30,110,95);
	position:absolute;
	left: 184px;
	top: 64px;
	width: 35px;
	height: 1px;
	content:"";*/
}
.footer .logo_area h1 span::before {
	left: 150px;
	background: #fff;
}
.logo_area .icon {
	position: absolute;
	left: 115px;
	top: 27px;
}
.logo_area h1 i {
	position: absolute;
	left: 120px;
	top: 27px;
	transform: rotate(-15deg);
	font-size: 18px;
}
.footer .logo_area h1 i { 
	left: 84px;
}
.logo_area.white h1 {
	color: #fff;
}
.logo_area.white h1 span::before {
	background: #fff;
}
p.mov_num  {
	margin-top: 20px;
	margin-left: 50px;
	vertical-align: middle;
	font-weight: bold;

}
p.mov_num span  {
	font-size: 20px;
}
p.mov_num img {
	vertical-align: middle;

}
.input_area button.half.start_btn {
	background: #08675e;
	color: #fff;
	border: none;
	border-radius: 10px;
}

div.pageinfo {
	position: relative;
	margin-top: 10px;
	color: #333333;
	vertical-align: middle;
	font-weight: normal;
}
div.round_svg {
	display: none;
	vertical-align: middle;
	background: linear-gradient(25deg, #a8a8a9, #6e77a9);
	width: 26px;
	height: 26px;
	padding: 5px 7px;
	color: #fff;
	border-radius: 50px;
	box-sizing: border-box;
	margin-right: 8px;
}
a.related_link {
	background: linear-gradient(25deg, #e6e6e6, #ececec, #f3f3f3, #f9f9f9);
	padding: 7px 20px;
	display: block;
	box-sizing:  border-box;
	font-size: 14px;
	border-bottom: 7px solid #fff;

}
a.related_link img {
	vertical-align: middle;


}

h2.main_title {
	font-size: 24px;
	padding-bottom: 20px;
	color: #333333;
}
h2.main_title.small_font {
	font-size: 20px;
}
h2.eng_title {
	font-size: 16px;
	padding-bottom: 10px;
	margin-left: 60px;
	color: #aaa;
}
h2.main_title img {
	vertical-align: bottom;
	margin: 0 15px 0 0;
}
h4.related_title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 70px;
	margin-bottom: 10px;
}
.header .header_wrapper {
	position: absolute;
	z-index: 50;
	width: 100%;
	margin-top: 40px;
}
.header .branding {
	margin-top: 60px;
	padding-left: 40px;
	max-width: 40%;
}
.header .menu_area {
	display: inline-block;
	float: right;
	margin-right: 20px;
}
.header .main_menu  {
	padding-right: 40px;
	padding-top: 20px;
	font-size: 16px;
	margin-left: 20px;
	position: relative;

}
.header .main_menu li {
	display: inline-block;
	margin-right: 20px;
}
.header .sub_menu  {
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
}
.header .sub_menu li {
	display: inline-block;
	font-size: 13px;
	padding-right: 15px;

}

.header .sub_menu li.logout, .header .sub_menu li.signup, .header .sub_menu li.login  {
	border: 1px solid rgb(51,51,51);
	text-align: center;
	padding: 7px 26px;
	border-radius: 25px;
	margin-left: 20px;
}
.header .sub_menu li.signup  {
	margin-left: 161px;
}
.sub_menu img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.main_menu li {
	vertical-align: middle;
}
.main_menu .openmenu {
	padding: 0 !important;
	border-radius: 70px;
	background: rgb(244,244,244);
	width: 35px;
	height: 35px;
	background-image: url(../img/menu_icon.png);
	background-repeat: no-repeat;
	background-position: center;
}
.main_menu .search {
	padding: 0 !important;
	border-radius: 70px;
	background: rgb(244,244,244);
	width: 35px;
	height: 35px;
	background-image: url(../img/search_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.main_menu .search:hover {
	opacity: 0.8;
}
.circle-icon {
	background: #243594;
	color: #fff;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
	display: block;
	float: right;
	margin-right: 20px;
	margin-top: 70px;
	margin-bottom: 55px;
}
.circle-icon.green {
	background: #009688;
}

/**
 * CSVダウンロード実行ダイアログ
 */

.download_csv_confirm_wrapper {
	display: none;
	position: fixed;
	width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 99999;
	background: #fff;
	border: 5px solid red;
}
.download_csv_confirm_wrapper.active {
	display: block;
}
.download_csv_confirm_wrapper .dialog_inner {
	padding: 40px 40px;
	font-size: 16px;
}
.download_csv_confirm_wrapper h3 {
	margin: 0 0 30px;
	font-size: 20px;
	color: red;
	text-align: center;
}
.download_csv_confirm_wrapper p {
	margin: 5px 0 10px;
	padding: 0;
}
.download_csv_confirm_wrapper .checkbox_wrapper {
	margin: 25px 0 35px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.download_csv_confirm_wrapper .download_csv_btn {
  display: flex;
	margin: 0 auto;
	padding: 15px 25px;
  justify-content: center;
  align-items: center;
	width: fit-content;
	background: #999;
	color: #fff;
	text-align: center;
	pointer-events: none;
}
.download_csv_confirm_wrapper .download_csv_btn.active {
	background: #bb0d00;
	pointer-events: initial;
	cursor: pointer;
}
.download_csv_confirm_wrapper .close_download_csv_btn {
  display: flex;
	margin: 0 auto;
	margin-top: 50px;
	padding: 15px 25px;
  justify-content: center;
  align-items: center;
	width: fit-content;
	background: #7e7e7e;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.download_csv_confirm_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #404040ad;
	z-index: 99998;
}
.download_csv_confirm_bg.active {
	display: block;
}
.download_csv_confirm_wrapper .checkbox_wrapper {
	display: flex;
	justify-content: center;
	align-items: center; 
	gap: 8px; 
	margin: 40px 0;
}
.download_csv_confirm_wrapper input[type="checkbox"] {
	width: 22px;
	height: 22px;
}

/**
 * CSVダウンロード中　ダイアログ
 */

.downloading_csv_wrapper {
	display: none;
	position: fixed;
	width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 99999;
	background: #ddfffc;
	border: 5px solid #009688;
}
.downloading_csv_wrapper.active {
	display: block;
}
.downloading_csv_wrapper .dialog_inner {
	padding: 40px 40px;
	font-size: 16px;
}
.downloading_csv_wrapper h3 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #006c62;
	text-align: center;
}
.downloading_csv_wrapper p {
	margin: 5px 0 10px;
	padding: 0;
	text-align: center;
}
.downloading_csv_dialog_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #404040ad;
	z-index: 99998;
}
.downloading_csv_dialog_bg.active {
	display: block;
}
.downloading_csv_wrapper .close_downloading_csv_btn {
  display: flex;
	margin: 0 auto;
	margin-top: 50px;
	padding: 15px 25px;
  justify-content: center;
  align-items: center;
	width: fit-content;
	background: #7e7e7e;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

/**
 * メールアドレスリスト編集画面
 */

.email_list_modal_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #8509004f;
	z-index: 99998;
}
.email_list_modal_bg.active {
	display: block;
}
.email_list_modal {
	display: none;
	position: fixed;
	padding: 20px 50px 40px;
	width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 99999;
	background: #fff;
	border: 2px solid red;
}
.email_list_modal.active {
	display: block;
}
.input_area .email_list_modal h4 {
	font-size: 18px;
	font-weight: bold;
}
.open_email_list_modal_btn {
	display: block;
	margin-bottom: 10px;
	padding: 6px 10px;
	width: fit-content;
	float: right;
	border-radius: 3px;
	font-size: 13px;
	cursor: pointer;
	line-height: normal;
	background: #007e73;
	color: #fff;
}
.email_list_modal .button_wrapper {
	margin-top: 20px;
	text-align: center;
}
.email_list_modal .close_btn {
	display: inline-block;
	margin-right: 20px;
	padding: 5px 30px;
	background: #818181;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}
.email_list_modal .save_btn {
	display: inline-block;
	padding: 5px 30px;
	background: #00746a;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}
.email_list_modal .caution_message {
	display: block;
	margin: 10px 0 20px;
	padding: 5px 10px;
	background: #c90000;
	color: #fff;
	font-size: 14px;
}

/**
 * =====================================
 */

section .branding .title {
	font-size: 36px;
	line-height: 50px;
	letter-spacing: 8px;
	color: #333;
}
section .branding p {
	font-size: 15px;
	line-height: 25px;
}
section .branding .button, .about_us .button {
	margin-top: 30px;
	width: 200px;
	height: 50px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 50px;
	font-size: 13px;
}
section .branding .button a, .about_us .button a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 35px;
}

.header .recommended {
	margin-left: 50%;
	position: absolute;
	top: 360px;
	width: 50%;
	padding-left: 60px;
	box-sizing: border-box;
}
.header .recommended .area_title {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 30px;
}


.csv_file_link {
	display: inline-flex;
	background: #edffee;
	padding: 10px 20px;
	border: 1px solid #4caf50;
	border-radius: 4px;
	margin: 30px 0;
}
.file_selected_wrapper .file_name {
	background: #e9ffea;
	padding: 13px 30px;
	border: 1px solid #009688;
	display: block;
	border-radius: 9px;
	font-size: 16px;
	color: #148479;
}
.change_upload_file {
	cursor: pointer;
}

table.with_border {
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 14px;
}
table.with_border th, table.with_border td {
	border: 1px solid #ccc;
	padding: 10px 20px;
}
table.with_border th {
	background: #4f4f4f;
	color: #fff;
}

table.full_width {
	width: 100%;
}

table.csv_result {
	border: 1px solid #eee;
	border-collapse: collapse;
	width: 1600px;
	cursor: default;
	font-size: 13px;
}
table.csv_result.wide {
	width: 10000px;
}
table.csv_result th {
	text-align: left;
	font-weight: normal;
	background: #eee;
}
table.csv_result th, table.csv_result td {
	border: 1px solid #eee;
	padding: 10px 10px;
}
table.csv_result tr:hover {
	background: #caefff;
}
.csv_result_wrapper {
	width: 100%;
	overflow-x: scroll;
}


.recommended .area_title::after {
	top: 10px;
}
.recommended .slider img {
	max-height: 160px;
}
.recommended .body {
	width: 260px;
}

.header .half_right {
	margin-left: 50%;
	position: absolute;
	top: 280px;
	width: 50%;
	padding-left: 50px;
	box-sizing: border-box;
}
.add_options a {
	color: #01635a;
	text-decoration: none;
}
.done_register {
	margin-top: 30px;
	padding: 15px 20px;
	background: #009688;
	color: #fff;
	margin-right: 30px;
}
.done_register a {
	text-decoration: underline;
	color: #fff;
}
.done_register i {
	padding-right: 10px;
}
.require_register {
	font-size: 16px;
	margin-top: 50px;
	padding: 15px 20px;
	background: #d42215;
	color: #fff;
	margin-right: 30px;
}
.require_register a {
	font-size: 16px;
	text-decoration: underline;
	color: #fff;
}
.done_register i {
	padding-right: 10px;
}
.show_qrcode_btn {
	display: none;
	width: 100%;
	background: #cae8ff;
	border: 3px solid #306085;
	color: #054678;
	margin: 0 0 50px;
	padding: 15px 0;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
}
.show_qrcode_btn_dark {
	display: none;
	width: 100%;
	background: #003f70;
	color: #fff !important;
	margin: 0 0;
	padding: 15px 0;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
}
.show_qrcode_btn_dark i {
	color: #fff !important;
}
.qrcode_wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	background: #fff;
	top: 0;
	left: 0;
}
.qrcode_wrapper .qrcode_img {
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 300px;
	height: auto;
}
.qrcode_wrapper .close_qrcode_btn {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 15px 30px;
	background: #444;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}
.qrcode_wrapper table {

	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
}
.qrcode_wrapper table th {
	width: 30%;
}

.qrcode_wrapper table td {
	width: 70%;
}

.input_area .qrcode_form .set_btn {
	margin-top: 20px;
	margin-right: 10px;
	background: #009688 !important;
	color: #fff;
	padding: 7px 15px;
	font-size: 14px;
}

.input_area .qrcode_form .clear_btn {
	margin-top: 20px;
	background: #888 !important;
	color: #fff;
	padding: 7px 15px;
	font-size: 14px;
}

.input_area .qrcode_form .error {
    background: #d81c0e;
    font-weight: bold;
    padding: 7px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 8px 0;
}

.slider {
	overflow:hidden;
	margin-left: 50px;

}
.slider button {
	display: none !important;
}
.slider article {
	margin-right: 40px;

}
.slider article .title {
	font-size: 16px;
	margin-bottom: 20px;
}
.slider article .category {
	font-size: 12px;
	margin-bottom: 6px;
}
.slider article .date {
	margin-top: 6px;

	font-size: 12px;
}


.moviepage .header  {
	height: 180px;
}
.movie_area {
	position: relative;
}
.play_button {
	cursor: pointer;
}
.play_button img {
	width: 90px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.player_wrapper {
	position: absolute;
	background: #eee;
	width: 100%;
	height: 700px;
	visibility: hidden;
	top: -9999px;
}
.player_wrapper.active{
	position: relative;
	display: block;
	visibility: visible;
	top: 0;
}
.player_wrapper .error_msg {
	width: 790px;
	margin: 0 auto;
	padding-top: 240px;
	font-size: 30px;
	text-align: left;
}
.player_wrapper .error_msg a {
	font-size: 30px;
	text-decoration: underline;
}
.player_chat_wrapper {
	background: #111;
	width: 100%;
	height: 600px;
	visibility: hidden;
	display: none;
}
.player_chat_wrapper.active{
	display: block;
	visibility: visible;
}
.player_chat_area {
	display: block;
	width: 100%;
	position: relative;
}
.player_chat_wrapper .chat_area  {
	position: absolute;
	top: 0;
	right: 0;
	width: 35%;
}
.player_chat_wrapper .chat_area iframe {
	width: 100%;
	height: 600px;
}
.player_chat_wrapper .player_area {
	width: 65%;
}
.player_chat_wrapper .player_area iframe {
	width: 100%;
	height: 600px;
	position: inherit !important;
}
.pdf_area .error_msg {
	width: 790px;
	margin: 0 auto;
	font-size: 30px;
	text-align: left;
}
.title_wrapper_bottom {
	background: #dadada;
	padding: 30px 10%;
	visibility: hidden;
	display: none;
	box-sizing: border-box;
}
.title_wrapper_bottom.active{
	display: block;
	visibility: visible;
}

.title_wrapper_bottom .title {
	font-size: 30px;
}
.player_wrapper iframe {
	margin: 0 auto;
	display: block;
	width: 1000px;
	height: 700px;
}
.player_wrapper .no_capability {
	text-align: center;
	font-size: 26px;
	padding-top: 220px;
}
.player_wrapper .no_capability a {
	font-size: 26px;
	text-decoration: underline;
}
.main_area .author {
	margin-top: 50px;
	width: 100%;
	padding: 26px 20px;
	border: 1px solid #dcdcdc;
	background: #f5f5f5;
	box-sizing: border-box;
}
.author_inner {
	padding: 0 40px;
}

.card_area .author img {
	position: relative;
	right: -180px;
}
.main_area .author span {
	font-size: 12px;
}
.main_area .author li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.main_area .author li.left {
	list-style: none;
	width: 25%;
	text-align: center;
	border-right: 1px solid #999;
	padding-right: 20px;
}
.main_area .author li.right {
	list-style: none;
	width: 65%;
	padding-left: 35px;
	font-size: 14px;
	text-align: left;
}
.main_area .author li.right li {
	list-style: square;
	display: list-item;
}
.main_area .author table th,.main_area .author table td {
	font-size: 14px;
	vertical-align: top;
}
.download_link {
	display: block;
	margin-top: 30px;
	line-height: 20px;
}
.comment_header {
	font-weight: bold;
	font-size: 15px;
}
.comment_header span {
	padding-left: 10px;
	color: #adadad;
}
.comment_text {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0;
}
.single_comment {
	margin-top: 30px;
	margin-bottom: 50px;
}
.comment_form_section {
	margin-top: 30px;
}
.comment_desc, .comment_desc a {
	color: #13a799;
}
.download_link img {
	vertical-align: middle;

}
a.underline {
	text-decoration: underline;
}
a.default_font {
	font-size: inherit;
}
a.font_blue {
	color: #0d0099;
}
.confirm_to_term_area {
	margin-top: 60px;
}
.confirm_checkbox {
	transform: scale(1.5);
	margin-right: 20px;
}
.checkbox_block {
	display: block;
}
.main_area .tags {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 30px;
}
.main_area .tags li {
	display: inline-block;
	padding: 10px 20px;
	background: #eee;
	font-size: 14px;
	margin-bottom: 13px;
	margin-left: 10px;
}
ol ol {
	counter-reset: list;
	margin-left: 0;
}
ol ol > li {
	list-style: none;
}
ol ol > li:before {
	content: "("counter(list) ") ";
	counter-increment: list;
	margin-left:-25px;
}
.terms_area li {

	font-size: 16px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.confirm_terms a {
	font-size: inherit;
	color: #3f51b5;
	text-decoration: underline;
}
.confirm_terms input[type="checkbox"] {
	transform: scale(1.4);
	margin-right: 13px;
}
.hide {
	display: none !important;
}
.invisible {
	visibility: hidden;
}
.movie_area .background {
	width: 100%;
	background: url('../img/figure3.png');
	height: 620px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	visibility: hidden;
	display: none;
}
.movie_area .background.active {
	visibility: visible;
	display: block;
}
.movie_area .mov_background_cover {
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 620px;
	position: absolute;
	top: 100px;
	color: #fff;
	visibility: hidden;
	display: none;

}
.movie_area .mov_background_cover.active {
	visibility: visible;
	display: block;
}
.movie_area .mov_background_cover .title_wrapper {
	position: absolute;
	bottom: 15%;
	right: 90px;
}

.movie_area .mov_background_cover .title_wrapper h4 {
	font-size: 30px;

}
.movie_area .mov_background_cover .title_wrapper span.eventname,
.title_wrapper_bottom span.eventname {
	font-size: 16px;
}
.movie_area .mov_background_cover .title_wrapper a {
	color: #fff;
}
.sidebar {
	width: 25%;

	vertical-align: top;
	display: inline-block;
}
.sidebar .title {
	font-size: 18px;
	background: #333;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 60px 30px;
	box-sizing: border-box;
}
.sidebar .title a {
	color: #fff;
}
.sidebar .title span { 
	font-size: 18px;
	display: block;
}
.sidebar .title a {
	color: #fff;
}
.sidebar ul li {
	list-style: none;
	width: 100%;
	background: #eee;
	box-sizing: border-box;
	border-top: 2px solid #fff;
}
.movie_contents.dark .sidebar ul li {
	list-style: none;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-top: 2px solid #e8e8e8;
}
.sidebar ul li a {
	padding: 20px 20px;
	display: block;
}
.sidebar .banner_img img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.main_area {
	width: 74%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 50px;
}
.main_area .caption {
	width: 600px;
	margin: 0 auto;
	font-size: 16px;
}
.main_area .caption.left {
	text-align: left;
}
.red {
	color: red;
}
.main_area h3 {
	padding-bottom: 18px;
	font-size: 22px;
	/* border-bottom: 1px solid #333; */
}
.main_area h3:not(:first-of-type) {
	margin-top: 50px;
}

.featured {
	margin-top: 40px;
	width: 100%;
	height: 400px;
	background: url('../img/featured.png');
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;

}
.featured .background {
	background: rgba(33,33,33,0.27);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.featured .card_area { 
	width: 80%;
	height: 400px;
	margin: 0 auto;
	position: relative;
}
.featured .card { 
	background: #fff;
	position: absolute;
	width: 400px;
	top: 200px;
	height: 200px;
	padding: 20px 40px;
	box-sizing: border-box;
}
.featured .card .title { 
	font-size: 17px;
	font-weight: normal;
	line-height: 24px;
}
.featured .card .author {
	font-size: 16px;
	display: block;
	text-align: right;
	padding-top: 20px;
	position:relative;
	background: #fff;
}
.featured .card .author::before {
	background: #eee;
	position:absolute;
	left: 0px;
	top: 30px;
	width: 200px;
	height: 1px;
	content:"";
}
.featured .card .tag {
	margin-top: 20px;
	font-size: 13px;
	font-weight: bold;
	display: block;
}
.featured .card .date {
	font-size: 13px;
	font-weight: 300;

}
.featured .card .views {
	float: right;
	font-size: 13px;
	font-weight: 300;

}

.taglist .tag_area a {
	background: #ececeb;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
	margin-right: 10px;
	line-height: 60px;
	white-space: nowrap;
}

.taglist .tag_area {
	max-width: 900px;
	margin: 0 auto;
	min-height: 400px;
	margin-top: 40px;
}
.search_by_tag {
	margin-top: 40px;
	width: 100%;
	height: 400px;
	background: url('../img/search_tag.png');
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;

}
.search_by_tag .background {
	background: rgba(33,33,33,0.67);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.search_by_tag .area_title, .search_by_tag .area_sub {
	color: #fff;
}

.search_by_tag .inner {
	position: relative;
}
.search_by_tag .area_title::after {
	background: #fff;
	top: 60px;

}
.search_by_tag .tag_area {
	margin-left: 30%;
	position: absolute;
	top: 90px;
}
.search_by_tag .tag_area a {
	background: #ececeb;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
	margin-right: 10px;
	line-height: 60px;
	white-space: nowrap;
}
.search_by_tag .tag_area a:hover {
	background: #eee;
}
.inner {
	width: 80%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 400px;
}
.inner.wide {
	width: 90%;
}
.inner.widest {
	width: 97%;
}
.latest_movie {
	background: #f0f0f0;

}
.bytag_movies {

}
.view_more_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	width: 300px;
	height: 55px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	margin-bottom: 50px;
	cursor: pointer;
}
.view_more_btn:hover {
	background: #eee;
}
.view_more_btn.dark {
	border: 1px solid #333;
}
.view_more_btn.transparent {
	background: #eee;
	border: 1px solid #878787;
}
.view_more_btn.transparent:hover {
	background: #ddd;
}
.view_more_btn.disabled {
	background: #f1f1f1;
}
.view_more_btn img {
	position: absolute;
	right: 34px;
	top: 22px;
}
.button {
	position:relative;
} 
.button img {

	position: absolute;
	right: 22px;
	top: 20px;
}
.view_more_btn.red_btn {
	background: #ffebeb;
	color: #810000;
	border: solid 1px #810000;
}
.view_more_btn.red_btn:hover {
	background: #ffcfcf;
}
.area_sub {
	margin: 10px 0 35px;
	font-size: 17px;
	display: block;

}

.area_title {
	position: relative;
	font-size: 34px;
	display: block;

	font-weight: 400;
	font-style: normal;
}
.area_title::after {
	background: #333;
	position:absolute;
	top: 19px;
	width: 40px;
	height: 2px;
	content:"";
	margin-left: 20px;
}

.export_pdf_btn {
	margin: 0 auto;
	background: #aaa;
	padding: 20px 30px;
	margin-bottom: 120px;
	color: #fff;
	font-size: 20px;
	max-width: 700px;
	text-align: center;
	display: block;
	background: #aaa;
	cursor: pointer;
}
.export_pdf_btn.active {
	background: linear-gradient(70deg, #17246b, #283479);
}

.el_top_certificate_wrapper .export_pdf_btn {
	margin-bottom: 20px;
}

.single_export_pdf_btn {
	margin: 0 auto;
	background: #aaa;
	padding: 15px 30px;
	margin-top: 20px;
	margin-bottom: 60px;
	color: #fff;
	font-size: 20px;
	max-width: 400px;
	text-align: center;
	display: block;
	background: #aaa;
	cursor: pointer;
	border-radius: 35px;
}
.single_export_pdf_btn.active {
	background: linear-gradient(70deg, #17246b, #283479);
}


.about_us .area_title::after {
	top: 66px;
	left: 171px;
}

.channels_area {
	height: 930px;


}
.channels_area {
	position: relative;
}
.channels_area .background { 
	position: absolute;
	width: 30%;
	height: 100%;

	overflow: hidden;
	background-size: cover;
	background-position: center;
	background: url('../img/channels_bg.png');

}

div.upload_caution {
	margin-top: 20px;
	color: #d44444;
	font-size: 13px;
}
div.upload_caution a {
	color: #0087F7;
	text-decoration: underline;
}
.channels_area .channel_list {
	margin-left: 30%;
	background: #f0f0f0;
	height: 100%;
	padding: 120px 60px 0 120px;
	box-sizing: border-box;

}
.channels_area .channel_list .area_title {
	margin-top: 0;
}
article .date {
	margin-top: 20px !important;
	font-size: 14px;
}
article .date img {
	margin-right: 10px;
	vertical-align: middle;
}


.about_us {
	background: #f5f5f5;
	padding: 30px 0 80px;
}



.about_us .title {
	width: 30%;
}

.about_us .area_title {
	margin-top: 0;

}
.about_us .message {
	width: 70%;
	line-height: 40px;
	font-size: 16px;
	color: #333333;
}
.about_us span{
	display: block;
}
.footer {
	background: #333;
	color: #fff;
}
.footer .title {
	width: 60%;

}
.views, .views img {
	vertical-align: middle;
}

.card_area .author img {
	position: absolute;
	right: 90px;
}
.mov_content_area .author img {
	max-width: 50%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.footer .link_area {
	float: right;
}
.footer .link_area ul {
	display: inline-block;
	width: fit-content; 
	font-size: 14px;
	list-style: none;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: 70px;
}

.footer .link_area li {
	margin-bottom: 10px;
}

.footer .link_area a {
	color: #fff;
}

.copyright {
	width: 100%;
	border-top: 1px solid #4b4b4b;
	text-align: center;

	font-size: 13px;
	padding: 20px 0;

}

/***
短いヘッダー対応
*/

.short_header .header .background_area {
	height: 205px !important;
}
.short_header .background_cover {
	height: 205px !important;
}
.short_header .header  {
	height: 205px;
}
/***
シンプル固定ページ対応
*/


.body_main {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
.text_center {
	text-align: center;
}
.page_header {
	width: 600px;
	margin: 0 auto;

}
.page_header.wide {
	width: 100%;
	position: relative;

}
.img_back {
	width: 100%;
	height: 180px;
	background-image: none !important;
	background: none;
}
.page_header .background {
	display: table;
	background: #ededed;
	color: #338c91;
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
}
.page_header .background h3 {
	display: table-cell;
	border: none;
	font-size: 40px;
	color: rgb(51 140 145);
	vertical-align: middle;
	height: 100%;
	padding-bottom: 0;
	text-align: center;
}

.page_header .background h3 br {
	display: none;
}
.page_header .background h4 {
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.page_header h3 {
	font-size: 26px;
	text-align: center;
	border-bottom: 2px solid #666;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.page_header .background h3 {
	padding: 0;
}
.page_body {
	min-height: 300px;
}
.page_body, .page_body p {

	font-size: 16px;
	line-height: 28px;
}
.page_body, .page_body .input_area p {

}
.page_body .caption {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 60px;

}
.page_body .caption.left {
	text-align: left;
}
.page_body .caption a {
	color: #3f51b5;
	font-size: 16px;
}
.page_body .caption span {
	font-size: 16px;
}
.page_body .info_body {
	max-width: 950px;
	margin: 0 auto;
	margin-top: 90px;
	padding-bottom: 60px;
}
.input_area :disabled, .input_area input:read-only {
	background: #ccc !important;
}

.input_description {
	font-size: 14px;
	color: #333;
	display: block;
}
/***
ログインページ対応
*/
#loginform {
	width: 600px;
	margin: 0 auto;

}
#loginform input[type="text"], #loginform input[type="password"] {
	width: 100%;
	background: #f3f3f3;
	height: 50px;
	font-size: 20px;
	border: 0;
	padding: 0 20px;
}

#loginform input[type="submit"] {
	appearance: none;
 	-webkit-appearance: none;
	border: 1px solid #333;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	width: 300px;
	height: 55px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	margin-bottom: 50px;
	cursor: pointer;
}
#loginform input[type="submit"]:hover {
	background: #333;
	color: #fff;
}
p.login-password {
	margin-bottom: 40px;
}
a[href="/password_reset/"] {
	color: green;
	text-decoration: underline;
	font-size: 16px;
}
/***
e-learning
*/
p.progress_test {
	color: #FF5722;
	font-weight: bold;
}

/***
アップロード欄対応
*/
h4.bread {
	font-size: 19px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 40px;
}
h4.bread a {
	font-size: 19px;
}
.files_list {
	min-height: 500px;
}
.files_list table {
	width: 100%;
	border-collapse: collapse;
}
.files_list table .hidden td {
	background-color: #9b9b9b !important;
}
.files_list table tr {
	border-bottom: 1px solid #ddd;
}
.files_list table th {
	padding: 20px 0px;
	font-size: 16px;
}
.files_list.payment_history td:first-child {
	width: 40%;
}
.files_list.payment_history td:last-child {
	text-align: center;
}
.files_list.payment_history td i {
	font-size: 26px;
	color: #009688;
}
.files_list.participate td:first-child {
	width: 45%;
}
.files_list.participate th:not(:first-child) {
	text-align: center;
}
.files_list.participate td:not(:first-child) {
	text-align: center;
}
.files_list.participate td i {
	font-size: 26px;
	color: #009688;
}



.files_list.additional_app td:first-child {
	width: 30%;
}
.files_list.additional_app td:nth-child(2) {
	width: 30%;
}
.files_list.additional_app th:not(:first-child) {
	text-align: center;
}
.files_list.additional_app td:not(:first-child) {
	text-align: center;
}
.files_list.additional_app td i {
	font-size: 26px;
	color: #009688;
}

.files_list .bank_alter_btn {
	display: block;
	width: fit-content;
	padding: 7px 18px;
	font-size: 13px;
	border-radius: 2px;
	background: #00579d;
	color: #fff;
}

.participate_info_form {
	display: inline-block;
}
.participate_info_btn {
	border: 0;
	cursor: pointer;
	background: none;
}

.input_area iframe {
	width: 100%;
}

.input_area.upload_file h4 {
	border-top: 1px solid #ddd;
	padding-top: 30px;
	padding-bottom: 20px;
}
.input_area.upload_file h4 span { 
	padding-left: 20px;
}
.input_area textarea {
	width: 100%;
	background: #f3f3f3;
	height: 50px;
	font-size: 15px;
	border: 0;
	padding: 10px 10px;
	min-height: 250px;
	box-sizing: border-box;
}
.input_area textarea.short {
	min-height: 70px;
}
.input_area img {
	max-width: 100%;
}
.files_list table th, .files_list table td {
	border: 0;
	text-align: left;
	font-size: 16px;
	padding: 20px 10px;

}
.inner table td.small_font {
	font-size: 14px;
}
.files_list table td a {
	font-size: 17px;
	display: block;
	width: 100%;
	height: 100%;

}
.files_list table td a i {
	color: #777;
	margin-right: 10px;
}
.files_list table td a i.fa-video {
	color: #4584b5;
}
.files_list table td a i.fa-file-pdf {
	color: #20a094;
}
.files_list table td a i.fa-file-pdf {
	color: #20a094;
}
.files_list.col3 table td:first-child {
	width: 70%;
}
.files_list.col4 table td:first-child {
	width: 65%;
}
.files_list.col3 table td:nth-child(2), .files_list.col3 table td:nth-child(3) {
	font-size: 13px;
}
.files_list.col6 table td:first-child {
	width: 40%;
}
.files_list.col12 table td:first-child {
	width: 20%;
}

.files_list .center {
	text-align: center;
}

.sortable_container li {
	list-style: none;
	padding: 20px 40px;
	cursor: move;
	font-size: 16px;
}
.sortable_container li:nth-child(odd) {
	background: #dfdfdf;
}
.sortable_container li:nth-child(even) {
	background: #ededed;
}

/**
* フォント装飾
*/
.blue_font {
	color: #0000db;
	font-weight: bold;
}
.font_bold {
	font-weight: bold;
}
.font_16px {
	font-size: 16px;
}

.update_btn {
	display: block;
	width: 180px;
	margin: 0 auto;
	margin-top: 40px;
	padding: 15px 30px;
	background: #1a2567;
	color: #fff;
	text-align: center;
}
.back_btn {
	display: block;
	box-sizing: border-box;
	width: 180px;
	margin: 0 auto;
	margin-top: 40px;
	padding: 15px 30px;
	background: #555;
	color: #fff;
	text-align: center;
}
.page_body .input_area .back_btn {
	display: block;
	box-sizing: border-box;
	width: 180px;
	margin: 0 auto;
	margin-top: 40px;
	padding: 15px 30px;
	background: #555 !important;
	color: #fff;
	text-align: center;
}



/* 編集者画面　検索フォーム */

.search_form_wrapper {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
	padding: 50px 80px;
	background: #e3e3e3;
}
.search_form_wrapper .search_box {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.search_form_wrapper .search_box div {
	margin-bottom: 20px;
}
.search_form_wrapper .search_box .label {
	width: 20%;
	font-size: 16px;
}
.search_form_wrapper .search_box .item {
	width: 80%;
	display: flex;
	align-items: center;
}
.search_form_wrapper .search_box .item input {
	width: 100%;
	font-size: 16px;
	padding: 8px 15px;
	border: 0;
	background: #f9f9f9;
}
.search_form_wrapper .search_box .item input::placeholder {
	color: #ccc;
}
.search_form_wrapper .search_box .item.half input:first-child {
	margin-right: 6px;
}
.search_form_wrapper .submit_search_btn input {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
    background: #009688;
	color: #fff;
	border: 0;
	padding: 10px 30px;
    font-size: 16px;
}
.search_form_wrapper .search_box .item select {
	background: #f9f9f9;
	width: 100%;
	height: 38px;
	font-size: 16px;
	border: 0;
	padding: 0 10px;
}
.search_form .search_checkbox_wrapper {
	margin-top: 20px;
}
.search_form .search_checkbox_wrapper label {
	font-size: 18px;
	color: #fff;
	padding: 0 10px;
}
.search_form .search_checkbox_wrapper input[type="checkbox"] {
    accent-color: #daefff;
}

/* 検索フィールド */

.top_search_field {
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 70px;
	text-align: center;
}
.top_search_field input[type="text"] {
	font-size: 18px;
	padding: 15px 10px;
	width: 70%;
	border: 0;
}
.top_search_field input[type="submit"] {
	font-size: 18px;
	padding: 15px 10px;
	background: #009688;
	color: #fff;
	width: 15%;
}
.files_list .registered_btn {
	float: right;
	margin-right: 20px;
	padding: 10px 20px;
	cursor: default;
	background: #aeaeae;
	color: #fff;
}
.files_list .add_btn {
	float: right;
	margin-right: 20px;
	padding: 10px 20px;
	cursor: pointer;
	background: #15247b;
	color: #fff;
}
.files_list .clear_btn {
	float: right;
	margin-right: 20px;
	padding: 10px 20px;
	cursor: pointer;
	background: #c50043;
	color: #fff;
}

/*
* モーダルウィンドウ
*/

.modal_bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(84 84 84 / 90%);
}
.modal_container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	z-index: 50000;
	background: #ffffff;
	padding: 60px 50px;
	box-sizing: border-box;
	font-size: 16px;
	overflow-y: scroll;
}
.modal_container.small {
	width: 60%;
	height: max-content;
	padding: 50px 50px;
}
.modal_container.noscroll {
	overflow-y: hidden;
}
.modal_container h3 {
	text-align: center;
	font-size: 22px;
	margin: 10px 0 30px;
}
.modal_container h4 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
}
.modal_container p {
	text-align: center;
}
.modal_container .form_container {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
    width: 60%;
}
.modal_container input[type="text"]{
    border: 1px solid #bcbcbc;
    font-size: 18px;
    padding: 10px 15px;
    width: 100%;
}
.modal_container select {
    border: 1px solid #bcbcbc;
	width: 100%;
	padding: 15px 10px;
}
.modal_container input[type="submit"] {
	background: #235682;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    width: 180px;
}
.modal_container table {
	border-collapse: collapse;
	width: 100%;
}
.modal_container table th {
	width: 30%;
}
.modal_container button {
	display: block;
    margin: 0 auto;
    margin-top: 50px;
    padding: 10px 30px;
    cursor: pointer;
    color: #Fff;
    border: 0;
    width: 180px;
}
.modal_container .cancel_btn {
    background: #bb1010;
}
.modal_container .close_btn {
    background: #757575;
}

/*
* 警告用モーダルウィンドウ
*/

.modal_background_gray {
	position: fixed;
	background: rgb(18 18 18 / 81%);
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
}
.modal_alert_wrapper {
	position: fixed;
	background: #fff;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	padding: 20px 40px;
	width: fit-content;
	box-sizing: border-box;
}
.modal_alert_wrapper a {
    color: #3F51B5;
    text-decoration: underline;
}

/***
ページネーション対応
*/
.pagination_wrapper {
	margin-top: 30px;
	text-align: center
}
.pagination_wrapper ul li {
	display: inline-block;
	border: 1px solid #444;
	margin: 0 6px;
	margin-bottom: 20px;
}
.pagination_wrapper ul li a {
	display: block;
	padding: 8px 12px;
}
.pagination_wrapper ul li a:hover {
	background: #ddd;
}
.pagination_wrapper ul li.current a {
	background: #333;
	color: #fff;
}


/***
入力欄対応
*/

.input_area {
	width: 600px;
	margin: 0 auto;
}
.input_area.payment_form {
	width: 750px;
}
.input_area.wide {
	width: 900px;
}

.disabled input[type="text"], .disabled input[type="password"], .disabled input[type="radio"], .disabled select {
	pointer-events: none;

}
.input_area h3 {
	font-size: 24px;
	margin-top: 35px;
	margin-bottom: 16px;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
	font-weight: normal;

}
.input_area h4 {
	margin-top: 28px;
	margin-bottom: 14px;
	font-weight: 500;
	font-size: 17px;
}
.input_area h4 span {
	font-size: 13px;
	color: #333;
	vertical-align: top;
}
.input_area h5 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 17px;
	color: #333;
}
.input_area h6 {
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: normal;
	font-size: 15px;
	color: #333;
}
.input_area h6 span {
	color: #555;
	font-weight: normal;
	font-size: 13px;
}
.input_area.payment_form h4, 
.input_area.payment_form h5 {
	font-weight: bold;
}

.input_area div.description {
	margin-bottom: 8px;
}
.input_area input[type="text"], .input_area input[type="email"], .input_area input[type="password"] {
	width: 100%;
	background: #f3f3f3;
	height: 50px;
	font-size: 20px;
	border: 0;
	padding: 0 20px;
	box-sizing: border-box;
}

.input_area input[type="text"].short {
	width: 120px;
}
.input_area input[type="text"].veryshort {
	width: 80px;
}

.input_area input[type="datetime-local"] {
	width: 100%;
	font-size: 17px;

	padding: 5px 20px;
	box-sizing: border-box;
}

.input_area input[type="radio"] {
	width: 20px;
	height: 20px;
	background: #f3f3f3;
	border: 0;
	top: 4px;
	position: relative;
	padding-right: 2px;
	margin-bottom: 20px;
	margin-right: 5px;
}
.input_area label {
	margin-right: 20px;
	white-space: nowrap;

}
.input_area .label_block {
	display: block;
}
.input_area .half {
	width: 46%;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
}
.input_area .half.second {
	margin-right: 0;
}
.input_area select {
	background: #f3f3f3;
	height: 50px;
	font-size: 20px;
	border: 0;
	padding: 0 20px;
}
.input_area select.full {
	width: 100%;
}
.input_area select.middle {
	width: 30%;
}
.input_area select.small {
	width: 15%;
}
.input_area .required {
	color: #de2b1e;
	margin-right: 5px;
	font-weight: bold;
}
.input_area span.optional {
	background: #e8e8e8;
	color: #2f2f2f;
	padding: 3px 10px;
	font-size: 12px;
	margin-left: 15px;
}
.input_area .option_title {
	background: #424973;
	padding: 10px 20px;
	color: #fff;
}
.input_area .option_select {
	background: #eaedff;
	padding: 10px 20px;
	margin-bottom: 30px;
}
.input_area .option_select select {
	background: #fff;
	height: 35px;
	padding: 0;
	font-size: 15px;
}
.required {
	color: #de2b1e;
	margin-right: 5px;
	font-weight: bold;
}
.input_area .error_general {
	box-sizing: border-box;
	background: #d81c0e;
	padding: 15px 20px;
	border-radius: 10px;
	width: 100%;
	color: #fff;
}

.input_area .error {
	color: #d81c0e;
	font-weight: bold;
	padding: 10px 4px;
}
.input_area.payment_form .error {
    background: #d81c0e;
    font-weight: bold;
    padding: 7px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 8px 0;
}
.input_area .alert_message {
	box-sizing: border-box;
	background: #d81c0e;
	padding: 15px 20px;
	border-radius: 10px;
	width: 100%;
	color: #fff;
}

.input_area input.alert, .input_area textarea.alert, .input_area select.alert {
	background: #fdd6d3 !important;

}
.input_area .update_complete {
	box-sizing: border-box;
	background: #009688;
	padding: 15px 20px;
	border-radius: 10px;
	width: 100%;
	color: #fff;
}
.break {
	margin: 80px;
}
.break_half {
	margin: 40px;
}
.break_tiny {
	margin: 10px;
}

.input_area .ql-toolbar button {
	margin-bottom: 0px !important;
}

.input_area .quill_editor {
	height: 250px !important;

}

.input_area.payment_form input, 
.input_area.payment_form select, 
.input_area.payment_form textarea, 
.input_area.payment_form h6, 
.input_area.payment_form .indent, 
.input_area.payment_form .error, 
.input_area.payment_form .large_upload_box, 
.input_area.payment_form .file_selected_wrapper, 
.input_area.payment_form .description {
	margin-left: 15px;
}

/*
* クリップボード関連
*/

.empty_thumb_message {
	margin-bottom: 20px;
	padding: 20px 40px;
	width: fit-content;
	background: #585858;
	color: #fff;
}
.clipboard_wrapper {
	margin: 0 0 15px;
}
.clipboard_wrapper span {
	margin-right: 5px;
	padding: 5px 10px;
	background: #008d7f;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-radius: 5px;
}
.clipboard_message {
	display: none;
}
.clipboard_message.active {
	display: block;
	position: fixed;
	width: 300px;
	bottom: 50px;
	right: 50px;
	padding: 20px 20px;
	background: rgb(0 141 127 / 70%);
	color: #fff;
	font-size: 16px;
	border-radius: 10px;
	z-index: 99999;
}

.input_area .email_content_area {
	height: 500px;
}
.email_presenter_box {
	margin-left: 30px;
}
.email_presenter_box h5 {
	margin: 10px 0 5px;
	font-size: 16px;
}

.detail_table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.detail_table th,
.detail_table td {
	padding: 10px 20px;
	border: 1px solid #aaa;
	text-align: left;
}
.detail_table th {
	width: 20%;
	background: #004174;
	color: #fff;
	font-weight: normal;
}
.detail_table td {
	background: #fff;
}

/*
* Quill関連
*/

.quill_editor span {
	font-size: inherit;
}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
	min-width: auto !important;
}

/*
* ボタン関連
*/

.preview_btn {
	position: fixed;
	right: 90px;
	bottom: 145px;
	background: #009688;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 888;
}
.preview_btn_2 {
	position: fixed;
	right: 90px;
	bottom: 70px;
	background: #602fb7;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 888;
}
.reload_btn {
	position: fixed;
	right: 90px;
	bottom: 220px;
	background: #23317e;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 888;
}
.delete_btn {
	position: fixed;
	left: 90px;
	bottom: 70px;
	background: #f44336;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 888;
}
.history_btn {
	position: fixed;
	right: 90px;
	bottom: 70px;
	background: #1a2d99;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 888;
}

.preview_float_btn_wrapper {
	position: fixed;
	right: 60px;
	bottom: 30px;
	z-index: 888;
}
.preview_float_btn_wrapper a {
	display: block;
	margin: 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	background: #003d6d;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.preview_float_btn_wrapper a.disabled {
	background: #009688;
}

/*
* 編集エリア
*/


.input_area button {
	appearance: none;
 	-webkit-appearance: none;
	border: 1px solid #333;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	width: 300px;
	min-width: fit-content;
	height: 55px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	margin-bottom: 50px;
	cursor: pointer;
}
.input_area button:hover {
	background: #333;
	color: #fff;
}
.input_area button.half {
	display: inline-flex;
	min-width: inherit;
}

.favorite_button {
	background: #d52543;
	color: #fff;
	display:inherit;
	padding: 10px 20px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	margin: 0 auto;
	margin-bottom: 30px;
	float: right;
}
.favorite_button.unlike {
	background: #aaa;
}
.favorite_button.green {
	background: #27777c;
}
.favorite_button:hover {
	opacity: 0.85;
}
.register_ch_btn {
	position: absolute;
	top: 0;
	right: 30px;
	margin: 0 auto;
	margin-bottom: 30px;
	background: #d52543;
	color: #fff;
	display: inherit;
	padding: 10px 20px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
}
.register_ch_btn.cancel {
	background: #aaa;
}
.search_area {
	position: fixed;
	width: 100%;
	height: 100%;
	background: linear-gradient(25deg, rgb(0 28 183), rgb(0 155 175 / 95%));
	top: 0;
	left: 0;
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
}
.search_area.active {
	visibility: visible;
	opacity: 1;

	transition-duration: 0.6s
}
.search_area .closebtn {
	position: fixed;
	top: 60px;
	right: 60px;
	font-size: 36px;
	color: #fff;
	cursor: pointer;
}
.popup_poster_iframe .closebtn {
	position: fixed;
	top: 7px;
	right: 15px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	z-index: 10000;
}
#poster_fullscreen_btn {
	display: none;
}
.search_div {
	margin: 0 auto;
	margin-top: 10%;
	width: 500px;
}
.search_div h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.search_div .description {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}
.search_div .view_more_btn {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
	margin-top: 80px;
}
.search_div .view_more_btn i {
	position: absolute;
	right: 20px;
	font-size: 24px;
}
.signup_step {
	margin-top: 20px;
}
.signup_step ul {
	text-align: center;
	margin-bottom: 20px;
}
.signup_step ul li {
	list-style: none;
	display: inline-block;
	margin: 30px 15px;
}
.signup_step.narrow ul li {
	list-style: none;
	display: inline-block;
	margin: 30px 8px;
}
.signup_step.very_narrow ul li {
	list-style: none;
	display: inline-block;
	margin: 30px 4px;
	font-size: 16px;
}
.signup_step ul li .round {
	display: inline-block;
	background: #fff;
	height:30px;
	width:30px;
	border-radius:50%;
	line-height:30px;
	border: 1px solid #aaa;
	margin-right: 16px;
	text-align: center;
}
.signup_step ul li .round.current {
	background: #eee;
}
.signup_step.narrow ul li .round {
	margin-right: 6px;
}
.signup_step.very_narrow ul li .round {
	margin-right: 5px;
}
.signup_step.very_narrow ul li .round {
	height:26px;
	width:26px;
	line-height:26px;
}
.jump_enabled li {
	cursor: pointer;
}

.hide {
	display: none !important;
}

div.mov_description {
	margin-bottom: 20px;
}
div.mov_description h4 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.mov_description p {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}
div.mov_description table td {
	font-size: 15px;
	vertical-align: top;
}
/***
よくある質問　固定ページ対応
*/
.faq_box  {
	border-bottom: 1px solid #d6d6d6;
	padding: 30px 20px;
	color: #333;
}
.faq_box:last-child  {
	border-bottom: none;
}
.faq_box  p {
	line-height: 1.6em;

}
.faq_box  .answer {
	padding-top: 6px;
	font-size: 0.9em;
	color: #555;

}
.faq_box .question p {
	font-size: 18px;

	font-weight: bold;
	color: #42399c;
}
.faq_box .question .switch_button{
	float: right;
	font-size: 30px;
}

h4.center_title {
	text-align: center;
	font-size: 22px;
	margin-top: 45px;
	margin-bottom: 10px;
}
h4.center_title i {
	margin-right: 10px;
}
.page_body h2{
	text-align: center;
	margin: 60px 0 60px;
}
.page_body h3{
	margin: 40px 0 20px;
}
/***
コメントフォーム対応
*/

textarea#comment {
	width: 100%;
	height: 140px;
	background: #f3f3f3;
	border: none;
	padding: 10px;
	font-size: 16px;
}
.comment-form input#submit {
	background: #009688;
	color: #fff;
	display: inherit;
	padding: 10px 20px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 16px;
}
.comment_float_btn {
	position: fixed;
	right: 50px;
	bottom: 50px;
	padding: 15px 40px;
	font-size: 20px;
	background: #186468;
	color: #fff;
	border-radius: 10px;
	z-index: 500;
	cursor: pointer;
}
.comment_float_btn:hover {
	background: #208d93;
}
.comment_float_btn i {
	margin-right: 20px;
}
.comment_modal {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 500;
	width: 50%;
	background: #dee7de;
	padding: 20px 40px;
}
.comment_modal h3 {
	padding-bottom: 10px;
	color: #186468;
	font-size: 24px;
	font-weight: bold;
}
.comment_modal p {
	font-size: 17px;
}
.close_comment_modal {
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 20px;
	cursor: pointer;
}


/***
コメントフォーム対応
*/

textarea, input[type="submit"] {
	box-sizing: border-box;

}
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
#loginform #wp-submit {
	margin-top: 40px;
}
.login_error {
	background: #ec0000;
	padding: 10px 20px;
	color: #fff;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.login_error a {
	color: #fff;
	font-size: inherit;
	text-decoration: underline;
}
.no_comment {
	font-size: 16px;
	margin: 30px 0 60px;
}
.login_required {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding: 15px 20px;
	background: #f5f5f5;
	margin-top: 50px;
	border: 1px solid #f3f3f3;
}
.login_required a {
	text-decoration: underline;
}
.comment-respond h4 {
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0;

}
/***
サブメニュー対応
*/

.header .main_menu .submenu {
	position: absolute;
	left: 275px;
	top: 80px;
	width: 180px;
	display: none;
	z-index: 700;
}
.header .main_menu .submenu.active {
	display: block;

}
.header .main_menu .submenu li {
	background: #eee;
	width: 100%;
	text-align: center;
	margin-right: 0;
	border-bottom: 1px solid #fff;
}
.header .main_menu .submenu li:hover {
	background: #ddd;

}
.header .main_menu .submenu:before {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eee;
	top: -10px;
	left: 83px;
}

.header .main_menu .submenu li a {
	font-size: 13px;
	width: 100%;
	display: block;
	height: 100%;
	padding: 12px 0;

}


.openmenu a {
	width: 100%;
	display: block;
	height: 100%;
	border-radius: 35px;
}

.openmenu:hover {
	opacity: 0.8;
}
.movie_contents {
	font-size: 14px;
}
.movie_contents.dark {
	background: #efefef;
}
.movie_contents .logo_area {
	margin-bottom: 40px;
	position: relative;
}
.movie_contents .logo_area img {
	max-width: 50px;
	max-height: 50px;
	width: auto;
	height: auto;
	margin-right: 15px;
	vertical-align: middle;
}
.movie_contents .logo_area h4 {
	/*margin-top: 13px;*/
	font-size: 16px;
	display: inline-block;
	/*vertical-align: top;*/
	height: 50px;
}
.movie_contents .logo_area h4 span { 
	display: block;
	font-size: 12px;
	padding-top: 3px;
	font-weight: light;
}
.survey_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	background: #fff;
}
.survey_bg.active {
	visibility: visible;
	opacity: 1;

}
.survey_area {
	position: absolute;
	top: -99999px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
}
.survey_area.active {
	visibility: visible;
	opacity: 1;
	top: 0;
	transition-duration: 0s;
}
.survey_area .closebtn {
	position: fixed;
	top: 60px;
	right: 60px;
	font-size: 36px;
	color: #4c4c4c;
	cursor: pointer;
}

.survey_notice {
	margin: 50px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.survey_div, .survey_area .complete {
	margin: 0 auto;
	margin-top: 75px;
	width: 930px;
}
.survey_div h3, .survey_area .complete h3 {
	font-size: 30px;
	color: #4c4c4c;
	text-align: center;
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.survey_div .description {
	font-size: 15px;
	color: #4c4c4c;
	text-align: center;
	margin-bottom: 40px;
}
.survey_div .question {
	color: #4c4c4c;
	font-size: 17px;
}
.survey_div .question_box {
	margin: 30px 0 40px;
}
.survey_div .question_box h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0;
}
.survey_div .question_area {
	margin-top: 60px;
	padding: 0 10px;
}
.survey_div .question_area textarea {
	width: 100%;
	background: #f3f3f3;
	height: 25px;
	font-size: 15px;
	line-height: 16px;
	border: 0;
	padding: 10px 10px;
	min-height: 250px;
}
.survey_div .question_area input[type="text"] {
	width: 100%;
	background: #f3f3f3;
	font-size: 16px;
	border: 0;
	padding: 14px 10px;
}
.survey_div .view_more_btn {
	margin-top: 50px;
	border: 1px solid #aaa;
}
.survey_area  .complete{
	display: none;
}
.survey_area  .complete.active {
	display: block;
}
.survey_div .question_area::-webkit-scrollbar{
	width: 10px;
}
.survey_div .question_area::-webkit-scrollbar-track{
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777; 
}
.survey_div .question_area::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}
.question_area .error {
	background: #db0000;
	color: #fff;
	padding: 15px 30px;
	border-radius: 7px;
}
.survey_div input[type="radio"] {
	width: 16px;
	height: 16px;
	background: #eee;
	border: 0;
	top: 4px;
	position: relative;
	margin-right: 10px;
}
.survey_div input[type="checkbox"] {
	margin-right: 10px;
}
.survey_div .question_desc {
	color: #555;
	margin-bottom: 20px;
}
.survey_div label {
	color: #797979;
	font-size: 16px;
	display: block;
	padding-bottom: 15px;

}
.survey_div .fa-star {
	font-size: 23px;
	margin-right: 5px;
	color: #cbcbcb;
}
.survey_div .fa-star:hover {
	cursor: pointer;
}

.survey_div .fa-star.active {
	color: #ffd600;
}


.survey_area .survey_matrix_table {
	width: 100%;
}
.survey_area .survey_matrix_table th, .survey_area .survey_matrix_table td {
	padding: 10px 20px;
	text-align: center;
}
.survey_area .survey_matrix_table thead th {
	text-align: center;
	font-weight: normal;
}
.survey_area .survey_matrix_table tbody th {
	text-align: left;
	font-weight: normal;
}
.survey_area .survey_matrix_table tbody tr:nth-child(odd) {
	background: #f5f5f5;
}
.survey_area .survey_matrix_table tbody td label {
	padding: 0;
}
.survey_area .survey_matrix_table tbody td input {
	margin: 0;
}

.survey_box {
	background: rgb(255 255 255 / 90%);
}
.survey_box input[type="text"], .survey_box textarea{
	background: transparent;
	color: #333;
	padding: 10px 20px;
	border: 0;
	width: 100%;
	height: 50px;
	top: -6px;
	font-size: 18px;
	border: 1px solid #aaa;

}
.survey_box textarea { 
	height: 120px;
}
.child_session_card {
	position: relative;
	margin: 40px 0 0;
	padding: 20px 20px 20px 50px;
	background: #fdfdfd;
	-webkit-box-shadow:0px 3px 3px #c5b7c5;
	-moz-box-shadow:0px 3px 3px #c5b7c5;
	box-shadow:0px 3px 3px #c5b7c5;
	cursor: pointer;
}
.child_session_card:hover {
	background: #f3f3f3;
}
.child_session_card.active {
	background: #fdfdfd;
	padding-bottom: 5px;
}
.child_session_card .time {
	color: #777;
	font-size: 12px;
	margin: 10px 0 5px;
}
.child_session_card .title {
	font-size: 15px;
	margin: 5px 0 10px;
	color: #111;
}
.child_session_detail {
	display: none;
	position: relative;
	background: #fdfdfd;
	padding: 20px 20px 20px 50px;
	-webkit-box-shadow:0px 3px 3px #c5b7c5;
	-moz-box-shadow:0px 3px 3px #c5b7c5;
	box-shadow:0px 3px 3px #c5b7c5;
}
.child_session_detail.active {
	padding-top: 5px;
	cursor: pointer;
	display: block;
}
.exam_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	background: #fff;
}
.exam_bg.active {
	visibility: visible;
	opacity: 1;
}
.exam_area {
	position: absolute;
	top: -99999px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
}
.exam_area.active {
	visibility: visible;
	opacity: 1;
	top: 0;
	transition-duration: 0.1s
}
.exam_area .closebtn {
	position: fixed;
	top: 60px;
	right: 60px;
	font-size: 36px;
	color: #4c4c4c;
	cursor: pointer;
}

.exam_div, .exam_area .complete {
	margin: 0 auto;
	margin-top: 75px;
	width: 720px;
}
.exam_div h3, .exam_area .complete h3 {
	font-size: 30px;
	color: #4c4c4c;
	text-align: center;
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.exam_div .description {
	font-size: 14px;
	color: #4c4c4c;
	text-align: center;
	margin-bottom: 40px;
}
.exam_div .question {
	color: #4c4c4c;
	font-size: 17px;
	padding: 3px 0;
	margin-bottom: 10px;
}
.exam_div .question_box div {
	padding-left: 10px;
	padding-right: 10px;
}
.exam_div .question_box {
	margin: 30px 0 40px;
}
.exam_div .incorrect .question {
	background: #ffd0cd;
}
.exam_div .exam_alert {
	color: red;
	font-weight: bold;
}
.exam_div .temp_save_complete {
	padding: 15px 20px;
	background: #008d00;
	color: #fff;
	font-size: 15px;
	border-radius: 5px;
}
.exam_div .question_area {
	margin-top: 60px;
	padding: 0 10px;
}
.exam_div .view_more_btn {
	margin-top: 50px;
	margin-bottom: 200px;
	border: 1px solid #aaa;
}
.exam_div #temp_save_exam_btn {
	position: fixed;
	bottom: 150px;
	right: 60px;
	padding: 10px 20px;
	background: #001279;
	color: #fff;
	border-radius: 5px;
	border: 0;
	font-size: 16px;
	z-index: 9999;
	cursor: pointer;
}
.exam_area  .complete.active {
	display: block;
}
.exam_div .question_area::-webkit-scrollbar{
	width: 10px;
}
.exam_div .question_area::-webkit-scrollbar-track{
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777; 
}
.exam_div .question_area::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}
.exam_div input[type="radio"] {
	width: 16px;
	height: 16px;
	background: #eee;
	border: 0;
	top: 4px;
	position: relative;
	margin-bottom: 15px;
	margin-right: 10px;
}
.exam_div label {
	color: #797979;
	font-size: 16px;
	display: block;
}
.exam_box {
	background: rgb(255 255 255 / 90%);
}
.exam_box input[type="text"], .exam_box textarea{
	background: transparent;
	color: #333;
	padding: 10px 20px;
	border: 0;
	width: 100%;
	height: 50px;
	top: -6px;
	font-size: 18px;
	border: 1px solid #aaa;

}
.exam_box textarea { 
	height: 120px;
}
.exam_result_overview {
	width: 100%;
	margin-bottom: 50px;
}
.exam_result_overview th, .exam_result_overview td{ 
	padding: 7px 10px;
	font-size: 13px;
}
.exam_result_overview th {
	background: #eee;
	width: 20%;
	text-align: center;
	font-weight: normal;
}
.exam_result {
	width: 100%;
	margin-bottom: 50px;
}
.exam_result th, .exam_result td{ 
	padding: 7px 10px;
	font-size: 13px;

}
.exam_result tr:first-child th {
	background: #676767;
	color: #fff;
	font-size: 15px;
	padding: 10px 10px;

}
.exam_result th {
	background: #eee;
	width: 20%;
	text-align: center;
	font-weight: normal;
}
.exam_not_open {
    width: 100%;
    padding: 15px 20px;
    color: #d10e00;
    border: 2px solid #d10e00;
    border-radius: 10px;
	box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
}


.link_underline a {
	color: #3f51b5;
	text-decoration: underline;
}

.keyword_area {
	margin: 0 0 60px;
}
.keyword_area .keyword_cover {
	margin: 10px 0 20px;
	padding-right: 70px;
	text-align: center;
}
.keyword_area .keyword_info {
	margin: 15px 0 35px;
}
.keyword_area input[type="text"] {
	margin-left: 10px;
	padding: 8px 12px;
	width: 300px;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	background: #f3f3f3;
	font-size: 18px;
}
.keyword_area .keyword_submit {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	padding: 12px 26px;
	border-radius: 4px;
	font-size: 17px;
	background: #253176;
	color: #fff;
	border: 0;
}
.keyword_area .error {
	color: #d81c0e;
    font-weight: bold;
    padding: 10px 0;
}
h4.live_date {
	margin-top: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #3c3e4a;

}
.fc-timegrid-slots tr {
	height: 75px;
}
.fc-timegrid-slots tr {
	height: 75px;
}
h3 .subtitle {
	display: block;
	margin-top: 10px;
	font-size: 13px;
}
.label.count {
	float: right; 
	font-size: 12px;
	color: #3c3e4a;

}
.page_header h3 span.parent {
	display: block;
	font-size: 20px;
}
.page_header h3 span.parent a {
	font-size: 16px;
	color: rgb(51 140 145);
}

.live_section .player_wrapper iframe {
	max-width: 960px;
	max-height: 540px;
	text-align: center;
	vertical-align: middle;
	padding-top: 80px;
	position: relative !important;
}
/*
* ライブ視聴ボタン関連
*/

.live_button_wrapper {
	width: 100%;
	padding: 70px 10%;
    text-align: center;
    box-sizing: border-box;
    background: #f5f5f5;
}
.live_button_wrapper .description {
	margin: 0 0 50px;
	font-size: 18px;
	font-weight: bold;
}
.live_button_wrapper .description .notice {
	text-decoration: underline;
	color: #ff0000;
}
.live_button_wrapper .start_button, 
.live_button_wrapper .end_button {
	display: inline-flex;
	margin: 0 20px;
	padding: 10px 45px;
	border-radius: 10px;
	background: #0090a3;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.live_button_wrapper .start_button {
	background: #008ea1;
}
.live_button_wrapper .end_button {
	background: #cd0000;
}
.live_button_wrapper .start_button.disabled,
.live_button_wrapper .end_button.disabled {
	background: #c3c3c3;
	pointer-events: none;
}

.button_history_wrapper #button_history {
	width: 100%;
	margin: 20px 0 50px;
	border-collapse: collapse;
}
.button_history_wrapper #button_history th,
.button_history_wrapper #button_history td {
	padding: 10px 20px;
	text-align: left;
	border: 1px solid #666;
}
.button_history_wrapper #button_history th {
	background: #004276;
	color: #fff;
}

.live_outline {
	margin-top: 60px;
	margin-bottom: 80px;
	font-size: 15px;

}
.live_outline a {
	color: #3d4c9e;
}

.timetable_frame {
	margin-bottom: 90px;

}


.pdfiframe_wrapper .iframe {
	display: inline-block;
}
.infobar {
	vertical-align: top;
	background: #fff;
	display: inline-block;
	box-sizing: border-box;
	overflow-y: scroll;
}

.infobar_inner {
	padding: 20px 10px;
	font-size: 14px;
}
.pdf_wrapper {
	background: #dadada;
	position: relative;
}
.pdf_wrapper .iframe {
	display: inline-block;
}
.pdf_wrapper .infobar {
	position: absolute;
	right: 0;
}


.pdf_wrapper iframe {
	border: 0;
}
.footer .logo_area {
	position: relative;
}
.footer .logo_area .icon {
	left: 80px;
}
.footer .logo_area h1 {
	color: #fff;
}
.page_inside {
	width: 1000px;
	margin: 0 auto;
	font-size: 18px;
}
.skill-part {
	margin-top: 55px;
	margin-bottom: 80px;
	justify-content: center;
}

#inlineFrame {
	border: 0;
	overflow: hidden;

}


.progressbar-section {
	padding: 100px 0;
}

.skill-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.skill-item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	text-align: center;
}
.skill-item h2 {
	font-size: 32px;
	transform: translateY(-80px);
}
.skill-item canvas::nth-child(2) {
	display: none;
}
.sk-name {
	font-weight: 400;
	display: block;
	transform: translateY(-25px);
}

.my-links {
	text-align: center;
	margin-top: 100px;
}
.my-links h3 {
	display: inline-block;
	margin: 0 25px;
}
.my-links ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.my-links ul li {
	display: inline-block;
}
.my-links ul span {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 22px;
}
.my-links ul p {
	margin: 0;
}

.foot .fa-badge-check {
	font-size: 16px;
	color: #2196f3;
}
.exam_status {
	margin: 16px 0;
	font-size: 16px;
}
.exam_status .fa-badge-check {
	color: #2196f3;
}
.exam_status .fa-badge {
	color: #ddd;
}
.exam_status_mark {
	margin: 25px 0;
}
.exam_status_mark span {
	padding: 5px 38px;
	background: #ff9800;
	color: #fff;
	border-radius: 10px;
}
.mov_content_area {
	margin: 20px 0 40px;
}
span.red {
	color: red;
}
.page_body li {
	margin: 20px 0;

}
.event_contact_info {
	padding: 30px 40px;
	background: #f3f3f3;
	font-size: 15px;
	margin: 25px 0 40px;
}
.event_contact_info p {
	margin: 5px 0;
	font-size: 15px;
}
.live_date {
	font-size: 16px;
}
.fc-v-event .fc-event-title {
	font-size: 13px;
}
#related_files input[type="text"].white{
	width: 100%;
}
#related_files .white input[type="text"]{
	width: 100%;
}
.simple_popup {
	background: #fff;
	z-index: 9999;
	top: 0;
	display: none;
}
.simple_popup.active {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.simple_popup .popup_inner {
	width: 800px;
	margin: 0 auto;
}

.sp_only {
	display: none;
}

.fc-timegrid-slots tr {
	height: 75px;
}
.fc-timegrid-slots tr {
	/*height: 90px;*/
	/*height: 75px;*/
}

.upload_table textarea {
	min-height: 150px;
	height: 150px;

}
.upload_table table {
	width: 100%;
	border-collapse: collapse;
}

.upload_table .expandable {
	position: relative;
	cursor: pointer;
}
.upload_table .expandable th {
	text-align: left;
}
.upload_table .expandable .mark::after {
	position: absolute;
	right: 20px;
	color: #fff;
	font-family: "Font Awesome 5 Pro";
	content: "\f068";
}
.upload_table .expandable.is_compressed .mark::after {
	content: "\f067";
}

.pdf_preview {
	border: 1px solid #ddd;
}

.file_2 th, .file_4 th, .file_6 th, .file_8 th, .file_10 th, .file_12 th, .file_14 th, .file_16 th, .file_18 th, .file_20 th, .file_22 th, {
	background: #e0e0e0 !important;
}

.upload_file input[type="text"] {	
	font-size: 11px;
	height: 38px;
	background: #f3f3f3;
	border: 1px solid #f3f3f3;
	padding: 5px 15px;
	/*width: 250px;*/

}
.upload_file input[type="button"] {
	background: #38437b;
	color: #fff;
	border: none;
	height: 38px;
	padding: 5px 15px;
	cursor: pointer;

	vertical-align: bottom;
}
.input_area input[type="text"].white {
	background: #fff;
	border: 1px solid #a2a2a2;
	padding: 5px;
	height: 35px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	box-sizing: border-box;
}
.input_area .white input[type="text"] {
	background: #fff;
	border: 1px solid #a2a2a2;
	padding: 5px;
	height: 35px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	box-sizing: border-box;
}
table.upload_table {
	width: 100%;
}
table.upload_table, table.upload_table th, table.upload_table td {
	border: 1px solid #ddd;
	border-collapse: collapse;
	vertical-align: middle;
}
table.upload_table td {
	padding: 10px 10px;
}
table.upload_table th {
	background: #242d5f;
	color: #fff;
	padding: 10px 20px;
	font-weight: normal;
}
table.green th {
	background: #828282;
}
table.upload_table h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 3px;
}
table.upload_table span {
	font-size: 13px;
	padding-bottom: 10px;
}
table.upload_table h6 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px;
	line-height: normal;
}
.with_icon i {
	color: #2f3e92;
	margin-right: 8px;
}
.related_file_preview {
	background: #e6f5e7;
	padding: 9px 20px;
	border: 1px solid #a7c584;
	border-radius: 5px;
	margin:  0px;
	display: inherit;
}
#vimeouploader {
	border: none;

}
.movie_notice {
	font-size: 13px;
	color: red;
	margin-bottom: 20px;
}

.vimeo_download_btn {
	display: inline-flex;
	margin: 0 0 20px;
	padding: 10px 25px;
	background: #283682;
	color: #fff;
	border-radius: 5px;
}

.vimeo_download_btn i {
	margin-right: 20px;
	line-height: inherit;
}

.poster_download_btn {
	display: inline-flex;
	margin: 0 0 20px;
	padding: 10px 25px;
	background: #009688;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.poster_download_btn i {
	margin-right: 20px;
	line-height: inherit;
}

.uploaded_file {
	border: 1px solid #eee;
}

.select-wrapper {
	margin: auto;
	max-width: 600px;
	width: calc(100% - 40px);
}

.select-pure__select {
	align-items: center;
	background: #fff;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	color: #363b3e;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 500;
	justify-content: left;
	min-height: 44px;
	padding: 5px 10px;
	position: relative;
	transition: 0.2s;
	width: 100%;
}

.select-pure__options {
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	color: #363b3e;
	display: none;
	left: 0;
	max-height: 221px;
	overflow-y: scroll;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 5;
}

.select-pure__select--opened .select-pure__options {
	display: block;
}

.select-pure__option {
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	box-sizing: border-box;
	height: 44px;
	line-height: 25px;
	padding: 10px;
}

.select-pure__option--disabled {
	color: #e4e4e4;
}

.select-pure__option--selected {
	color: #e4e4e4;
	cursor: initial;
	pointer-events: none;
}

.select-pure__option--hidden {
	display: none;
}

.select-pure__selected-label {
	align-items: 'center';
	background: #5e6264;
	border-radius: 4px;
	color: #fff;
	cursor: initial;
	display: inline-flex;
	justify-content: 'center';
	margin: 5px 10px 5px 0;
	padding: 3px 7px;
}

.select-pure__selected-label:last-of-type {
	margin-right: 0;
}

.select-pure__selected-label i {
	cursor: pointer;
	display: inline-block;
	margin-left: 7px;
}

.select-pure__selected-label img {
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin-left: 7px;
	width: 14px;
}

.select-pure__selected-label i:hover {
	color: #e4e4e4;
}

.select-pure__autocomplete {
	background: #f9f9f8;
	border-bottom: 1px solid #e4e4e4;
	border-left: none;
	border-right: none;
	border-top: none;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
	padding: 10px;
	width: 100%;
}

.select-pure__placeholder--hidden {
	display: none;
}

.setting_logo {
	width: 150px;
	height: auto;
}

.tablesorter-default td {
	background-color: #f3f3f3 !important;
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
	background-color: #f3f3f3 !important;
	padding: 20px 10px !important;
}

.dropzone {
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
	margin: 20px 0 20px;
}
.dz-message {
	padding: 20px 50px;
	text-align: center;
	cursor: pointer;
}

.input_area .dz-button {
	border: none;

}
.input_area .dz-button:hover {
	background: none;
	color: #aaa;
}
.dz-preview {
	display: none;
}
.round-icon {
	margin: 0 auto;
	font-size: 20px;
	color: #435251;
	background: #e8e8e8;
	padding: 20px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.dropzone input[type="file"]{
	display: none;
}
.uploading_message {
	display: none;
}
.uploading_message.active {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	width: 300px;
	padding: 50px 0;
	box-sizing: border-box;
	color: #fff;
	background: rgb(0 150 136 / 67%);
	font-size: 14px;
	text-align: center;
}
.files_list.mov_list_table table td:first-child {
	width: 10%;
}

.is_uploading_msg {
	padding: 30px 20px;
	background: #505050;
	color: #fff;
}

.external_link_wrapper {
	width: 100%;
	background: #eee;
	padding: 100px 50px;
	box-sizing: border-box;
}

.external_link_inner {
	max-width: 800px;
	margin: 0 auto;
}
.external_link_wrapper .link_btn {
	margin: 0 auto;
	display: block;
	max-width: 800px;
	background: -moz-linear-gradient(65deg, #673AB7, #00bcd4);
	background: linear-gradient(25deg, #673AB7, #00bcd4);
	text-align: center;
	font-size: 24px;
	padding: 20px;
	color: #fff;
	cursor: pointer;
}

.external_link_inner p {
	font-size: 15px;
	margin: 0 0 20px;
}
.external_link_inner .center {
	text-align: center;
}
.related_area {
	margin-bottom: 30px;
}
.banner_area {
	margin: 30px 0;
}
.banner_img img {
	margin-right: 30px;
	margin-bottom: 30px;
	vertical-align: top;
	height: 90px;
	width: auto;
}
.files_list.col-small td:first-child {
	width: 45%;
}
.foot .category, .foot .category span {
	font-size: 12px;
}
h3.area_title {
	text-transform: uppercase;
}

.channel_list .view_more_btn {
	margin-top: 50px;
}
.view_more_link {
	color: #fff;
	position: relative;
	top: 40px;
	padding: 10px 40px;
	border: 1px solid #fff;
	border-radius: 39px;
}
.area_body {
	margin-bottom: 100px;
}
.area_body.editor h2, .input_area .ql-editor h2 {
	font-size: 17px;
	color: #27399e;
	margin: 20px 0 20px;
	text-align: left;
}

.area_body.editor h3, .input_area .ql-editor h3 {
	font-size: 15px;
	color: #555;
	margin: 20px 0 20px;
	background: #f7f7f7;
	padding: 10px 10px;
	border: none;
}
.area_body.editor ul, .area_body.editor ol {
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
.area_body ul.event_news_list {
	width: 100%;
	margin-top: 30px;
}
.event_news_list li.important {
	background: linear-gradient(25deg, #ffffff, #f5dfdf, #f0e2e2, #fff5f5);
}
.event_news_list .importance.high {
	background: #a60000;
	display: inline-flex;
	padding: 4px 11px;
	color: #fff;
	font-size: 12px;
	margin-left: 20px;
}
.area_body ul.additional_app_list {
	width: 100%;
	margin-top: 30px;
}
ul.additional_app_list li.important {
	background: linear-gradient(25deg, #ffffff, #f5dfdf, #f0e2e2, #fff5f5);
}
ul.additional_app_list li a {
  display:inline-block;
  width:100%;
  height: max-content;
	padding: 20px 20px;
	font-size: 16px;
	color: #585858;
	cursor: pointer;
}
ul.additional_app_list li {
	font-size: 16px;
	border-top: 1px solid #eee;
	/* background: linear-gradient(25deg, #ffe9e9, #edfff0, #f2f6ff, #ffe9f0); */
	/*background: linear-gradient(25deg, #f3f3f3, #e6e6e6, #ececec, #ececec);*/
	background: linear-gradient(25deg, #ffffff, #f3f3f3, #ffffff, #f7f7f7);
	color: #585858;
	list-style: none;
}
ul.additional_app_list li:hover {
	/*background: linear-gradient(25deg, #ffe9f0, #f2f6ff, #edfff0, #ffe9e9);*/
	background: linear-gradient(25deg, #e8e8e8, #e6e6e6, #e2e2e2, #ececec);
}
ul.additional_app_list li:last-child {
	border-bottom: 1px solid #eee;
}
ul.additional_app_list .label {
	background: #aaa;
	color: #fff;
	padding: 6px 8px;
	margin-left: 20px;
	font-size: 12px;
	margin-top: -2px;
}
ul.additional_app_list .label.open {
	background: #004791;
}
ul.additional_app_list .label.registered {
	background: #009688;
}


.area_body ul.certificate_live_list {
	width: 100%;
	margin-top: 30px;
}
ul.certificate_live_list li a {
    display:inline-block;
    width:100%;
    height:100%;
	padding: 20px 20px;
	font-size: 16px;
	color: #585858;
	cursor: pointer;
}
ul.certificate_live_list li {
	font-size: 16px;
	border-top: 1px solid #eee;
	/* background: linear-gradient(25deg, #ffe9e9, #edfff0, #f2f6ff, #ffe9f0); */
	/*background: linear-gradient(25deg, #f3f3f3, #e6e6e6, #ececec, #ececec);*/
	background: linear-gradient(25deg, #ffffff, #f3f3f3, #ffffff, #f7f7f7);
	color: #585858;
	list-style: none;
}
ul.certificate_live_list li:hover {
	/*background: linear-gradient(25deg, #ffe9f0, #f2f6ff, #edfff0, #ffe9e9);*/
	background: linear-gradient(25deg, #e8e8e8, #e6e6e6, #e2e2e2, #ececec);
}
ul.certificate_live_list li:last-child {
	border-bottom: 1px solid #eee;
}


.area_body.editor table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
}
.area_body.editor thead {
	background: #666;
	color: #fff;
}
.area_body.editor th, .area_body.editor td {
	border: 1px solid #ddd;
	font-size: 14px;
	padding: 10px 20px;
	line-height: 20px;
}
.area_body.editor th {
	background: #eee;
}
.event_news_list li {
	font-size: 16px;
	padding: 20px 20px;
	border-top: 1px solid #eee;
	/* background: linear-gradient(25deg, #ffe9e9, #edfff0, #f2f6ff, #ffe9f0); */
	/*background: linear-gradient(25deg, #f3f3f3, #e6e6e6, #ececec, #ececec);*/
	background: linear-gradient(25deg, #ffffff, #f3f3f3, #ffffff, #f7f7f7);
	color: #585858;
	list-style: none;
}
.event_news_list li:hover {
	/*background: linear-gradient(25deg, #ffe9f0, #f2f6ff, #edfff0, #ffe9e9);*/
	background: linear-gradient(25deg, #e8e8e8, #e6e6e6, #e2e2e2, #ececec);
}
.event_news_list li:last-child {
	border-bottom: 1px solid #eee;
}
.event_doc_list li div {
	width: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
}
.event_news_list li a {
	font-size: 16px;
	color: #585858;
	cursor: pointer;
}
.event_news_list .date {
	width: 100px;
	display: inline-block;
}

.area_body ul.event_doc_list {
	width: 100%;
	margin-top: 30px;
}
.event_doc_list li {
	font-size: 16px;
	/*padding: 20px 20px;*/
	/* background: linear-gradient(25deg, #ffe9e9, #edfff0, #f2f6ff, #ffe9f0); */
	background: linear-gradient(25deg, #f3f3f3, #efefef, #ececec, #ececec);
	color: #585858;
	list-style: none;
	margin-bottom: 20px;
}
.event_doc_list li:hover {
	/*background: linear-gradient(25deg, #ffe9f0, #f2f6ff, #edfff0, #ffe9e9);*/
	background: linear-gradient(25deg, #e8e8e8, #e6e6e6, #e2e2e2, #ececec);
}
.event_doc_list li:last-child {
	border-bottom: 1px solid #eee;
}

.event_doc_list li a {
	font-size: 16px;
	color: #585858;
}
.event_doc_list .icon {
	width: 40px;
	display: inline-block;
	margin-left: 10px;
}
.event_doc_list i {
	font-size: 25px;
	color: #4caf50;
}
.calendar_wrapper {
	max-width: 100%;
	overflow-x: scroll;
}
#calendar {
	min-width: 800px;
	max-height: 630px;
}
.label_incomplete {
	background: #ff9800;
	padding: 4px 20px;
	border-radius: 4px;
	color: #fff;
	margin-left: 20px;
}
.label_complete {
	background: #1b649e;
	padding: 4px 20px;
	border-radius: 4px;
	color: #fff;
	margin-left: 20px;
}
.fc-today-button {
	display: none !important;
}
.fc-prev-button {
	display: none !important;
}
.fc-next-button {
	display: none !important;
}
.share_icon_btn {
	padding: 0 !important;
	border-radius: 70px;
	background: #274e94;
	color: #fff;
	width: 35px;
	height: 35px;
	float: right;
	margin-right: 20px;
	cursor: pointer;
	margin-top: 5px;
}
.share_icon_btn i {
	line-height: 35px;
	margin-left: 10px;
}
.share_dialog {
	background: #eee;
	padding: 40px 80px 60px;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.share_dialog .sns_outline {
	text-align: center;
	margin-bottom: 40px;
}
.share_dialog .sns_panel {
	display: inline-block;
	margin: 0 30px;
}
.share_dialog i {
	font-size: 54px;
}
.share_dialog i.fa-facebook-square {
	color: #3B5998;
}
.share_dialog i.fa-twitter {
	color: #1DA1F2;
}
.share_dialog_bg {
	background: rgb(39 39 39 / 62%);
	position: fixed;
	z-index: 88888;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.report_dialog {
	background: #eee;
	padding: 40px 80px 40px;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.report_dialog .report_header h4 {
	font-size: 19px;
	text-align: center;
	margin: 20px 0 40px; 
}
.report_dialog .report_panel textarea {
	background: #fff;
	width: 100%;
	height: 200px;
	border: none;
	padding: 10px;
	font-size: 15px;
}
.report_dialog input[type="submit"] {
	color: #fff;
	background: #009688;
	padding: 10px 35px;
	font-size: 18px;
	margin: 0 auto;
	display: block;
	margin-top: 25px;
}
.report_dialog_bg {
	background: rgb(39 39 39 / 62%);
	position: fixed;
	z-index: 88888;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.contact_area {
	/*margin-top: 30px;*/
}
.contact_area .contact_btn {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 25px;
	font-size: 18px;

	cursor: pointer;
	background: linear-gradient(25deg, rgb(31 55 185), rgb(0 155 175));
	color: #fff;
}
.contact_btn_panel {
	display: inline-block;
	vertical-align: middle;
}
.contact_btn_panel.left {
	padding-right: 8%;
}
.contact_btn_panel.left i {
	color: #fff;
	font-size: 28px;
}
.contact_dialog {
	background: #eee;
	padding: 40px 80px 60px;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.contact_dialog_bg {
	background: rgb(39 39 39 / 62%);
	position: fixed;
	z-index: 88888;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.contact_text h4 {
	font-size: 20px;
	margin-bottom: 20px;
}
.author p.org_text {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
}
.half_right .logo_space {
	margin-top: 20px;
	margin-bottom: 20px;
}
.half_right .logo_space img {
	margin-right: 10px;
	max-width: 40px;
	max-height: 40px;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.slider_controller {
	position: absolute;
	top: 0;
	right: 50px;
}
.slider_controller i {
	cursor: pointer;
	font-size: 18px;
}
div.break_80 {
	margin-bottom: 80px;
}

.show_log_detail {
	display: none;
	background: #eee;
	padding: 40px 80px 60px;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.show_log_detail.active {
	display: block;
}
.show_log_detail_bg {
	display: none;
	background: rgb(39 39 39 / 62%);
	position: fixed;
	z-index: 88888;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.show_log_detail_bg.active {
	display: block;
}

.show_log_detail h4 {
	font-size: 20px;
	margin-bottom: 40px;
	text-align: center;
}

.show_log_detail table th{
	background: #808080;
	color: #fff;
}

#upload_image img {
	height: auto;
	max-width: 100%;
	max-height: 400px;
}
.table_choices {
	border-collapse: collapse;
	width: 100%;

}

.table_choices input[type="text"] {

	height: 34px;
	font-size: 14px;

}
table.upload_table .table_choices th {
	width: 10%;
	background: #e0edff;
}

.files_list a {
	position: relative;
}
.files_list .hover_popup {
	display: none;
	position: absolute;
	background: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	top: 35px;
	left: 0;
	width: max-content;
}

.files_list .hover_popup.active {
	display: block;
}

.ql-editor {

}
.area_body.editor table.no_border, .area_body.editor table.no_border td {
	border: none;
	vertical-align: top;
}

table.payment_confirm {
	width: 100%;
	margin-bottom: 70px;
	font-size: 15px;
	border: 1px solid #eee;
	border-collapse: collapse;
	cursor: default;
}
table.payment_confirm th {
	width: 30%;
	text-align: left;
	font-weight: normal;
	background: #eee;
}
table.payment_confirm th, table.payment_confirm td {
	border: 1px solid #eee;
	padding: 10px 10px;
}
table.payment_confirm th.payment_total {
	background: #dcdcdc;
}


.credit_note_checkbox_wrapper .checkbox_message {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #c30101;
}
.credit_note_checkbox_wrapper label {
	font-size: 18px;
}
.credit_note_checkbox_wrapper input[type="checkbox"] {
	width: 17px;
	height: 17px;
	margin-right: 10px;
}
.credit_note_checkbox_wrapper .error {
	background: #d81c0e;
  font-weight: bold;
  padding: 7px 10px;
  color: #fff;
  border-radius: 4px;
  margin: 8px 0;
}
.credit_note_checkbox_wrapper a {
	color: #0000bb;
	text-decoration: underline;
}
.credit_note_checkbox_wrapper h4 {
	font-weight: bold;
}

table.custom_input_confirm {
	width: 100%;
	margin-bottom: 70px;
	font-size: 15px;
	border: 1px solid #eee;
	border-collapse: collapse;
	cursor: default;
}
table.custom_input_confirm th {
	width: 30%;
	text-align: left;
	font-weight: normal;
	background: #eee;
}
table.custom_input_confirm th, table.custom_input_confirm td {
	border: 1px solid #cacaca;
	padding: 10px 10px;
}
table.custom_input_confirm p {
	margin: 0;
}

.payment_form p.checkbox_wrapper {
	font-size: 18px;
	margin: 5px 0;
}
.payment_form .checkbox_wrapper label {
	display: block;
}
.payment_form p.radio_wrapper {
	font-size: 18px;
	margin: 5px 0;
}
.payment_form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	vertical-align: middle;
}
.download_guide a {
	color: #3f51b5;
	text-decoration: underline;
}
.alert_require_login {
	background: #d42525;
	color: #fff;
	padding: 20px 30px;
}
.alert_require_login a {
	color: #fff;
	text-decoration: underline;
	font-size: inherit;
}
.question_choice_field {
	list-style: none;
}
.question_choice_field input[type="text"] {
	width: 90%;
}
input[type="date"], input[type="time"] {
	width: 100%;
	padding: 10px 20px;
	background: #eee;
	border: 0px;
	font-size: 18px;

	box-sizing: border-box;
}
.info_bar {
	margin-bottom: 45px;
	position: relative;
}
.play_count {
	line-height: 28px;

	font-weight: 300;
	color: #333;
}
.control_area {
	position: absolute;
	top: 10px;
	right: 0;
}
.control_area .control_btn {
	margin-left: 40px;
	display: inline-block;
	text-align: center;
	position: relative;
}
.control_area .control_btn a {
	cursor: pointer;
}
.control_area .control_btn i {
	font-size: 23px;
	color: #aaa;
}
.control_area .fav_btn.active i, .control_area .fav_btn:hover i {
	color: #e91e63;
}
.control_area .like_btn.active i, .control_area .like_btn:hover i {
	color: #03a9f4;
}
.control_area .dislike_btn.active i, .control_area .dislike_btn:hover i {
	color: #e91e63;
}
.control_area .share_btn.active i, .control_area .share_btn:hover i {
	color: #273686;
}
.control_area .claim_btn.active i, .control_area .claim_btn:hover i {
	color: #ff5722;
}
.pdf_not_registered {
	background: #eee;
	text-align: center;
	padding: 200px 10px;
	font-size: 26px;
}
.pdf_not_registered span, .pdf_not_registered a {
	font-size:  26px;
}
.register_channel_btn {
	background: #d52543;
	display: inline-block;
	color: #fff;
	padding: 10px 17px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	position: absolute;
	margin: 0 auto;
	margin-left: 40px;
	margin-top: 7px;

	font-size: 12px;
}
.register_channel_btn.cancel {
	background: #aaa;
}

.control_text_popup { 
	display: none;
	position: absolute;
	background: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	top: 35px;
	right: -45px;
	width: max-content; 
}
.control_text_popup.active {
	display: block;
}
#commentform .logged-in-as {
	display: none;
}
#respond #reply-title {
	display: none;
}
#comments-list .says {
	display: none;
}
.comment-edit-link {
	display: none;
}
.comment-author {
	display: inline-block;
}
.comment-author a {
	pointer-events: none;
}
.comment-meta {
	display: inline-block;
	margin-left: 18px;
}
.comment-meta a {
	pointer-events: none;
}
cite {
	font-style: normal;
}
#comments-list .comment {
	margin-top: 30px;
	margin-bottom: 50px;
	list-style: none;
}

#comments-list .comment .date {
	font-size: 11px;
}
#comments-list .comment p {
	font-size: 14px;
}
.comment-reply-link {
	background: #eee;
	padding: 5px 10px;
	display: inline-block;
	font-size: 10px;
	margin-top: 10px;
}
.comment-form-comment label {
	display: none;
}
.main_area h3#comments-count {
	border: none;
	font-size: 16px;
	margin: 20px 0;
	padding: 0;
}
#comments-list .comment .depth-2 {
	margin-left: 40px;
}
#comments-list .comment .depth-3 {
	margin-left: 40px;
}
#comments-list .comment .depth-4 {
	margin-left: 40px;
}
#comments-list .comment .depth-5 {
	margin-left: 40px;
}
#comments-list .comment .depth-6 {
	margin-left: 40px;
}
.main_area h3#comments-count {
	border: none;
	font-size: 13px;
	margin: 20px 0;
	padding: 0;
}
#comments-list .depth-2 {
	margin-left: 40px;
}
#comments-list .depth-3 {
	margin-left: 80px;
}
#comments-list .depth-4 {
	margin-left: 120px;
}
.comment-form-comment label {
	display: none;
}
.upload_box {
	position: relative;
	border: 1px dashed #184b84;
	cursor: pointer;
	padding: 20px 30px;
	display: block;
	margin: 20px 0;
	border-radius: 5px;
	background: #e7f2ff;
}
.large_upload_box {
	position: relative;
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
	margin: 10px 0 10px;
	width: 100%;
	padding: 40px 20px;
	cursor: pointer;
	display: block;
	text-align: center;
	box-sizing: border-box;
	white-space: pre-line !important;
}
.large_upload_box .round-icon {
	position: relative;
}
.large_upload_box .round-icon i {
	position: absolute;
	top: 20px;
	left: 22px;
}
.upload_field {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.complete_message {
	padding: 10px 20px;
	background: #009688;
	color: #fff;
	border-radius: 5px;
}

.notice_message {
	padding: 10px 20px;
	background: #ffec45;
	color: #000;
	border-radius: 5px;
}
.external_link_area {
	margin: 0 0 60px 0;
}
.external_link_btn {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	background: #fff;
	padding: 13px 40px 13px 45px;
	color: #093b73;
	border: 1px solid #113d6d;
}
.external_link_btn:hover {
	background: #093b73;
	color: #fff;
}
.external_link_btn div {
}
.external_link_btn i {
	font-size: 13px;
	vertical-align: top;
}

dl.live_performer {
	font-size: 16px;
}
dl.live_performer dt {
	float: left;
	font-weight: bold;
	color: #0f26a2;
}

dl.live_performer dd {
	margin-left: 80px;
	margin-bottom: 15px;
}

table.each_session {
	text-align: left;
	width: 100%;
	border: 1px solid #eee;
	margin-top: 50px;
	border-collapse: collapse;
	background: #f7f7f7;
}
.each_session th, .each_session td {
	padding: 10px 20px;
}
.each_session th.each_session_id {
	width: 40px;
	padding-top: 30px;
	padding-right: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #273aa0;
}
.each_session th.each_session_id.short {
	width: 5px;
}
.each_session th.each_session_title {
	font-size: 19px;
	font-weight: bold;
	color: #273aa0;
	padding-top: 30px;
}
.each_session th.each_session_title span {
	margin-right: 20px;
}
.each_session td.each_session_author {
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 30px;
}
.each_session td.each_session_coauthor_label {
	width: 13%;
	padding: 10px 0 10px 20px;
}
.each_session_coauthor_label p {
	background: #e8eacb;
	text-align: center;
	padding: 20px 0;
}
.each_session_coauthor_list {
	font-size: 13px;
}
.each_session_coauthor_org div {
	background: #e6e6e6;
	padding: 20px;
	margin-bottom: 20px;
}
.each_session_coauthor_org p {
	margin: 0 0 20px;
	font-weight: bold;
}

.each_session_detail.closed {
	display: none;
}
.each_session_detail div {
	background: #fff;
	font-size: 14px;
	padding: 20px;
	margin-bottom: 20px;
}
.session_detail_btn {
	background: #777;
	color: #fff;
	padding: 15px 30px;
	display: block;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	margin-bottom: 30px;
	cursor: pointer;
	font-size: 14px;
}
.calendar_wrapper.wide {
	overflow-x: scroll;
}
.calendar_wrapper.wide #calendar {
	min-width: 1500px;
}

.fc-toolbar-title {
	display: none;
}
.date_btn_area {
	margin-top: 30px;
	margin-bottom: 10px;
	display: inline-flex;
}

.date_btn_area a {
	background: #eee;
	color: #333;
	padding: 10px 20px;
	margin-right: 20px;
	display: inline-block;
}
.date_btn_area a.active {
	background: #134065;
	color: #fff;
}

/*
* アカウント検索　開始
*/

.account_search_bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(84 84 84 / 80%);
}
.account_search_container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	z-index: 50000;
	background: #ffffff;
	padding: 60px 50px;
	box-sizing: border-box;
	font-size: 16px;
	overflow-y: scroll;
}
.account_search_container h3 {
	text-align: center;
	font-size: 22px;
	margin: 10px 0 30px;
}
.account_search_container p {
	text-align: center;
}
.account_search_container form {
	text-align: center;
	margin: 50px 0;
}
.account_search_container form input[type="text"]{
    border: 1px solid #7e7e7eaa;
    width: 60%;
    font-size: 18px;
    padding: 10px 15px;
    margin: 0 20px;
    border-radius: 28px;
}
.account_search_container form input[type="submit"] {
	background: #235682;
    color: #fff;
    padding: 10px 20px;
    border: 0;
}
.account_search_container table {
	border-collapse: collapse;
	width: 100%;
}
.account_search_container table th {
	width: 30%;
}
.account_search_container button {
	display: block;
    margin: 0 auto;
    margin-top: 50px;
    padding: 10px 30px;
    cursor: pointer;
    color: #Fff;
    border: 0;
}
.account_search_container .cancel_btn {
    background: #bb1010;
}
.account_search_container .close_btn {
    background: #757575;
}
.circle-icon.search_account_btn {
	background: #009688;
}

/*
* アカウント検索　終了
*/

/*
* アカウント詳細　開始
*/

.user_list_action_button_wrapper {
	height: 85px;
	width: 100%;
}

a.manage_guest_btn {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 10px 30px;
	background: #4f005d;
	color: #fff;
	border-radius: 5px;
}

a.edit_info_btn {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 10px 30px;
	background: #008376;
	color: #fff;
	border-radius: 5px;
}

a.edit_info_btn_02 {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 10px 30px;
	background: #004983;
	color: #fff;
	border-radius: 5px;
}

a.go_to_withdrawal_btn {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 10px 30px;
	background: #6e6e6e;
	color: #fff;
	border-radius: 5px;
}

table.account_info {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.account_info th {
	width: 25%;
	text-align: left;
	color: #fff;
	background: #002d50;
}

table.account_info td {
	background: #f5f5f5;
}

table.account_info th, 
table.account_info td {
	border: 1px solid #ccc;
	padding: 10px 20px;
}

/*
* アカウント詳細　終了
*/


.mp_your_form_field {

	position: absolute;
	top: -20000px;
	left: -10000px;
}


/*
	///////////////quill エディタースタイル
	*/
	.ql-indent-1 {
		padding-left: 30px !important;
	}
	.ql-indent-2 {
		padding-left: 60px !important;
	}
	.ql-indent-3 {
		padding-left: 90px !important;
	}
	.ql-indent-4 {
		padding-left: 120px !important;
	}

	.ql-size-large{
		font-size: 18px !important;
	}
	.ql-size-small{
		font-size: 12px !important;
	}
	.ql-size-huge{
		font-size: 22px !important;
	}

	img.pdf_thumb {
		border: 1px solid #ddd;
	}

	.terms_table td, .terms_table th {
		border: 1px solid #aaa;
		font-size: 14px;
		padding: 20px;
		line-height: 22px;
	}
	.terms_table p {
		font-size: 14px;
		line-height: 22px;
	}
	.terms_table td:first-child {
		background: #eee;
		width: 30%;
	}

	.fc-license-message {
		display: none !important;
	}

/**
*/

.player_wrapper.narrow {
	height: 400px;
}
.player_wrapper.narrow .error_msg {
	padding-top: 120px;
}
.input_area h4 span.auto_fill_btn, 
.input_area h5 span.auto_fill_btn {
	margin-left: 20px;
	font-size: 12px;
	cursor: pointer;
	background: #6b6b6b;
	color: #fff;
	cursor: pointer;
	padding: 3px 7px;
}
a.link_blue {
	color: #494bb5;
}
span.underline {
	text-decoration: underline;
	font-size: 16px;
}
.registration_remark {
	max-width: 800px;
	margin: 0 auto;
}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
	min-width: auto !important;
}
.bg_maintainance {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgb(72 72 72 / 66%);
	z-index: 100;
}
.maintainance_msg {
	position: fixed;
	background: #fff;
	z-index: 1000;
	padding: 30px 50px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 458px;
	height: fit-content;
	line-height: 40px;
	margin: auto;
	font-size: 18px;
}
span.delete_code {
	background: #e1f2ff;
	font-size: 16px;
}
.fc-v-event .fc-event-title {
	font-size: 13px;

}
.search_container.search_result_page {
	margin-top: 30px;
	padding-bottom: 15px;
}

.personal_data_caution {
	width: 100%;
	padding: 15px 30px;
	box-sizing: border-box;
	background: #cf0000;
	color: #fff;
}

.cvs_info_area {
	padding: 15px 20px;
	background: #ffffe0;
	border: 1px solid #333;
}

/*
* 参加登録連携　開始
*/

.set_registration_linkage_btn {
	margin-top: 10px;
	margin-right: 20px;
	padding: 7px 15px;
	display: inline-block;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	background: #0099ad;
}
.clear_registration_linkage_btn {
	margin-top: 10px;
	margin-right: 20px;
	padding: 7px 15px;
	display: inline-block;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	background: #c50043;
}
.normal_link {
	color: #1935d1;
	text-decoration: underline;
}
.go_to_linkage_btn {
	margin: 0 auto;
	background: #aaa;
	padding: 20px 30px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	max-width: 700px;
	text-align: center;
	display: block;
	background: #aaa;
	cursor: pointer;
}
.go_to_linkage_btn.active {
	background: #e9004f;
}

/*
* パラメーター連携
*/

.parameter_linkage_btn {
	display: inline-block;
	margin-top: 15px;
	margin-left: 15px;
	padding: 5px 20px;
	background: #417307;
	color: #fff;
	border-radius: 5px;
}
.parameter_linkage_url_sample {
	line-height: normal !important;
}
.parameter_linkage_url_sample_url {
	color: #0085c1;
	font-weight: bold;
}

/*
* コピー関連
*/
.copy_choice_checked_wrapper {
	margin-bottom: 7px;
	color: #777777;
}
.copy_choice_checked_wrapper i {
	color: #009487;
	padding-left: 1px;
}
.copy_choice_disabled_wrapper {
	margin-top: 7px;
	color: #777777;
}
.copy_choice_disabled_wrapper i {
	color: #dd2f23;
	padding-left: 2px;
}

/*
* 退会機能
*/
.withdrawal_notice_wrapper {
	padding: 10px 20px;
	background: #feffef;
	border: 1px solid #333;
}
.withdrawal_notice_wrapper h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.withdrawal_notice_wrapper ul {
	margin-left: 30px;
	margin-bottom: 20px;
}
.withdrawal_notice_wrapper li {
	margin: 10px 0;
}
.withdrawal_notice_wrapper p {
	margin-left: 10px;
	margin-bottom: 20px;
}
.withdrawal_confirm_checkbox {
	display: block;
	margin-top: 30px;
	text-align: center;
	font-size: 20px;
}
.input_area.withdrawal_form .error {
    background: #d81c0e;
    font-weight: bold;
    padding: 7px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 8px 0;
}

/*
* 解除ボタン
*/
.unset_organizer_table th:first-child {
	width: 50%;
}
.unset_btn {
	background: #b50c00;
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
}

/**
* 銀行振込関連
*/
.bank_alert_message {
	color: red;
	font-weight: bold;
}
.bank_checkbox_wrapper {
	margin: 40px 0 30px;
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 20px;
}
.bank_checkbox_wrapper input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
textarea.is_blank {
	color: #777;
}

/***
中間幅対応◆◆◆◆◆
*/

@media screen and (max-width:1500px) {
	.control_area {
		position: unset;
		display: block;
		text-align: right;
		margin-top: 20px;
	}
}


/***
スマホ対応◆◆◆◆◆
*/

@media screen and (max-width:1160px){


	header + section {
		padding-top: 65px;
	}
	body {
		min-width: 100%;
	}
	.body_main {
		padding-top: 65px;
	}
	.header .header_wrapper{
		min-width: 100%;
	}

	.background_area {
		min-width: 100%;
	}
	.header .branding {
		padding: 0 20px;
	}
	section .branding .title{ 
		font-size: 28px;
		line-height: 50px;
	}
	br.pc {
		display: none;
	}
	.header .logo_area {
		padding-left: 20px;
	}
	.logo_area .icon {
		left: 95px;
	}
	.logo_area h1 span {
		padding-left: 20px;
	}
	.logo_area h1 span::before {
		display: none;
	}
	.header {
		height: 560px;
	}
	.header .menu_area {
		display: none;
	}
	.header .background_area {
		width: 100%;
		height: 560px;
	}
	.background_cover {
		height: 560px;
	}
	.header .recommended {
		display: none;
	}
	.area_title {
		font-size: 24px;
	}
	.recommended_sp .area_title::after{
		top: 55px;
	}
	.inner {
		width: 90%;
		padding-top: 30px;
	}
	.module_Card-01 article {
		width: 100%;
		margin-right: 0;
		position: relative;
		margin-bottom: 20px;
	}
	.recommended_sp .module_Card-01 article {
	}

	.recommended_sp .module_Card-01 article .head {
		display: inline-block;
		width: 44%;
		position: absolute;
	}
	.recommended_sp .module_Card-01 article .body {
		width: 52%;
		vertical-align: bottom;
		padding-left: 20px;
		float:right;
	}
	.recommended_sp .module_Card-01 article h3 {
		font-size: 13px;
		margin: 0;
	}
	.recommended_sp .module_Card-01 article .head {
		overflow: inherit;
		padding-bottom: 0;
		height: auto;
	}
	.recommended_sp .module_Card-01 article .category span {
		font-size: 12px;
	}
	.recommended_sp .module_Card-01 article .head .image {
		margin: 0;
	}
	.recommended_sp .module_Card-01 article .head .image img {
		position: inherit;
		transform: inherit;
	}
	.recommended_sp .module_Card-01 article .foot {
		width: 52%;
		float:right;
		margin-top: 10px;
	}
	.recommended_sp article .date {
		margin-top: 10px !important;
	}
	.featured {
		height: 480px;
	}
	.featured .card_area {
		height: 480px;
		width: 100%;
	}
	.featured .card {
		width: auto;
		bottom: 0;
		right: 0;
		top: auto;
	}
	.header .branding {
		max-width: 100%;
	}
	section.list .module_Card-01 article {
		margin-bottom: 20px;
	}
	section.list .module_Card-01 article h3 {
		margin-bottom: 20px;

	}
	section.list .module_Card-01 article .category {
		display: inline-block;
	}
	section.list .module_Card-01 article .category {
		display: inline-block;
	}
	section.list .module_Card-01 article .date {
		display: inline-block;
		float: right;
		margin-top: 0 !important;
	}
	.register_channel_btn {
		display: unset;
		position: unset;
		float: right;
	}
	.channels_area {
		height: auto;
	}
	.channels_area .background {
		width: 100%;
		position: inherit;
		height: 300px;
	}
	.channels_area .channel_list {
		margin-left: 0;
		padding: 20px;

	}
	.toppage .module_Card-02 article {
		width: calc(100% / 2 - 22% / 2 - .01px);
	}

	.module_Card-02 article:nth-child(2n) {
		margin-right: 0;
	}


	.module_Card-03 article {
		width: 100%;
		margin-bottom: 0;
		margin-right: 0;
	}
	.search_by_tag {
		height: auto;
	}
	.search_by_tag .tag_area {
		position: relative;
	}
	.search_by_tag .tag_area {
		margin-left: 0;
		margin-top: 40px;
		margin-bottom: 20px;
		top: 0;
	}
	.search_by_tag .tag_area a {
		font-size: 13px;
		padding: 12px 16px;
		line-height: 53px;
	}
	.about_us .title {
		width: 100%;
	}
	.about_us .message {
		margin-top: 30px;
		width: 100%;
		font-size: 14px;
	}
	section .inner_contents {
		display: block;
		width: 90%;
	}
	.view_more_btn {
		margin-top: 50px;
	}
	.footer .title {
		display: none;
	}


	.logo_area h1 span {
		display: block;
		padding-left: 0;
	}
	.footer .link_area {
		float: none;
		margin-top: 40px;
		width: 100%;
	}
	.footer .link_area ul {
		width: 49%;
		margin-bottom: 20px;
		margin-left: 0px;
	}

	section.footer .inner_contents {
		padding: 40px 30px;
		box-sizing: border-box;
	}

	.movie_area .background {
		height: 300px;
	}
	.movie_area .mov_background_cover {
		height: 300px;
		top: 65px;
	}
	.play_button img {
		position: absolute;
	}
	.player_wrapper {
		height: auto;
	}
	.player_wrapper iframe {
		width: 100%;
		height: 100%;
	}
	.live_section .player_wrapper iframe {
		padding-top: 0px;
	}
	.player_chat_wrapper .player_area iframe {
		height: 300px;
	}
	.short_header .header {
		height: 142px !important;
	}
	.title_wrapper_bottom .title {
		margin-top: 10px;
		font-size: 15px;
	}
	.sidebar {
		display: none;
	}
	.main_area {
		width: 100%;
		padding: 0;
	}
	.movie_contents .logo_area {
		margin-bottom: 50px;
	}
	.movie_contents .logo_area img {
		max-width: 30px;
		max-height: 30px;
		width: auto;
		height: auto;
		margin-top: 5px;
		vertical-align: top;
	}
	.movie_contents .logo_area h4 {
		margin-top: 0px;
		font-size: 14px;
		width: 84%;
	}
	.movie_contents .logo_area h4 span {
		display: block;
		font-size: 10px;
	}
	.favorite_button {
		position: absolute;
		top: 30px;
		right: 0;
		font-size: 10px;
	}
	.report_dialog {
		padding: 0px 20px;
		width: 70%;

	}
	.main_area .author li.left {
		border: none;
		width: 100%;
	}
	.main_area .author li.right {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
		font-size: 12px;
	}
	.page .header .background_area {
		width: 100%;
		height: 650px;
	}
	.page .background_cover {
		height: 650px;
	}
	.page .header {
		height: 650px;
	}
	.divide_main {
		height: 420px;
	}
	.page .header .half_right {
		margin-top: 30px;
		display: block;
		margin-left: 0;
		position: relative;
		top: 0;
		width: 100%;
		padding: 0;
	}
	.page .header .half_right h2 {
		margin: 0 30px;
		padding: 10px 30px 20px;
		font-size: 18px;
		background: rgb(255 255 255 / 80%);
		border: 0;
	}
	.page .header .half_right .pageinfo {
		margin: 0 30px;
		padding: 10px 30px 10px;
		font-size: 12px;
		background: rgb(34 109 125 / 80%);
		color: #fff;
		border: 0;
	}
	.require_register {
		margin: 20px 0 0;
	}
	.page .header .recommended {
		margin-top: 90px;
		display: block;
		margin-left: 0;
		position: relative;
		top: 0;
		width: 100%;
		padding: 0;
	}

	.page .header .recommended h2 {
		margin: 0 30px;
		padding: 20px 30px;
		font-size: 18px;
		background: rgb(255 255 255 / 80%);
		border: 0;
	}
	.page .header .recommended .eng_title {
		display: none;
	}
	.page .header .recommended .pageinfo {
		margin: 0 30px;
		padding: 13px 30px 13px;
		font-size: 12px;
		background: rgb(34 109 125 / 80%);
		color: #fff;
		border: 0;
	}
	.page .header .recommended .pageinfo .round_svg {
		display: none;
	}
	.pageinfo .round_svg {
		display: none;
	}
	.done_register {
		margin: 20px 0;
	}
	.download_guide {
		margin: 20px 0;
		background: #eee;
		padding: 10px 10px;
	}
	.add_options {
		margin: 20px 30px;
		background: #eee;
		padding: 10px 10px;
	}
	.header .header_wrapper {
		margin-top: 18px;
	}
	.page_header .background {
		height: 150px;
	}
	.img_back {
		height: 150px;
	}
	.body_main {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
		margin-top: 70px;
		padding-top: 30px;
	}
	.page_header h3 {
		font-size: 22px;
	}
	.page_header {
		width: 100%;
	}
	.page_body p {
		font-size: 14px;
	}
	.page_header .background h3 {
		font-size: 23px;
	}
	.short_header.page .header .background_area {
		height: 150px !important;
	}
	.short_header.page .background_cover {
		height: 150px !important;
	}
	.module_Card-05 {
		margin-top: 0;
	}
	.module_Card-05 article {
		width: calc(100% / 2 - 19% / 2 - .01px);
		margin-bottom: 5px;
		margin-right: 2%;
		min-height: 100px;
	}
	.module_Card-05 article .head {
		margin-top: 26px;
	}
	.module_Card-05 article .head i {
		font-size: 45px;
	}
	.module_Card-05 article h3 {
		margin-bottom: 20px;
	}
	.module_Card-05 article:nth-child(2n) {
		margin-right: 0;
	}
	.module_Card-05 article h3 {
		font-size: 14px;
	}	
	.module_Card-05 article a {
		border-radius: 10px;
	}

	.module_Card-03 {
		margin-top: 0;
	}
	.channels_area .channel_list {
		height: auto;
	}

	.recommended .area_title {
		display: none;
	}

	.input_area, .input_area.payment_form {
		width: 100%;
	}

	.input_area.payment_form input, 
	.input_area.payment_form select, 
	.input_area.payment_form textarea, 
	.input_area.payment_form h6, 
	.input_area.payment_form .indent, 
	.input_area.payment_form .error, 
	.input_area.payment_form .large_upload_box, 
	.input_area.payment_form .file_selected_wrapper, 
	.input_area.payment_form .description {
		margin-left: 0;
	}

	.input_area .half {
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.input_area .half:nth-child(2n) {
		margin-right: 0;
	}
	.input_area .upload_box {
		width: 100%;
	    box-sizing: border-box;
	    white-space: pre-line;
	}

	.module_Card-02 {
		margin-top: 0;
	}
	.module_Card-02 article {
		width: calc(100% / 2 - 21% / 2 - .01px);
		margin-bottom: 0px;
		padding: 30px 12px 0px;
	}
	.register_ch_btn {
		right: 20px;
		top: 0;
		padding: 5px 15px;
		font-size: 12px;
	}
	h4.related_title {
		color: #444;
		margin: 15px 0 10px;

	}
	a.related_link {
		border: 0;
		margin: 0;
		width: auto;
	}
	.exam_area {
		left: 0;
	}
	.exam_div, .exam_area .complete {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.exam_area .closebtn {
		top: 20px;
		right: 20px;
		z-index: 9999;
		font-size: 26px;
	}
	.exam_area.exam_form img {
		max-width: 100%;
	}
	.exam_area .exam_result img {
		max-width: 100%;
	}
	.keyword_area .keyword_cover {
		padding-right: 0px;
	}
	.survey_area {
		left: 0;
	}
	.survey_div, .survey_area .complete {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.survey_area .closebtn {
		top: 20px;
		right: 20px;
		z-index: 9999;
		font-size: 26px;
	}
	.movie_area .mov_background_cover .title_wrapper {
		display: none;
	}
	.menu_bottom_btn {
		padding: 10px 30px;
		border: 1px solid #fff;
		display: block;
		width: 50%;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#loginform {
		width: 100%;
	}
	.menu_bottom {
		margin-top: 30px;
	}
	.title_wrapper_bottom {
		display: block;
		visibility: visible;
	}
	.input_area select {
		padding: 0 10px;
		width: 100%;
		font-size: 14px;
	}
	.input_area select.small {
		width: 20%;
	}
	.module_Card-02 article h3 {
		margin-top: 5px;
	}
	h2.main_title img {
		height: 33px;
	}
	.featured .card .author::before {
		height: 0;
	}
	.signup_step ul {
		margin-left: 40px;
	}
	.signup_step ul li {
		margin: 10px;
		display: block;
		text-align: left;
	}
	.pdf_wrapper {
		height: auto !important;
	}
	.pdf_wrapper .iframe {
		width: 100% !important;
		height: 360px !important;
	}
	.pdf_wrapper iframe {
		width: 100% !important;
		height: 360px !important;
	}
	.pdf_wrapper .infobar {
		position: relative;
		display: block;
		width: 100% !important;
		height: 150px !important;
	}
	.movie_area .mov_background_cover .title_wrapper span.eventname, .title_wrapper_bottom span.eventname {
		font-size: 13px;
	}
	.channels_area .area_title::after {
		top: 60px;
		left: 123px;
	}
	.info_bar {
		height: 100px;
	}
	.schedules .area_title::after {
		top: 61px;
		left: 160px;
	}
	.search_by_tag .area_title::after {
		top: 12px;
	}
	.about_us .area_title::after {
		top: 60px;
		left: 165px;
	}
	.module_Card-02 article {
		height: 125px;

	}

	.player_wrapper .no_capability	{
		padding: 70px 20px;
		font-size: 20px;
	}

	.player_wrapper .no_capability a {
		font-size: 20px;
	}
	.login_error{
		width: 100%;
	}
	.module_Card-channel article, .module_Card-channel.wide_width article {
		width: calc(100% / 2);
		box-sizing: border-box;
	}
	.module_Card-channel article {
		margin-right: 0;
	}
	.module_Card-channel article:nth-child(2n), .module_Card-channel.wide_width article:nth-child(2n) {
		margin-right: 0;
	}
	.module_Card-channel.wide_width article:nth-child(5n) {
		/*margin-right: 6%;*/
	}

	.module_Card-05 article a {
		height: 140px;
	}


	.files_list.payment_history tr {
		border-top: 2px solid #aaa;
	}
	.files_list.payment_history th {
		display: none;
	}
	.files_list.payment_history td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	.files_list.payment_history td:first-child {
		background: #ddd;
	}
	.files_list.payment_history td:nth-child(2):before {
		content: '区分：';
	}
	.files_list.payment_history td:nth-child(3):before {
		content: 'お支払い金額：';
	}
	.files_list.payment_history td:nth-child(4):before {
		content: 'ステータス：';
	}
	.files_list.payment_history td:nth-child(5):before {
		content: '完了日時：';
	}
	.files_list.payment_history td:nth-child(6):before {
		content: '領収証：';
	}
	/* 英語ラベル */
	.lang_en .files_list.payment_history td:nth-child(2):before {
		content: 'Participation category: ';
	}
	.lang_en .files_list.payment_history td:nth-child(3):before {
		content: 'Amount Paid: ';
	}
	.lang_en .files_list.payment_history td:nth-child(4):before {
		content: 'Status: ';
	}
	.lang_en .files_list.payment_history td:nth-child(5):before {
		content: 'Payment Completion Date: ';
	}
	.lang_en .files_list.payment_history td:nth-child(6):before {
		content: 'Receipt: ';
	}

	.files_list.payment_history td:last-child {
		text-align: left;
	}
	.files_list.participate tr {
		border-top: 2px solid #aaa;
	}
	.files_list.participate th {
		display: none;
	}
	.files_list.participate td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	.files_list.participate td:first-child {
		background: #ddd;
	}
	.files_list.participate td:nth-child(3):before {
		content: '登録完了日時：';
	}
	.files_list.participate td:nth-child(4):before {
		content: '申込情報：';
	}
	.files_list.participate td:nth-child(5) a:before {
		content: '領収証：';
	}
	.files_list.participate td:nth-child(6) a:before {
		content: '領収証：';
	}
	.files_list.participate td:nth-child(7) a:before {
		content: '参加証：';
	}
	.files_list.participate td.category:before {
		content: '区分：';
	}
	.files_list.participate td.complete_datetime:before {
		content: '登録完了日時：';
	}
	.files_list.participate td.application_info:before {
		content: '申込情報：';
	}
	.files_list.participate td.additional_app a:before {
		content: '追加申込：';
	}
	.files_list.participate td.receipt_1 a:before {
		content: '領収証：';
	}
	.files_list.participate td.receipt_2 a:before {
		content: '領収証：';
	}
	.files_list.participate td.participate a:before {
		content: '参加証：';
	}
	/* 英語ラベル */
	.lang_en .files_list.participate td:nth-child(2):before {
		content: 'Participation category: ';
	}
	.lang_en .files_list.participate td:nth-child(3):before {
		content: 'Application Date and Time: ';
	}
	.lang_en .files_list.participate td:nth-child(4):before {
		content: 'Application Information: ';
	}
	.lang_en .files_list.participate td:nth-child(5) a:before {
		content: 'Receipt: ';
	}
	.lang_en .files_list.participate td:nth-child(6) a:before {
		content: 'Receipt: ';
	}
	.lang_en .files_list.participate td:nth-child(7) a:before {
		content: 'Participation Certificate: ';
	}

	
	.files_list.additional_app tr {
		border-top: 2px solid #aaa;
	}
	.files_list.additional_app th {
		display: none;
	}
	.files_list.additional_app td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	.files_list.additional_app td:first-child {
		background: #ddd;
	}
	.files_list.additional_app td.category:before {
		content: '区分：';
	}
	.files_list.additional_app td.complete_datetime:before {
		content: '登録完了日時：';
	}
	.files_list.additional_app td.application_info:before {
		content: '申込情報：';
	}
	.files_list.additional_app td.participate a:before {
		content: 'PDF発行：';
	}

	.files_list table td a {
		display: contents;
	}
	.sp_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.area_title::after {
		top: 13px;
		margin-left: 12px;
	}
	.page_header h3 span.parent {
		margin: 0 30px;
	}
	.player_wrapper .error_msg {
		width: auto;
		padding: 100px 20px;
		font-size: 18px;
	}
	.player_wrapper .error_msg a { 
		font-size: 18px;
	}
	.pdf_area .error_msg {
		width: auto;
		padding: 100px 20px;
		font-size: 18px;
	}
	.pdf_area .error_msg a { 
		font-size: 18px;
	}
	.payment_form .half {
		width: 100%;
	}
	.payment_form .half.second h4 {
		margin: 0;
	}
	.half_left {
		width: 100%;
	}
	.half_right {
		position: absolute;
		width: 100%;
		padding: 30px 20px 0;
	}
	.half_right .sp_wrapper {
		padding: 20px 15px 25px;
		background: rgb(255 255 255 / 70%);
	}
	.half_right .logo_space {
		margin-top: 0 !important;
		margin-bottom: 5px !important;
		margin: 0;
		padding: 0;
		font-size: 14px;
		border: 0;
	}
	.half_right .main_title {
		padding-bottom: 5px;
		font-size: 20px;
	}
	.half_right .pageinfo {
		margin-top: 5px;
	}
	.logo_area h1 i {
		left: 105px;
	}

	.control_area {
		position: inherit;
		margin-top: 30px;
		/*float: right;*/
	}
	.control_area .control_btn {
		margin-left: 0 !important;
		margin-right: 25px;
	}
	.player_chat_wrapper .player_area {
		position: inherit;
		width: 100%;
		height: inherit;
		display: block;
	}
	.player_chat_area {
		height: 300px;
	}
	.player_chat_wrapper .chat_area {
		position: inherit;
		width: 100%;
		display: block;
	}
	.player_chat_wrapper .chat_area iframe {
		height: 500px;
	}
	.player_chat_wrapper.active {
		height: 800px;
	}
	.popup_poster_iframe {
		width: 100%;
		height: 100%;
		background: #777;
		position: fixed;
		top: 0;
		z-index: 1000;
	}
	.popup_poster_iframe iframe {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		border: none;
	}
	#poster_fullscreen_btn {
		position: absolute;
		top: 5px;
		right: 10px;
		display: block;
		z-index: 100;
		color: #fff;
		font-weight: bolder;
		padding: 5px 10px;
	}

	.page_body .info_body {
		padding: 0 20px 50px;
	}
	#calendar {
		min-width: 100%;
	}

	.account_search_container {
		width: 90%;
		padding: 60px 20px;
	}
	.account_search_container table th, .account_search_container table td {
		width: auto;
		display: block;
	}

	.show_qrcode_btn {
		display: block;
	}
	.show_qrcode_btn_dark {
		display: block;
	}
	.live_button_wrapper .start_button {
		margin-bottom: 20px;
	}

	.modal_alert_wrapper {
		width: 80%;
	}
	.exam_div #temp_save_exam_btn {
		bottom: 70px;
		right: 20px;
	}

	.modal_container.small {
		height: max-content;
	}
}
@media screen and (min-width:1160px){
	.recommended_sp {
		display: none;
	}
	br.sp {
		display: none;
	}
	.sp_menu {
		display: none;
	}
	.sp_menu_area {
		display: none;
	}
}
@media all and (-ms-high-contrast: none) {
	#calendar {
		max-height: inherit;
	}
	.logo_area h1 {

	}
	.area_title {

	}
	.copyright {

	}
}
@media print{
	body {
		zoom: 0.70;
		min-width: 100%;
	}
	.header .header_wrapper {
		min-width: 100%;
	}
	.header .header_wrapper {
	}
	.header .menu_area {
	}
	.sp_menu {
		display: none;
	}
	.sp_menu_area {
		display: none;
	}
	.calendar_wrapper  table {
		width: 100% !important;
	}
	.background_area {
		min-width: inherit;
	}
}