@charset "utf-8";

/* －－－－－－－－－－－－－－－－－－－－－

/bd/connect/stb/css/index.CSS Document 

－－－－－－－－－－－－－－－－－－－－－－*/
.page_title h1.title {
    clear: both;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    float: left;
}

h2.title {
    font-size: 16px;
}

.ml15{
    margin-left: 1.5em
}

.mod-content p.annotation{
    padding-left: 1em;
    text-indent: -1em;
}

/*===========================================
	開閉ボタン
=============================================*/

#open_close01{
    margin: 0 0 6em;
}

#open_close01 .Gray {
	padding: 0.75em 5px 0.75em 32px;
	font-weight: bold;
	border: #d2d2d2 1px solid;
	border-radius: 6px;
	font-size: 1.125rem;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	cursor: pointer;
	margin-top: 1em;
	width: auto;
	text-indent: -27px;
}

#open_close01 .Gray img{
    vertical-align: middle;
    margin: 0px 3px;
}

#open_close01 div.detailArea {
	padding: 1em 2em 2em;
    border: 1px solid #d2d2d2;
}

#open_close01 div.detailArea ul.img_list{
    list-style: none;
}

#open_close01 div.detailArea ul.img_list li{
    margin-top: 2em;
}

#open_close01 div.detailArea ul.img_list li div.center{
    text-align: center;
    margin: 1em auto 3em;
}

#open_close01 .Gray:hover, .Gray:active {
	text-decoration: none;
	opacity: 0.5;
}

#open_close01 .Gray:focus {
	outline: thin dotted;
	opacity: 0.5;
	outline-offset: -1px;
}


@media only screen and (max-width: 640px){
    #open_close01 div.detailArea {
	padding: 1em 1em 2em;
    }
    
    #open_close01 div.detailArea ul.img_list li img{
    width: 100%;
        
    }
    
    
}

/* 20230403 */
html{
	font-size: 1rem;
}
.mod-mainContentContainer{
	font-size: 0.813rem;
}

#contents h1.title{
	border-bottom-color: #000;
	font-size: 1.125rem;
}

#contents section{
	margin-top: 2em;
}

#contents section h2{
	font-size: 1rem;
	margin-bottom: 10px;
}

#contents p + p{
	margin-bottom: 1.5em;
}

#contents a.textLink{
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
	font-weight: normal;
}

#contents ul.accordionList{
	list-style-type: none;
	margin-bottom: 2em;
}

#contents ul.accordionList > li + li{
	margin-top: 1em;
}

#contents button .openclose span.text{
	font-size: 0.975rem;
}

#sp p.annotation {
	margin-top: 5px;
}

#contents div.detailArea{
	padding: 1em 1.5em;
}
#contents div.detailArea > p{
	margin-left: 0;
}

#contents div.detailArea > p.lead{
	margin-bottom: 5px;
	font-weight: bold;
}

#contents .detailArea > ul.disc{
	list-style-type: disc;
	margin-left: 1.5em;
	margin-bottom: 2em;
}

#contents .selectArea{
	margin-top: 5em;
}

@media only screen and (max-width: 640px){
	.mod-mainContentContainer{
		font-size: 0.875rem;
	}
	#contents h1.title{
		padding-left: 5px;
	}
	#contents > p{
		margin: 0;
	}
	
	#contents .pct img{
		width: 100%;
	}
	
	#contents button .openclose span.text{
		font-size: 0.914rem;
		padding-right: 5px;
	}
	
	#contents div.detailArea{
		padding: 1em 1em 2em;
	}
}