@charset "utf-8";
/**
 * カテゴリ検索
 */
/* タブ全般 */
#tab {
	margin: 1em auto;
	text-align: center;
	word-break: break-word;
}
/* タブリスト */
#tab [role="tablist"] {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#tab [role="tablist"] input[type="radio"] {
	width: 0;
	margin: 0;
	padding: 0;
	appearance: none;
}
#tab [role="tablist"] label {
	width: 120px;
	padding: 5px;
	margin: 0px 2px -1px 2px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 6px 6px 0 0;
	border-color: #cccccc;

}

#tab [role="tablist"] [aria-selected="true"] + label {
	background-color: #cccccc;
}

#tab [role="tablist"] label:hover,
#tab [role="tablist"] input:focus + label {
	color: #0066cc;
}

#tab [aria-hidden="true"] {
	display: none;
}

#tab [aria-hidden="false"] {
	display: block;
}

/* タブパネル */
#tab [role="tabpanel"] {
	padding: 0.5em 1em;
	border: 1px solid #cccccc;
	margin: auto;
	background-color: #f8f8ff;
	width: 80%;
	text-align: left;
}

#tab [role="tabpanel"] div[aria-hidden="false"] {
	margin: -1px 15px;
	border: 1px solid gray;
}

#tab [role="tabpanel"] [role="button"] {
	margin: 0.3em;
	padding: 0 4px;
	color: #000011;
	background-color: lightgray;
	cursor: pointer;
	user-select: none;
	display: inline-block;
	text-align: center;
	width: 1em;
	min-width: 1em;
	height: 1.5em;
	visibility: hidden;
}
#tab [role="tabpanel"] [aria-selected][role="button"] {
	visibility: visible;
}
#tab [role="tabpanel"] [aria-selected="false"][role="button"]:after {
	content: "+";
}
#tab [role="tabpanel"] [aria-selected="true"][role="button"]:after {
	content: "-";
}
#tab [role="tabpanel"] [role="button"]:hover {
	opacity: 0.7;
	text-decoration: none;
}

#tab .rec a {
	display: flex;
	flex-wrap: wrap;
}
#tab .recTitle {
	vertical-align: top;
	width: 20%;
	padding-right: 10px;
}
#tab .recNote {
	vertical-align: top;
	width: 70%;
}
#tab .doc,
#tab .cls,
#tab .doc [aria-expanded] > p,
#tab .cls [aria-expanded] > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#tab [role="tabpanel"] [role="button"] + a {
	flex-basis: calc(100% - 3em);
}
#tab [role="tabpanel"] [aria-expanded] {
	flex-basis: 100%;
}
/* フォーカス設定 */
#tab [role="tablist"] input:focus + label,
#tab [role="tabpanel"] a:focus {
	box-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

/* タブをボタン表示 */
@media ( max-width : 1000px) {
	#tab [role="tablist"] label {
		border: 1px solid transparent;
		border-radius: 6px 6px 6px 6px;
		border-color: #cccccc;
	}
}
/* モバイル表示 */
@media ( max-width : 600px) {
	#tab [role="tablist"] {
		width: 100%;
		font-size: 0.8em;
	}
	#tab [role="tablist"] label {
		padding: 0.5em;
	}
	#tab .recTitle,
	#tab .recNote {
		flex-basis: 80%;
	}
	#tab [role="tabpanel"] div[aria-hidden="false"] {
		margin: -1px 3px;
		border: 1px solid gray;
	}
}
/**
 * 固定文言
 */
#gallery p.madiaMsg {
	text-align: right;
	color: red;
}
/**
 * 固定リンク
 */
#header h1 a img {
	max-width: 100%;
}
#header div.topLink {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	display: flex;
	justify-content: flex-end;
	width: 50%;
}
#footer .copyright small {
	color: #fff;
}
#header div.topLink a {
	margin-right: 5px;
}
#header div.topLink a img {
	margin-right: 5px;
	width: 100%;
	height: auto;
}
#result li.appForm a {
	font-size: 1.4rem;
}
/**
 * 一覧リスト表示
 */
@media ( min-width : 601px) {
	#main div.listArea table.listMatrix thead th,
	#main div.listArea table.listMatrix tbody td {
		border: 1px solid #e0e0e0;
	}
}