@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;}





/* ============================================================
   heroNEW
============================================================ */

/*HERO下地の背景(プロジェクトごとに変動)*/
.heroNew {width: 100%;height: 380px;background: url('../img/heronewbg/main.jpg') repeat 50% 50%; background-size: cover;}

/*HEROしたの白い地*/
.heroNewIn {width: 1000px;height: 287px;border: 1px solid #ededed;background: white;border-radius: 4px;
}

/*VIMEO*/
.heroNewVideo{position: absolute;left: 13px;top: 13px;width: 464px;overflow: hidden;cursor: pointer;}

/*右側のブロック*/
.heroNewR {width: 482px;height: 262px;position: absolute;left: 498px;top: 13px;}
.heroNewVideo img {
border-radius: 2px;
}

/*プロジェクトのタイトル下のユーザーとテキスト部分*/
.heroNewR02 {position: relative;}
.heroNewR02In {position: relative;height: 51px;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 1);}
.heroNewR02In a {font-size: 12px;font-size: 1.2rem;}
.heroNewR02InL {position: absolute;height: 45px;z-index: 1;}
.heroNewR02InL span {position: relative;left: 8px;top: -24px;}
.heroNewR02InL img {border-radius: 4px;}
.heroNewR02InR {position: absolute;top: 20px;text-align: left;left: 63px;z-index: 25;height: 18px;line-height: 18px;color: #434343;}
.heroNewR02InR:before {content: "";background: url("../img/icon_newherotag.png") no-repeat 0px 0px;width: 36px;height: 36px;position: absolute;top: 3px;left: -15px;}


/*プロジェクトのタイトル*/
.heroNewR01{height: 73px;}
.linkNewHero{color: #333333;}
.linkNewHero h2 {font-size: 20px;font-size: 2rem;margin-top: 12px;line-height: 28px;margin-bottom: 15px;}
.linkNewHero h2:hover{text-decoration: underline;}


/*いいねボタン*/
.likeHero_btnNew {position: absolute;top: 14px;right: 0;cursor: pointer;z-index: 50;}
.good_btnNew{}
.good_btnNew .goodBtnHero_jq{position: absolute;top: 13px;right: 116px;cursor: pointer;z-index: 50;}
.good_btnNew .goodBtnHero_jq:hover{top: 14px;}



/*お金とかゲージ*/

/*メーターやサポーターなどの包括部分*/
.heroNewR03{position: relative;}

/*お金*/
.heroNewR03_01{ line-height: 48px; height: 45px;position: relative;}
.heroNewR03_01 dl{font-size: 12px; font-size: 1.2rem; position: relative;}
.heroNewR03_01 dt{position: absolute;background: url("../img/icon_newheromoney.png") no-repeat 5px 12px;text-indent: 35px;margin-right: 22px;font-size: 14px;font-size: 1.4rem;line-height: 46px;color: #434343;letter-spacing: 0.1em;}
.heroNewR03_01 dd{position: absolute; right: 3px;font-size: 28px; font-size: 2.8rem; top: -1px;}


/*ゲージ*/
.heroNewR03_02{height: 38px;line-height: 38px; background: #C9C9C9; border-radius: 4px; overflow: hidden; margin: auto;}
.heroNewR03_02In{height: 38px;line-height: 38px; background: #bbf117;position: relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}
.heroNewR03_02In p{position: absolute; left: 15px; font-size: 18px; font-size: 1.8rem; top: 1px;width: 115px;}

/*月額課金イエローバー*/
/*バーの色が10月25日にイエローから緑に変更になったので戻します*/
.heroNewR03_02_yellow{height: 38px;line-height: 38px; background: #bbf117; border-radius: 4px; overflow: hidden; margin: auto;}

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

.heroNewR03_03_01{position: absolute;left: 0;}
.heroNewR03_03_01 dl{position: relative;width: 250px;height: 47px;line-height: 47px;}
.heroNewR03_03_01 dt{position: absolute;font-size: 14px;font-size: 1.4rem;
background: url("../img/icon_newherosuppoter.png") no-repeat 0px 17px;text-indent: 38px;margin-right: 20px;
line-height: 53px;color: #434343;}
.heroNewR03_03_01 dd{position: absolute;right: 0;font-size: 23px;font-size: 2.3rem;width: 128px;line-height: 51px;}

.heroNewR03_03_02{position: absolute;right: 0;}
.heroNewR03_03_02 dl{position: relative;width: 140px;height: 47px;line-height: 47px;}
.heroNewR03_03_02 dt{position: absolute;font-size: 14px;font-size: 1.4rem;
text-indent: 28px;margin-right: 20px;
line-height: 53px;color: #434343;}
.heroNewR03_03_02 dd{position: absolute;right: 3px;font-size: 23px;font-size: 2.3rem;line-height: 51px;}

.iconTimeHero{background: url("../img/icon_newherotime.png") no-repeat 0px 16px;}
.iconTimeLimitHero{background: url("../img/icon_newherotime02.png") no-repeat 0px 15px;}

/*SUCCESS帯*/
.ttlSuccessNewHero:after{content: "";
position: absolute;
top: -2px;
left: -3px;
background: url("../img/ttl_succes.png") no-repeat 0px 0px;
width: 107px;
height: 91px;
z-index: 999;}

.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;}