#csr-cont { margin: 0 auto; max-width: 780px; padding: 10px 8px 70px 12px; }

#csr-cont h1 { line-height: 1.6em; }
#csr-cont h1 span { display: block; font-size: 16px; font-weight: normal; }
#csr-cont h2 { line-height: 1.3em; font-size:22px; margin-top:60px;}

#csr-cont .main_bnr { text-align: center; }


/* BASICS */

a:link { color: #966f4a; text-decoration:none; }
a:hover { color: #c2a284; text-decoration:underline; }
a:active { color: #c2a284;}
a:visited { color: #966f4a; }


#csr-cont p { line-height: 1.9em; font-size:16px; }
#csr-cont p.donation-amount { font-size:22px; border:1px solid #000; padding:17px; text-align: center; margin: 35px auto; }

#csr-cont div.movie { margin: 0 auto 12px; }

#csr-cont div.foot { margin-top:80px; text-align: center; border:1px solid #dadada; padding:10px 5px;}
#csr-cont div.foot p.others { font-weight: bold; line-height:25px; font-size:18px; }
#csr-cont div.foot_b { width:350px; display: inline-block; margin: 5px; vertical-align: middle; }
#csr-cont div.foot_b p { margin-top:0; line-height:25px; font-size:14px; }

@media only screen and (max-width: 390px){

#csr-cont p { line-height: 1.9em; font-size:15px; }
#csr-cont p.donation-amount { font-size:20px; border:1px solid #000; padding:15px; text-align: center; margin: 20px auto; }

#csr-cont { margin: 0 auto; padding: 18px 12px 40px 12px;}

#csr-cont h1 { line-height: 1.6em; font-size:22px; }
#csr-cont h1 span { display: block; font-size: 16px; font-weight: normal; }
#csr-cont h2 { line-height: 1.3em; font-size:18px; margin-top:60px;}

#csr-cont div.foot { margin-top:60px; text-align: center; border:1px solid #dadada; padding:10px 5px;}
#csr-cont div.foot p.others { font-weight: bold; line-height:25px; font-size:18px; }
#csr-cont div.foot_b { width:260px; display: inline-block; margin: 0px; }
#csr-cont div.foot_b p { margin-top:0; line-height:20px; font-size:14px; }

}