
/* 上書き
--------------------------------------------*/
.bg-box-right {
	float:none;
	margin:50px 0 0 0;
}
.read-container {
	width:100%;
	margin:100px 0 0 0;
	padding:10px 10px;
	border-radius:2px;
background: rgba(255,255,255,0.8);
}
.bg-box {
	margin:50px auto;
}



@media screen and (max-width: 1280px) {
.bg-box-right {
	margin:20px 0 0 0;
}
.read-container {
	margin:80px 0 0 0;
}

}
@media screen and (max-width: 940px) {
.bg-box-right {
	margin:20px 0 0 0;
}
.read-container {
	margin:60px 0 0 0;
}

}
@media screen and (max-width: 768px) {
.bg-box-right {
	margin:0px 0 0 0;
}
.read-container {
	margin:30px 0 0 0;
}
}
@media screen and (max-width: 640px) {
.bg-box {
	width:100%;

}
.bg-box-right {
	float:none;
	margin:0px 0 0 0;
}
.read-container {
	margin:20px 0 0 0;
}
}
@media only screen and (max-width: 480px) {

.bg-a {
	background:url(../img/base/bg-a.jpg) no-repeat left top;
	background-size:100%;
}
.bg-b {
	background:url(../img/base/bg-b.jpg) no-repeat left top;
	background-size:100%;
}
.bg-box {
	width:100%;

}
.bg-box-right {
	float:none;
	margin:0px 0 0 0;
}
.bg-box h1 {
	font-size:1.8rem;
	font-weight:bold;
}
.read-container {
	margin:70px 0 0 0;
}

}

