@charset "utf-8";
/* ===================================================================
 サブページ共通
=================================================================== */
/*===== BASE =====*/
*{box-sizing:border-box;}

body{
	background:#F6F9FD;}

@media(max-width:735px){
	body{font-size:1.2rem;}}

h4{
	font-size:125%;
	font-weight:normal;
	line-height:1.1;
	padding:0 0 0.5em 0;
	border-bottom:4px solid #333;
	position:relative;
	margin:1.2em 0;}

h4:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -4px;
	width:1.0em;
	border-bottom: 4px solid #333;}

@media(min-width:941px){
	#box-intro h4{
		width:625px;
		background-color:#eee;}}

@media(max-width:940px){
	#box-intro h4{}}




/*----- デバイスによる表示・非表示設定 -----*/
@media(min-width:736px){
	.notshow-pc{display:none;}}
@media(max-width:735px){
	.notshow-smp{display:none;}}


/*===== EACH PAGES =====*/
#main-ctt{
	color:#333;
	margin:0 auto 2.5em;}

@media(min-width:1200px){
	#main-ctt{
		margin:0 5.0em 2.5em;}}

@media(max-width:735px){
	#main-ctt{
		width:96%;
		min-width:304px;} /*最小幅320pxからbodyのマージン8px x2 を引いた数値*/}


hr.hr-dotted{
	visibility:hidden;}


/*イントロテキスト*/
#box-intro{
	border:1px solid #cccc99;
	border:6px double #999966;
	border:6px double #9c8675;
	background-color:rgba(255,255,255,0.75);}

#box-intro p img{
	float:right;
	width:180px;
	padding:3px;
	border:1px solid #ccc;
	margin-left:2.0em;
	margin-bottom:0.8em;}

/*@media(min-width:576px){
	#box-intro p img{display:none;}}*/
@media(max-width:575px){
	#box-intro p img{
		width:50%;
		float:none;
		display:block;
		margin-right:auto;
		margin-left:auto;}}


/* 項目別検索のリンク */
#box-cate{
	margin:0 auto 2.5em;
	border:1px solid #ccc;
	background-color:#eee;}

#box-cate h5{
	padding:0 0 0 10px;
	margin:0;
	background-image:none;}

#box-cate h5:before{left:0;}


ul.list-cate{
	display:flex; /* フレックスボックスにする */
	flex-wrap:wrap; /* 折り返し指定 */
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;}

ul.list-cate li{
	line-height:1.6;}

@media(min-width:736px){
	#box-cate{
		padding:1.5em 2.0em;}
	ul.list-cate li{
		margin:0 1.0em 0 0;
		padding-left:0;
		padding-right:0;}
	ul.list-cate li:after{
		content:"¦";
		padding-left:0.8em;}
	ul.list-cate li:last-child:after{
		content:"";
		padding-left:0;}}

@media(max-width:735px){
	#box-cate{
		padding:0.8rem;
		margin-bottom:1.5em;}
	ul.list-cate li{
		width:100%;}
	ul.list-cate li a:after{
		content:"\0bb";
		padding-left:0.3em;}}


/*===== DATA TABLE =====*/
/*表*/
.hyo{
	margin:0;
	padding:1.0em;
	background-color:#fff;}

/*キーワード*/
.dataTables_filter {}

/*分類フィルタ（「デジタル化資料一覧／検索」（0all.html）で使用）*/
.slct {}

.slct p{margin:0;}

/*ページャ*/
.dataTables_length {
    margin-top:0px;
    margin-left: 0px;
}

/*Pagination*/
.dataTables_wrapper .dataTables_paginate {
    margin-top: 3px;
}

/*Pagination Buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: .25rem;
    /*rounded*/
    border: 1px solid transparent;
    /*border border-transparent*/}

@media(max-width:735px){
	.dataTables_wrapper .dataTables_paginate .paginate_button{
		padding: 0.25em 0.5em;}}

/*Pagination Buttons - Current selected */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    /*shadow*/
    border-radius: .25rem;
    /*rounded*/
    background: #3b6085 !important;
    /*bg-indigo-500*/
    border: 1px solid transparent;
    /*border border-transparent*/
}

/*Pagination Buttons - Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover		 {
    color: #fff !important;
    /*text-white*/
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    /*shadow*/
    border-radius: .25rem;
    /*rounded*/
    background: #8198ae !important;
    /*bg-indigo-500*/
    border: 1px solid transparent;
    /*border border-transparent*/
}


.datatables-header .dataTables_length,
.datatables-header .dataTables_filter {
    float: left;
}
.datatables-header .dataTables_info,
.datatables-header .dataTables_paginate,
.datatables-footer .dataTables_info,
.datatables-footer .dataTables_paginate {
  float: right;
}
 
.datatables-header .dataTables_filter {
    margin-left: 40px;
}


.datatables-footer{
	margin-top:1.0em;}


 
.datatables-header .dataTables_info,
.datatables-footer .dataTables_info {
  margin-top: 5px;
  margin-right: 10px;
}
.datatables-footer .dataTables_paginate {
    margin-bottom: 0;
    margin-top: -5px;
}

/*ソートアイコン*/
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
    padding-left: 0.2em;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #8198ae;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #3b6085;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #3b6085;
}

table.dataTable th{white-space:nowrap;text-align: left;}
table.dataTable th.td0{text-align: center;}

table.dataTable img{
    width:auto;
    height:auto;
    max-width:160px;
    max-height:112px;
}


/*no*/
td.td0 {
    text-align: center;
    white-space: nowrap;
}
/*タイトル*/
td.td1 {
    text-align: left;
}



/* ===================================================================
 EACH PAGES
=================================================================== */
div#header{z-index:200;}
.hyo{z-index:100;}

@media(min-width:736px){
	#box-data-tbl-0all .hyo, .hyo{
		position:relative;}
	/*分類フィルタ*/
	.slct{
		width:13em;
		position:absolute;
		top:0;
		left:0;}

	#box-data-tbl-0all .datatables-header, .datatables-header{
		min-height:6.0em;
		margin-left:13em;}}

@media(max-width:735px){
	.hyo{
		font-size:82%;}
	#box-data-tbl-0all .hyo, .hyo{
		position:relative;}
	/*分類フィルタ*/
	.slct{
		position:absolute;
		top:0;
		left:0;}

	#box-data-tbl-0all .datatables-header, .datatables-header{
		padding-top:2.5em;}
	/*表示件数、キーワード*/
	.datatables-header .dataTables_length,
	.datatables-header .dataTables_filter{
		float:none;
		text-align:left;
		margin-left:0;}}

/* ボタン */
.toggle_btn {
	background: #0052a4;
	display: inline-block;
	color:#fff;
	white-space: nowrap;
	padding:7px;
	border-radius:5px;
}

.toggle_btn:hover{
	background: #1ec7bb;
}

.toggle_btn a{
	color:#fff;
	text-decoration:none;
}