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

.table01 { width: 100%; }
.table01 th, .table01 td  { padding: 10px; border: 1px solid #ddd; }
.table01 th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .table01
----------------------------------------------------*/
.table01 th  { width: 20%; text-align: left; }
 
@media only screen and (max-width:480px){
    .table01 { margin: 0 -10px; }
    .table01 th,
    .table01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table01 tr:first-child th { border-top: 1px solid #ddd; }
}


@media only screen and (min-width:981px){
	.table01 { width: 75%; }
	
	.detail{
		display: flex;
	}
	
	.detail_photo{
		width:200px;
	}
	
	.detail_photo img{
		width:100%;
		margin:5px 0 5px 20px;
	}
		
	
}

@media only screen and (max-width:980px){
	.table01 { width: 100%; }
	
	.detail{
		display:block;
	}
	
	.detail_photo{
		display: flex;
		width:30%;
	}
	
	.detail_photo img{
		width:100%;
		margin:10px;
	}
		
	
}