@charset "uft-8";

/* -- 全体要素 --*/
html,body {
	box-sizing: border-box;
	margin :0;
	font-size: 15px;
	font-family: "M PLUS 1c", sans-serif;
	font-weight: 500;
	background: #f0f8ff;
}

a {
	text-decoration: none;
	color: #6495ed;
}

a:hover {
	text-decoration: none;
	color: #dc143c
}

/* -- フォームボタンエリア [#button_area] --*/
#button_area_center {
	width:100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
	text-align: center;
}

#searcharea {
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
}

#searcharea .search_textbox {
	float: left;
	width :200px;
	height: 35px;
	padding: 5px 0 5px 0;
	margin: 0;
	font-size :15px;
	border-top : 1px solid #3e62ad;
	border-left : 1px solid #3e62ad;
	border-bottom : 1px solid #3e62ad;
}

#searcharea .search_submit {
	width :80px;
	height: 35px;
	padding: 5px;
	margin: 0 0 -1 -1;
	font-size :16px;
	color :#ffffff;
	text-align: center;
	border : 1px solid #3e62ad;
	background-color: #3e62ad;
	cursor:pointer;
}

#pagearea {
	padding: 10px;
	text-align: center;
}

#count_view {
	width: 300px;
	margin: 10px 0 10px 0;
}

#qrarea {
	margin: 50px auto 20px auto;
	padding: 10px;
}

#qrarea table {
	width: 50%;
	margin: 0 auto;
}

#qrarea table tr th {
	display: table;
	margin: 0 auto;
}

#qrarea table tr td {
	text-align: center;
}

#qrcode {
	display: inline-block;
	background-color: #fff;	
	padding: 10px;
	border : 1px solid #8c8c8c;	
}

/* webTable */
#header-title {
	height: 35px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size :20px;
	color: #ffffff;
	background: #0075c2;
}

h4.web_title {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	color: #696969;
}

#contents_table table {
	width: 90%;
	margin: 0 auto 10px auto;
	border-spacing: 1px;
	font-size: 14px;
	background: #8c8c8c;
}

#contents_table table tr th {
	min-width: 100px;
	max-width: 180px;
	padding: 7px;
	font-weight: normal;
	background: #b0c4de;
	text-align: left;
}

#contents_table table tr td {
	min-width: 200px;
	padding: 7px;
	text-align: left;
	background: #fff;
	word-break:break-word;
}

#contents_confirm table {
	border-spacing: 1px;
	background: #8c8c8c;
}

#contents_confirm table tr th {
	padding: 5px;
	font-weight: normal;
	background: #b0c4de;
	text-align: left;	
}

#contents_confirm table tr td {
	background: #fff;
	padding: 5px;
	text-align: left;
}

.teigi_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;	
}

/*--ユーザログイン系 --*/
.login_form {
	padding: 10px;
}

/* -- 罫線なしテーブルデザイン [.table_none] --*/
#table_none tr td {
	border:none;
}

/* -- ページ送りデザイン [.page] --*/
.page {
	font-family: "Meiryo UI";
	display: inline-block;
	padding: 10px 18px;
	margin-right: 6px;
	margin-bottom: 5px;
	border-radius: 1px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
	border: none;
	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.passive {
	border: none;
	background: #fefefe;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #ffffff;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

/* waiting gif*/
#waiting {
	position: absolute;
	top: 20%;
	right: 0;
	left: 0;
	margin: auto;
	font-family: "M PLUS 1c", sans-serif;
}

span {
	font-size: 14px;
	color: #404040;
}

span.remark{
	background: none repeat scroll 0 0 #ff69b4;
	border: 1px solid #8b0000;
	color: #ffffff;
	display: block;
	line-height: 1.2em;
	margin: 0.5em;
	padding: 0.5em;
	position: absolute;
	top: 25px;
	width: 14em;
}

/* -- ラジオボタンエリア [.radio_btn] --*/
.radio_btn {
	display: none;
}

.radio_label {
	position: relative;
	padding: 0 0 0 42px;
}

.radio_label:after,.radio_label:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
}

.radio_label:after {
	left: 15px;
	margin-top: -12px;
	width: 18px;
	height: 18px;
	border: 2px solid #808080;
	border-radius: 50%;
}

.radio_label:before {
	left: 20px;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	background: #808080;
	border-radius: 50%;
	opacity: 0;
}

.radio_btn:checked + .radio_label:before {
	opacity: 1;
}

@media screen and (min-width: 768px) {
	
	#home_area {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	a.home_menu {
		display: flex;
		align-items: center;
		width: 300px;
		padding: 7px;
		margin: 5px;
		color: #696969;
		border: solid 1px #a9a9a9;
		border-radius: 5px;
		background: #fff;
	}

	a:hover.home_menu {
		background: #dbedff;
	}
	
	.home_menu .menu_text {
		width: 80%;
		color: #808080;
		padding: 10px;
	}
	
	.home_menu .menu_text .menu_title {
		font-size: 18px;
		font-weight: bold;
	}
	
	.home_menu .menu_text .menu_comment {
		font-size: 14px;
	}
	
	.home_menu .menu_img {
		width: 20%;
		padding: 7px;
		text-align: center;
	}
	
	#open_contents {
		width: 700px;
		margin: 0 auto;
		padding: 60px 0 0 0;
	}
	
	#login_title {
		width :380px;
		margin: 20px auto 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
		color: #444444;
		text-align: center;
		border-top : 1px solid #acacac;
		border-right : 1px solid #acacac;
		border-left: 1px solid #acacac;
		border-top-left-radius: 0.3em;
		border-top-right-radius: 0.3em;	
		background-color :#7fbfff;
	}

	#login_main {
		width: 380px;
		margin: 0 auto;
		border-right : 1px solid #acacac;
		border-left: 1px solid #acacac;
		border-bottom : 1px solid #acacac;
		border-bottom-left-radius: 0.3em;
		border-bottom-right-radius: 0.3em;	
		background-color: #fff;
	}

	#login_main table {
		width: 335px;
		margin-left: 18px;
		margin-right: 18px;
		padding: 10px 0 20px 0;
		font-size: 14px;
	}

	#login_bottom {
		width: 400px;
		margin: 10px auto 0 auto;
	}

	#login_bottom table tr td {
		color: #191970;
		text-align: center;
		vertical-align: middle;
	}
	
	#login_language {
		width: 380px;
		margin: 5px auto;
		text-align: right;
	}
	
	#login_language img {
		border : 1px solid #acacac;
	}
	
	#mail_input {
		width: 600px;
		margin: 30px auto 0 auto;
		height: 50px;
		padding: 20px;
		background: #b7dbff;
		border-radius: 5px 5px 5px 5px;
		text-align: center;
	}

	#reader_area {
		min-width: 400px;
		max-width: 740px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0;
	}
	
	#reader_area_center {
		min-width: 400px;
		max-width: 740px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0 auto;
	}
	
	#main_area.is-hidden {
		min-height: 100%;
	}
	
	footer {
		bottom: 0;
		height: 30px;
		margin: 0;
		padding: 15px 0;
		text-align: center;
		color: #fff;
		background: #808080;
	}

	.section {
		display: flex;
		align-items: center;
		height: 50px;
		background: #fff;
		border-radius: 5px;
	}
	
	.section .section_img {
		margin-left: 25px;
	}
	
	.section .section_text {
		padding: 0 10px;
		font-weight: bold;
		font-size: 1.3em;
	}
	
	.section_icon {
		margin-left: 5px;
	}
	
	#main_menu {
		display: flex;
		padding: 0 10px;
		background: #fff;
		border-top: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}
	
	#main_menu .relative {
		position: relative;
	}

	#main_menu a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		color: #696969;
		border-right: 1px solid #dcdcdc;
	}

	#main_menu a.first {
		border-right: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
	}

	#main_menu  a:hover {
		background: #f5f5f5;
		cursor: pointer;
	}
	
	#main_menu a.selected {
		background: #e0e0e0;
	}
	
	.detail {
		padding: 10px;
	}
	
	#button_area_menu {
		display: flex;
		margin: 0;
	}

	.icon_area_red {
		margin: 0 10px 10px 0;
		text-align: center;
		font-size :15px;
		color: #db7093;
	}
	
	.icon_area_red a {
		display: block;
		padding-top: 5px;
		color: #db7093;
		border : 1px solid #db7093;
		width: 95px;
		height: 25px;
	}
	
	.icon_area_red a:hover {
		display: block;
		color: #fff;
		background: #db7093;
	}
		
	.icon_area {
		display: block;
		padding-top: 5px;
		margin: 0 5px 10px 0;
		text-align: center;
		font-size :15px;
		color: #2792c3;
		border : 1px solid #2792c3;
		width: 70px;
		height: 25px;
		cursor:pointer;
	}
	
	.icon_area:hover {
		color: #fff;
		background: #2792c3;
	}
	
	.icon_area a {
		display: block;
	}
	
	.icon_area a:hover {
		color: #fff;
	}
	
	button.icon_area {
		display: block;
		padding: 3px 0;
		margin: 0 5px 0 0;
		text-align: center;
		font-size :15px;
		color: #2792c3;
		border : 1px solid #2792c3;
		width: 70px;
		height: 33px;
		background: #fff;
	}
	
	.button_hidden {
		display:none;
	}

	#fake_text_box {
		padding: 6px;
		width :400px;
		height: 40px;	
		border : 1px solid #cccccc;
	}
	
	#datalist table {
		margin: 0;
		font-size: 15px;
		border-spacing: 1px;
		background: #a9a9a9;
	}
	
	#datalist table tbody {
		background: #fff;
	}

	#datalist table tr th {
		padding: 5px;
		font-weight: normal;
		background: #b0c4de;
		white-space: nowrap;
	}
	
	#datalist table tr th img {
		vertical-align: middile;
	}
	
	#datalist table tr th.read_time {
		text-align: center;
	}
	
	#datalist table tr th.read_count {
		width: 50px;
		text-align: center;
	}

	#datalist table tr th.cell_left {
		text-align: left;
	}

	#datalist table tr th.cell_center {
		text-align: center;
	}

	#datalist table tr th.cell_right {
		text-align: right;
	}

	#datalist table tr td {
		padding: 5px;
		white-space: nowrap;
	}
	
	#datalist table tr td img.edit {
		width: 10px;
		margin-left:-1.5em;
		cursor:pointer;
	}
	
	#datalist table tr td.read_time {
		text-align: center;
	}
	
	#datalist table tr td.read_count {
		width: 50px;
		text-align: center;
	}

	#datalist table tr td.cell_left {
		text-align: left;
	}

	#datalist table tr td.cell_center {
		text-align: center;
	}

	#datalist table tr td.cell_right {
		text-align: right;
	}

	#editlist table {
		width: 700px;
		max-width: 700px;
		margin: 0;
		font-size: 15px;
		border-spacing: 1px;
		background: #808080;
		table-layout: fixed;
	}

	#editlist table tr th {
		padding: 5px 10px;
		text-align: left;
		font-weight: normal;
		width: 200px;
		background: #a3d6cc;
	}
	
	#editlist table tr th img {
		vertical-align: middle;
	}
		
	#editlist table tr th.read_count {
		width: 50px;
	}

	#editlist table tr th.cell_left {
		text-align: left;
	}

	#editlist table tr th.cell_center {
		text-align: center;
	}

	#editlist table tr th.cell_right {
		text-align: right;
	}

	#editlist table tr td {
		min-height: 2em;
		padding: 5px 7px;
		background: #fff;
		word-break : break-all;
	}
	
	#editlist table tr td img.edit {
		width: 10px;
		margin-left:-1.5em;
		cursor:pointer;
	}
	
	#editlist table tr td.read_time {
		text-align: center;
	}
	
	#editlist table tr td.read_count {
		width: 50px;
		text-align: center;
	}

	#editlist table tr td select {
		max-width: 100%;
	}
	
	#button_area{
		margin: 0 auto 0 auto;
		padding: 10px 0 10px 0;
		text-align: left;
	}
	
	#button_area_edit {
		float: left;
		margin: 10px 0;
		text-align: left;
	}
	
	/* -- 定義ファイル未アップロード案内 --*/
	.admin_guide_pc {
		width: 80%;
		max-width: 700px;
		margin: 20px 0 0 0;
		padding: 20px;
		border : 3px dashed #b0c4de;
		background: #fff;
	}
	
	.admin_guide_pc ul {
		margin: 10px 0 20px 0;
		padding: 0 0 0 20px;
	}
	
	.admin_guide_pc ul a {
		color: #191970;
	}

	.admin_guide_pc ul a:hover {
		color: #ff7f50;
	}
	
	.admin_guide_sp {
		display: none;
	}

	/* -- フォームデザイン [.form] --*/
	optgroup {
		display: none;
	}
	
	.form_mail {
		width: 400px;
		font-family: "M PLUS 1c", sans-serif;
		font-size: 16px;
		margin: 1px;
		padding: 10px;
		border : 1px solid #6C6C6C;
	}
	
	.form_password {
		width: 95%;
		font-family: "M PLUS 1c", sans-serif;,YuGothic,'游ゴシック','Yu Gothic','メイリオ',sans-serif,'ヒラギノ角ゴ ProN W3';
		font-size: 16px;
		margin: 5px;
		padding: 10px;
		border : 1px solid #acacac;
	}
	
	.photo_block {
		position: relative;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 3px solid #ffffff;
	}
		
	.photo_block img {
		margin: 0;
		padding: 0;
		object-fit: cover;
	}

	label.photo_import {
		padding: 15%;
		background: #c0c0c0;
		border-radius: 3px;
		cursor: pointer;
		display: block;
	}

	label.photo_import input {
		display: none;
	}

	.photo_thumbnail img {
		width: 225px;
		height: 225px;
		object-fit: cover;
	}
	
	.photo_view {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	
	.photo_view img {
		width: 100%;
		object-fit: cover;
	}
	
	.pdf_block {
		position: relative;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 3px solid #ffffff;
	}
		
	.pdf_block img {
		margin: 0;
		padding: 0;
	}

	label.pdf_import {
		padding: 15%;
		background: #c0c0c0;
		border-radius: 3px;
		cursor: pointer;
		display: block;
	}
	
	label.pdf_import input {
		display: none;
	}
	
	.pdf_thumbnail {
		display: flex;
	}
	
	.pdf_thumbnail img {
		width: 40px;
		height: 40px;
	}
	
	#uploading {
		z-index: 10;
		position: fixed;
		width: 200px;
		top: 25%;
		right: 0;
		left: 0;
		margin: auto;
		background-size: cover;
		display: none;
		opacity: 1.0;
	}
	
	#uploading_png {
		width: 100px;
		height: 100px;
		margin: auto;
		background: url("/common/icons/gif-load.gif") no-repeat center;
	}
	
	.uploading_text {
		margin: 5px 0;
		text-align: center;
	}
}

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

	#home_area {
		width: 95%;
		margin: 0 auto;
	}
	
	a.home_menu {
		display: flex;
		align-items: center;
		padding: 5px;
		margin: 5px;
		color: #696969;
		border: solid 1px #a9a9a9;
		border-radius: 5px;
		background: #fff;
	}

	a:hover.home_menu {
		background: #dbedff;
	}
	
	.home_menu .menu_text {
		width: 80%;
		color: #808080;
		padding: 10px;
	}
	
	.home_menu .menu_text .menu_title {
		font-size: 18px;
		font-weight: bold;
	}
	
	.home_menu .menu_text .menu_comment {
		font-size: 14px;
	}
	
	.home_menu .menu_img {
		width: 20%;
		padding: 7px;
		text-align: center;
	}
	
	#open_contents {
		box-sizing: border-box;
		width: 90%;
		margin: 0 auto;
		padding: 100px 0;
	}
	
	#login_title {
		width: 100%;
		margin: 20px auto 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
		color: #444444;
		text-align: center;
		border-top : 1px solid #acacac;
		border-right : 1px solid #acacac;
		border-left: 1px solid #acacac;
		border-top-left-radius: 0.3em;
		border-top-right-radius: 0.3em;	
		background-color :#7fbfff;
	}

	#login_main {
		width: 100%;
		margin: 0 auto 0 auto;
		border-right : 1px solid #acacac;
		border-left: 1px solid #acacac;
		border-bottom : 1px solid #acacac;
		border-bottom-left-radius: 0.3em;
		border-bottom-right-radius: 0.3em;	
		background: #fff;
	}

	#login_main table {
		width: 95%;
		margin: 0 5px;
		padding: 10px 0 20px 0;
		font-size: 14px;
	}

	#login_bottom {
		width: 100%;
		margin: 10px auto 0 auto;
	}

	#login_bottom table tr td {
		color: #191970;
		text-align: center;
		vertical-align: middle;
	}
	
	#login_language {
		width: 100%;
		margin: 5px auto;
		text-align: right;
	}
	
	#login_language img {
		border : 1px solid #acacac;
	}
	
	#mail_input {
		width: 90%;
		margin: 5px auto 0 auto;
		height: 50px;
		padding: 20px;
		background: #b7dbff;
		border-radius: 5px 5px 5px 5px;
		text-align: center;
	}
	
	#contents {
		min-height: 100%;
		margin: 0 auto;
	}
	
	#contents_area {
		box-sizing: border-box;
		width: 95%;
		margin: 10px auto 0 auto;
	}
	
	#reader_area {
		width: 95%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0 auto;
	}

	#main_area {
		box-sizing: border-box;
		margin: 0;
	}
	
	footer {
		bottom: 0;
		width :100%;
		padding: 15px 0;
		text-align: center;
		color: #fff;
		background: #808080;
	}

	.section {
		display: flex;
		align-items: center;
		width: 100%;
		background: #fff;
		border-radius: 5px;
	}
	
	.section .section_img {
		margin: 10px;
	}
	
	.section .section_text {
		margin: 0 10px;
		font-weight: bold;
		font-size: 20px;
	}
	
	.section_icon {
		margin-left: 5px;
	}
	
	#main_menu {
		display: flex;
		background: #fff;
		border-top: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}
	
	#main_menu .relative {
		position: relative;
	}

	#main_menu a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		color: #696969;
		border-right: 1px solid #dcdcdc;
	}

	#main_menu a.first {
		border-right: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
	}

	#main_menu  a:hover {
		background: #f5f5f5;
		cursor: pointer;
	}
	
	#main_menu a.selected {
		background: #e0e0e0;
	}
	
	.detail {
		width: 95%;
		margin: 10px auto;
	}

	#button_area_menu {
		display: none;
	}
	
	.cell_none {
		display: none;
	}
	
	#icon_area_red {
		display: none;
	}
	
	#icon_area {
		display: none;
	}
	
	#section_import_drop {
		display: none;
	}
	
	#fileimport {
		display: none;
	}
		
	#datalist table {
		width: 100%;		
		font-size: 15px;
		margin: 0;
		border-spacing: 1px;
		background: #a9a9a9;
	}

	#datalist table tr th {
		padding: 5px;
		font-weight: normal;
		background: #b0c4de;
	}
	
	#datalist table tr th img {
		vertical-align: middle;
	}
	
	#datalist table tr th.icon {
		width: 30px;
		text-align: center;
	}
	
	#datalist table tr th.read_time {
		width: 90px;
		text-align: center;
	}
	
	#datalist table tr td.read_count {
		width: 30px;
	}

	#datalist table tr th.cell_left {
		text-align: left;
	}

	#datalist table tr th.cell_center {
		text-align: center;
	}

	#datalist table tr th.cell_right {
		text-align: right;
	}

	#datalist table tr td {
		padding: 5px;
		background: #fff;
	}
	
	#datalist table tr td img.edit {
		width: 20px;
		margin-left:-2em;
		cursor:pointer;
	}
	
	#datalist table tr td.read_time {
		width: 90px;
		text-align: center;
	}
	
	#datalist table tr td.read_count {
		width: 30px;
		text-align: center;
	}
	
	#datalist table tr td.icon {
		width: 30px;
		text-align: center;
	}

	#datalist table tr td.cell_left {
		text-align: left;
	}

	#datalist table tr td.cell_center {
		text-align: center;
	}

	#datalist table tr td.cell_right {
		text-align: right;
	}
	
	#datalist table tr td.break_word {
		word-break:break-word;
	}
	
	#editlist table {
		width: 100%;
		font-size: 15px;
		margin: 0;
		table-layout: fixed;		
	}
	
	#editlist table tr {
		display: flex;
		flex-direction: column;
		margin: 5px 0 10px 0;
	}

	#editlist table tr th {
		box-sizing: border-box;
		width: 100%;
		padding: 0.5em 0.7em;
		text-align: left;
		font-weight: normal;
		background: #a3d6cc;
	}
	
	#editlist table tr th img {
		vertical-align: middle;
	}
	
	#editlist table tr th.icon {
		width: 30px;
		text-align: center;
	}
	
	#editlist table tr th.read_time {
		width: 90px;
		text-align: center;
	}
	
	#editlist table tr th.read_count {
		width: 30px;
	}

	#editlist table tr td {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0.5em 0.7em;
		background: #fff;
		word-break : break-all;
	}
	
	#editlist table tr td img.edit {
		width: 20px;
		margin-left:-2em;
		cursor:pointer;
	}
	
	#editlist table tr td.icon {
		justify-content: center;
	}
	
	#editlist table tr td select {
		max-width: 100%;		
	}	
	
	#button_area {
		margin: 0 auto;
		padding: 10px;
		text-align: center;
	}
	
	#button_area_edit {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	
	.teigi_title_delete {
		display: none;
	}
	
	/* -- 定義ファイル未アップロード案内 --*/
	.admin_guide_sp {
		width: 85%;
		margin: 20px 0 0 0;
		padding: 20px;
		border : 3px dashed #b0c4de;
		background: #f0f8ff;
	}
	
	.admin_guide_pc {
		display: none;
	}
	
	/* -- フォームデザイン [.form] --*/
	optgroup {
		display: none;
	}
	
	.form_mail {
		width: 95%;
		font-size: 22px;
		height: 40px;
		margin: 1px;
		padding: 5px;
		border : 1px solid #6C6C6C;
	}
	
	.form_password {
		width: 95%;
		font-size: 22px;
		height: 50px;		
		margin: 1px;
		padding: 10px;
		border : 1px solid #6C6C6C;
	}
	
	.youtube {
		position: relative;
		width: 50%;
		padding-top: 56.25%;
	}
	
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 50% !important;
		height: 50% !important;
	}
	
	.photo_block {
		position: relative;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 3px solid #ffffff;
	}
		
	.photo_block img {
		margin: 0;
		padding: 0;
		object-fit: cover;
	}

	label.photo_import {
		padding: 15%;
		background: #c0c0c0;
		border-radius: 3px;
		cursor: pointer;
		display: block;
	}

	label.photo_import input {
		display: none;
	}

	.photo_thumbnail img {
		width: 200px;
		height: 200px;
		object-fit: cover;
	}
	
	.photo_view {
		margin: 0 auto;
	}
	
	.photo_view img {
		width: 100%;
		object-fit: cover;
	}
	
	.pdf_block {
		position: relative;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 3px solid #ffffff;
	}
		
	.pdf_block img {
		margin: 0;
		padding: 0;
		object-fit: cover;
	}

	label.pdf_import {
		padding: 15%;
		background: #c0c0c0;
		border-radius: 3px;
		cursor: pointer;
		display: block;
	}

	label.pdf_import input {
		display: none;
	}
	
	.pdf_thumbnail {
		display: flex;
	}
	
	.pdf_thumbnail img {
		width: 40px;
		height: 40px;
	}
	
	#uploading {
		z-index: 10;
		position: fixed;
		width: 200px;
		top: 25%;
		right: 0;
		left: 0;
		margin: auto;
		background-size: cover;
		display: none;
		opacity: 1.0;
	}
	
	#uploading_png {
		width: 100px;
		height: 100px;
		margin: auto;
		background: url("/common/icons/gif-load.gif") no-repeat center;
	}
	
	.uploading_text {
		margin: 5px 0;
		text-align: center;
	}
}