@charset "UTF-8";

/* ==========================================================================
   Base CSS
   ========================================================================== */

html{
	width: 100%;
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', 'メイリオ', meiryo, sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}

img{
	border: 0px;
	text-decoration: none;
}

.clear{
	clear: both;
}

h1,h2,h3,h4{
	font-weight: normal;
}

a,
a:link,
a:visited{
	color: #036eb8;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}

a:hover{
	color: #ff0000;
	text-decoration: underline;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

a:active{}

p{
	padding: 0;
	margin: 0;
	line-height: 1.5;
	text-align: left;
	color: #333333;
}

.pc{}

.tb{}

.sp{display: none;}

strong{
	color: #c30d22;
	font-weight: normal;
	box-sizing: content-box;
}



/* ==========================================================================
   Header
   ========================================================================== */

header{
	margin: 0;
	padding: 10px 5px 0 5px;
	width: calc(100% - 10px);
	height: auto;
}

/* 標題部分 */

.view_ti{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
}

.view_ti h1{
	margin: 10px 0 0 0;
	padding: 0;
	height: auto;
	max-height: 48px;
	font-size: 110%;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.view_ti h1 i{
	margin: 0 5px 0 0;
	color: #f39700;
}

.view_ti h1 a,
.view_ti h1 a:link,
.view_ti h1 a:visited{
	line-height: 25px;
	color: #036eb8;
}

.view_ti h1 a:hover{
	color: #036eb8;
}

/* 件名 */
.view_ti h2{
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	height: auto;
	max-height: 40px;
	font-size: 90%;
	line-height: 20px;
	text-align: left;
	color: #333333;
	background-color: #e6f3eb;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.view_ti h2 i{
	margin: 0 5px 0 0;
	color: #5085c5;
}

/* ボタン入れ子 */

.bt_box1{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	letter-spacing: -0.4em;
	text-align: center;
}

/* ボタン */

.bt_box1 a,
.bt_box1 a:link,
.bt_box1 a:visited{
	margin: 0 0 0 5px;
	padding: 0 10px;
	font-size: 90%;
	color: #333333;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}

.bt_box1 a:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}

.bt_box1 a i{
	margin: 0 5px 0 0;
	color: #5085c5;
}

.bt_box1 p{
	margin: 0 0 0 5px;
	padding: 0 10px;
	font-size: 90%;
	color: #ffffff;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 81, 133, 197, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}

.bt_box1 p i{
	margin: 0 5px 0 0;
	color: #ffffff;
}

.bt_box1 a:first-of-type{
	margin-right: 0;
}



/* ==========================================================================
   Contents Base
   ========================================================================== */

article{
	margin: 0;
	padding: 0 5px;
	width: calc(100% - 10px);
}

/* =============================
   件名操作
   ============================= */

.control_box{
	margin: 0;
	padding: 10px 5px;
	width: calc(100% - 10px);
	height: auto;
	text-align: center;
	background-color: #e6f3eb;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	position: relative;
}

/* 件名送り入れ子 */

.bt_box2{
	margin: 0;
	padding: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}

/* 件名送り */

.bt_box2 a,
.bt_box2 a:link,
.bt_box2 a:visited{
	margin: 0 5px 0 0;
	padding: 9px 6px;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.bt_box2 a:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}

.bt_box2 a:last-child{
	margin-right: 0;
}

.bt_box2 a i.r_p{
	color: #999999;
	margin: 0 4px 0 0;
}

.bt_box2 a i.l_p{
	color: #999999;
	margin: 0 0 0 4px;
}

.bt_box2 a span{
	display: none;
}

.bt_box2 p{
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: center;
	display: inline-block;
}

.bt_box2 p span{
	display: block;
	white-space: nowrap;
}

.view_info{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	color: #e50011;
	display: block;
}

.view_info a,
.view_info a:link,
.view_info a:visited{
	line-height: 20px;
	color: #e50011;
}

.view_ti h1 a:hover{
	color: #e50011;
}



/* ==========================================================================
   Viewer部分
   ========================================================================== */

.view_box{
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	clear: both;
}

.view_box_l,
.view_box_l.active{
	margin: 0;
	padding: 0;
	width: 100%;
}

.view_box_s{
	display: none;
}

.view_box_e{
	margin: 0;
	padding: 0;
	width: 100%;
}

.view_box_r,
.view_box_r.active{
	margin: 0;
	padding: 0;
	width: 100%;
}

.view_box_r{
	display: none;
}

.view_box_r.active{
	display: block;
}

/* =============================
   サイドコンテンツ
   ============================= */

.view_box_l_in{
	margin: 0;
	padding: 10px;
	width: calc(100% - 22px);
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

@media (min-width: 560px) {
	.view_box_l_in{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-y: auto;
	}
}

/* サムネイル */
.view_thumb{
	padding: 0;
	width: 280px;
	height: auto;
	position: relative;
}

@media (min-width: 560px) {
	.view_thumb{
		margin: 0 10px 0 0;
	}
}

@media (max-width: 559px) {
	.view_thumb{
		margin: 0 auto;
	}
}

.view_thumb img{
	margin: 0;
	padding: 0;
	width: 280px;
	height: 200px;
	vertical-align: top;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 動的生成タグ */
.dy_tag1{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.dy_tag1 p{
	margin: 0;
	padding: 5px;
	font-size: 90%;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 59, 108, 89, 1.0 );
	display: inline-block;
}

/* ファイル表示 */
.view_box_l_in ul{
	padding: 0;
	text-align: left;
	list-style: none;
	clear: both;
}

@media (min-width: 560px) {
	.view_box_l_in ul{
		margin: 0;
		width: calc(100% - 290px);
	}
}

@media (max-width: 559px) {
	.view_box_l_in ul{
		margin: 10px 0 0 0;
		width: 100%;
	}
}

.view_box_l_in ul li{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: left;
}

.view_box_l_in ul li:first-child{
	margin-top: 0;
}

.view_box_l_in ul li a,
.view_box_l_in ul li a:link,
.view_box_l_in ul li a:visited{
	margin: 0;
	padding: 9px 30px 9px 10px;
	color: #333333;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: block;
	position: relative;
}

.view_box_l_in ul li a:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}

.view_box_l_in ul li a:before{
/*
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f019';
	color: #5085c5;
	line-height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 10px;
*/
}
.view_box_l_in ul li a i{
	margin: 0 5px 0 0;
	color: #5085c5;
}

.view_box_l_in ul li.open a:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0a9';
	color: #5085c5;
	line-height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 10px;
}

.view_box_l_in ul li span{
	margin: 0;
	padding: 5px 0;
	color: #333333;
	display: none;
}

.view_box_l_in ul li a i,
.view_box_l_in ul li span i{
	margin: 0 5px 0 0;
}

/* PDF */
.view_box_l_in ul li a i.fa-file-pdf,
.view_box_l_in ul li span i.fa-file-pdf{
	color: #e50011;
}

/* JPEG */
.view_box_l_in ul li a i.fa-file-image,
.view_box_l_in ul li span i.fa-file-image{
	color: #00a0e8;
}

/* =============================
   サムネイル一覧（JPEG大判画像）
   ============================= */

/* =============================
   ファイル一覧（電子公文書）
   ============================= */

.view_box_e_in{
	margin: 0;
	padding: 10px 10px 10px 0;
	width: calc(100% - 12px);
	background-color: #ffffff;
	border: 1px solid #c9c9ca;
	box-sizing: border-box;
	overflow-y: auto;
}

/* ファイル表示 */
.edoc{
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	clear: both;
}

.edoc li{
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
}

.edoc li span.folder{
	margin: 0;
	padding: 10px 0 10px 25px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	text-decoration: none;
	position: relative;
	display: block;
	word-break: break-word;
}

.edoc li a,
.edoc li a:link,
.edoc li a:visited{
	margin: 3px 0 3px 5px;
	padding: 10px 25px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	position: relative;
	display: block;
	word-break: break-word;
}

.edoc li a:hover{
	color: #333333;
	text-decoration: none;
}

.edoc li a i{
	font-style: normal;
}

.edoc li ul{
	margin: 0 0 0 12px;
	padding: 0;
	text-align: left;
	border-left: 1px solid #bbbbbb;
	list-style: none;
}

.edoc li span.folder:before,
.edoc li a.pdf:before,
.edoc li a.video:before,
.edoc li a.audio:before,
.edoc li a.other:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 5px;
}

.edoc li span.folder:before{
	content: '\f07c';
	color: #788896;
}

.edoc li a.pdf:before{
	content: '\f1c1';
	color: #e50011;
}

.edoc li a.video:before{
	content: '\f03d';
	color: #ff6699;
}

.edoc li a.audio:before{
	content: '\f028';
	color: #920683;
}

.edoc li a.other:before{
	content: '\f15b';
	color: #788896;
}

.edoc li a.pdf:after,
.edoc li a.video:after,
.edoc li a.audio:after,
.edoc li a.other:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f019';
	color: #5085c5;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 5px;
}

/* =============================
   ファイル一覧（その他）
   ============================= */

/* ファイル表示 */
.odoc{
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	list-style: none;
	clear: both;
}

.odoc li{
	margin: 5px 0 0 0;
	padding: 0;
	color: #333333;
	text-align: left;
}

.odoc li:first-child{
	margin-top: 0;
}

.odoc li a,
.odoc li a:link,
.odoc li a:visited{
	margin: 0;
	padding: 10px 25px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	position: relative;
	display: block;
	cursor: pointer;
	word-break: break-word;
}

.odoc li a:hover{
	color: #333333;
	text-decoration: none;
}

.odoc li a i{
	font-style: normal;
}

.odoc li a.video:before,
.odoc li a.audio:before,
.odoc li a.other:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 5px;
}

.odoc li a.video:before{
	content: '\f03d';
	color: #ff6699;
}

.odoc li a.audio:before{
	content: '\f028';
	color: #920683;
}

.odoc li a.other:before{
	content: '\f15b';
	color: #788896;
}

.odoc li a.video:after,
.odoc li a.audio:after,
.odoc li a.other:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f019';
	color: #5085c5;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 5px;
}

/* =============================
   ツリー・リスト幅操作
   ============================= */
.tree_wide_bt,
.list_wide_bt{
	display: none;
}

/* =============================
   ビュワーコントロール
   ============================= */

.view_control{
	margin: 0;
	padding: 10px;
	width: calc(100% - 20px);
	height: 40px;
	text-align: center;
	background-color: #b7d3c7;
	position: relative;
}

/* ページ送り入れ子 */
.bt_box3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
}

/* ページ送り */
.bt_box3 a,
.bt_box3 a:link,
.bt_box3 a:visited{
	margin: 0 5px 0 0;
	padding: 0;
	width: 38px;
	font-size: 90%;
	color: #666666;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.bt_box3 a:hover{
	color: #666666;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}
.bt_box3 a:last-child{
	margin-right: 0;
}

/* select */
.select_wrap{
	margin: 0 5px 0 0;
	padding: 0;
	height: 40px;
	position: relative;
	display: inline-block;
}

select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0 20px 0 5px;
	height: 40px;
	font-size: 90%;
	color: #333333;
	line-height: 40px;
	text-align: left;
	text-overflow: ellipsis;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	background-color: #ffffff;
	background-image: none;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', 'メイリオ', meiryo, sans-serif;
}

select::-ms-expand{
	display: none;
}

select:hover{
	border-color: #999999;
	background-color: #fafafa;
}

select:focus{
	border-color: #aaaaaa;
	color: #222222;
}

select option{
	font-weight: normal;
}

.select_wrap::before{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #999999;
	line-height: 40px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f107';
	z-index: 1;
	position: absolute;
	right: 8px;
	top: 0;
	pointer-events: none;
}

.siw1{width: 90px;}
.siw2{width: 100px;}

/* 画像操作ボタン入れ子 */
.bt_box4{
	display: none;
}

/* 画像操作ボタン */

/* 動的生成タグ */
.dy_tag2{
	margin: 0;
	padding: 0;
	display: inline-block;
	letter-spacing: normal;
	position: absolute;
	top: 15px;
	right: 10%;
	transform: translateX(50%);
	-webkit- transform: translateX(50%);
	z-index: 1
}

.dy_tag2 p{
	margin: 0;
	padding: 5px;
	font-size: 90%;
	color: #ffffff;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	background-color: rgba( 59, 108, 89, 1.0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

/* 動的生成タグ */
.dy_tag3{
	display: none;
}

.dy_tag3 p{
}

/* ローダー */
.dy_tag1 p i.loader,
.dy_tag2 p i.loader,
.dy_tag3 p i.loader{
	margin: 0;/* 2.4em*/
	padding: 0;
	font-size: 6px;
	position: relative;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
	display: inline-block;
	vertical-align: middle;
}

.dy_tag1 p i.loader,
.dy_tag1 p i.loader:after,
.dy_tag2 p i.loader,
.dy_tag2 p i.loader:after,
.dy_tag3 p i.loader,
.dy_tag3 p i.loader:after{
	border-radius: 50%;
	width: 10px;    /* アイコンの幅6em*/
	height: 10px;  /* アイコンの高さ */
}

@-webkit-keyframes load{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0　deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* =============================
   ビュワー本体
   ============================= */

.view{
	margin: 0;
	padding: 0;
	width: 100%;
	height: calc(100vh - 150px);
	min-height: 250px;
	text-align: center;
	background-color: #000000;
	position: relative;
}

.other_view{
	margin: 0;
	padding: 0;
	width: 100%;
	height: calc(100% - 60px);
	text-align: center;
	background-color: #ffffff;
	border-right: 1px solid #c9c9ca;
	border-left: 1px solid #c9c9ca;
	border-bottom: 1px solid #c9c9ca;
	box-sizing: border-box;
	position: relative;
}

/* しきい値超えの時 */
.threshold{
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

.threshold p{
	margin: 0;
	padding: 0 20px;
	font-size: 100%;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

.threshold p i{
	margin: 0 5px 0 0;
}
.threshold a,
.threshold a:link,
.threshold a:visited{
	margin: 10px 0;
	padding: 0 20px;
	font-size: 100%;
	line-height: 40px;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.threshold a:hover{
}

.threshold a i{
	margin: 0 5px 0 0;
}

/* iframe */
.view iframe{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* 動画 */
.view video{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translateX(50%) translateY(50%);
	object-fit: contain;
	font-family: 'object-fit: contain;'; /*IE対策*/
}

/* 音声 */
.other_view audio{
	margin: 0;
	padding: 0;
	width: 80%;
	outline: none;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translateX(50%) translateY(50%);
}

/* ダウンロードファイル */
.other_view div{
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

.other_view div p{
	margin: 0;
	padding: 0 20px;
	font-size: 100%;
	color: #333333;
	line-height: 24px;
	text-align: center;
}

.other_view div p i{
	color: #ea5414;
	margin: 0 5px 0 0;
}
.other_view div a,
.other_view div a:link,
.other_view div a:visited{
	margin: 10px 0;
	padding: 0 20px;
	font-size: 100%;
	color: #333333;
	line-height: 40px;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.other_view div a:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}

.other_view div a i{
	color: #5085c5;
	margin: 0 5px 0 0;
}



/* ==========================================================================
   Download
   ========================================================================== */



/* ==========================================================================
   Balloon
   ========================================================================== */

.bl_click{
	position: relative;
	cursor: pointer;
}

.bk_balloon{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	cursor: pointer;
}

.balloon1{
	padding: 15px;
	width: 50px;
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
	text-align: center;
	background: #fff;
	border: 1px solid #cccccc;
	word-break: break-all;
	letter-spacing: normal;
	display: none;
	position: absolute;
	top: 40px;
	right: 5px;
	z-index: 49;
}

.balloon1:before{
	content: "";
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: -18px;
	border: 8px solid transparent;
	border-bottom: 12px solid #ffffff;
	z-index: 2;
}

.balloon1:after{
	content: "";
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: -20px;
	border: 8px solid transparent;
	border-bottom: 12px solid #cccccc;
	z-index: 1;
}

.balloon2{
	padding: 15px;
	width: 50px;
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
	text-align: center;
	background: #fff;
	border: 1px solid #cccccc;
	word-break: break-all;
	letter-spacing: normal;
	display: none;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	z-index: 49;
}

.balloon2:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	margin-top: -18px;
	border: 8px solid transparent;
	border-bottom: 12px solid #ffffff;
	z-index: 2;
}

.balloon2:after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	margin-top: -20px;
	border: 8px solid transparent;
	border-bottom: 12px solid #cccccc;
	z-index: 1;
}

.balloon3{
	padding: 15px;
	width: 240px;
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
	text-align: left;
	background: #fff;
	border: 1px solid #cccccc;
	word-break: break-all;
	letter-spacing: normal;
	display: none;
	position: absolute;
	top: 40px;
	right: 5px;
	z-index: 49;
}

.balloon3:before{
	content: "";
	position: absolute;
	top: 0;
	right: 60px;
	margin-top: -18px;
	border: 8px solid transparent;
	border-bottom: 12px solid #ffffff;
	z-index: 2;
}

.balloon3:after{
	content: "";
	position: absolute;
	top: 0;
	right: 60px;
	margin-top: -20px;
	border: 8px solid transparent;
	border-bottom: 12px solid #cccccc;
	z-index: 1;
}



/* ==========================================================================
   Modal Window
   ========================================================================== */

.modald{
	display: none;
}



/* ==========================================================================
   Footer
   ========================================================================== */

footer{
	margin: 0;
	padding: 0 5px;
	width: calc(100% - 10px);
	position: relative;
}

footer.dl_foot{
	padding: 10px 5px 0 5px;
	height: 25px;
}

.foot_con{
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: left;
	letter-spacing: -0.4em;
}

@media (min-width: 560px) {
	.foot_con{
		text-align: left;
	}
}

@media (max-width: 559px) {
	.foot_con{
		text-align: center;
	}
}

/* 二次利用 */
.foot_info,
.foot_info:link,
.foot_info:visited{
	padding: 9px 10px;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}

@media (min-width: 560px) {
	.foot_info{
		margin: 5px 0 0 0;
		float: right;
	}
}

@media (max-width: 559px) {
	.foot_info{
		margin: 0 auto;
	}
}

.foot_info:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 226, 226, 226, 0.8 );
}

.foot_info i{
	margin: 0 5px 0 0;
	color: #5085c5;
}

/* SNSボタン */
.foot_con ul{
	margin: 0;
	text-align: center;
	list-style: none;
	clear: both;
}

@media (min-width: 560px) {
	.foot_con ul{
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}
}

@media (max-width: 559px) {
	.foot_con ul{
		padding: 10px 0 0 0;
		width: 100%;
	}
}

.foot_con ul li{
	margin: 0 5px 0 0;
	padding: 0;
	width: 50px;
	height: 50px;
	display: inline-block;
	letter-spacing: normal;
}

@media (max-width: 559px) {
	.foot_con ul li:last-child{
		margin-right: 0;
	}
}

.foot_con ul li a,
.foot_con ul li a:link,
.foot_con ul li a:visited{
	padding: 0;
	height: 50px;
	text-decoration: none;
}

.foot_con ul li a:hover{
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	opacity: 0.7;
}

.foot_con ul li img{
	width: 50px;
	height: 50px;
	vertical-align: top;
}

/* Permalink */
.plink{
	margin: 0;
	padding: 10px 0 5px 0;
	width: 100%;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	word-break: break-all;
	display: block;
	letter-spacing: normal;
}

@media (max-width: 559px) {
	.plink{
		text-align: center;
	}
}

.plink a,
.plink a:link,
.plink a:visited{
	padding: 0;
	line-height: 20px;
	color: #036eb8;
	text-decoration: none;
}

.plink a:hover{
	color: #036eb8;
	text-decoration: underline;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

/* Copyright */
address{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	font-size: 80%;
	font-style: normal;
	color: #999999;
	line-height: 20px;
	text-align: center;
	clear: both;
}
/* 画像閲覧マニフェストリンク*/
p.plink_iiif{
	width:100% !important;
}
div.foot_iiif{
	padding-top:0px !important;
}

/* ページ遷移ボタン */
.swiper-button-prev,
.swiper-button-next{
	content: '';
	width: 50px;
	height: 60px;
	top: calc(35%);
	left: auto;
	outline: none;
	position: absolute;
	z-index: 10;
}

.swiper-button-prev{
	background-image : url(../images/slide_prev.png);
	background-size : cover;
	background-repeat : no-repeat;
	background-position : center;
}

.swiper-button-next{
	background-image : url(../images/slide_next.png);
	background-size : cover;
	background-repeat : no-repeat;
	background-position : center;
}

.swiper-button-prev{
	right: calc(100% - 50px);
}

.swiper-button-next{
	right: 0;
}