@charset "utf-8";

/* -------------------------------------------------
     shame
 --------------------------------------------------- */
#shame_list {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	overflow:hidden;
}

.shame_box {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin: 10px auto;
	padding: 10px 0;
	background-color: rgba(255,255,255,0.8);
	border:solid 1px #ccc;
	box-sizing:border-box;
	overflow:hidden;
}

.shame_box .shame {
	clear:both;
	width:1050px;
	height:auto;
	margin: 10px auto;
	overflow:hidden;
}

.shame_box .shame .shame_img {
	float:left;
	width:300px;
	height:auto;
}

.shame_box .shame .shame_img img {
	width:300px;
	height:auto;
}

.shame_box .shame .shame_txt {
	float:right;
	width:730px;
	height:auto;
}

@media screen and (max-width: 770px) {
	#shame_list {
		width:100%;
	}

	.shame_box {
		width:100%;
	}

	.shame_box .shame {
		width:95%;
	}

	.shame_box .shame .shame_img {
		width:100%;
		margin-bottom:10px;
	}
	
	.shame_box .shame .shame_img img {
		width:100%;
	}
	
	.shame_box .shame .shame_txt {
		float:left;
		width:100%;
		margin-bottom:20px;
	}
}