@charset "utf-8";

.float_r.padL30 .sp{display: none;}
table.spinfo{
	border:1px solid #333333;
	max-width: 443px; width: 100%;
	border-collapse: collapse;
}
table.spinfo td:first-child {
	text-align: right;
	white-space: nowrap;
}
table.spinfo td{
	padding:10px; font-size: 14px;
}
img.w300 {
	width: 100%; height: auto; margin: 0 auto;
	max-width: 300px; 
}


/*
for tablet
================================================================== */
@media screen and (max-width: 974px){
	
	/* about_index_rwd.html固有 */
	.sub {padding: 10px 10px 0px 10px;}
	#mid_c {padding: 10px 10px 10px 10px;}
	#mid_e {padding: 10px 10px 10px 10px;}
	.padL30 {padding-left: 10px;}
}

@media screen and (max-width: 740px){
	.float_r.padL30 {
		padding-left: 0px !important;
		float: none;
		padding: 10px 0 20px 0;
	}
	
	.float_r.padL30 .pc{display: none;}
	.float_r.padL30 .sp{display: block; text-align: center;}
	.float_r.padL30 .sp img.w300sp {
		width: 100%; height: auto; 
		max-width: 443px; margin: 0 auto;
	}
	table.spinfo{margin: 0 auto;}
	#mid_e {text-align: center;}
	.mid_c_txt {padding: 10px 10px 10px 10px;}
}

/*
for smartphone
================================================================== */
@media screen and (max-width: 640px){
	.mid_c_txt {padding: 0;}
	table.spinfo{max-width: 640px; }
	img.w100 {max-width: 640px; width: 100%; }
	
}

@media screen and (max-width: 350px){
	table.spinfo td{
		padding:5px; font-size: 13px;display: block;
	}
	table.spinfo td:first-child {
		text-align: left; background: #ccc;
	}
	
}