@charset "UTF-8";
/*コンテント*/
#content{
    width: calc( 100% - 150px );
    height: 90vh;
    background-color: rgba(42,43,48,1.00);
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
    color: rgba(251,251,251,1.00);	
}
h3{
    font-size: 25px;
    color: #777777;/*文字色*/
	border-bottom: 3px dotted #B23436;
}
div{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	/*margin-top: 30px;*/
	margin-bottom: 20px;
}
summary{
	font-size: 20px;
	color: rgba(248,248,248,1.00);
	margin-top: 5px;
	margin-bottom: 15px;
}
summary::-webkit-details-marker {
  background: url(images/arrow-right.svg) no-repeat center/6px;
  color: #9B1A31;/*矢印色*/
}
summary::marker {
  background: url(images/arrow-right.svg) no-repeat center/6px;
  color: #9B1A31;/*矢印色*/
}
ol li{
    padding: 10px;
    list-style-type: decimal;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	list-style-position: outside;
	margin-left: 30px;
}
ol li a{
	text-decoration-color: #B23436;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
/*ol li a:hover{
  text-decoration: underline;
}*/
details ol{
	max-height: 450px;/*スクロールの高さ*/
    overflow-y: scroll;
	margin-top: 10px;
    margin-left: 10px;
	padding-right: 13px;
	padding-left: 13px;
}

@media (max-width:767px){
#content{
    width: 100%;
    height: 90vh;
}
}