@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese');

*{
  padding: 0;
  margin: 0;
}

*, *:before, *:after {
	box-sizing: border-box;
	}

body {
	font-family: "Noto Sans JP", sans-serif;;
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-align:justify;
	font-feature-settings: "palt";
	line-height:180%;
	letter-spacing:0.05em;
	background:#faffef;
	}

/* トップページヘッダ */
#header {
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	}

#header_top {
	width:100%;
	background:#005752;
	padding:0;
	margin:0;
	}

.header_iinkai {
	max-width:1000px;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	letter-spacing: 0.1em;
	padding:2px 10px 3px 0;
	margin:0 auto;
	text-align:right;
	}

.header_img {
	background:#ECF4D9;
	padding:0;
	margin:0;
	text-align:center;
	}

.header_img img{
	vertical-align: top;
	border-bottom:2px solid #ECF4D9;
	}
/* トップページメインメニュー */
.toppage_menu {
	display: flex;
	justify-content: center;
	gap:10px;
	width:100%;
	margin-bottom:40px;
	}

.toppage_menu .menu div a {
	display:block;
	width:320px;
	color:#005982;
	background:#FFF;
	font-size:110%;
	font-weight:bold;
	padding:8px 0 8px 10px;
	margin-bottom:10px;
	border:1px solid #005982;
	border-radius: 4px;
	text-decoration:none;
	letter-spacing:0.1em;
	box-shadow:0 0 2px #555;
	}

.toppage_menu .menu div a:hover {
	color:#FFF;
	background:#005982;
    box-shadow: 0 0 8px #333;
	transform: scale(1.01,1.01);
	transition: all 0.8s ease;
	}

.toppage_menu .menu div a:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f0a9";
	color:#005982;
	margin-right:8px;
	}

.toppage_menu .menu div a:hover:before {
	color:#FFF;
	}

#menu1,
#menu2,
#menu3 {
	display:none;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom:20px;
	}

.menu_title1,
.menu_title2,
.menu_title3 {
	display:block;
	position: relative;
	width:320px;
	color:#FFF;
	background:#005982;
	font-size:110%;
	font-weight:bold;
	padding:8px 0 8px 10px;
	margin-bottom:10px;
	border:1px solid #005982;
	border-radius: 0px;
	text-decoration:none;
	cursor: pointer
	}

.menu_title1:before,
.menu_title2:before,
.menu_title3:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f0a9";
	color:#FFF;
	margin-right:8px;
	}
.menu_title1:after,
.menu_title2:after,
.menu_title3:after {
	position: absolute;
	content: '> 戻る';
	color: #FFF;
	right:10px;
	}

/*各ページのメニュータイトル*/
.page_menu_title1,
.page_menu_title2,
.page_menu_title3 {
	display:block;
	position: relative;
	width:320px;
	color:#FFF;
	background:#005752;
	font-size:100%;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
	border:1px solid #005982;
	border-radius: 0px;
	text-decoration:none;
	cursor: pointer
	}

.page_menu_title1:before,
.page_menu_title2:before,
.page_menu_title3:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f0a9";
	color:#FFF;
	margin-right:8px;
	}
.page_menu_title1:after,
.page_menu_title2:after,
.page_menu_title3:after {
	position: absolute;
	content: '> 戻る';
	color: #FFF;
	right:10px;
	}

/* 各ページメニュー */
.main_menu {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width:100%;
	margin-bottom:20px;
	}

.main_menu .subpage_menu div a {
	display:block;
	width:245px;
	color:#005752;
	background:#FFF;
	font-size:95%;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin-bottom:3px;
	border:1px solid #005752;
	border-radius: 0px;
	text-decoration:none;
	box-shadow:0 0 2px #555;
	}

.main_menu .subpage_menu div a:hover {
	color:#FFF;
	background:#005752;
	transition:1s;
	}

.main_menu .subpage_menu div a:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f0a9";
	color:#005752;
	margin-right:4px;
	}
.main_menu .subpage_menu div a:hover:before {
	color:#FFF;
	}

/* 選挙概要等のサブメニュー */
.pc_sub_menu div a {
	position: relative;
	display:inline-block;
	color:#005982;
	background:#FFF;
	font-size:100%;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin:0 10px 3px 0;
	border:1px solid #005982;
	border-radius: 0px;
	text-decoration:none;
	}

#menu1 .pc_sub_menu div a {
	width:99%;
	padding-right:20px;
	}
#menu2 .pc_sub_menu div a {
	width:98%;
	padding-right:30px;
	}

#menu3 .pc_sub_menu div a {
	width:98%;
	padding-right:30px;
	}

.pc_sub_menu div a:hover {
	color:#FFF;
	background:#005982;
	transition:1s;
	}

.pc_sub_menu div a:before {
	position: absolute;
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f101";
	color:#005982;
	margin:3px 0 0 3px;
	right:5px;
	}
.pc_sub_menu div a:hover:before {
	color:#FFF;
	}

.pr_movie_contents {
	display:flex;
	flex-wrap :wrap;
	gap:10px;
	}
.pr_movie_contents a {
	text-decoration:none;
	}
.pr_movie_contents img {
	width:98%;
	margin-top:8px;
    box-shadow: 0 0 10px black;
    border-radius: 4%;
	}
.pr_movie_contents  img:hover {
	transform:scale(1.02,1.02);
	transition:1s all;
	}

.movie {
	max-width:370px;
    background:#ddd;
	text-align:center;
    border:10px solid #ddd;
    box-shadow: 0 0 10px black;
    border-radius: 2%;
    margin-left:20px;
	}

.movie_img {
	width:350px;
	color:#333;
	font-weight:bold;
	overflow:hidden;
	}
.movie_img img:hover {
	transform:scale(1.1,1.1);
	transition:1s all;
	}

/* 各ページヘッダ部分 */
#subpage_header {
	width:100%;
	background:#ECF4D9;
	padding:0;
	margin:0 0 20px 0;
	border-top:8px solid #005752;
	}

/* フッタ */
#footer {
	width:100%;
	color:#fff;
	padding:30px 0;
	margin-top:50px;
	background:#005752;
	}

.footer-contents {
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	}

/* 本文 */
#contents {
    max-width:1000px;
    margin:0 auto;;
	}

#contents_houdou {
    max-width:1000px;
    margin:40px auto;;
	}

h1 {
    width:100%;
	font-size:140%;
	font-weight:bold;
	color:#005982;
	letter-spacing: 0.1em;
	padding:15px 0 15px 30px;
	margin:0 2px 20px 3px;
	border: 1px solid #005982;
	border-top: 8px solid #005982;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	}

h2	{
	font-size:140%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color:#040;
	padding:0 0 3px 12px;
	margin:40px 0 20px 0;
	border-bottom: 2px solid #070;
	}

h2.onegai {
	text-align:center;
	font-size:150%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color:#000;
	padding:0 0 3px 12px;
	margin:40px 0 20px 0;
	border: 0px solid #070;
	}

h3	{
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	letter-spacing: 0.1em;
	background-color:#369;
	padding:5px 0 5px 20px;
	margin:30px 0 30px 0;
	border-radius:6px;
	}

.inner {
	background:#FFF;
	width:100%;
	padding:30px 50px;
	border:1px solid #005982;
	border-radius:8px;
	box-shadow:0 0 2px #555;
	animation-name: fadeIn;
	animation-duration: 2s;
	}

.inner_houdou {
	width:100%;
	padding:20px 50px;
	margin-top:-30px;
	border:1px solid #005982;
	border-radius:8px;
	}

.textaria {
	padding:0 30px;
	line-height:1.8em;
	letter-spacing: 0.05em;
	}

.img {
	position:relative;
	display:inline-block;
	}
.img img {
	border:1px solid #555;
	}
.img a:hover {
	text-decoration:none;
	opacity: 0.7;
	}
.img a:hover:before {
	position: absolute;
	display:block;
	content:"クリックでPDFを表示";
	top:45%;
	width:100%;
	text-align:center;
	color:#000;
	background:#FFF;
	border:1px solid #000;
	font-size:140%;
	font-weight:bold;
	opacity: 1;
	}

.zoom {
	cursor : zoom-in;
	}

ul.circle {
	list-style: none;
	margin-left:1em;
	}
ul.circle li {
	font-size:110%;
	font-weight:bold;
	padding-top: 16px;
	text-indent:-1em;
}
ul.circle li:before {
	content: "";
	background: #040;
	border:1px solid #090;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	}
ul.circle li ~ p {
	text-indent:1em;
	margin-bottom:20px;
	}

ul.dot {
	list-style: none;
	padding-left:30px;
	}
ul.dot li {
	font-size:100%;
	font-weight:normal;
	padding-top: 6px;
	}
ul.dot li:before {
	content: "";
	background: #000;
	border:0px solid #090;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
	width: 10px;
	height: 10px;
	}

ol.number {
	list-style-type: none;
}
ol.number li {
	counter-increment: counter;
}
ol.number li:before {
	content: "(" counter(counter) ") ";
}

ol.number_circle{
	counter-reset: my-counter;
	list-style: none;
	}
ol.number_circle li{
	position: relative;
	margin: 16px 0 5px 10px;
	font-size:110%;
	font-weight:bold;
	}
ol.number_circle li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	display: block;
	color: #FFF;
	background-color: #369;
	float: left;
	line-height: 25px;
	padding-left:2px;
	margin: 0 8px 0 -20px;
	text-align: center;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	}
ol.number_circle li + p {
	margin: 0 0 0 20px;
	}

.flex {
	display:flex;
	align-items: flex-start;
	}
.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:10px;
	}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	}

.Q {
	color:#800;
	font-size:120%;
	font-weight:bold;
	text-indent: -20px;
	margin: 0 0 10px 20px;
	line-height:150%;
	}

.A {
	color:#663;
	font-size:120%;
	font-weight:bold;
	text-indent: -20px;
	margin: 0 0 50px 20px;
	line-height:150%;
	}

/* リンクファイルの前にアイコン表示 */
.inner a[href$=".pdf"]:before{
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f1c1";
	font-weight: bold;
	font-size:150%;
	padding-right: 5px;
	color: #D10;
	}
.inner a[href$=".html"]:before{
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f15c";
	font-weight: bold;
	font-size:150%;
	padding-right: 5px;
	color: #F6AD3C;
	}
.inner a[href$=".xls"]:before,
.inner a[href$=".xlsx"]:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f1c3";
	font-weight: bold;
	font-size:150%;
	padding-right: 5px;
	color: #284;
	}
.inner .none a[href$=".pdf"]:before{
	text-decoration:none;
	content:none;
	}
.inner .none a[href$=".pdf"]:hover:before{
	position: absolute;
	display:block;
	content:"クリックでPDFを表示";
	top:45%;
	width:100%;
	text-align:center;
	color:#000;
	background:#FFF;
	border:1px solid #000;
	font-size:22px;
	font-weight:bold;
	opacity: 1;
	}

table.line {
	border:1px solid #333;
	border-collapse: collapse;
	background:#F0FFF0;
	margin-bottom:20px;
	}
table.line td, th {
	border:1px solid #333;
	padding:3px;
	}
table.line th {
	background:#CFC;
	}

table tr.line_bottom {
	border-top:1px solid #333;
	}

.houdou {
	background:#EFEFEF;
	border:1px solid #bbb;
	padding:20px;
	line-height:1.5em;
	}

/* イベント */
.event_syousai {
	display:none;
	}

.event:hover + .event_syousai {
	display:block;
	}
.event_syousai:hover {
	display:block;
	}

/* 候補者 */
.kouho {
	padding-left:2em;
	text-indent:-2em;
	}

ol.maru {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
ol.maru li {
  padding-left: 22px;
  position: relative;
}
ol.maru li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #000;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: -25px;
  margin-top:5px;
  text-align: center;
  height: 20px;
  width: 20px;
  border:1px solid #000;
  border-radius: 50%;
}

/* 選挙結果 */
.kekka_title {
	display:block;
	color:#FFF;
	background:#933;
	padding:5px 0 5px 10px;
	margin:40px 0 10px 0;
	}
table.kekka td {
	padding:3px 30px 3px 0;
	vertical-align:top;
	}

/* キャラクター */
.kyara {
	text-align:center;
	margin:0 auto;
	}
.kyara img {
	animation: rightIn 5s;
	}
.kyara img:hover {
	animation: jump 2s infinite;
	}
.family {
	text-align:center;
	margin-top:30px;
    opacity: 0;
	animation-name: fadeIn;
    animation-duration: 4s;
	animation-delay:4.5s;
    animation-fill-mode:forwards;
	}

/* その他 */
.red {
	color:#CA475C;
	}

.bold {
	font-weight:bold;
	}

.text110 {
	font-size:110%;
	font-weight:bold;
	}
.text120 {
	font-size:120%;
	font-weight:bold;
	}
.text130 {
	font-size:130%;
	font-weight:bold;
	}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
	}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
	}

.right {
	display: flex;
	justify-content: flex-end;
	}

a.link {
	text-decoration:none;
	}
a.link:hover {
	color:#B00;
	text-decoration:underline;
	}

.back {
	margin:0 auto;
	text-align:center;
	}
.back a {
	display:inline-block;
	width:200px;
	padding:10px 30px;
	margin:20px 0;
	color:#000;
	background:#0C0;
	font-size:120%;
	text-weight:bold;
	border-radius: 8px;
	text-decoration:none;
	box-shadow: 0px -3px 0 #888;
	}
.back a:hover {
	box-shadow: 0 0 0 #FFF;
	}

/* ページの先頭へ画像(scrolltopcontrol.js用) */
.pagetop a {
	 margin:0 10px 200px 0;
	 }

#pagetop {
	display:none;
	}

img[src*="pref"] {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: bottom right;
}
img[src*="pref"]:hover {
  transform: translateX(-20px) skew(10deg);
}

img[src*="next"] {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: bottom left;
}
img[src*="next"]:hover {
  transform: translateX(20px) skew(-10deg);
}

/* アニメション指定 ----------------------------------------------------------------------------------*/
@keyframes downIn {
0% {
    opacity: 0;
    transform: translateY(-300px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}


@keyframes zoomIn {
0% {
    opacity: 0;
    width:10%;
    height:auto;
    margin-left:50%;
    }
100% {
    opacity: 1;
    width:100%;
    height:auto;
    margin-left:0;
	}
}


@keyframes rightIn {
0% {
    width:40px;
    height:35px;
    transform: translateX(500px);
}
30% {
    width:160px;
    height:140px;
    transform: translateX(0px);
    transform: translateY(0px);
}
40% {
    width:260px;
    height:230px;
    transform: translateY(60px);
}
60% {
    width:200px;
    height:178px;
    transform: translateY(-120px);
}
100% {
    width:360px;
    height:320px;
    transform: translateY(0px);
}
}

@keyframes jump {
0% {
    transform: translateY(0px);
    }
25% {
    transform: translateY(-50px);
    }
50% {
    transform: translateY(50px);
    }
75% {
    transform: translateY(-80px);
    }
100% {
    transform: translateY(0px);
    }
}

@keyframes fadeIn {
0% {
    opacity: 0;
    }
100% {
    opacity: 1;
    }
}


.pc {display:block;}
.sp {display:none;}

/* スマホ用指定 ----------------------------------------------------------------------------------*/

@media screen and (max-width: 750px) {

	.pc {display:none;}
	.sp {display:block;}

body {
	background:#FFF;
	}

/* トップページヘッダ */
#header {
	width:100%;
	background:#FFF;
	padding:0;
	margin:0;
	border:0;
	}

#header_top {
	width:100%;
	background:#005752;
	padding:0;
	margin:0;
	}

.header_iinkai {
	width:100%;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	letter-spacing: 0.1em;
	padding:5px 0 1px 0;
	margin:0 auto;
	text-align:center;
	}
.header_img {
	background:#FFF;
	width:100%;
	margin:20px auto 20px;
	text-align:center;
	border:none;
	}

.img100{
	width:100%;
	}

.sp_toppage_img {
	margin:8px 0;
	text-align:center;
	border:none;
    opacity: 0;
	animation: downIn 2.5s forwards;
	}
.sp_toppage_title img {
	border:none;
	width:100%;
	}
.sp_toppage_title {
	border:none;
    opacity: 0;
	animation: zoomIn 3s forwards;
	}

/* トップページメインメニュー */
.sp_main_menu {
	width:100%;
	margin-bottom:20px;
	}

.sp_main_menu .menu{
	width:100%;
	}
.sp_main_menu .sp_sub_menu {
	width:100%;
	}
.sp_main_menu .menu div a {
	display:block;
	width:100%;
	color:#005982;
	font-size:110%;
	font-weight:bold;
	padding:8px 0 8px 10px;
	margin-bottom:3px;
	border:1px solid #005982;
	text-decoration:none;
	}

.sp_main_menu .menu div a:hover {
	color:#FFF;
	background:#005982;
	}

.sp_main_menu .menu div a:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f0a9";
	color:#005982;
	margin-right:8px;
	}
.sp_main_menu .menu div a:hover:before {
	color:#FFF;
	}

.sp_main_menu .sp_sub_menu div a {
	display:block;
	width:100%;
	color:#005982;
	font-size:110%;
	font-weight:bold;
	padding:8px 0 8px 10px;
	margin:0 0 3px 10px;
	border:1px solid #005982;
	border-radius: 0px;
	text-decoration:none;
	}

.sp_main_menu .sp_sub_menu div a:hover {
	color:#FFF;
	background:#005982;
	transition:1s;
	}

.sp_main_menu .sp_sub_menu div a:before {
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	content:"\f101";
	color:#005982;
	margin-right:8px;
	}
.sp_main_menu .sp_sub_menu div a:hover:before {
	color:#FFF;
	}

.sp_top_contents {
	width:98%;
	text-align:center;
	margin:20px 0 0 10px;
    opacity: 0;
	animation: fadeIn 2.5s 2.5s forwards;
	}
.sp_top_contents video {
    border:10px solid #ddd;
    border-radius: 2%;
	}

#footer {
	width:100%;
	color:#fff;
	padding:30px 0;
	margin-top:20px;
	background:#005752;
	}

h1 {
    width:100%;
	font-size:120%;
	font-weight:bold;
	color:#005982;
	letter-spacing: 0.1em;
	padding:5px 0 5px 10px;
	margin:0 2px 10px 3px;
	border: 1px solid #005982;
	border-top: 8px solid #005982;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	}

h2	{
	font-size:110%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color:#040;
	padding:0 0 3px 12px;
	margin:20px 0 20px 0;
	border-bottom: 2px solid #070;
	}
	
h3	{
	display:inline-block;
	font-size:110%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color:#FFF;
	background-color:#369;
	width:100%;
	padding:6px 0 6px 10px;
	border-radius:5px;
	}

.inner {
	width:98%;
	padding:10px;
	border:1px solid #005982;
	border-radius:8px;
	margin:10px auto;
	}

.inner_houdou {
	width:98%;
	padding:2px;
	margin-top:-30px;
	border:1px solid #005982;
	border-radius:8px;
	}

.textaria {
	padding:5px;
	line-height:1.8em;
	}

.textaria ol {
	margin-left:20px;
	}
.textaria ul {
	margin-left:10px;
	}

ol.number {
	list-style-type: none;
	margin-left: 2em;
}
ol.number li {
	counter-increment: cnt;
	}
ol.number li:before {
	content: "(" counter(cnt) ") ";
	margin-left:-2em;
	width: 3em;
	}

.movie {
	width:100%;
	height:auto;
    background:#ddd;
	text-align:center;
    border:15px solid #ddd;
    border-radius: 2%;
	}
.movie img {
	width:98%;
	height:auto;
	}

/* ページの先頭へ画像(scrolltopcontrol.js用) */
.pagetop {
	display:none;
	}

/* ページの先頭へ画像(スマホ用) */
#pagetop {
	display:block;
	text-align:center;
	margin-top:20px;
	}

/* スマホメニュー */
details {
	transition: 1s;
	}
details[open] > summary{
	color:#FFF;
	background:#0B0;
	}

summary {
	display:block;
	width:100%;
	color:#005982;
	font-size:110%;
	font-weight:bold;
	padding:8px 0 8px 10px;
	margin-bottom:3px;
	border:1px solid #005982;
	text-decoration:none;
	}

summary:before {
	font-family: "Font Awesome 5 Free",sans-serif;
	content:"\f13a";
	color:#005982;
	margin-right:8px;
	}
details[open] > summary:before{
	font-family: "Font Awesome 5 Free",sans-serif;
	content:"\f057";
	}


summary.sub {
	display:block;
	width:100%;
	color:#005982;
	font-size:110%;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin-bottom:3px;
	border:1px solid #005982;
	text-decoration:none;
	}

}