@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%;
	overflow: auto;
}

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 auto;
	padding: 10px 30px;
	width: calc(100% - 60px);
	max-width: 1200px;
	height: 50px;
	text-align: left;
	letter-spacing: -0.4em;
	line-height:50px;
}

/* 標題部分 */

.view_ti{
	margin: 0;
	padding: 0;
	width: calc(100% - 300px);
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	clear: both;
}

.view_ti h1{
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 110%;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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: 30px;
	color: #036eb8;
}

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

/* 件名 */
.view_ti h2{
	margin: 0;
	padding: 0;
	height: 20px;
	font-size: 90%;
	line-height: 20px;
	text-align: left;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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

/* ボタン入れ子 */

.bt_box1{
	margin: 0;
	padding: 5px 0 0 0;
	width: 300px;
	height: 40px;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	float: right;
}

/* ボタン */

.bt_box1 a,
.bt_box1 a:link,
.bt_box1 a:visited{
	margin: 0 0 0 5px;
	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;
}

.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 a:first-child{
	margin-left: auto;
}

.bt_box1 p{
	margin: 0 0 0 5px;
	padding: 9px 10px;
	font-size: 90%;
	color: #ffffff;
	line-height: 20px;
	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;
}



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

article{
	margin: 0 auto;
	padding: 0 30px;
	width: calc(100% - 60px);
	max-width: 1200px;
	height: calc(100% - 155px);
	min-height: 500px;
}

article.dl_art{
	height: auto;
	min-height: calc(100% - 105px);
}

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

.control_box{
	margin: 0;
	padding: 0 0 10px 0;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

/* 件名送り入れ子 */

.bt_box2{
	margin: 0;
	padding: 0 20px 0 0;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 件名送り */

.bt_box2 a,
.bt_box2 a:link,
.bt_box2 a:visited{
	margin: 0 5px 0 0;
	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;
	white-space: nowrap;
}

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

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

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

.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: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	color: #e50011;
	flex: 1;
}

.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: 0;
	padding: 0;
	width: 100%;
	height: calc(100% - 50px);
	display: table;
	clear: both;
}

.view_box_l,
.view_box_l.active{
	margin: 0;
	padding: 0 20px 0 0;
	width: 280px;
	height: 100%;
	vertical-align: top;
}

.view_box_l{
	display: none;
}

.view_box_l.active{
	display: table-cell;
}

.view_box_s{
	margin: 0;
	padding: 0;
	width: 170px;
	height: 100%;
	border-top: 1px solid #c9c9ca;
	border-bottom: 1px solid #c9c9ca;
	border-left: 1px solid #c9c9ca;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}

.view_box_e{
	margin: 0;
	padding: 0 20px 0 0;
	width: 280px;
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

.view_box_r{
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

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

.view_box_l_in{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 450px;
	overflow-y: auto;
}

/* サムネイル */
.view_thumb{
	margin: 0;
	padding: 0;
	width: 100%;
/*	height: 200px;*/
	position: relative;
}

.view_thumb a,
.view_thumb a:link,
.view_thumb a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.view_thumb a:hover{
	text-decoration: none;
}

.view_thumb img{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
	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{
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
	list-style: none;
	clear: both;
}

.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 p{
	display: none;
}

.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;
	display: none;
}

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

.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_s_in{
	margin: 0;
	padding: 0 15px 15px 15px;
	height: calc(100% - 15px);
	min-height: 435px;
	background-color: #ffffff;
	overflow-y: auto;
}

.view_box_s_in ul{
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.view_box_s_in ul li{
	margin: 15px 0 0 0;
	padding: 4px;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: center;
	border: 2px solid #dcdcdd;
	box-sizing: border-box;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}

.view_box_s_in ul li.active{
	border: 2px solid #c30d22;
}

.view_box_s_in ul li:hover{
	border: 2px solid #036eb8;
	background-color: #efefef;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.view_box_s_in ul li.active:hover{
	border: 2px solid #c30d22;
	background-color: #efefef;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.view_box_s_in ul li div{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 120px;
}

.view_box_s_in ul li div img{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 120px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.view_box_s_in ul li p{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333333;
	line-height: 26px;
	text-align: center;
}

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

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

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

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

.edoc li a,
.edoc li a:link,
.edoc li a:visited,
.edoc li span.folder,
.edoc li span.folder:link,
.edoc li span.folder:visited{
	margin: 0;
	padding: 10px 0 10px 25px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	text-decoration: none;
	position: relative;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	word-break: break-word;
}

.edoc li a.active,
.edoc li a.active:link,
.edoc li a.active:visited{
	background-color: rgba( 239, 239, 239, 1.0 );
}

.edoc li a:hover,
.edoc li span.folder:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.edoc li a i{
	display: none;
}

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

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

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

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

.odoc li a,
.odoc li a:link,
.odoc li a:visited{
	margin: 0;
	padding: 10px 0 10px 25px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	text-decoration: none;
	position: relative;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	word-break: break-word;
}

.odoc li a.active,
.odoc li a.active:link,
.odoc li a.active:visited{
	background-color: rgba( 239, 239, 239, 1.0 );
}

.odoc li a:hover{
	color: #333333;
	text-decoration: none;
	background-color: rgba( 239, 239, 239, 1.0 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.odoc li a i{
	display: none;
}

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

/* =============================
   ツリー・リスト幅操作
   ============================= */
.tree_wide_bt,
.list_wide_bt{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	font-size: 90%;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 59, 110, 90, 1.0 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	display: block;
	cursor: pointer;
}

.tree_wide_bt:hover,
.list_wide_bt:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: rgba( 59, 110, 90, 0.8 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.tree_wide_bt:after,
.list_wide_bt:after{
	margin-left: 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0a9';
}

.tree_wide_bt.active:after,
.list_wide_bt.active:after{
	margin-left: 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0a8';
}

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

.view_control{
	margin: 0;
	padding: 10px;
	width: calc(100% - 20px);
	height: 40px;
	text-align: left;
	background-color: #b7d3c7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
}

/* ページ送り入れ子 */
.bt_box3{
	margin: 0;
	padding: 0;
	width: 280px;
	height: 40px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	vertical-align: top;
}

/* ページ送り */
.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 );
}

/* 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{
	margin: 0 0 0 auto;
	padding: 0;
	height: 40px;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	vertical-align: top;
}

/* 画像操作ボタン */

.bt_box4 a,
.bt_box4 a:link,
.bt_box4 a:visited{
	margin: 0 0 0 5px;
	padding: 10px;
	font-size: 90%;
	color: #333333;
	line-height: 18px;
	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: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

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

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

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

.dy_tag3 p{
	margin: 0;
	padding: 5px;
	font-size: 90%;
	color: #ffffff;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	background-color: #5085c5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

/* ローダー */
.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(100% - 60px);
	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
   ========================================================================== */

.dl_msg{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: left;
	letter-spacing: -0.4em;
}

.dl_msg span{
	display: inline-block;
	letter-spacing: normal;
}

/* =============================
   コントロール部分
   ============================= */

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

.dl_box1,
.dl_box2{
	margin: 0;
	padding: 0;
	display: inline-block;
}

.dl_box1 p,
.dl_box2 p{
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 90%;
	color: #333333;
	line-height: 40px;
	text-align: left;
	display: inline-block;
	letter-spacing: normal;
}

.dl_box2 a,
.dl_box2 a:link,
.dl_box2 a:visited{
	margin: 0 10px 0 0;
	padding: 0 10px;
	font-size: 90%;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background-color: rgba( 58, 81, 127, 1.0 );
	-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;
}

.dl_box2 a:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: rgba( 58, 81, 127, 0.8 );
}

.dl_box2 a i{
	margin: 0 5px 0 0;
	color: #ffffff;
}

.dl_info{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #036eb8;
	line-height: 40px;
	text-align: left;
	display: inline-block;
	letter-spacing: normal;
}

.dl_info i{
	margin: 0 0 0 5px;
	color: #3e62a3;
}

/* 一覧表示 */
.dl_list{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: both;
}

.dl_list_tag,
.dl_list_detail{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: table;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.dl_list_tag{
	background-color: #e6f3eb;
}

.dl_list .dl_list_detail:nth-child(odd){
	background-color: #f7f7f7;
}

.dl_list_tag:hover{
	background-color: #d4e8df;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.dl_list .dl_list_detail:nth-child(odd):hover,
.dl_list_detail:hover{
	background-color: #eeeeee;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.dl_list_tag dt,
.dl_list_tag dd,
.dl_list_detail dt,
.dl_list_detail dd{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #333333;
	text-align: left;
	display:table-cell;
	vertical-align: middle;
}

.dl_list_tag dt{
	padding: 0 10px 0 10px;
}

.dl_list_detail dt{
	padding: 0 10px 0 30px;
}

.dl_list_tag dd,
.dl_list_detail dd{
	padding: 5px 0;
	line-height: 30px;
}

.dlw1{width: auto;}
.dlw2{width: 90px;}
.dlw3{width: 130px;}

/* input */
input[type="text"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0 10px;
	width: 80px;
	height: 30px;
	font-size: 100%;
	color: #333333;
	line-height: 30px;
	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;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', 'メイリオ', meiryo, sans-serif;
};

input[type="text"]::-ms-expand{
	display: none;
}

input[type="text"]:hover{
	border-color: #999999;
	background-color: #fafafa;
}

input[type="text"]:focus{
	border-color: #aaaaaa;
	color: #222222;
}

input[type="text"] option{
	font-weight: normal;
}

/* チェックボックス */
.dl_list_all{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
}

label{
	margin: 0;
	padding: 0;
}

.dl_list label{
	letter-spacing: -0.4em;
}

.chk_icon{
	margin: 0;
	padding: 15px 0 15px 50px;
	width: calc(100% - 50px);
	line-height: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}

.dl_list_all .chk_icon{
	padding: 12px 20px;
	width: auto;
	color: #ffffff;
	background-color: rgba( 160, 160, 160, 1.0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.chk_icon i{
	margin: 0 5px 0 0;
	vertical-align: top;
}

.chk_icon i.fa-image{
	color: #5085c5;
}

.chk_icon i.fa-file-pdf{
	color: #e50011;
}

.chk_icon i.fa-video{
	color: #ff6699;
}

.chk_icon i.fa-volume-up{
	color: #920683;
}

.chk_icon i.fa-file{
	color: #788896;
}

.dl_list_all .chk_icon:hover{
	background-color: rgba( 59, 110, 90, 1.0 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.checka,
.check{
	display: none;
}

.check + .chk_icon,
.checka + .chk_icon{
	position: relative;
}

.check:checked + .chk_icon{
	color: #333333;
}

.checka:checked + .chk_icon{
	color: #ffffff;
	background-color: rgba( 59, 110, 90, 1.0 );
}

.check + .chk_icon:before{
	margin-left: -40px;
	margin-right: 28px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: '\f0c8';
	color: #333333;
	background-color: #ffffff;
	vertical-align: top;
}

.check:checked + .chk_icon:before{
	margin-left: -40px;
	margin-right: 28px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f14a';
	color: #2b6eb6;
	vertical-align: top;
}



/* ==========================================================================
   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{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	z-index: 101;
}

.modal_bg{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
}

.dmodal_content{
	margin: 0;
	padding: 0;
	width: 360px;
	background-color: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%,50%);
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
}

.dmodal_cl_bt{
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 90%;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	background-color: #666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}

.dmodal_cl_bt:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: #888888;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.dmodal_cl_bt i{
	color: #ffffff;
}

.dmodal_content .dl_ti{
	margin: 0;
	padding: 10px 20px;
	font-size: 100%;
	color: #333333;
	line-height: 30px;
	text-align: left;
	background-color: #eeeeee;
	display: block;
}

.dmodal_content .dl_ti i{
	margin-right: 5px;
	color: #5085c5;
}

.dmodal_content .dl_txt{
	margin: 0;
	padding: 15px 20px;
	font-size: 90%;
	color: #333333;
	line-height: 1.2;
	text-align: left;
}

.dmodal_content form{
	margin: 0;
	padding: 0;
}

.modal_dlbox{
	margin: 0 auto;
	padding: 0;
	width: calc(100% - 42px);
	border: 1px solid #cccccc;
}

.modal_dlbox label{
	margin: 0;
	padding: 10px;
	width: calc(100% - 20px);
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	text-align: left;
	display: block;
	cursor: pointer;
	position: relative;
}

.modal_dlbox label:before{
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #999999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 11px;
	left: 10px;
}

.modal_dlbox label:nth-child(odd){
	background-color: #edf5f1;
}

.modal_dlbox label input{
	display: none;
}

.modal_dlbox label span{
	padding-left: 30px;
}

.modal_dlbox label input:checked + span{
	color: #d01137;
}

.modal_dlbox label input:checked + span::after{
	content: '';
	width: 12px;
	height: 12px;
	background: #d01137;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 14px;
	left: 13px;
}

.dmodal_content .dl_bt,
.dmodal_content .dl_bt:link,
.dmodal_content .dl_bt:visited{
	margin: 15px auto 15px auto;
	padding: 10px;
	font-size: 90%;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	background-color: rgba( 58, 81, 127, 1.0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	display: inline-block;
	cursor: pointer;
}

.dmodal_content .dl_bt:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: rgba( 58, 81, 127, 0.8 );
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.dmodal_content .dl_bt i{
	margin-right: 5px;
}



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

footer{
	margin: 0 auto;
	padding: 0 30px;
	width: calc(100% - 60px);
	max-width: 1200px;
	height: 85px;
}

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

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

/* 二次利用 */
.foot_info,
.foot_info:link,
.foot_info:visited{
	margin: 5px 0 0 0;
	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;
	float: right;
	vertical-align: middle;
}

.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;
	padding: 0;
	text-align: left;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	clear: both;
}

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

.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: 0;
	width: calc(100% - 520px);
	font-size: 90%;
	color: #333333;
	line-height: 20px;
	word-break: break-all;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}

.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: 5px 0 0 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;
}