@charset "utf-8";

#Main .blue{color:#003399;}

#Main p{line-height:1.6em;}

#Main p.read{margin:20px 0; float:left; width:66%;}
#Main p.illust{float:right; margin:20px 0;}

#Main div.photo{float:left; width:120px;}
#Main div.text{float:left;}

#Main ul.mrg{margin-left:18px; line-height:1.6em;}

#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; padding-right:24px; margin:6px 0;}


#Main .BoxB{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px; background-color:#EEEEEE; padding:12px 12px 12px 14px; margin:30px 0; line-height:1.6em; overflow:hidden; zoom:1;}
#Main .BoxB .blue{margin-top:12px;}

#Main .BoxB h4{border-bottom:1px dashed #006699; padding:2px 0; margin:8px 0;}

#Main .BoxB .drink dt{float:left; clear:both; border-left:3px solid #333399; padding-left:4px; margin:6px 0 2px 0; font-weight:700;}
#Main .BoxB .drink dd{float:left; padding-left:4px; margin:6px 0 2px 12px;}

#Main .skin{overflow:hidden; zoom:1;}
#Main .ph_skin{width:100px; float:left;}
#Main .txt_skin{float:left; width:78%; margn-bottom:40px;}

#Main dl.pr{background-color:#E1E9FB; border:1px solid #003399; border-top:none; line-height:1.6em; width:auto; margin-top:20px;}
#Main dl.pr dt{padding:8px; float:left; width:320px; border-top:1px solid #003399;}
#Main dl.pr dd{padding:8px; margin-left:320px; background-color:#FFFFFF; border-left:1px solid #003399; border-top:1px solid #003399; text-align:right;}

#Main .Lft{float:left; width:50%;}
#Main .ph_skinn{width:70px; float:left;}
#Main .txt_skinn{width:70%; margin-top:40px; float:left;}


@media screen and (max-width: 650px){
#Main p.read{margin:20px 0; float:left; width:55%;}

#Main .ph_skin{float:none;}
#Main .txt_skin{float:none; width:auto;}

#Main dl.pr{width:auto;}
#Main dl.pr dt{width:auto; float:none;}
#Main dl.pr dd{margin-left:0; border-left:none;}

#Main .BoxB .drink dt{float:none;}
#Main .BoxB .drink dd{float:none; margin-left:8px;}
#Main .BoxB .drink dd span{display:block;}

#Main .Lft{float:none; width:auto; clear:both;}
#Main .ph_skinn{margin-top:20px;}
#Main .txt_skinn{width:auto;}

}

@media screen and (max-width: 480px){
#Main p.read{float:none; width:auto;}
#Main p.illust{float:none; margin:20px 0; text-align:center;}

#Main div.photo{float:left; width:90px; padding-right:6px;}
#Main div.photo img{width:100%;}
#Main div.text{float:left; width:66%;}
#Main div.text span{display:block;}

}

@media screen and (max-width:360px){
#Main div.photo{float:none; width:auto; text-align:center;}
#Main div.photo img{width:auto;}
#Main div.text{float:none; width:auto;}
#Main div.text p{text-align:center;}
}