@charset "UTF-8";
/* CSS Document */




.jci-section-4 .jci-section-body h3{
    margin: 2.5rem .75rem 1rem;
}



/*=========================*/

.jci-section-4 .jci-section-body h4{
    margin: 0;
}

.jci-moc-h4a{
    padding: 1.33rem .75rem;
    display: block;
    
    color: #4d4d4d;
    text-decoration: none; 
    
    padding-left: 1.8rem;
}

.jci-moc-h4a:hover{
    background-color: #dcf0ff;
}

.jci-section-body{
    padding-left: 28px;
}

.jci-section-body ul{
    padding-left: 1.8rem;
}

.jci-moc-box{
    margin-top: .5rem;
}

.jci-moc-box p{
    text-align: right;
    margin: .5rem 0 1rem;
}

.jci-moc-box p a{
    color: #4d4d4d;
    text-decoration: none;
    font-size: .875rem;
}

.jci-moc-box p a:hover{
    text-decoration: underline;
    color: #0056ba;
}

.jci-section-body hr{
    margin: 0;
    border-color: #ddd;
    border-width: 1px;
}

.jci-toppage-member-total-num-area{
    margin-top: .5rem;/*  2.5rem;  */
}

.jci-h4-arrow::before{

	content: "";

	display: block;
    
	width: 9px;

	height: 9px;

	border-width:  0 2px 2px 0;/*0 3px 3px 0;*/

	border-style: none solid solid none;/*none solid solid none*/

	border-color: #666;

	

	/*transform:rotate(-135deg);*/
    transform:rotate(45deg);
	

	position: absolute;

	left: 8px;

	top: 24px;

	z-index: 1;
    
    transition: transform .15s;

}

.jci-moc-wrap{
    position: relative;
}

.jci-moc-box[style*="none"] + .jci-h4-arrow::before{

	/*transform:rotate(45deg);*/
    transform:rotate(-45deg);

	left: 6px;

	top: 24px;
    
	width: 10px;

	height: 10px;

}