@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

/* main  */      

.pharmacy_pict ul{list-style-type: none; }
.pharmacy_pict li{ width: 70%; margin: 0 0 16px 15%;}
.pharmacy_pict li a{ font-size: 4.3vw; font-weight: 500; color: #00f;}
.pharmacy_pict img{ width: 100%; }     
.pharmacy_title{display: none;}    
.pharmacy_map{display: none;}
    
/* 個別ページ */
.pharmacy_consist{overflow: hidden; width: 100%; border-bottom:1px dashed #008000;
    margin: 12px 0; padding-bottom: 28px; }  
.consist_pict img{width: 100%} 
.consist dl{width: 80%; margin-left: 10%; font-size: 2.2w; line-height: 1.4;}	
.consist dt{font-weight: 600;}    
.consist dd{padding: 0 0 8px 1.5em;}    
.google_pict {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; margin-bottom: 28px;}
.google_map iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%; }   .google_view{display: none;}  
    
.sp_pharmacy_pict ul{list-style-type: none; display: flex;
    justify-content:space-between; margin: 10px 4% 20px;}  
.sp_pharmacy_pict li{ width: 23%;}
.sp_pharmacy_pict li a{ font-size: 4vw; font-weight: 500; color: #00f;}  
.sp_pharmacy_pict img{ width: 100%; }     
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

/* main  */      
.pharmacy_pict ul{list-style-type: none; display: flex;justify-content:space-between;
    margin-bottom: 20px;}  
.pharmacy_pict li{ width: 18%;}
.pharmacy_pict li a{ font-size: 2.1vw; font-weight: 500; color: #00f;}
.pharmacy_pict img{ width: 100%; }    
.pharmacy_title{font-size: 3vw; font-weight: 400; line-height: 1.3; text-align: center;
    border-bottom:1px dashed #008000;}    
.pharmacy_map{margin: 12px 0 28px;}
#map_canvas{width: 100%; height: 380px;}     

/* 個別ページ */
.pharmacy_consist{overflow: hidden; width: 100%; border-bottom:1px dashed #008000;
    margin: 12px 0; padding-bottom: 28px; }
.consist_pict{width: 40%; float: left;}      
.consist_pict img{width: 100%} 
.consist dl{float: left; width: 57%; margin-left: 3%; font-size: 1.5w; line-height: 1.4;
    overflow: hidden; }	
.consist dt{float: left; width: 30%; font-weight: 500;}    
.consist dd{margin-left:30%;  padding-bottom: 8px;}
.google_pict {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; margin-bottom: 28px;}
.google_map iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.google_view{display: none;} 
.sp_pharmacy_pict ul {display: none;}    
	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */      
.pharmacy_pict ul{list-style-type: none; display: flex;justify-content:space-between;
    margin-bottom: 38px;}  
.pharmacy_pict li{ width: 18%;}
.pharmacy_pict li a{ font-size: 15px; font-weight: bold; color: #00f;}
.pharmacy_pict img{ width: 100%; }    
.pharmacy_title{font-size: 40px; font-weight: 400; line-height: 1.3; text-align: center;
    border-bottom:1px dashed #008000;}
.pharmacy_map{margin: 20px 0 28px;}
#map_canvas{width: 850px; height: 380px;} 

/* 個別ページ */
.pharmacy_consist{overflow: hidden; width: 810px; border-bottom:1px dashed #008000;
    margin: 34px 0 28px 34px; padding-bottom: 28px; }
.consist_pict{width: 380px; height: 380px; float: left;}  
.tennai{width: 190px; height: auto; float: left;}}     
.consist_pict img{width: 100%} 
.consist{float: left; width: 380px; margin-left: 40px; font-size: 15px; line-height: 1.4;
    overflow: hidden; }	
.consist dt{float: left; width: 100px; font-weight: 500;}    
.consist dd{float: left; width: 270px; margin-bottom: 16px;} 
.google_pict{overflow: hidden; width: 810px; margin: 0 0 28px 34px;}   
.google_map{float: left; widows: 600px; height: 400px; }       
.google_view{float: right; widows: 400px; height: 400px; }     
.sp_pharmacy_pict ul {display: none;}    

.consist dd a{color: #00f;}
    
    
}