@charset "utf-8";
/*===========================================
	toggle openClose.css
=============================================*/

#contents .Gray{
    cursor: pointer;
    font-weight: bold;
    border: #d2d2d2 1px solid;
    border-radius: 6px;
    box-sizing: border-box;
    background: url(/support/share/images/bg_mod-linkButton.jpg);
	background-size: contain;
    margin: 1em 0 0 0;
    width: 100%;
}
#contents .Gray span{
    display: block;
    padding: 10px;
    font-size: 1.07rem;
    text-indent: -24px;
    padding-left: 36px;
}

#contents .Gray span:before{
    content: "";
    display: inline-block;
    background: url(/support/share/images/st_open.png);
    width:19px ;
    height:18px ;
    margin-right: 5px;
    vertical-align: middle;
}

#contents .Gray.active span:before{
    background: url(/support/share/images/st_close.png);
}

#contents .Gray:focus-visible{
    outline: thin dotted;
}

#contents .Gray span:focus-visible{
    outline: thin dotted;
}

#contents .detailArea{
    display: none;
    padding: 2em 1em;
    border: 1px solid #d2d2d2;
    background-color: #f5f5f5;
}

@media (min-width: 641px){
    #contents .detailArea > ul.disc,
    #contents .detailArea > ol{
        margin-left: 2.5em;
    }
}


@media (max-width: 640px){
    #contents .detailArea > ul.disc,
    #contents .detailArea > ol{
        margin-left: 1.5em;
    }

	#contents .detailArea .pct:not(.icon){
		width: 100%;
	}
	
	#contents .detailArea .pct img{
		width: 100%;
		height: auto;
	}
}