/*ベース*/
.toggle {
	display: none;
}
.accordion .Label {		/*タイトル*/
	padding: 1em;
	display: block;
  font-weight: 700;
  font-size: 1.2em;
}

.accordion .Label.small{		/*タイトル*/
	padding: 0.6em;
}
.Label.beta{
	color: #fff;
	background:#FEC107;
  margin-right: 0;
  margin-bottom: 1rem;
}
.Label.beta:hover{
	background:#ffb23f;
}
.Label.white{
	color: #333;
	background:#fff;
  border: 1px solid #333;
  margin-right: 0;
  margin-bottom: 1rem;
}
.Label.white:hover{
	background:#FEC107;
  xcolor: #fff;
}
.Label.gray{
	color: #fff;
	background:#707070;
  margin-right: 0;
  margin-bottom: 1rem;
}
.Label.gray:hover{
	background:#8b8b8b;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 5px );
	right: 20px;
	transform: rotate(135deg);
}
.Label.beta::before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.Label.white::before{
border-top: 2px solid #333;
border-right: 2px solid #333;
}
.Label.gray::before{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}


/*固有css*/
.corona .accordion{
  background-color: #FEFAEF;
}
.corona .accordion .toggle:checked + .Label + .content{
  padding: 20px;
}
.corona .accordion .Label.beta{
  margin-bottom: 0;
}