@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", "HiraKakuPro-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: -3px;
left: -4px;
background: url("../../../../../../rev_2020/02/25/171827/img/ttl_succes.png") no-repeat 0px 0px;
width: 107px;
height: 91px;
z-index: 999;
}
.ttlNewIconBase{position: relative;}
.ttlNewIcon:before {
content: "New!";
position: absolute;
width: 100%;
height: 26px;
background: rgba(255, 210, 1, 0.8);
z-index: 600;
bottom: 0;
text-align: center;
line-height: 26px;
color: white;
font-weight: bold;
letter-spacing: 1px;
}

.projectBox {
width: 310px;
height: 390px;
border: 1px solid #ededed;
position: relative;
float: left;
margin-right: 35px;
margin-bottom: 35px;
background: white;
border-radius: 4px;

}
/*.projectBox:nth-of-type(3n){margin-right:0px;}*/
.projectLink{display: inline-block;color: #333333;}
.projectLink:hover{opacity:0.8;}
.projectLink img{position: relative;  display: block;width: 308px;height: 173px;
border-radius: 4px 4px 0 0;}
.projectLink img:hover{}
.projectFooter{/*font-weight: bold;*/}
.projectLink h2{width: 308px;padding: 10px 12px;font-size: 14px; font-size: 1.4rem; height: 48px;line-height: 1.3;overflow: hidden;margin-bottom: 8px;}
.projectAside{width: 284px; position: relative;height: 46px;line-height: 46px;overflow: hidden;border-bottom: 1px solid #ededed;margin: auto;}
.projectAside a{font-size: 12px; font-size: 1.2rem; }
.projectThumb{position: absolute;height: 36px;}
.projectThumb img{border-radius: 4px;}
.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("../../../../../../rev_2020/02/25/171827/img/icon_tag_24.gif") no-repeat 0px 0px; width:24px; height:24px; position:absolute;top: -3px;left: -22px;}
.projectMoney{ width: 284px; margin:auto; line-height: 39px; height: 39px;position: relative;}
.projectMoney dl{font-size: 12px; font-size: 1.2rem; position: relative;}
.projectMoney dt{position: absolute;background: url("../../../../../../rev_2020/02/25/171827/img/icon_money_24.gif") 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: 284px;height: 28px;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: 16px; font-size: 1.6rem; top: 0px;width: 85px;}

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

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

.projectSupporter{position: absolute;left: 0;}
.projectSupporter dl{position: relative;width: 168px;height: 47px;line-height: 47px;}
.projectSupporter dt{position: absolute;font-size: 12px;font-size: 1.2rem;width: 91px;
background: url("../../../../../../rev_2020/02/25/171827/img/icon_supporter_24.gif") 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("https://cdn-m.makuake.com/rev_2020/02/25/171827/img/icon_time_24.gif") no-repeat 0px 12px;}
.iconTimeLimit{background: url("../../../../../../rev_2020/02/25/171827/img/icon_timelimit_24.gif") 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;
}

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

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

.iconNowOnSale{position: absolute;right: 0;width: 80px;height: 26px;font-size: 12px;background-color: #fb2a79;color: white;border-radius: 2px;line-height: 26px;margin-top: 9px;text-align: center;font-weight: bold;}