.clearfix{*zoom:1;}

.clearfix:after{
	content:'';
	display:table;
	clear:both;
}



/* モバイルレイアウト : 480 px およびそれ以下. */
@media only screen and (max-width: 480px) {

.res{
	display:none;
}

.res_r{
	display:block;
	width:89%;
	margin:0 auto;
}

.history{
border:none;
background:none;
}

.history td,
.history th {
	line-height: 1.5em;
}
.history td{
border:none;
background-color:#FFF;
}

.history tr{
border:none;
background:none;
}

.history tr{
border-bottom:dotted 1px #CCCCCC;
}

.history .htb_1{
font-weight:bold;
background-color:#F3F3F3;
}

.history .htb_2{
text-align:right;
font-weight:bold;
width:27%;
}

.history .htb_3{
}


}


/* タブレットレイアウト : 481 px ～ 768 px。 */
@media only screen and (min-width: 481px) and (max-width: 768px) {

.res{
	display:none;
}

.res_r{
	display:block;
	width:91%;
	margin:0 4.5%;
}

.history{
border:none;
background:none;
}

.history td{
border:none;
background-color:#FFF;
}

.history tr{
border:none;
background:none;
}

.history tr{
border-bottom:dotted 1px #CCCCCC;
}

.history .htb_1{
font-weight:bold;
background-color:#F3F3F3;
}

.history .htb_2{
text-align:right;
font-weight:bold;
width:27%;
}

.history .htb_3{
}





}

/* デスクトップレイアウト : 769 px ～最大 1232 px */
@media only screen and (min-width: 769px) {

.res_r{
	display:none;
}

.res{
	display:block;
}

.history_left{
width:25%;
margin-right:2%;
float:left;
}

.history_left .himg1{
display:inline-block;
margin-bottom:200px;
}

.history_left .himg2{
display:inline-block;
margin-bottom:115px;
}

.history_left .himg3{
display:inline-block;
margin-bottom:15px;
}

.history_left .himg4{
display:inline-block;
margin-bottom:15px;
}

.history_right{
width:73%;
float:left;
}

.history{
border:none;
background:none;
}

.history td{
border:none;
background:none;
}

.history tr{
border:none;
background:none;
}

.history tr{
border-bottom:dotted 1px #CCCCCC;
}

.history .htb_1{
font-weight:bold;
width:76px;
}

.history .htb_2{
text-align:left;
font-weight:bold;
width:90px;
}

.history .htb_3{
}


}