@charset "utf-8";
 /*CSS Document */



#MirrorPanelPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	width: 700px;
}

.scrolltb thead tr th .adjust {
	display: none;
}

.scrolltb tbody tr td .adjust{
	white-space: nowrap;
}

#MirrorPanel h2+div{
	font-size: 14px;
	float: left;
	width: 440px;
	}

.edge{
	float: right;
	margin-right: 12px;
	margin-left: 12px;
	width: auto;
	padding: 8px;
	border: 1px solid #CCC;
}

.edge+p{
	font-size: 14px;
}

.edge p{
	width: 216px;
	}

.text-right + p{
	margin-top: 20px;
	}


@media screen and  (max-width: 719px){



#MirrorPanelPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: auto;
	width: 100%;
}

   
#MirrorPanel .details h2 img{
	height: auto;
	width: 100%;
	max-width:433px;
	}

#MirrorPanel h2+div{
	float: none;
	width: 100%;
	}

.edge{
	float: none;
	padding: 8px;
	overflow: hidden;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

.edge img{
	float: left;
	margin-right: 12px;
	width:50%;
	min-width:160px;
	height:auto;
}

.edge p{
	width: auto;
	font-size: 14px;
	}


	
 .scrolltb thead tr th .adjust {
	display: block;
}  

.scrolltb tbody tr td .adjust{
	display: inline;
	margin-left: -6px;
}

 /*テーブルのデータが少ない場合*/  
 
 .scrolltb tbody tr{
	width: 105%;
} 

.scrolltb tbody tr.widthadjust{
	width: 80%;
}




/*テーブルのデータが少ない場合*/



.scrolltb thead tr .itemname-line{
	padding-top: 16px;
	padding-bottom: 16px;
	line-height: 186%;
	}  

}


@media screen and  (max-width: 326px){
	.PPanelSpec table tr td,.PPanelSpec table tr th{
	font-size: 10px;
	}
	.PPanelSpec{
	width: 95%;
}

.PPanelSpec table caption {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
}

.subphoto {
	float: right;
	margin-left: 12px;
	width: 40%;
}

 /*テーブルのデータが少ない場合*/  
 
 
  .scrolltb tbody tr{
	width: 130%;
}

/*テーブルのデータが少ない場合*/ 

	
	}	
	
	
.details p .red {
	font-size: 16px;
	display: block;
	margin-top: 4px;
	margin-bottom: 8px;
}