@charset "utf-8";
/*テーブル(ログイン)*/
.report_table_a p{
	/*font-weight:700;*/
	text-align:center;
	margin:2rem auto;
}

/*テーブル位置*/
.report_table_a table{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	table-layout:fixed;
}

.report_table_a td,.report_table_a th{
	padding-top:12px;
	padding-bottom:12px;
	vertical-align:top;
}

.report_table_a tbody th{
	padding-left:10px;
	padding-right:10px;
	font-weight:700;
	text-align:left;
}

.report_table_a tbody td{
	padding-right:10px;
	padding-left:10px;
	text-align:center;
}

/*フォームの入力エリアの外枠*/
.report_table_a input[type="text"],.report_table_a input[type="password"] {
	border:1px solid #d7d8d9;
}

/*フォームのボタン*/
.report_table_a button {
	/*border:1px solid #d7d8d9;*/
	display:inline-block;
	/*text-align:center;*/
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:14px;
	padding-right:14px;
	background-color:#e50000;
	/*border:2px solid #c30000;*/
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;	
}

/*画像(右矢印)追加*/
.report_table_a button::after {
	content:"";
	display:inline-block;
	background-image:url(../img/arr_line_white.svg);
	vertical-align:middle;
	width:20px;
	height:20px;
	background-size:contain;
}
/*フォームのボタン(マウスが重なった時)*/
.report_table_a button:hover {
	background-color:#ec4040;
}

/*SP向け調整*/
@media only screen and (max-width:767px){
	.report_table_a td,.report_table_a th{
		display:block;
		width:100%
	}
	.report_table_a tbody th{
		text-align:center;
	}
	.report_table_a button {
		width:220px;
	}
}


/*テーブル(レポート画像一覧表示)*/
.report_table_b{
	padding-top:30px;
	padding-bottom:12px;
}

.report_table_b td,.report_table_b th{
	vertical-align:top
}

.report_table_b tbody th{
	padding-top:0px;
	padding-bottom:12px;
}

.report_table_b tbody td{
	/*padding-top:12px;*/
	padding-bottom:30px;
	text-align:center;
}

.report_table_b tbody th img{
	border:1px solid #000000;
}

/*テーブル位置*/
.report_table_b table{
	margin-left:auto;
	margin-right:auto;
}

/*フォームの入力エリアの外枠*/
.report_table_b input[type="text"],.report_table_b input[type="password"] {
	border:1px solid #d7d8d9;
}

/*フォームのボタン*/
.report_table_b button {
	display:inline-block;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;	
}

/*フォームのボタン(マウスが重なった時)*/
.report_table_b button:hover {
	background-color:#ec4040;
}

/*フォームのボタン(input)*/
.report_table_b input[type="button"],.report_table input[type="submit"] {
	display:inline-block;
	width:220px;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:14px;
	padding-right:14px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;	
}

.report_table_b input[type="button"]:hover,.report_table input[type="submit"]:hover {
	background-color:#ec4040;
}

/*画像サイズの自動調整*/
.report_table_b img{
	max-width:100%;
	height:auto;
}

/*テーブル(レポート画像個別表示)*/
.report_table_c table{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border-collapse:collapse;
	border:1px solid #f5f5f5;
	table-layout:fixed;
}

.report_table_c td,.report_table_c th{
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #c4c4c4;;
}

.report_table_c thead th{
	padding-left:10px;
	font-weight:700;
	text-align:center;
	word-break:break-word;
	background-color:#f5f5f5;
}

.report_table_c tbody th{
	padding-left:10px;
	font-weight:700;
	text-align:left;
	word-break:break-word;
}

.report_table_c tbody td{
	text-align:center;
}

.title_col2{
	width:75%;
	font-weight:700;
}

.title_col3{
	width:55%;
	font-weight:700;
}

/*フォームの入力エリアの外枠*/
.report_table_c input[type="text"],.report_table_c input[type="password"] {
	display:block;
}

/*フォームのボタン*/
.report_table_c button {
	display:inline-block;
	margin:auto;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;
}

/*フォームのボタン(マウスが重なった時)*/
.report_table_c button:hover {
	background-color:#ec4040;
}

.report_table_c li{
	list-style-position:inside;
	list-style-type:disc;
	margin-left:1.4em;
	text-indent:-1.4em;
}

/*レポート表示(別ウィンドウで開く)のボタン*/
.showreport button {
	display:inline-block;
	margin:auto;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;
}

/*画像(別ウィンドウで開くアイコン)追加*/
.showreport button::after {
	content:"";
	display:inline-block;
	background-image:url(../img/icon_blank_white.svg);
	vertical-align:middle;
	width:20px;
	height:20px;
	background-size:contain;
}

/*フォームのボタン(マウスが重なった時)*/
.showreport button:hover {
	background-color:#ec4040;
}

/*CSVダウンロードのボタン*/
.getcsv button {
	display:inline-block;
	margin:auto;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;
}

/*CSVアイコン追加*/
.getcsv button::after {
	content:"";
	display:inline-block;
	background-image:url(../img/icon_csv_white.svg);
	vertical-align:middle;
	width:28px;
	height:28px;
	background-size:contain;
}

/*フォームのボタン(マウスが重なった時)*/
.getcsv button:hover {
	background-color:#ec4040;
}

/*SP向け調整*/
@media only screen and (max-width:767px){
	.report_table_c td,.report_table_c th{
		display:block;
		width:100%
	}
	.report_table_c tbody th{
		text-align:center;
	}
	.report_table_c button {
		width:220px;
	}
}


/*テーブル(レポートの設定画面)*/
.report_table_d selectitem {
	display:flex;
	justify-content:space-between;
	margin:0.5rem;
}

.report_table_d label {
	cursor:pointer;
}

.report_table_d label:hover {
	text-decoration:underline;
}

/*選択無効時のラジオボタンの説明文*/
.report_table_d input[type="radio"][disabled] + label {
	color:#767676;
	cursor:auto;
	text-decoration:none;
}

.report_table_d table{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border-collapse:collapse;
	border:1px solid #f5f5f5;
	table-layout:fixed;
}

.report_table_d td,.report_table_d th{
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #c4c4c4;;
}

.report_table_d thead th{
	padding-left:10px;
	font-weight:700;
	text-align:center;
	word-break:break-word;
	background-color:#f5f5f5;
}

.report_table_d tbody th{
	padding-left:10px;
	font-weight:700;
	text-align:left;
	word-break:break-word;
	background-color:#f5f5f5;
	width:30%;
}

.report_table_d tbody td{
	padding-left:10px;
	text-align:left;
}

.report_table_d tfoot th{
	padding-left:10px;
	text-align:left;
	font-weight:normal;
}

.report_table_d tfoot td{
	padding-left:10px;
	text-align:center;
}

/*フォームの入力エリアの外枠*/
.report_table_d input[type="text"],.report_table_d input[type="password"] {
	display:block;
	border:1px solid #d7d8d9;
}

/*フォームのボタン*/
.report_table_d button {
	display:inline-block;
	margin:auto;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:30px;
	padding-right:30px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;
}

/*フォームの選択リスト*/
.report_table_d select {
	padding-top:12px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #000;
	text-align:center;
}

/*フォームのボタン(マウスが重なった時)*/
.report_table_d button:hover {
	background-color:#ec4040;
}

.report_table_d ul {
	list-style:inside;
}

.report_table_d li{
	list-style-position:inside;
	list-style-type:disc;
	margin-left:1.4em;
	text-indent:-1.4em;
}

/*SP向け調整*/
@media only screen and (max-width:767px){
	.report_table_d td,.report_table_d th{
		display:block;
		width:100%
	}
	.report_table_d tbody th{
		width:100%;
		text-align:center;
	}
	.report_table_d button {
		width:220px;
	}
	.report_table_d input[type="text"],.report_table_d input[type="password"] {
		margin:auto;
	}
}



/*お知らせリスト*/
.report_list_inform{
	display:table;
	width:100%
}

.report_list_inform>li{
	display:table-row;
}

.report_list_inform>li .title,.report_list_inform>li .content,.report_list_inform>p{
	display:table-cell;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #c4c4c4;
	vertical-align:top;
}

.report_list_inform>li .title{
	font-weight:700;
	padding-right:40px;
	white-space:nowrap;
}

.report_list_inform>li .content{
	width:100%;
}

.report_list_inform>p{
	width:100%;
}

/*SP向け調整*/
@media only screen and (max-width:767px){
	.report_list_inform>li .title,.report_list_inform>li .content,.report_list_inform>p{
		display:inline-block;
	}
	.report_list_inform>li .title{
		width:100%;
	}
}


/*各ページの説明(トップの概要)*/
.report_navi .navi_a{
	font-weight:700;
	padding-bottom:15px;
}

/*各ページの説明(テキスト)*/
.report_navi .navi_b{
}

/*各ページの説明(ホスト一覧、各テーブルへの繋ぎ)*/
.report_navi .navi_c{
	border-bottom:3px double #c4c4c4;
}

.report_navi .navi_c>p{
	display:inline-block;
	font-weight:700;
	padding-top:30px;
	padding-bottom:15px;
	padding-right:100px;
	border-collapse:collapse;
	border-bottom:3px solid #000000;
	margin-bottom:-3px;
}


/*矢印付きaタグ*/
.report_navi>a{
	font-weight:700;
	color:inherit;
}

.report_navi>a::before{
	content:"";
	display:inline-block;
	background-image:url(../img/arr_rght_bk.svg);
	vertical-align:middle;
	width:10px;
	height:10px;
	background-size:contain;	
}

/*ホスト一覧のリスト*/
.report_list_host{
	background-color:#f5f5f5;
	padding-top:15px;
	padding-bottom:15px;
	list-style-position:inside;
	list-style-type:disc;
	/*border-top:3px double #c4c4c4;*/
	
}

.report_list_host>li{
	font-weight:700;
	padding-left:12px;
	color:inherit;
}

.report_list_host>li a{
	color:inherit;
}

/*SP向け調整(改行)*/
@media only screen and (max-width:767px){
	.sp-br::before{
		content:"\A";
		white-space:pre;
	}
}

/*レポートページについての説明*/
.report_about_a{
	display:inline-block;
	width:100%;
	padding-bottom:30px;
}

.report_about_a p{
	padding-bottom:1em;
}

.report_about_a h2{
	width:100%;
	border-bottom:1px solid #c4c4c4
}

.report_about_a li{
	list-style-position:inside;
	list-style-type:disc;
	margin-left:1.4em;
	text-indent:-1.4em;
}

.report_about_a dl{
	display:inline-block;
}

.report_about_a dt{
	display:inline-block;
}

.report_about_a dt:before{
	content:"";
	display:inline-block;
	background-image:url(../img/arr_rght_bk.svg);
	vertical-align:middle;
	width:10px;
	height:10px;
	background-size:contain;
}

.report_about_a dd{
	margin-left:0.6em;
	padding-bottom:12px;
}

.report_about_b{
	display:inline-block;
	width:100%;
	padding-bottom:30px;
}

.report_about_b p{
	padding-bottom:1em;
}

.report_about_b h2{
	width:100%;
	border-bottom:1px solid #c4c4c4
}

.report_about_b ul li{
	list-style-position:inside;
}

.report_about_b ol li{
	list-style-position:inside;
	margin-left:1.4em;
	text-indent:-1.4em;
}

.report_about_b dl{
	display:inline-block;
}

.report_about_b dt{
	display:inline-block;
}

.report_about_b dt:before{
	content:"";
	display:inline-block;
	background-image:url(../img/arr_rght_bk.svg);
	vertical-align:middle;
	width:10px;
	height:10px;
	background-size:contain;
}

.report_about_b dd{
	margin-left:0.6em;
	padding-bottom:12px;
}

/*404/403page*/
.err_msg{text-align:center}
.err_msg strong{font-weight:700}
@media print,screen and (min-width:768px){.err_msg{padding:100px 0 300px}
.err_msg strong{font-size:2em}
.err_msg p+p{margin-top:2em}
}
@media only screen and (max-width:767.98px){.err_msg{padding:50px 0 150px}
.err_msg strong{font-size:1.33em}
.err_msg p+p{margin-top:1.5em}
}

/*フォームのボタン(input)*/
/*
.report_table input[type="button"],.report_table input[type="submit"] {
	display:inline-block;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:14px;
	padding-right:14px;
	background-color:#e50000;
	color:#fff;
	font-weight:700;
	letter-spacing:.05em;	
}

.report_table input[type="button"]:hover,.report_table input[type="submit"]:hover {
	background-color:#ec4040;
}
*/