@charset "UTF-8";

a[id*="more_btn"] + .contents_btn01 a{
	background: #fff;
	color: var(--i_btn_color)!important;
	border-radius: 8px;
	border: 2px solid var(--i_btn_color);

}
a[id*="more_btn"] + .contents_btn01 a span{
  	padding-right: 15px!important;
}
a[id*="more_btn"] + .contents_btn01 a::after{
	display: none;
}
a[id*="more_btn"] + .contents_btn01 a::before{
	background: none;
	border-right: 2px solid var(--i_btn_color);
	border-top: 2px solid var(--i_btn_color);
	width: 6px;
	height: 6px;
	transform: rotate(135deg);
	position: absolute;
	left: auto;
	right: 20px;
	top: 50%;
	border-radius: 0;
	transform-origin: right;
}
a[id*="more_btn"] + .contents_btn01 a:hover,
a[id*="more_btn"] + .contents_btn01 a.active{
	background: var(--i_btn_color);
	color: #fff!important;
}
a[id*="more_btn"] + .contents_btn01 a:hover::before,
a[id*="more_btn"] + .contents_btn01 a.active::before{
	border-color: #fff;
	transform: rotate(135deg);
	transform-origin: right;
}

#more_contents+div{
	display: none;
}
#highlight+div table{
	min-width: 0;
	max-width: 50%;
}

#highlight+div table tbody{
	display: none;
}
#highlight+div table th{
	background: var(--i_btn_color);
	color: #fff;
	font-size: 2.8rem;
}
@media screen and (max-width: 800px) {
	#highlight+div table th{
		font-size: 2.3rem;
	}
}

.more_contentsA,
.more_contentsB{
	display: none;
	width: calc(100% - 40px);
	max-width: 1200px;
	margin: 0 auto;
	border: 1px solid var(--i_main_color);
}
#A1+section,
#A2+section,
#A3+div,
#A4+div,
#A5+div,
#A6+div,
#B1+section,
#B2+section,
#B3+section,
#B4+section,
#B5+div,
#B6+div,
#B7+div,
#B8+div,
#B9+section,
#B10+div,
#B11+div{
	padding-top: 30px;
	padding-bottom: 30px;
}

#A6+div table tbody,
#B11+div table tbody{
	display: none;
}
#A6+div table th,
#B11+div table th{
	border: 3px double var(--i_main_color);
}