/*----------------------------------------------------
          作家応援キャンペーン
----------------------------------------------------*/


/*----------container--*/

#fundingMod{
   margin:24px 0 20px 0;
   min-width:535px;
   background:#fff;
}


/*----------header--*/

.fundingModHead{
   position:relative;
   height:70px;
   background:#e24267 ;
}

.fundingModTxt{
   overflow: hidden;
   padding: 20px 20px 0 20px;
}

.fundingModTxt p{
}

.fundingModTxt .GraphDetailSns{
   margin:4px 0 10px 0;
   text-align: center;
}

.fundingModTxt .GraphDetailSns a{
   margin: 0 5px;
}


.fundingDate{
   position:absolute;
   z-index:200;
   top:15px;
   right:10px;
   height:42px;
   width:100px;
   line-height:50px;
   font-size:14px;
   color:#555555 ;
   background:#fff;
   text-align: center;
}

.fundingDate span{
   font-size:24px;
   font-weight:bold;
   color:#f90081 ;
}

#fundingMod2 .fundingDate{
   position:absolute;
   z-index:200;
   top:20px;
   right:80px;
   height:50px;
   width:150px;
   line-height:40px;
   font-size:20px;
   color:#555555 ;
}

#fundingMod2 .fundingDate span{
   font-size:26px;
   font-weight:bold;
   color:#f90081 ;
}

.fundingModHead .img1{
   position: absolute;
   top: -24px;
   left:10px;
   height:100px;
   width:100px;
}

.fundingModHead .img1 img{
   width:80px;
}

.fundingModHead .img2{
   position: absolute;
   top: 10px;
   left:95px;
   height:388px;
   width:62px;
}

.fundingModHead .img2 img{
   width:320px;
}

.fundingModHead .img3{
   position: absolute;
   bottom:-10px;
   right:10px;
   height:70px;
   width:210px;
}

.fundingModHead .img3 img{
   width:210px;
}

/*----------body--*/

.fundingModBody{
   background:#fff;
}

.fundingModBody > ul{
   overflow:hidden;
}

.fundingModBody > ul > li{
   float:left;
   display:block;
   margin:0 2px 2px 0;
}

.innerBox{
   position:relative;
   padding:4px;
   background:#fff;
}


.innerBox .fukidashi p{
   margin:6px 0 0 0;
   text-align:center;
   color: #f0006f ;
   font-size:11px;
}

.innerBox .fukidashi p span{
   margin-left: 4px;
   font-size:14px;
   font-weight:bold;
   line-height:14px;
}

.fundingModBody li a{
   display:block;
   width:160px;
   padding:8px;
   background:#eeeeee ;
}

.fundingModBody li a:hover{
   background:#e24267 ;
   transition: background-color 1s;
}

.fundingModBody li a:hover img{
   opacity:1;
}

.fundingModBody li > img{
   display:block;

}

.fundingModBody h4{
   background:#382e26 ;
   color:#fff;
   height:38px;
   line-height:38px;
   text-align:center;
   font-size:16px;
}

.fundingModBody h4 span{
   font-size:12px;
}

.fundingModBody .topThum img{
   width:152px;
}

.fundingModBody .price{
   text-align:center;
   color:#555555 ;
   font-size:11px;
   line-height:28px;
}

.fundingModBody .price span{
   font-weight:bold;
}

.topGraph {
   width:152px;
   height:8px;
   margin:0 auto;
   background:#e3e3e3 ;
}

.topGraph span{
   display:block;
   height:8px;
   background:#ec006f ;

}

.gage {
animation: anime1 3s ease  1 alternate;
-moz-animation: anime1 3s ease 1 alternate;
-webkit-animation: anime1 3s ease 1 alternate;
-o-animation: anime1 3s ease 1 alternate;
-ms-animation: anime1 3s ease 1 alternate;
}

@keyframes anime1 {
0% {width: 0%;  background-color: #7a43ec ;}
100% { background-color: #ec006f ;}
}

@-moz-keyframes anime1 {
0% {width: 0%;  background-color: #7a43ec ;}
100% { background-color: #ec006f ;}
}

@-webkit-keyframes anime1 {
0% {width: 0%;  background-color: #7a43ec ;}
100% { background-color: #ec006f ;}
}

@-o-keyframes anime1 {
0% {width: 0%;  background-color: #7a43ec ;}
100% { background-color: #ec006f ;}
}

@-ms-keyframes anime1 {
0% {width: 0%;  background-color: #7a43ec ;}
100% { background-color: #ec006f ;}
}