@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.room{width: 88%; margin-left: 8%; font-size: 3.6vw; line-height: 1.6;}   
.pict{width: 88%; margin-left: 8%;}       
.kill{display: none;}


    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
    
.room{width: 88%; margin-left: 8%; font-size: 2vw; line-height: 1.6;}   
.pict{width: 88%; margin-left: 8%;}   

.exterior_1r{width: 100%; margin-bottom: 1.8%;}    
.exterior_2r{width: 100%; overflow: hidden; margin-bottom: 1.8%;}   
.exterior_2r_L{width: 53.2%; float: left;}    
.exterior_2r_R{width: 44.3%; float: right;}  
.exterior_2r_R img{margin-bottom: 1.5%;}
.exterior_3r_L {width: 21.0%; float: left; margin: 0 2.6% 16px 0;}  
.exterior_3r_C {width: 59%; float: left; }  
.exterior_3r_C img {margin-bottom: 1.3%;}     
.exterior_3r_R {width: 14.8%; float: right; } 

.entrance_1r{width: 100%; margin-bottom: 1.8%;}   
.entrance_2r{width: 100%; overflow: hidden; margin-bottom: 1.8%;}
.entrance_2r_L {width: 40.8%; float: left; margin-right: 1.7%;}    
.entrance_2r_C {width: 30.1%; float: left; }     
.entrance_2r_R {width: 25.4%; float: right; }  
.entrance_3r_L {width: 49%; float: left; }     
.entrance_3r_R {width: 49%; float: right; }

.sharing_1r{width: 100%; margin-bottom: 1.8%; overflow: hidden; }  
.sharing_1r_L{width: 68.5%; float: left;}     
.sharing_1r_R{width: 29.5%; float: right;}
.sharing_2r{width: 100%; overflow: hidden; }  
.sharing_2r_L{width: 24%;  float: left; margin-right: 2.2%;} 
.sharing_2r_L img{margin-bottom: 1.4%; }   
.sharing_2r_C{width: 47.3%;  float: left; }     
.sharing_2r_R{width: 24%;  float: right; }     
.sharing_2r_R img{margin-bottom: 1.4%; } 
.sharing_3r_L{width: 49.5%;  float: left;  margin-right: 1.9%;} 
.sharing_3r_C{width: 24%;  float: left; } 
.sharing_3r_C img{margin-bottom: 1.8%; } 
.sharing_3r_R{width: 22.3%;  float: right; } 
.sharing_4r_L{width: 23.9%;  float: left; margin-right: 2.2%;} 
.sharing_4r_L img{margin-bottom: 1.8%; } 
.sharing_4r_C{width: 23.9%;  float: left; }  
.sharing_4r_C img{margin-bottom: 1.8%; }     
.sharing_4r_R{width: 47.2%;  float: right; }


}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
/* wrapper ---------------*/ 
.room{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}  
    
.exterior_1r{width: 960px; margin-bottom: 18px;}    
.exterior_2r{width: 960px; overflow: hidden;}   
.exterior_2r_L{width: 515px; float: left; margin-bottom: 18px;}    
.exterior_2r_R{width: 426px; float: right;}  
.exterior_2r_R img{margin-bottom: 12px;}
.exterior_3r_L {width: 195px; float: left; margin: 0 18px 18px 0;} 
.exterior_3r_L img.up {margin-bottom: 18px;}  
.exterior_3r_C {width: 586px; float: left; }  
.exterior_3r_R {width: 147px; float: right; } 
    
.entrance_1r{width: 960px; margin-bottom: 18px;}     
.entrance_2r{width: 960px; overflow: hidden; margin-bottom: 18px;}  
.entrance_2r_L {width: 392px; float: left; margin-right: 17px;}    
.entrance_2r_C {width: 289px; float: left; }     
.entrance_2r_R {width: 244px; float: right; }     
.entrance_3r_L {width: 520px; float: left; margin-bottom: 18px;}   
.entrance_3r_L1 {width: 520px; float: left; }  
.entrance_3r_R {width: 421px; float: right; }

     
.sharing_1r{width: 960px; margin-bottom: 18px; overflow: hidden; }  
.sharing_1r_L{width: 658px; float: left;}     
.sharing_1r_R{width: 284px; float: right;}
.sharing_2r{width: 960px; overflow: hidden; }  
.sharing_2r_L{width: 231px;  float: left; margin-right: 16px;} 
.sharing_2r_L img{margin-bottom: 16px; }   
.sharing_2r_C{width: 465px;  float: left; }     
.sharing_2r_R{width: 231px;  float: right; }     
.sharing_2r_R img{margin-bottom: 16px; } 
.sharing_3r_L{width: 485px;  float: left; margin: 0 16px 16px 0;} 
.sharing_3r_C{width: 231px;  float: left; } 
.sharing_3r_C img{margin-bottom: 15px; } 
.sharing_3r_R{width: 215px;  float: right; } 
.sharing_4r_L{width: 230px;  float: left; margin-right: 16px;} 
.sharing_4r_L img{margin-bottom: 14px; } 
.sharing_4r_C{width: 230px;  float: left; }  
.sharing_4r_C img{margin-bottom: 14px; }     
.sharing_4r_R{width: 462px;  float: right; }


}