ul li{margin-bottom:0.5em;}

@media screen and (min-width:640px){
 /* for PC*/

 div.cntdv{
  margin-left: auto;
  margin-right: auto;
  width:290px ;
 }    

 div.cntdv table{
  width:290px ;
 }

 div.cntdv table td{ width:145px ;}

 table.starl{width:600px;}
 table.starl td{width:300px;}

 /* table要素サイズ・位置 */
 table.tbbook{
  width:500px;
  margin-left: auto;
  margin-right: auto;  
 }

 table.tbbook td.leftp{ width:350px;}
 table.tbbook td.rightp{width:150px;}

}

@media screen and (max-width:640px){
/* for smart phone or Tablet device*/

 div.cntdv{
  margin-left: auto;
  margin-right: auto;
  width:80vw;
  max-width:290px ;
 }    

 div.cntdv table{
  width :100%;
  max-width:290px ;
 }

 div.cntdv table td{ width:50%; max-width:145px ;}

 table.starl{width:100vw;max-width:600px;}
 table.starl td{width:50vw ; max-width:300px;}

 /* table要素サイズ・位置 */
 table.tbbook{
  width:100vw;
  max-width:500px;
  margin-left: auto;
  margin-right: auto;  
 }

 table.tbbook td.leftp{ width:70vw; max-width:350px;}
 table.tbbook td.rightp{widt:30vw; max-width:150px;}

}