@charset "utf-8";



img{ vertical-align:bottom !important;}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.floatcontainer{display: inline-block;} 


header{ width:100%; background:url(../images/headerBK.png) no-repeat center !important; height:340px;}
.headerIn{ width:1000px; margin:0 auto; position:relative;}
.headerIn .logoImg{ position:absolute; top:50px; left:30px;}
.headerIn .campaignBtn{ position:absolute; top:10px; right:0;}
.contentsArea{ position: relative;text-align: center; top:-85px; width:100%;}
.contentsArea .contentsBox01{ margin:0 auto; position:relative; width:1000px;}
.cardImg{ position: absolute; right: 0; top: -50px;}
#campaignArea{ margin-top:40px;}

.pagetop { display: none; position: fixed; bottom: 30px; right: 30px;}
.pagetop a { display: block; background: url(../images/pageTop.png) no-repeat; text-align: center; color: #222; font-size: 12px; text-decoration: none; padding: 35px;}
.pagetop a:hover { display: block;background: url(../images/pageTop.png) no-repeat; text-align: center; color: #fff;font-size: 12px; text-decoration: none; padding:35px;}

.mainImg img{ width:100%; min-width:960px;}
.mainCopy{ margin:60px 0 20px;; font-size:38px;}
.hairdonationTTL{ font-size:20px;}
.contentsHairdo{background-color: #f4f4f4;}

.hairdona-contents{ padding:40px 0;}
.hairdona-List{ width:960px; margin:0 auto;}
.hairdona-List li{ float:left; width:304px; margin-right:24px; margin-bottom:30px;}
.hairdona-List li:nth-child(3n){ margin-right:0px;}

.hairdona-List h3{ margin:15px 0; font-size:18px;}
.hairdona-List p{ text-align:left;}

.numberP{ font-size:42px; line-height:90%;}
.numberPr{ font-size:32px;}

.hairdona-number{ text-align:center; width:470px; margin:0 auto; background:#ffffff; padding:30px;}

.donationCap{ background:#ffffff; padding:15px; width:400px; margin:10px auto;}
.donationCap h4{ font-size:16px;}

.textM{ font-size:14px;}
.textL{ font-size:16px;}
.red{ color:#a5172d;}

.textM a{ color:#a5172d; text-decoration: underline;}
.textM a:hover{ color:#a5172d; text-decoration:none;}

.reasonBox{ text-align:left; width:750px; margin:0 auto 40px;}


.attention{
  margin: 60px 15px 0 15px;
}

.attention dl dt{
  font-size: 16px;
  line-height: 1.6em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px!important;
  color: #a5172d!important;
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px 0;
}
.attention dl dd{
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
}