/******************************************
取扱商品ページ
******************************************/

/* TOP カテゴリーセレクト
=====================================*/
#ruleList {
	/*margin-bottom: 80px;*/
}

#ruleList .selectBox img {
	width: 100%;
}

#ruleList .selectBox a {
	display: block;
	margin-bottom: 30px;
}

#ruleList .selectBox a:hover {
	opacity: 0.7;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}

/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}



/* 手数料 /TorihikiRule/cost/
=====================================*/
#costSection01  {
	margin-bottom: 50px;
}

#costSection01 .catch {
	color: #333;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5;
}

#costSection01 .midashi,
#costSection02 .midashi,
#repoSection01 .midashi {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 10px;
}

#costSection01 .categoryBox {
	margin-bottom: 30px;
}

#costSection01 .categoryBox ul {
	margin-left: 20px;
}

#costSection01 .categoryBox ul li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	list-style-type: decimal;
}

#costSection01 .categoryBox ul li + li {
	margin-top: 10px;
}


#costSection01 .container + .container {
	margin-top: 30px;
}


#costSection01 .aboutBox,
#costSection02 .attentionList {
	padding: 20px;
	background-color: #eeeeee;
}

#costSection01 .aboutBox p {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}

#costSection02 .topBtn {
	margin-bottom: 30px;
}

#costSection02 .attentionList {
	margin-bottom: 40px;
}

#costSection02 .attentionList li {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}

#costSection02 .attentionList li + li {
	margin-top: 10px;
}

.attention {
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 20px;
}

#costSection02 .listBox + .listBox {
	margin-top: 80px;
}

#repoSection01 .innerBox01 p {
	margin-bottom: 30px;
}

#repoSection01 .listBox {
	margin-bottom: 80px;
}

#costSection02 .listBox06 .attentionList {
	margin-bottom: 10px;
}

#costSection02 .listBox .exTxt {
	margin-left: 20px;
	margin-bottom: 30px;
}

#costSection02 .listBox .exTxt li {
	color: #333;
	list-style-type: disc;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}

#costSection02 .costAttending .innerBox {
	margin-bottom: 30px;
}

#costSection02 .costAttending .ttl {
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 5px;
}

#costSection02 .costAttending ul li {
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}

#costSection02 .styleDisc {
	list-style-type: disc;
	margin-left: 20px;
}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
	#costSection01 .catch {
		font-size: 20px;
	}

	/*.costTable {
	border: 0;
	}

	.costTable .table > tbody > tr > td {
		border: 1px solid #ddd !important;;
	}*/
}




/*  取引全般について /TorihikiRule/rule
=====================================*/
#wholeRule {
	/*margin-bottom: 80px;*/
}



/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}



/*  口座開設申込受付基準 /TorihikiRule/rule/acountopen.html
=====================================*/
#aboutAcOpen {
	/*margin-bottom: 80px;*/
}

#aboutAcOpen .categoryBox + .categoryBox {
	margin-top: 50px;
}

#aboutAcOpen .categoryBox ul li {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin-left: 20px;
    list-style-type: disc;
}

#aboutAcOpen .categoryBox ul li + li {
	margin-top: 5px;
}

#aboutAcOpen p {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 30px;
}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}



/*  信用取引について /TorihikiRule/margin3
=====================================*/
#marginList {
	/*margin-bottom: 80px;*/
}



/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}


/*  信用取引口座開設の申込受付基準 /TorihikiRule/margin3/shinyo_3.html
=====================================*/
#aboutShinyo03 {
	/*margin-bottom: 80px;*/
}

#aboutShinyo03 .categoryBox + .categoryBox {
	margin-top: 50px;
}

#aboutShinyo03 .categoryBox ul li {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin-left: 20px;
    list-style-type: disc;
}

#aboutShinyo03 .categoryBox ul li + li {
	margin-top: 5px;
}

#aboutShinyo03 p {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 30px;
}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
}


/*  約款・規程等 /TorihikiRule/stipulation/
=====================================*/
#stipulationList {
	/*margin-bottom: 80px;*/
}

#stipulationList .categoryBox + .categoryBox {
	margin-top: 50px;
}

#stipulationList .categoryBox ul li {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin-left: 20px;
    list-style-type: disc;
}

#stipulationList .categoryBox ul li + li {
	margin-top: 5px;
}

#stipulationList .dlAcrobot {
	margin-top: 50px;
}

#stipulationList .dlAcrobot p {
	color: #333;
    font-size: 16px;
    line-height: 1.4;
}

.ico_acrobat:hover {
	opacity: 0.7;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}

/*  < 992px
================================*/
@media (max-width: 992px) {
	#stipulationList .dlAcrobot p {
		color: #333;
	    font-size: 16px;
	    line-height: 1.4;
	    margin-top: 10px;
	    /*text-align: center;*/
	}
}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
	#stipulationList .dlAcrobot p {
	    font-size: 14px;
	}
}




/*  取引の数量・金額の制限について /TorihikiRule/margin3/shinyo_36.html
=====================================*/
.table.tableCreate th,
.table.tableCreate td {
	text-align: left;
}


.table.tableCreate th {
	min-width: 180px;
	text-align: center;
}

.table td.tdCreate {
	min-width: 130px;
	text-align: center;
}

.switchSp {
	display: none;
}

/*  < 992px
================================*/
@media (max-width: 992px) {

}


/*  > 768px
================================*/
@media (min-width: 768px) {

}

/*  < 768px
================================*/
@media (max-width: 768px) {
	.table.tableCreate th {
		min-width: 130px;
		text-align: center;
	}

	.table td.tdCreate {
		min-width: 110px;
		text-align: center;
	}
}


/*  < 500px
================================*/
@media (max-width: 500px) {
	.table.tableCreate th {
		min-width: 80px;
		text-align: center;
	}

	.table td.tdCreate {
		min-width: 70px;
		text-align: center;
	}

	.switchSp {
		display: inline;
	}
}