@charset "UTF-8";
/* CSS Document */


/* ============================================================
   default
============================================================ */
/*html,body{width:100%; height: 100%;}*/

/*font設定の記事
http://d.hatena.ne.jp/Syunpei/20120323/1332460739
*/


html{ font-size: 62.5%; }

body {color:#333333;font-family:"Lucida Grande","Lucida Sans Unicode","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;word-break: break-all;-webkit-text-size-adjust: 100%;line-height: 1;font-size: 16px;font-size: 1.6rem;background:transparent;}

::selection {
  background: #ffe600; /* Safari */
}

::-moz-selection {
  background:#ffe600; /* Firefox */
}

a{color:#05a1c6;text-decoration: none;outline: none;}
a:hover{text-decoration:underline;}


/*フォントサイズ参考*/
.fs09{ font-size: 8px; font-size: 0.8rem; }
.fs09{ font-size: 9px; font-size: 0.9rem; }
.fs10{ font-size: 10px; font-size: 1.0rem; }
.fs11{ font-size: 11px; font-size: 1.1rem; }
.fs12{ font-size: 12px; font-size: 1.2rem; }
.fs13{ font-size: 13px; font-size: 1.3rem; }
.fs14{ font-size: 14px; font-size: 1.4rem; }
.fs15{ font-size: 15px; font-size: 1.5rem; }
.fs16{ font-size: 16px; font-size: 1.6rem; }
.fs17{ font-size: 17px; font-size: 1.7rem; }
.fs18{ font-size: 18px; font-size: 1.8rem; }
.fs19{ font-size: 19px; font-size: 1.9rem; }
.fs20{ font-size: 20px; font-size: 2.0rem; }
.fs21{ font-size: 21px; font-size: 2.1rem; }
.fs22{ font-size: 22px; font-size: 2.2rem; }
.fs23{ font-size: 23px; font-size: 2.3rem; }
.fs24{ font-size: 24px; font-size: 2.4rem; }
.fs25{ font-size: 25px; font-size: 2.5rem; }

/*google コンバージョンソースを不可視*/
iframe[name="google_conversion_frame"]{display: none;}






/* ============================================================
   プロジェクト詳細コンテンツ
============================================================ */
.ttlSuccess:after{content: "";position: absolute;top: -5px;left: -5px;background: url("../img/ttl_succes.png?ver=20151224140507") no-repeat 0px 0px; width: 161px;height: 137px; z-index: 999;background-size: 80px;}
.projectBox{width: 460px;height: 200px;border: 1px solid #ededed; position: relative;float: left; margin-right:35px;margin-bottom: 35px;background: white;/*z-index: 0;*/ border-radius: 4px;}

.projectLink{display: inline-block;color: #333333;}
.projectLink:hover{opacity:0.8;}
.projectLink img{position: relative;  display: block;width: 200px;height: 112px;border-radius: 4px 4px 0 0;

}
.projectFooter{


}
.projectLink h2{width: 258px;padding: 10px 12px;font-size: 13px; font-size: 1.3rem; height: 48px;line-height: 1.5;overflow: hidden;margin-bottom: 8px;position: absolute;top: 2px;left: 202px;}
.projectAside{width: 234px; position: absolute;height: 46px;line-height: 46px;overflow: hidden;border-bottom: 1px solid #ededed;margin: auto;top: 65px;left: 213px;}
.projectAside a{font-size: 12px; font-size: 1.2rem; }
.projectThumb{position: absolute;height: 36px;}
.projectThumbimg{}
.projectThumb span{position: relative;left: 8px;top: -22px;}

.projectFooterHero{font-weight: bold;}
.projectTag{position: absolute;top: 19px;text-align: left;left: 62px;line-height: 17px;color: gray;}
.projectTag:before{content:""; background: url("../img/icon_tag_24.gif?ver=20151224140507") no-repeat 0px 0px; width:24px; height:24px; position:absolute;top: -3px;left: -22px;}
.projectMoney{ width: 430px; margin:auto; line-height: 39px; height: 32px;position: relative; top: -3px; margin-bottom: 3px;}
.projectMoney dl{font-size: 12px; font-size: 1.2rem; position: relative;}
.projectMoney dt{position: absolute;background: url("../img/icon_money_24.gif?ver=20151224140507") no-repeat 0px 7px;text-indent: 26px;margin-right: 20px;color: gray;}
.projectMoney dd{position: absolute; right: 2px;font-size: 19px; font-size: 1.9rem; }

.projectGage{width: 424px;height: 15px;line-height: 28px; background: #d3d3d3; border-radius: 4px; overflow: hidden; margin: auto;}
.projectGageIn{height: 28px;line-height: 28px; background: #bbf117;position: relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}
.projectGageIn p{position: absolute; left: 12px; font-size: 12px; font-size: 1.2rem; top: -6px;width: 85px;}

/*10月25日にイエローバーからグリーンに戻しました*/
.projectGage02{width: 284px;height: 28px;line-height: 28px; background: #bbf117; border-radius: 4px; overflow: hidden; margin: auto;}

.projectBottom{width: 424px;height: 47px;line-height: 47px;overflow: hidden;margin: auto;position: relative;top: -6px;}

.projectSupporter{position: absolute;left: 0;}
.projectSupporter dl{position: relative;width: 168px;height: 27px;line-height: 47px;}
.projectSupporter dt{position: absolute;font-size: 12px;font-size: 1.2rem;width: 91px;
background: url("../img/icon_supporter_24.gif?ver=20151224140507") no-repeat 1px 11px;text-indent: 27px;margin-right: 20px;
color: gray;}
.projectSupporter dd{position: absolute;left: 92px;font-size: 19px;font-size: 1.9rem;}
.projectTime{position: absolute;right: 0;}
.projectTime dl{position: relative;width: 116px;height: 47px;line-height: 47px;}
.projectTime dt{position: absolute;font-size: 12px;font-size: 1.2rem;text-indent: 9px;
text-indent: 25px;margin-right: 20px;
color: gray;}
.projectTime dd{position: absolute;right: 1px;font-size: 19px;font-size: 1.9rem;}

.iconTime{background: url("../img/icon_time_24.gif?ver=20151224140507") no-repeat 0px 12px;}
.iconTimeLimit{background: url("../img/icon_timelimit_24.gif?ver=20151224140507") no-repeat 0px 11px;}
.goodBtn_jq{ position: absolute; top: 10px; right: 0px; cursor: pointer; z-index: 50;}
.goodBtn_jq:hover{top: 11px;}



/*新規ボタンエリア*/
.btnAndbtnArea{
  width: 284px;
  height: 41px;position: relative;
  margin: auto;
  border-top: 1px solid #ededed;
  display: none;
}

.like_btn{
    position: absolute;
    right: 0;
    top: 11px;
}

.fb-like iframe {
    z-index: 9999;
}