@charset "utf-8";
/* CSS Document */
/* accordion.css */
#contents button{
    border: none;
    background: none;
    padding: 0;
	width: 100%;
}

#contents button .openclose{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3em 0 0.3em 1em;
    background-color: rgba(204, 204, 204, 0.16);
	margin: 1em 0 0;
}

#contents button .openclose span.text {
    font-weight: bold;
    margin-bottom: 0;
	font-size: 1rem;
}

#contents button .openclose img.s5-iconInline {
    font-size: 100%;
    color: #333;
    transition: all 0.5s;
	margin-left: 0.5em;
}

#contents button.active .openclose img.s5-iconInline {
    transform: rotate( 180deg );
}

#contents button:hover{
    opacity: 0.7;
}

#contents div.detailArea {
	display: none;
    margin: 0;
}

#contents .dashed {
    border-top: dashed 1px #333;
    border-bottom: dashed 1px #333;
    padding: 0.8em 0.5em;
    margin: 0 0 1em;
}

#contents .detailArea, #contents .detailArea2 {
    border-left: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    margin: 0;
    padding: 1.5em;
}


#contents .detailArea section, #contents .detailArea2 section {
    margin: 0 0 3em;
}

#contents button .openclose::after {
    content: "+";
    font-size: 240%;
    color: #d63f2e;
    transition: all 0.5s;
    margin-right: 0.5em;
}

#contents button.active .openclose::after {
    transform: rotate( 45deg );
}


#contents .detailArea ol {
    margin: 0 0 1.25em 2.25em;
}

/* 20230705 */
#contents button .openclose::after {
    margin-right: 10px;
    margin-left: 10px;
}