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


/* ============================================================
   初期設定
============================================================ */
.bgBase{background: #f5f5f5; overflow: hidden;}


/* ============================================================
   コンテンツのメインラッパー
============================================================ */

#contentWrapper{width: 1000px;margin: 0 auto 100px auto;}

/* ============================================================
   コンテンツの右メイン
============================================================ */
#rightContentMain{float: left;width: 745px;margin-left: 35px;}

#projectDetails,#projectDetails02{width: 745px;}

/* ============================================================
   投稿したPJT
============================================================ */
.ttlPJT{font-size: 22px; /* font-size: 2.1rem; */ /* text-indent: 37px; */line-height: 32px;margin-bottom: 15px;position: relative;/* font-weight: bold; */color: #333333;/* letter-spacing: 0.1em; */}

/* ============================================================
   支援したPJT
============================================================ */

.ttlSpport{background: url("../../img/icon_money_36_02.gif") no-repeat -4px -3px;font-size: 21px; font-size: 2.1rem; text-indent: 31px;line-height: 32px;margin-bottom: 15px;position: relative;font-weight: bold;color: #333333;letter-spacing: 0.1em;}

.iconArrow24_02{position: absolute;font-size: 14px;font-size: 1.4rem;right: 19px;top: 5px;font-weight: normal;letter-spacing: 0;}
.iconArrow24_02:after{content: "";width: 24px;height: 24px;background: url("../../img/icon_arrow_24.gif") no-repeat 0 0; right: -24px; top: 3px;position: absolute;}


/* ============================================================
   プロジェクト詳細コンテンツ
============================================================ */
.DeteilIn{width: 745px; background: rgb(221, 221, 221); height: auto;padding-bottom: 14px;margin-bottom: 50px;}
.DeteilIn .moneyArea:last-of-type{margin-bottom: 0px;}
.ttlSuccess:after{content: "";position: absolute;top: -5px;left: -5px;background: url("../../img/ttl_succes.png") no-repeat 0px 0px; width: 161px;height: 137px; z-index: 999;}
.projectBox{width: 745px;height: 175px;border: 1px solid #ededed; position: relative; margin-right:35px;background: white;z-index: 1;  margin-bottom: -1px;}
.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;top: 0px;left: 0px;}

.projectFooter{/* font-weight: bold; */}
.projectLink h2{font-size: 14px; font-size: 1.4rem; line-height: 1.3;/* font-weight: bold; */overflow: hidden;margin-bottom: 8px;position: absolute;left: 324px;background: white;top: 4px;overflow: hidden;}

.projectLink h2:hover{text-decoration: underline;}

.projectAside{width: 403px; position: absolute;height: 42px;line-height: 46px;overflow: hidden;border-bottom: 1px solid #ededed;left: 324px;top: 44px;/* font-weight: bold; */}
.projectAside a{font-size: 12px; font-size: 1.2rem; }
.projectThumb{position: absolute;display: block;height: 37px;}
.projectThumbimg{}
.projectThumb span{position: relative;left: 8px;top: -22px;}
.projectTag{position: absolute;display: block;top: 19px;text-align: left;left: 65px;line-height: 17px;color: gray;}
.projectTag:before{content:""; background: url("../../img/icon_tag_24.gif") no-repeat 0px 0px; width:24px; height:24px; position:absolute;top: -3px;left: -23px;}
.projectMoney{ width: 403px; line-height: 36px; height: 39px; position: absolute; top: 84px; left: 321px;}
.projectMoney dl{font-size: 12px; font-size: 1.2rem; position: relative;}
.projectMoney dt{position: absolute;background: url("../../img/icon_money_24.gif") no-repeat 0px 5px;text-indent: 26px;margin-right: 20px;color: gray;letter-spacing: 0.1em;}
.projectMoney dd{position: absolute; right: 0px;font-size: 19px; font-size: 1.9rem; /* font-weight: bold; */}

.projectGage{width: 403px;height: 28px;line-height: 28px; background: #d3d3d3; border-radius: 4px; overflow: hidden; position: absolute;right: 16px;top: 117px;}
.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: 15px; font-size: 16px; font-size: 1.6rem; top: 0px;width: 85px;}
/*10月25日にイエローバーからグリーンに戻しました*/
.projectGage02{width: 403px;height: 28px;line-height: 28px; background: #bbf117; border-radius: 4px; overflow: hidden; position: absolute;right: 16px;top: 117px;}

.projectBottom{width: 403px;height: 47px;line-height: 47px;overflow: hidden;margin: auto;position: absolute;right: 16px;bottom: -10px;}

.projectSupporter{position: absolute;left: 0;}
.projectSupporter dl{position: relative;width: 207px;height: 47px;line-height: 47px;}
.projectSupporter dt{position: absolute;font-size: 12px;font-size: 1.2rem;width: 90px;
background: url("../../img/icon_supporter_24.gif") no-repeat 0px 11px;text-indent: 28px;margin-right: 20px;
color: gray;}
.projectSupporter dd{position: absolute;right: 0;font-size: 19px;font-size: 1.9rem;width: 110px;}
.projectTime{position: absolute;right: 0;}
.projectTime dl{position: relative;width: 115px;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: 0;font-size: 19px;font-size: 1.9rem;}

.iconTime{background: url("../../img/icon_time_24.gif") no-repeat 0px 11px;}
.iconTimeLimit{background: url("../../img/icon_timelimit_24.gif") no-repeat 0px 11px;}
.goodBtn_jq{ position: absolute; top: 162px; right: 8px; cursor: pointer; z-index: 50;}
.goodBtn_jq:hover{top: 165px;}


/* ============================================================
   プロジェクト詳細コンテンツ(スポーツが増えた場合のみの対応)
============================================================ */
.notUnder .projectLink h2 {line-height: 2;top: 10px;}
.notUnder .projectAside{border-bottom: none;
top: 123px;}


/* ============================================================
   プロジェクト活動レポート
============================================================ */
.reportArea{width: 717px;height: auto;margin: 0 auto 22px auto;background: white;position: relative;}
.reportArea:before{position: absolute;width: 50px;height: 50px;background: url("../../img/img_arrow.png") no-repeat 0 0; top: -17px;content: "";left: 20px;}

.ttlDetailsNo{padding: 15px;background: rgb(216, 216, 216);margin-bottom: 50px;}

.archiveBase{width: 480px;height: 275px;}
.archivePhoto:hover{opacity: 0.9;}
.archiveBase article:last-of-type{border:none;}
.archive{padding: 10px 10px 8px 10px;}
.archive dl{}
.archive dt{float: left;width: 134px;}
.archive dd{margin-left: 135px;width: 562px;}
.archivePlofileLink{position: relative;top: 0px;display: inline-block;width: 245px;}
.archivePlofile{height: 36px;position: relative;margin-bottom: 1px;}
.archivePlofile img{float: left;display: block;margin-right: 7px;width: 28px;height: 28px;}
.archiveUser{font-size: 13px; font-size: 1.3rem; position: relative;top: 7px;}
.archivePlofileLink img:hover{}
.archiveDate{font-size: 10px; font-size: 1.0rem; font-weight: bold;text-align: right;position: relative;top: -26px;}
.archiveText{font-size: 13px; font-size: 1.3rem; line-height: 1.5;}
.archiveText a{ color: rgb(78, 78, 78); font-weight: bold;}
/*.archiveMoreLink{text-align: right;font-size: 14px; font-size: 1.4rem;margin-top: 10px;padding-right: 20px;}*/



/* ============================================================
   支援エリア
============================================================ */
#projectDetails02 section{/*margin-bottom: 35px;*/}
.ttlGood{background: url("../../img/icon_star_36.gif") no-repeat -3px -2px;font-size: 21px; font-size: 2.1rem; text-indent: 31px;line-height: 32px;margin-bottom: 15px;position: relative;font-weight: bold;letter-spacing: 0.1em;}

.moneyArea{width: 717px;height: auto;margin: 0 auto 22px auto;background: white;position: relative;}
.moneyArea:before{position: absolute;width: 50px;height: 50px;background: url("../../img/img_arrow.png") no-repeat 0 0; top: -17px;content: "";left: 20px;}
.moneyAreaIn{padding: 20px;}
.money{padding-left: 25px;}
.moneyAreaInTitle{font-size: 25px;font-size: 2.5rem;letter-spacing: 0.1em;text-indent: 36px;margin-bottom: 18px;position: relative;}
.moneyAreaInTitle:before{content: "";position: absolute;top: -5px;left: -4px;background: url("../../img/icon_money_36_02.gif") no-repeat 0px 0px;width: 36px;height: 36px;}
.moneyAreaIn p{font-size: 14px;font-size: 1.4rem;letter-spacing: 0.1em;line-height: 1.5;}
.buyTime{font-size: 12px;font-size: 1.2rem;text-align: right;margin-top: 5px;color: rgb(165, 165, 165);}




/* ============================================================
   Makuakeとは
============================================================ */
.aboutCf{width: 100%;height: 155px;background: #f5f5f5}
.aboutCfIn{width: 1000px;margin: auto;}
.aboutCfIn h6 {
color: #808080;
text-indent: 35px;
background: url("../../img/icon_top_footer_20.png") no-repeat 7px 26px;
line-height: 74px;
height: 66px;
}


.aboutCfIn p{color: rgb(128, 128, 128);font-size: 12px;font-size: 1.2rem;letter-spacing: 0.1em;line-height: 1.8;padding-left: 7px;}


.indextMinus{text-indent: -5px;display: inline-block;}


.communicationLink {
  text-align: right;
}

.communicationLink a {
  margin-left: 5px;
}







/* ============================================================
  下
============================================================ */

.aerchive{margin-bottom: 20px;}
.annunce{font-size: 14px;font-size: 1.4rem;margin-bottom: 15px;text-indent: 7px;}

.baseSection{background: #e7e7e7;width: 100%;padding: 0px;position: relative;margin-bottom: 30px;}

.snsSection{width: 100%;height: 40px;background: white;margin-bottom: 15px;}

.listSns {
/* line-height: 48px; */
position: relative;
top: 10px;
}
.listSns li{
    float: left;
    margin-left: 20px;
}

.anotherLink{background: white;}
.anotherLink a{height: 51px;line-height: 51px;display: block;padding:0 20px 0 20px; position: relative;}
.anotherLink a:hover{background: #f9f9f9;text-decoration: none;}
.anotherLink li{border-bottom: solid 1px #e7e7e7;}
.anotherLink li:last-child{border: none;}
.anotherLink a:after{
    content: "";
  position: absolute;
  top: 20px;
  right: 15px;
  border: 6px solid transparent;
  border-left: 10px solid #21bde1;



  }

.anotherLink p{height: 51px;
line-height: 51px;
display: block;
padding: 0 20px 0 20px;
position: relative;}


.previewBtnBase{width: 100%;text-align: right;}
.previewBtn{display: inline-block;
border: none;
border-radius: 0px;
cursor: pointer;
outline: none;


color: white;
font-size: 16px;
font-weight: bold;
border-radius: 2px;
font-size: 1.6rem;
padding: inherit;

height: 46px;
background: #01b1da;

line-height: 46px;text-align: center;margin-top: 10px;padding: 0 30px;}
.previewBtn:hover{background:#1ad4ff; text-decoration: none;}






.previewBtnBase02{width: 100%;text-align: left;}
.previewBtn02{display: inline-block;
border: none;
border-radius: 0px;
cursor: pointer;
outline: none;


color: white;
font-size: 16px;
font-weight: bold;
border-radius: 2px;
font-size: 1.6rem;
padding: inherit;

height: 46px;
background: #01b1da;

line-height: 46px;text-align: center;margin-top: 10px;padding: 0 100px;}
.previewBtn02:hover{background:#1ad4ff; text-decoration: none;}

/* 好評発売中 */
.iconNowOnSale{position: absolute;right: 0;width: 72px;height: 22px;font-size: 12px;background-color: #fb2a79;color: white;border-radius: 2px;line-height: 22px;margin-top: 12px;text-align: center;font-weight: bold;}