.box10bk {
	background:rgba(0,0,0,0.1);
	width: 100%;
}

.box20bk {
	background:rgba(0,0,0,0.2);
	width: 100%;
}

.box30bk {
	background:rgba(0,0,0,0.3);
	width: 100%;
}

.box40bk {
	background:rgba(0,0,0,0.4);
	width: 100%;
}

.box50bk {
	background:rgba(0,0,0,0.5);
	width: 100%;
}

.box60bk {
	background:rgba(0,0,0,0.6);
	width: 100%;
}

.box70bk {
	background:rgba(0,0,0,0.7);
	width: 100%;
}



.box80bk {
	background:rgba(0,0,0,0.8);
	width: 100%;
}



.box90bk {
	background:rgba(0,0,0,0.9);
	width: 100%;
}



.box100bk {
	background:rgba(0,0,0,1);
	width: 100%;
}





.box10wh {
	background:rgba(255,255,255,0.1);
	width: 100%;
}

.box20wh {
	background:rgba(255,255,255,0.2);
	width: 100%;
}

.box30wh {
	background:rgba(255,255,255,0.3);
	width: 100%;
}

.box40wh {
	background:rgba(255,255,255,0.4);
	width: 100%;
}

.box50wh {
	background:rgba(255,255,255,0.5);
	width: 100%;
}

.box60wh {
	background:rgba(255,255,255,0.6);
	width: 100%;
}
.box70wh {
	background:rgba(255,255,255,0.7);
	width: 100%;
}

.box80wh {
	background:rgba(255,255,255,0.8);
	width: 100%;
}

.box90wh {
	background:rgba(255,255,255,0.9);
	width: 100%;
}

.box100wh {
	background:rgba(255,255,255,1);
	width: 100%;
}




<!--帯の色　パールホワイト -->
.bgcolorpwhite90 {
  background: rgba(255, 0, 0, 0.5); /* 赤に変更して確認用 */
  width: 100%;
  padding: 20px;
}




<!--帯の色　むらさき -->
.bgcolorpurple1 {
background:rgba(146, 150, 115, 0.4);
width: 100%;
}

.bgcolorpurple2 {
background:rgba(108, 91, 115, 0.4);
width: 100%;
}

.bgcolorpurple3 {
background:rgba(94, 96, 138, 0.2);
width: 100%;
}

.bgcolorwhite {
background:rgba(242, 239, 250, 0.9);
width: 100%;
}