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


/* ============================================================
   パンクズ　※プロジェクト詳細ページONLY
============================================================ */

.bread-crumb-listBase {
padding: 0 33px;
background: none;
padding-bottom: 0;
width: auto;
}
#bread-crumb-list {
width: auto;
}

/* ============================================================
   大枠
============================================================ */
.grayBase {background: #f5f5f5;}
#main{width: 1000px;margin:auto;height: auto; padding: 50px 0;}
#leftContent{width: 655px;margin-right: 35px;float: left; }
#leftContentMain {padding: 20px;border-radius: 4px;background: white;border-bottom: 2px solid #e7e7e7;}
#rightContent{width: 310px;float: left;}

/* ============================================================
   タブナビゲーション
============================================================ */

.navpHome {color: #000;position: absolute;
border-bottom: 3px solid #00d9ff;
padding:0 4px 4px 4px;left: 13px;top: 0;}

.navpHome:hover,.navpCom:hover{text-decoration: none; opacity: 0.5;}
.navpCom{position: absolute;right: 6px;top: -2px;}



.icon_arrow_com{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/project/icon_arrow_comu.png') no-repeat 0 0;
  position: relative;
  top: 2px;
  margin-left: 9px;
}


/* ============================================================
    シェア
============================================================ */
#sheareSns {position: relative;display:inline-block;margin-left: 30px;top:6px;width: 655px;}
.sheareSns_en_wrapper {padding-top: 13px;}
#sheareSns li{float: left;}
#iframeGet:hover{opacity: 0.8;}
#snsFacebookShere,#snsTweeetShere,#snsAmebaShere,#snsHatebuShere{margin-right: 20px;}
#snsGoogleShere{width: 73px;}

/* ============================================================
    実行者最新投稿表示エリア
============================================================ */
.owner-latest_title{
  display: inline-block;
  font-size: 20px;
}
.owner-latest_date{
  margin-left: 14px;
  margin-top: 1px;
  font-size: 13px;
  display: inline-block;
  vertical-align: text-top;
  color: #BDBDBD;
}
.owner-latest__more{
  color: #A9ADB1;
  float: right;
}
.owner-latest__more:hover{
  text-decoration: none;
  opacity: 0.8;
}
.right-arrow{
  fill: #C8CCD1;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.right-arrow_inner{
  fill: #C8CCD1;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.owner-latest_balloon{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items:center;
  position: relative;
  height: 76px;
  margin-top: 18px;
  border-radius: 4px;
  border: 1px solid #F2F2F2;
  background-color: #fff;
}
.owner-latest_balloon_triangle{
  position: absolute;
  width: 0;
  height: 0;
  top: 75px;
  left: 10px;
  border-top: 11px solid #F2F2F2;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}
.owner-latest_balloon_triangle2{
  position: absolute;
  width: 0;
  height: 0;
  top: 74px;
  left: 11px;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.balloon-wrapper:hover{
  text-decoration: none;
}
.icon-arrow-right{
  width: 14px;
  height: 14px;
  margin-bottom: 30px;
  display: inline-block;
  fill: #BDBDBD;
}
.owner-latest_balloon--nopost{
  margin-top: 20px;
  border-radius: 4px;
  border: 1px solid #F2F2F2;
  background-color: #ECECEC;
}
.owner-latest-post{
  width: 616px;
  height: 74px;
  display: inline-block;
  padding: 12px 0px;
  font-size: 14px;
  line-height: 1.8;
  color: #808080;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.owner-latest-post--nopost{
  width: 480px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.8;
  color: #AFAFAF;
  display: inline-block;
}
.owner-info{
  position: relative;
  margin-top: 24px;
  margin-left: 2px;
  margin-bottom: 34px;
  display: flex;
  display: -webkit-flex-;
}
.owner-info--nopost{
  position: relative;
  margin-top: 24px;
  margin-bottom: 36px;
  display: flex;
  display: -webkit-flex-;
}
.owner-info_name-wrapper{
  margin-left: 14px;
}
.owner-info_name{
  display: table-cell;
  vertical-align: middle;
  max-width: 310px;
  height: 40px;
  padding-bottom: 4px;
  line-height: 1.2;
  margin-left: 14px;
  color: #05a1c6;
}

.owner-info_thumb{
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.owner-line-divider{
  position: absolute;
  right: 132px;
  width: 1px;
  height: 18px;
  background-color: #C8CCD1;
}

.owner-contact{
  padding-top: 12px;
}
.owner-contact_icon:hover{
  text-decoration: none;
}
.owner-contact ul{
  position: absolute;
  right: 134px;
  display: flex;
  display: -webkit-flex;
}
.owner-contact ul li{
  margin-right: 9px;
}
.owner-contact_message{
  position: absolute;
  right: 100px;
  height: 18px;
  width: 18px;
  fill: #FFA600;
}
.owner-contact_ask{
  position: absolute;
  right: 2px;
}
.owner-contact_ask:hover{
  opacity: .8;
  text-decoration: none;
}
.owner-contact_title{
  position: absolute;
  width: 92px;
  right: 0px;
  top: 3px;
  font-size: 13px;
  color: #FF8F00;
}

/* ============================================================
    プロジェクト紹介部分
============================================================ */

.lefth3{font-size: 18px;font-size: 1.8rem;position: relative; text-indent: 26px;margin: 30px 0 15px 0;font-weight: bold;line-height: 25px;}

.lefth3:before{content: ""; width: 18px; height: 18px; background: #fb2a79;position: absolute;left: 0; top: 3px;border-radius: 4px;}

.leftText{font-size: 16px;line-height: 1.8;margin-bottom: 15px;word-wrap: break-word;}
.leftText img{max-width: 100%;}
.leftTextColor{color:#333;}

.blueBig{font-weight: bold;
font-size: 18px;
 font-size: 1.8rem;
color: rgb(47, 130, 255);
}

.pinkBig{font-size: 25px;
    font-size: 2.5rem;
color: #fb2a79;
font-weight: bold;

}

.orengeBig{
font-size: 45px;
font-size: 4.5rem;
color: rgb(255, 92, 0);
line-height: 1.2;
font-weight: bold;
}

.projectiniframe{width: 607px !important; height: 341px !important;}
/* ============================================================
    リターン詳細部分
============================================================ */
.ProjectDetailIn{padding: 0 22px;}
.lefth4Base{width: 607px;height: 38px;background: #868D91;position: relative;margin-bottom: 21px;border-radius: 2px;}
.lefth4{line-height: 40px;color: white;text-indent: 22px;font-size: 18px;font-size: 1.8rem;}

.lefth4Num{
position: absolute;
right: 10px;
top: 7px;
background: white;
border-radius: 2px;
font-size: 11px;
line-height: 2.1;
padding: 0 8px;
color: rgb(7, 7, 7);
}

.lefth4:before{/* content: ""; */ width: 36px; height: 36px;position: absolute;left: 14px; top: 6px;border-radius: 4px;}
.lefth4:after{/* content: ""; */ position: absolute;left: 25px; top: 37px;border:13px solid transparent;/* border-top:13px solid #6f6f6f; */width:13px;}

.abstractSpanView{font-size: 12px;font-size: 1.2rem;margin-left: 3px;}


.lefth5{font-size: 18px;font-size: 1.8rem;margin-bottom: 13px;}
.detailText{font-size: 14px;font-size: 1.4rem;line-height: 1.8;}
.detailAside{margin: 30px 0 20px 0;height: 60px;position: relative;}
.detailAside div{float: left;}
.detailAsideleft{width: 327px;text-align: center;height: 56px;}
.icon_supt {margin-bottom: 10px;font-size: 18px;font-size: 1.8rem;position: absolute;left: 84px;top: 17px;}
.icon_supt:before{content: ""; width: 36px; height: 36px;background: url("../img/icon_supporter_36.gif") no-repeat 0 0;position: absolute;left: -39px;top: -10px;}
.icon_supt:before{}
.detailAsideRight{width: 190px;text-align: center;position: relative;height: 55px;}
.loginBtn {
display: block;
border: none;
border-radius: 0px;
cursor: pointer;
outline: none;
right: -4px;
background: #01B1DA;
color: white;
font-size: 16px;
border-radius: 2px;
line-height: 47px;
height: 47px;
position: absolute;
letter-spacing: 0.1em;
width: 210px;
}

.loginBtn:hover{background:#1ad4ff; text-decoration: none;}

.kakusection{margin-bottom: 40px;}

.photoSection{position: relative;margin-bottom: 20px;}

.photoSection img{display: block;border: 1px solid #ededed;}
.photoSectionLeft{float: left;width: 282px;}
.photoSectionRight {position: relative;width: 280px;float: left;text-align: left;padding-top: 45px;height: 162px;}
.limit01{margin-top: 30px;color: #000;font-size: 1.4px;font-size: 1.4rem;}

.icon_supt02{margin-bottom: 10px;font-size: 18px;font-size: 1.8rem;position:relative;left: 58px;}
.icon_supt02+p{text-align: center;color: #000;font-size: 1.4px;font-size: 1.4rem;}
.icon_supt02:before{content: ""; width: 36px; height: 36px;position: absolute;left: -34px;top: -10px;background: url("../img/icon_supporter_36_04.png") no-repeat 0 0;}

.limit02{}
.loginBtn02 {display: block;border: none;border-radius: 0px;cursor: pointer;outline: none;position: absolute;right: 39px;background: #01B1DA;color: white;font-size: 16px;border-radius: 2px;line-height: 47px;height: 47px;top: 84px;width: 210px;text-align: center;}

.loginBtn02:hover{background: #1ad4ff;text-decoration: none;}
.loginBtn03 {
display: block;
border: none;
outline: none;
position: absolute;
right: -4px;
background: #ed5565;
color: white !important;
font-size: 16px;

border-radius: 2px;
line-height: 48px;
height: 47px;
letter-spacing: 0.1em;
pointer-events: none;
width: 210px;
}
.loginBtn04{display: block; cursor:default; border: none;cursor: pointer;outline: none;position: absolute;right: 39px;background: #ed5565;color: white;font-size: 16px;border-radius: 2px;line-height: 47px;height: 47px;top: 84px;width: 210px;text-align: center;pointer-events: none;}


.loginBtn04:hover{text-decoration: none;}
/* ============================================================
    外部リンク
============================================================ */
.linkAnother{margin-bottom: 10px;}
.linkAnother a{font-size: 14px;font-size: 1.4rem;margin-left:43px;margin-right: 43px;}
.linkAnother li{float: left;}


/* ============================================================
  左側コンテンツビデオ
============================================================ */
.videoIn{position: relative;cursor: pointer;
width: 690px;
height: 388px;
}

#media {
position: relative;
width: 690px;
height: 388px;
}
#btn-playBase{position: absolute;
width: 690px;
height: 388px;}

#btn-play {
position: absolute;
left: 50%;
top: 50%;
width: 110px;
height: 58px;
line-height: 54px;
background: rgba(0, 0, 0, 0.82);
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
border-radius: 6px;
margin-left: -52px;
margin-top: -29px;
border: 3px solid white;
text-indent: 2px;
}
.videoIn:hover #btn-play{background: #ffe500;}


/* ============================================================
  BRタグのバグ改修
============================================================ */
br{letter-spacing: 0;}
/* ============================================================
  自動入稿用タグ
============================================================ */
.bold {font-weight:bold;}

.grenBar {
border-left: 6px solid rgb(68, 206, 90);
padding: 10px 20px 10px 24px;
border-radius: 4px;
background: #FDFDFD;
box-shadow: 0px 4px 3px 0px rgb(234, 234, 234);
margin-bottom: 30px;
font-weight: bold;
font-size: 17px;
line-height: 1.4;
}

.cahngeLung {
display: block;
border-radius: 2px;
background: rgb(183, 205, 213);
text-align: center;
line-height: 40px;
margin-bottom: 40px;
color: white;
font-size: 18px;
}
.cahngeLung:hover{
  text-decoration: none;
  opacity: 0.8;
}

.cahngeLungArow{
  position: relative;
  top: 2px;
  left: 5px;
}

/* ============================================================
   Youtube
============================================================ */
.movieMoveBase{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}

/*.movieMove{
    background: rgb(255, 255, 255);
    position: fixed; left: 50%; margin-left: 530px; bottom: 240px; border-radius: 4px; height: 100px; font-size: 12px;
    box-shadow: 0 3px 0px #e3e4e8;
    padding: 2px;
    width: 172px;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
}*/

.movieMove {
position: fixed;
right: 50%;
margin-right: 250px;
font-size: 12px;
width: 250px;
height: 140px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
background: rgba(0, 0, 0, 0.8);
padding: 4px;
border-radius: 0 2px 0 0;
bottom: 0;
z-index: 180;
}

/*.movieMove iframe{z-index: 0;}*/

.movieReturn {
background: rgba(0, 0, 0, 0.8);
position: fixed;
right: 50%;
margin-right: 451px;
bottom: 140px;
cursor: pointer;
color: white;
width: 49px;
height: 22px;
text-align: center;
font-size: 10px;
display: none;
/*-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;*/
line-height: 23px;
border-radius: 2px 2px 0 0;
z-index: 170;
}

.movieReturn:hover{opacity:0.8;}


/* ============================================================
   ウィジェットのベース
============================================================ */
 #iframeBase {
    width: 1100px;
    padding: 20px;
    display:none;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 3px 0px #e3e4e8;
    background: #f5f5f5;
    top:500px !important;
}


#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}

.modal_close {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 20px;
height: 20px;
background: url('../img/btn_form_close.png') no-repeat 0 0;
z-index: 2;
cursor: pointer;
z-index: 9999;
overflow: visible;
}
/* ============================================================
  ウィジェットリスト切り替え
============================================================ */

.boxcDiplay{}
/*typeAbox以外を常にdisplay:none;*/
.boxcDiplay > div:not(.typeA){display: none;}

.boxcDiplay > div{background: white;
padding: 20px;
/*margin-bottom: 30px;*/
/* border: 1px solid #e9ebec; */
border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;}

.tabs{width: 100%;/* margin-bottom: 15px; *//* border: 1px solid #e9ebec; */border-radius: 2px;
/*margin-top: 17px;*/}
.tabs li{display: inline-block; width: 150px; padding: 13px;
text-align: center;font-size: 14px;font-size: 1.4rem;background: #4fc1e9;cursor: pointer;
position: relative;
border-right:1px solid #EAEEF0;
border-radius: 4px 4px 0 0;margin-right: 10px;color: white;}


.tabs li:hover{background: #1ad4ff;/* color:white; */}
.tabs li:hover:after{/* content: ""; */
position: absolute;
left: 50%;
top: 100%;
border: 8px solid transparent;
border-top: 8px solid #4fc1e9;
margin-left: -8px;
width: 13px;}

.tabs li:first-child{/* border-radius: 2px 0 0 2px; */}

.tabs li:last-child{border: none;  /* border-radius: 0 2px 2px 0; */}

.baGray{background: white !important;color: #333333 !important;}
.baGray:after {
/* content: ""; */
position: absolute;
left: 50%;
top: 100%;
border: 8px solid transparent;
border-top: 8px solid #4fc1e9;
margin-left: -8px;
width: 13px;
}

.modal_text {
margin-top: 20px;
margin-bottom: 20px;
}
/* ============================================================
  ウィジェットリスト
============================================================ */

.bnnerArea{}

.mb{margin-bottom: 20px;}

.bnnerAreaIn div {
/*overflow: auto;*/
}
.bnnerAreaInL{margin-right:20px;}

.bnnerAreaInL,.bnnerAreaInR{float: left;}

.wighetText310 {
border: solid 1px #DBDBDB;
border-radius: 3px;
font-size: 14px;
height: 184px;
outline: none;
padding: 15px;
line-height: 1.8;
width: 683px;
margin-top: 104px;
}

.wighetText160 {
border: solid 1px #DBDBDB;
border-radius: 3px;
font-size: 14px;
height: 158px;
outline: none;
padding: 15px;
line-height: 1.8;
width: 831px;
margin-top: 132px;
}

.wighetText460 {
border: solid 1px #DBDBDB;
border-radius: 3px;
font-size: 14px;
height: 206px;
outline: none;
padding: 15px;
line-height: 1.8;
width: 533px;
margin-top: 0px;
}

.wighetText160_02 {
border: solid 1px #DBDBDB;
border-radius: 3px;
font-size: 14px;
height: 157px;
outline: none;
padding: 15px;
line-height: 1.8;
width: 831px;
margin-top: 0;
}


.wighetText1000{
    border: solid 1px #DBDBDB;
  padding: 6px;
  font-size: 12px;
  border-radius: 3px;
  width: 100%;
  font-size: 14px;
  height: 134px;
  outline: none;
  padding: 15px;
  line-height: 1.8;
}

/* ============================================================
  Contact Me
============================================================ */
#contact_me_box {

position: absolute;
top: 70px;
background: #fff;
border-radius: 4px;
z-index: 10000;
padding: 35px;
left: 50%;
margin: 0 0 0 -240px;
}

#contact_me_box_confirm{
  position: absolute;
background: #f4f4f4;
border-radius: 4px;
z-index: 10000;
width: 560px;
padding: 35px;
top: 50%;
left: 50%;
margin: -107px 0 0 -280px;
}


#contact_me_overlay{
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
opacity: 0.8;
}


.contact_me_ttl {
font-size: 26px;
margin: 0px auto 30px auto;
color: rgb(75, 75, 75);
text-align: center;
}
.contact_me_ttl02{
    width: 440px;
    margin: auto;
    font-size: 15px;
    margin-bottom: 10px;
}
#message_content {
width: 440px;
height: 200px;
border: 1px solid #d8d8d8;
border-radius: 4px;
background: #fcfcfc;
margin: auto;
display: block;
font-size: 15px;
color: #333333;
padding: 10px;
resize: none;
}


.contact_me_count {
width: 440px;
margin: auto;
font-size: 14px;
text-align: right;
margin-top: 12px;
}

#message_post,#url_confirm{display: block;
border: none;
cursor: pointer;
outline: none;
right: 0px;
color: white;
font-size: 18px;
border-radius: 2px;
line-height: 52px;
width: 440px;
background: #f7c600;
position: relative;
margin: 20px auto 10px auto;text-align: center;}

#message_post:hover,#url_confirm:hover{opacity: 0.7;text-decoration: none;}

.contact_me_modal_close{position: absolute;
top: -32px;
right: 0px;
display: block;
z-index: 2;
cursor: pointer;
z-index: 9999;
overflow: visible;
}

.contact_me_modal_close:hover{
  opacity: 0.8;
}

.contact_me__modal-close{
  width: 16px;
  height: 16px;
  fill: #fff;
}


#message_error {
display: block;
background: #ed5565;
padding: 6px 10px;
color: white;
font-size: 11px;
border-radius: 4px;
width: 440px;
margin: -17px auto 14px auto;
}

.contact_me_loadingBase{}
.contact_me_loadingBase:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("../img/common_loading.gif") no-repeat center center rgba(0, 0, 0, 0.8);
z-index: 10000;
border-radius: 4px;
}



/* ============================================================
   2014/10/17　PCリニューアル 新HERO
============================================================ */
.heroBase {
background: #f5f5f5;
height: 388px;
margin-top: 16px;
}
.hero{
  width: 1000px;
  margin: auto;
  height: 388px;
  background: #fff;
  position: relative;
}

/* ============================================================
   2014/10/17　PCリニューアル 新プロジェクトの右側の数値
============================================================ */
.pnumBase {
width: 310px;
height: 388px;
position: absolute;
background: #252525;
right: 0;
top: 0;
}

.pnumBaseUp{color: #fff;}



/*サクセスアイコン*/
.icon_success {
display: block;
width: 84px;
height: 84px;
background: url('../img/project/icon_success.png') no-repeat 0 0;
position: absolute;
top: -13px;
z-index: 1;
right: -18px;
}

/*notfunded*/
.icon_notfunded {
display: block;
width: 84px;
height: 84px;
background: url('../img/project/icon_notfunded.png') no-repeat 0 0;
position: absolute;
top: -13px;
z-index: 1;
right: -18px;
}


/*notfunded*/
.icon_funded {
display: block;
width: 84px;
height: 84px;
background: url('../img/project/icon_funded.png') no-repeat 0 0;
position: absolute;
top: -13px;
z-index: 1;
right: -18px;
}

@media screen and (max-width: 1000px){
  .icon_success{
    right: 0px;
  }
  .icon_notfunded{
     right: 0px;
  }
  .icon_funded{
     right: 0px;
  }
}

/*金額*/
.stMoney{position: absolute;left: 20px;top: 20px;width: 270px;}
.stMoneyTtlIcon {
display: inline-block;
width: 22px;
height: 22px;
background: url('../img/project/icon_01.png') no-repeat 0 0;
margin-right: 8px;
}
.stMoneyTtl {font-size: 17px;margin-bottom: 8px;}
.stMoneyTtl span {position: relative;top: -4px;}

/*日本版*/
.stMoneyNum{text-align: right;font-size: 40px;margin-bottom: 16px;}

/* 1億 */
.stMoneyNum-million{ text-align: right;font-size: 36px;margin-bottom: 16px;padding-top: 4px;}

/*海外版*/
.stMoneyNumText_En{font-size: 16px;}
.stMoneyGoal{text-align: right;font-size: 15px;}
.stMoneyGoalEbi{text-align: right;font-size: 11px;}

/*ゲージ*/
.stbar {
width: 270px;
height: 31px;
line-height: 31px;
background: #d3d3d3;
border-radius: 2px;
overflow: hidden;
position: absolute;
top: 140px;
left: 20px;
}

/*ゲージダークグリーンフル*/
.stbarDarkGreen {
width: 270px;
height: 31px;
line-height: 31px;
background: #bbf117;
border-radius: 2px;
overflow: hidden;
position: absolute;
top: 140px;
left: 20px;
}


/*ゲージライトグリーンフル*/
.stbarLightGreen {
width: 270px;
height: 31px;
line-height: 31px;
background: #e2ff8c;
border-radius: 2px;
overflow: hidden;
position: absolute;
top: 140px;
left: 20px;
}


.stbarin {
height: 31px;
line-height: 31px;
background: #bbf117;
position: relative;
width: 0%;
border-radius: 2px 0 0 2px;
}

.stbarin p {position: absolute;left: 12px;font-size: 14px;top: 1px;width: 85px;color: #333;}


/*サポーター日数*/
.stSupo{position: absolute;top: 202px;left: 20px;width: 270px;}
.stSupoTtlIcon {
display: inline-block;
width: 30px;
height: 17px;
background: url('../img/project/icon_02.png') no-repeat 0 0;
margin-right: 7px;
}
.stSupoTtl {font-size: 16px;margin-bottom: 8px;}
.stSupoTtl span {position: relative;top: -2px;}
.stSupoNum{text-align: right;font-size: 36px;margin-bottom: 16px;position: absolute;right: 0;top: -10px;}


/* 残り日数　*/
.stDay{position: absolute;top: 256px;left: 20px;width: 270px;}
.stDayTtlIcon {
display: inline-block;
width: 25px;
height: 24px;
background: url('../img/project/icon_03.png') no-repeat 0 0;
margin-right: 12px;
margin-left: 3px;
}
.stDayTtl {font-size: 16px;margin-bottom: 8px;}
.stDayTtl span {position: relative;top: -6px;}
.stDayNum{text-align: right;font-size: 36px;margin-bottom: 16px;position: absolute;right: 0;top: -8px;}

/*海外版*/
.stBackers_En{font-size: 16px; margin-left: 6px;}
.stDayNumSpan_En{font-size: 16px;}

/*コース申こみボタンを設置するエリア*/
.pnumBaseDown {width: 290px;position: absolute;bottom: 10px;left: 10px;}

#sienBtn {
width: 290px;
height: 76px;
line-height: 76px;
background: #ffba00;
display: block;
border-radius: 2px;
color: white;
text-decoration: none;
border-bottom:4px solid #DEA408;
font-size: 22px;
text-align:center;

}



#sienBtn02 {
width: 290px;
height: 76px;
background: #0cd6f4;
display: block;
border-radius: 2px;
color: white;
text-decoration: none;
border-bottom: 3px solid #02bede;
font-size: 14px;
padding: 10px;
text-align: center;
}
#sienBtn03 {
    display: block;
    border-radius: 4px;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    width: 300px;
    height: 56px;
    line-height: 58px;
    margin: 20px auto 0 auto;
}



.txt_thanks {
font-size: 17px;
margin-bottom: 5px;
font-weight: bold;
}
.txt_returnLink{}

#sienBtn:hover,#sienBtn02:hover {
  background-color: #ffc833;

}

#sienBtn03:hover{background:#f9d133;}
#sienBtn:active,#sienBtn02:active,#sienBtn03:active{position: relative;
  border:none;
  top: 3px;}

#sienBtn03:active{border:none;
  top: 2px;}

.shienEnd {
width: 290px;
height: 76px;
line-height: 73px;
background: #2F2F2F;
border-radius: 2px;
color: #fff;
font-size: 24px;
text-align: center;
border: 2px solid rgb(82, 82, 82);
}
/* ============================================================
   2014/10/17　PCリニューアル 新しいHERO下
============================================================ */
/*日本版*/
.heroBtmBase {
width: 1000px;
position: relative;
margin: auto;
background: #fff;
border-radius: 0 0 4px 4px;
border-bottom: 2px solid #e7e7e7;
}
.project_category{
  margin-bottom: 4px;
}

/*海外版*/
.heroBtmBase_En {
width: 1000px;
position: relative;
margin: auto;
height: auto;
background: #fff;
border-radius: 0 0 4px 4px;
border-bottom: 2px solid #e7e7e7;
}

/*日本版*/
.heroBtmBaseUp{
  border-bottom: 1px solid #f2f2f2;
  padding: 18px 30px 26px 30px;
}

/*海外版*/
.heroBtmBaseUp_En{
  height: auto;
  border-bottom: 1px solid #f2f2f2;
}

.projectTtl {
  font-size: 21px;
  color: #2b2b2b;
  line-height: 1.3;
}

.projectTag,.projectOwn {
font-size: 14px;
color: #646464;
}

.icon_tag {
display: inline-block;
width: 14px;
height: 15px;
background: url('../img/project/icon_tag.png') no-repeat 0 0;
margin-right: 6px;
position: relative;
top: 2px;
}

.icon-location{
  position: relative;
  top: 3px;
  width: 17px;
  height: 17px;
  fill: #595959;
}

.location-name{
  color: #646464;
}

.project-location{
  font-size: 14px;
  color: #646464;
  margin-left: 14px;
  margin-bottom: 5px;
}

.project-location a:hover{
  opacity: 0.8;
  text-decoration: none;
  cursor: pointer;
}

.project_category a:hover{
  text-decoration: none;
  opacity: 0.8;
}


.heroBtmBaseDown{
  background: #f9fbfa;
  height: 60px;
  position: relative;
  padding: 0px 30px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items:center;
}

.sns-wrapper{
  margin-left: auto;
}

.sns-wrapper a:hover{
  opacity: 0.8;
  text-decoration: none;
}

.sns-wrapper ul{
  display: flex;
  display: -webkit-flex;
}

.sns-wrapper li{
  margin-right: 14px;
}

.google-wrapper{
  margin-right: 17px!important;
}

/*シェア導線*/
.icon-facebook{
  width: 19px;
  height: 19px;
  fill:#3b5998;
  margin-right: 4px;
}

.icon-twitter{
  width: 20px;
  height: 20px;
  fill:#1b95e0;
  margin-right: 4px;
}

.icon-googleplus{
  position: relative;
  top: -3px;
  width: 25px;
  height: 26px;
  fill: #db4437;
  margin-right: 1px;
}


.icon-hatena{
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
  fill: #0083d1;
  margin-right: 1px;
}

.icon-ameba{
  width: 20px;
  height: 20px;
  fill: #368730;
  margin-right: 2px;
}

.icon-widget{
  position: relative;
  width: 20px;
  height: 20px;
  fill:#8f9692;
  margin-right: 6px;
}

.title-widget{
  position:relative;
  top: -4px;
  color: #8f9692;
  font-size: 14px;
}

/*海外版*/
.goodBase_En{
  display: none;
}

.goodBaseIn_tab:hover{opacity: 0.72;}



/* ============================================================
   2014/10/17　実行者のセクション
============================================================ */
.aboutOwnTtl {
font-size: 20px;
color: #000;
margin-bottom: 18px;

}
.aboutOwn{background: #fff;border-bottom: 2px solid #e7e7e7;border-radius: 4px;text-indent: 8px;
margin-bottom: 40px;}
.aboutOwnUp {
background: #fbfbfb;
padding: 20px;
display: table;
width: 100%;
border-radius: 4px 4px 0 0;
}
.aboutOwnMid{padding: 18px;font-size: 13px;}
.aboutOwnMid a{ }

.aboutOwnMid ul li:last-child .linkBase{margin-bottom: 0;}
.linkBase:hover{text-decoration: none;opacity: 0.8;}
.aboutOwnMid a:hover{text-decoration:none; opacity:0.7;}


.aboutOwnLink {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 1.5;
    color: #333;
    text-decoration: underline;
}

.aboutOwnLink:hover{
  opacity: 0.6;
}

.owner-contact_icon:hover{
  opacity: .8;
}

.owner-contact_icon_fb{
  width: 16px;
  height: 16px;
  margin-right: 3px;
  fill: #3C5A96;
}
.owner-contact_icon_twitter{
  width: 16px;
  height: 16px;
  margin-right: 3px;
  fill: #59ADEB;
}
.owner-contact_icon_link{
  width: 16px;
  height: 16px;
  margin-right: 3px;
  fill: #515151;
}

/* ============================================================
    コンタクトミー
============================================================ */

.aboutOwnDown {
background: #f6f8fa;
padding: 14px;
border-radius: 0 0 4px 4px;
}
#contact_me {
text-align: center;
font-size: 14px;
cursor: pointer;
color: #05a1c6;
}

#contact_me:hover{opacity: 0.8;}


.icon_Contact{
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url('../img/project/icon_contact.png') no-repeat 0 0;
  position: relative;
  margin-right: 8px;
  top: 3px;
}



/* ============================================================
    リターン一覧
============================================================ */
/*日本版*/
.returnTtl {
    font-size: 20px;
    color: #000;
    margin-bottom: 11px;
}

/*海外版*/
.returnTtlWidth_En {
width: 181px;
}

/* ============================================================
    ALL IN ALL OR NOTHINGの説明文
============================================================ */
.anoInfo {
    padding: 6px 0 7px 0;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 4px;
    margin-bottom: 12px;
}



/* ============================================================
    右側についてくるコンテンツ
============================================================ */
#scrollContent {
width: 95px;
background: rgb(255, 255, 255);
position: fixed;
left: 50%;
margin-left: -618px;
top: 75px;
/* border: 2px solid #ededed; */
padding: 5px;
border-radius: 2px;
border-bottom: 2px solid #e7e7e7;
z-index: 200;
display: none;
}





#scrollShienBtnBase{border-top: 1px solid #ededed;margin-top: 14px;padding-top: 7px;margin-bottom: 3px;}
.scrollShienBtn:hover{background:#f9d133;}
.scrollShienBtn{
  display: block;
border: none;
border-radius: 0px;
cursor: pointer;
outline: none;
background: #f7c600;
color: white;
font-size: 10px;
border-radius: 2px;
line-height: 37px;
height: 37px;
text-align: center;
margin: 7px auto 10px auto;
width: 73px;
}

/* 日本版 */
#scrollFb{margin-top: 12px;margin-left: 7px;}

/*海外版*/
#scrollFb_En{margin-left: 18px;margin-top: 10px;}

/*日本版*/
#scrollTw{margin-left: 5px;margin-top:10px;margin-bottom: 10px;}

/*海外版*/
#scrollTw_En{margin-left: 13px;margin-top: 8px;margin-bottom: 14px;}



.scrollShienBtn:hover{
text-decoration: none;
}



/* ============================================================
   プロジェクトカバータイトル
============================================================ */
#titleArea{width: 100%;height: 174px;}
.bgSet{/*background: url('../img/projectbg03.jpg'); background-size: cover; background-color: white;*/ background-repeat: no-repeat; background-position: 50% 50%;}
.bgBlack{
 background: rgba(0, 0, 0, 0.05);

}
#projectTtl {color: white;font-size: 36px;font-size: 3.6rem;padding-top: 18px;margin-bottom: 0px;line-height: 1.3;text-shadow: 1px 1px 1px rgb(22, 22, 22);font-weight: bold;letter-spacing: 0.1em;height: 130px;}


/* ============================================================
   プロジェクトタグ
============================================================ */
.pjTag{display:inline-block;margin-top:12px;margin-right:8px;font-size: 13px;padding: 10px 11px;color:#909090;border: 1px solid #eaeaea;border-radius: 4px;transition:all 0.2s ease-out;}
.hashTag{color: #FF8F00;}
.hashTag--red{color: #FF1876;}
.hashTag--orange{color: #FF9000;}
.pjTag:hover{cursor: pointer;text-decoration: none;border:1px solid #c7c7c7;transition:all 0.2s ease-out;color: #4e4e4e;}

#projectAside{color: white;position: relative;height: 39px;line-height: 28px;}
.goodBtnHero_jq{float: left;margin-right: 49px;cursor: pointer;position:relative;}

.goodBtnHero_jq:hover{top:2px;}
.projectTagLinks{}
.projectTagLinks a{color:white; font-weight: bold;letter-spacing: 0.2em;text-shadow: 1px 1px 1px rgb(53, 53, 53);margin-right: 40px;position:relative;}
#titleAreaIn{width: 1000px;margin: auto;position: relative;height: 174px;}
/*#titleAreaIn:after{content:"";position:absolute;right: 150px;top:100%;border:21px solid transparent;border-top:26px solid #9ddd14;width:21px;}*/
.projectTagLinks a:before{content:"";width:24px;height:24px;background: url("../img/icon_tag_24.png") no-repeat 0 0;position:absolute;left: -29px;top: -4px;}





/* ============================================================
    ユーザープロフィール
============================================================ */
#userProf{width: 310px;position: relative;margin-bottom: 20px;}
.userProfPhoto{width: 310px;height: 187px;position: relative;}
.userProfPhotoBase {
position: absolute;
left: 50px;
}
.userProfPhoto img{border-radius: 4px;}
.userProfPhoto ul{position: absolute;right: 25px;}

.userProfPhoto a{margin-bottom: 14px;display: block;text-indent: -9999px;width: 36px;height: 36px;}

.linkDm{background: url("../img/icon_mail_36_02.gif") no-repeat 0 0;}
.linkFb{background: url("../img/icon_facebook_36_02.gif") no-repeat 0 0;}
.linkTw{background: url("../img/icon_Twitter_36.gif") no-repeat 0 0;}

.linkDm:hover,.linkFb:hover,.linkTw:hover{opacity:0.9;}


.userProfText{width: 310px;overflow: hidden;}
.linkName{display: block;padding: 10px 0 20px 0;text-align: center;font-size: 18px;font-size: 1.8rem;width: 280px;}
.userProfTextp{font-size: 12px;font-size: 1.2rem;letter-spacing: 0.1em;line-height: 1.3;margin-bottom: 8px;font-weight: bold;display: none;}
.userProfLinks{}
.userProfLinks li{line-height: 1.2;}





/* ============================================================
    現在の状況部分
============================================================ */
#userSt{margin-bottom: 20px;position: relative;}
.userStgrayLineTop {display: block;width: 310px;height: 3px;background: rgb(226, 226, 226);margin-bottom: 17px;}
.userStgrayLineBottom {display: block;width: 310px;height: 3px;background: rgb(226, 226, 226);margin-top: 4px;}
/*#userSt:before {content: "";position: absolute;}*/
/*#userSt:after{content: "";position: absolute;width: 310px;height: 3px;background:rgb(226, 226, 226);bottom: -10px;}*/
.realTitle{font-size: 18px;margin-bottom: 8px;position: relative;text-indent: 37px;}

.realTitle:before{content: ""; width: 36px; height: 36px;position: absolute;left: -1px;top: -11px;background: url("../img/icon_money_36_05.gif") no-repeat 0 0;}

.realMoney{font-size: 40px;text-align: right;margin-bottom: 13px;/*letter-spacing: -0.1em;*/}
.realEnd{text-align: right;margin-bottom: 15px;letter-spacing: 0.1em;}
.realEnd span{padding-left:20px;}
/*海老蔵対応*/
.realEndE{
text-align: right;margin-bottom: 15px;letter-spacing: 0.1em;
font-size: 12px;
font-size: 1.2rem;
}



/*100%未満*/
.projectGage{width: 310px;height: 43px;line-height: 28px;  background: #d3d3d3;  margin: auto;border-radius: 4px;overflow: hidden;}
.projectGageIn{height: 43px;line-height: 43px; background: #bbf117;position: relative;width: 0%;border-radius: 4px;}
.projectGageIn p{position: absolute; left: 12px; font-size: 18px; font-size: 1.8rem; top: 0px;width: 85px;border-radius: 4px;}
/*100%達成*/
.projectGage02{width: 310px;height: 43px;line-height: 28px;  background: #d3d3d3;  margin: auto;border-radius: 4px;overflow: hidden;}
.projectGageIn02{height: 43px;line-height: 43px; background: #bbf117;position: relative;width: 0%;border-radius: 4px;}
.projectGageIn02 p{position: absolute; left: 12px; font-size: 18px; font-size: 1.8rem; top: 0px;width: 85px;border-radius: 4px;}
/*月額課金イエローバー*/
/*10月25日にイエローバーからグリーンに戻しました*/
.projectGage03{width: 310px;height: 43px;line-height: 28px;  background: #bbf117;  margin: auto;border-radius: 4px;overflow: hidden;}

.projectSp{position: relative; height: 45px;margin-top: 6px;}
.projectSp p:first-child{position: absolute;left: 40px;top: 16px;font-size: 14px;font-size: 1.4rem;}
.projectSp p:first-child:before{content: ""; width: 36px; height: 36px;position: absolute;left: -39px;top: -12px;background: url("../img/icon_supporter_36_03.gif") no-repeat 0 0;}
.projectSp p:last-child{position: absolute;font-size: 30px;font-size: 3rem;right: 0;top: 8px;}

.projectTime{position: relative;height: 50px;}

.projectTime p:first-child{position: absolute;left: 38px;top: 20px;font-size: 1.4rem;font-size: 14px;}
.projectTime #last{position: absolute;font-size: 30px;font-size: 3rem;right: 0;top: 9px;}
.projectTime #last span{font-size: 16px;font-size: 1.6rem;}

.timeOn:before{content: ""; width: 36px; height: 36px;position: absolute;left: -38px;top: -12px;background: url("../img/icon_time_36_02.gif") no-repeat 0 0;}
.timeOnLimit:before{content: ""; width: 36px; height: 36px;position: absolute;left: -38px;top: -12px;background: url("../img/icon_time_36_03.gif") no-repeat 0 0;}

/*終了*/
/*.endoftime{color: red;}*/



/* ============================================================
   SUCCESS!
============================================================ */

#successBase{width: 90px;height: 90px;background: url("../img/circle_success.png") no-repeat 0 0;position: absolute;z-index: 5500;top: -39px;right: -2px;}


#successBase span{display: none;}

/* ============================================================
   Funded!
============================================================ */
#fundedBase{width: 90px;height: 90px;background: url("../img/circle_funded.png") no-repeat 0 0;position: absolute;z-index: 5500;top: -39px;right: -2px;}
#fundedBase span{display: none;}

/* ============================================================
   Not Funded!
============================================================ */
#notFundedBase{width: 90px;height: 90px;background: url("../img/circle_not_funded.png") no-repeat 0 0;position: absolute;z-index: 5500;top: -39px;right: -2px;}
#notFundedBase span{display: none;}

/* ============================================================
    プロジェクト申込ボタン
============================================================ */
#sienBtnSubmit{width: 310px;height: 81px; line-height: 81px; background: #FF9900;display: block;border-radius: 2px;color: white;text-decoration:none;position:relative;margin-bottom: 30px; text-align: center; font-size: larger;}
#sienBtnSubmit:hover{background:#ffac30;}



/* ============================================================
    支援セクション
============================================================ */
.kakusectionRight{width: 310px;
margin-bottom: 40px;
background: #FFFFFF;
border-radius: 4px;border-bottom: 2px solid #e7e7e7;}

/* 日本版 */
.lefth4RightBase {
    width: 310px;
    background: #FFFFFF;
    position: relative;
    padding: 18px 20px 18px 20px;
    /*border-bottom: 1px solid #f2f2f2;*/
        box-shadow: 0 1px 0 0 #f2f2f2;
    border-left: 5px solid #F7C600;
    line-height: 1.6;
}
/*海外版*/
.lefth4RightBase_En{
 width: 310px;
    background: #FFFFFF;
    position: relative;
    padding: 18px 20px 18px 20px;
    /*border-bottom: 1px solid #f2f2f2;*/
        box-shadow: 0 1px 0 0 #f2f2f2;
    border-left: 5px solid #F7C600;
    line-height: 1.6;
}
/* 日本版 */
.lefth4Right{position: relative;color: #000;font-size: 25px;}

/*海外版*/
.lefth4Right_En{
position: relative;color: #000;font-size: 23px;
}

/* 日本版 */
.lefth4RightNum{

}

.lefth4RightNum p {
    color: #fb2a79;
    text-indent: 2px;
    font-size: 18px;
}
/* 海外版 */
.lefth4RightNum_En {}
.lefth4RightNum_En p{
  color: #fb2a79;
    text-indent: 2px;
    font-size: 18px;}


.lefth4Right:before {content: "";width: 36px;height: 36px;position: absolute;left: 14px;top: 6px;border-radius: 4px;}
.lefth4Right:after {position: absolute;left: 50%; top: 100%;border: 9px solid transparent;border-top: 9px solid #9AA1A5;margin-left: -9px;width:13px;}

.abstractSpan{font-size: 12px;}

.ProjectDetailInRight {padding:15px;display: block;color: #333;}
.ProjectDetailInRight:hover {text-decoration: none;/* box-shadow: inset 0 0 0 4px rgb(241, 241, 241); */background: #F9F9F9;}

/*売り切れ*/
.ProjectDetailInRight02{padding:15px;display: block;color: #333;pointer-events:none;}

.lefth5Right {font-size: 19px;margin-bottom: 15px;line-height: 1.4;}
.detailAside02 {
position: relative;
background: #fdfdfd;
border-top: 1px solid #f2f2f2;
padding: 16px 0;
border-radius: 0 0 4px 4px;
}
.detailAside02Uptext {
font-size: 16px;
}
.icon_shien {
display: inline-block;
width: 26px;
height: 15px;
background: url("../img/project/icon_supo.png") no-repeat 0 0;
position: relative;
top: 1px;
margin-right: 7px;
}

.detailAside03Uptext {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 4px;
}
.icon_delivery {
display: inline-block;
width: 17px;
height: 17px;
background: url("../img/project/icon_delivery.png") no-repeat 0 0;
position: relative;
top: 1px;
left: 5px;
margin-right: 16px;
}


.detailAside03UptextSubs {
font-size: 11px;
color: rgb(113, 113, 113);
margin: 6px 0 0 35px;
}
.detailAside02downtext {margin-bottom: 20px;text-indent: 34px;color:#000;font-size: 14px;font-size: 1.4rem;}

.photoSectionUp{margin-bottom: 15px;}

.detailTextRight {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 14px;
    color: #000000;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 16px 0;
}

.shienBtn {
    display: block;
    border: none;
    cursor: pointer;
    outline: none;
    right: 30px;
    background: #f7c600;
    color: white;
    font-size: 20px;
    border-radius: 2px;
    line-height: 60px;
    height: 60px;
    margin: 0 20px;
    text-align: center;
}

.shienBtn:hover{background:#f9d133;text-decoration: none;}

.shienBtn02 {
    pointer-events: none;
    display: block;
    cursor: default;
    border: none;
    outline: none;
    background: #F5F5F5;
    color: #C1C1C1;
    font-size: 20px;
    border-radius: 2px;
    line-height: 60px;
    height: 60px;
    margin: 0 20px;
    text-align: center;
}
.shienBtn02:hover{text-decoration: none;}

/* ============================================================
    こちらのページだけにあるリンク
============================================================ */
.anotherLinkArea {
    position: relative;
    background: #ffffff;
    width: 310px;
    height: 48px;
    margin-top: 60px;
}

.owner-contact_ask--02{
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.owner-contact_ask--02:hover{text-decoration: none;opacity: .8;}
.owner-contact_message--02{width: 22px;height: auto;fill: #FFA600;margin-right: 12px;}
.owner-contact_title--02{color: #FF8F00;}

/* ============================================================
    SEM対策のためにgood置
============================================================ */
.anoterInfo{margin-top: 20px;}
.anoterInfo p{padding: 14px;
font-size: 12px;

border: 1px solid rgb(232, 232, 232);
line-height: 1.5;
color: rgb(132, 132, 132);}



/* ============================================================
    Makuakeへのいいねボタン
============================================================ */
.makuakeLike{background: #FFFFFF;border-radius: 4px;border-bottom: 2px solid #e7e7e7;margin-top: 60px;}
.makuakeLikeImg {max-width: 100%;height: auto;border-radius: 4px 4px 0 0;}
.makuakeLikeP {line-height: 1.5;font-size: 15px;font-weight: bold;text-align: center;}
.makuakeLikeBase{padding: 20px 0px;}
.makaukeLikeFb {text-align: center;padding-top: 13px;margin-bottom: 4px;}
.makaukeLikeFb > div{display: inline-block;}



/* ============================================================
   終了したリターン
============================================================ */
.closeReturn_wrap{display: none;}
.closeReturnPull{color: white;font-size: 18px;width: 310px;height: 67px;background-color: #9a9a9a;border-radius: 2px;line-height: 67px;margin-bottom: 19px;padding-left: 24px;cursor: pointer;}
.closeReturnPull:hover{opacity: 0.8;}
.closeReturnArrow {float: right;width: 0;height: 0;border: 10px solid transparent;border-top: 14px solid white;margin-right: 24px;margin-top: 14px;transform-origin: center center;-webkit-transform-origin: center center;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.close{transform:rotate(0deg);-webkit-transform:rotate(0deg);margin-top: 26px;}



/* ============================================================
   商品紹介モーダル
============================================================ */
#productIntroduction{display: none;width: 570px;height: 521px;background: white;border-radius: 4px;padding: 30px;}
#productIntroduction .modal_close{top: 8px;right: 8px;}
#productIntroduction img{border-radius: 4px;}
#productIntroduction .productModalSuccess{width: 98px;height: 98px;background: url("../img/project/icon_success_large.png");margin: -70px auto 0;position: relative;}
#productIntroduction .productModalText{font-size: 18px;color: #000;text-align: center;margin-top: 20px;}
#productIntroduction .productModalBtn{width: 274px;height: 64px;line-height: 64px;margin: 30px auto;border-radius: 2px;}
#productIntroduction .productModalBtn a{display: block;text-align: center;color: white;text-decoration: none;font-size: 22px;}




/* ============================================================
   シェアボタン枠 BEM
============================================================ */
.share-block{margin: 70px auto 70px auto;}
.share-block-header{display: -webkit-flex;display: flex;-webkit-align-items: flex-end;align-items: flex-end;margin-bottom: 18px;padding-left: 6px;}
 .share-block-header__logo{width: 140px;height: auto;}
 .share-block-header__text {position: relative;left: 11px;top: -5px;font-size: 14px;}
.share-block02{display: -webkit-flex;display: flex;background: #fff;border-radius: 4px;height: 180px;margin-bottom: 40px;}
.share-block02-block01__thumbnail{display: block;width: 320px;height: 180px;}
.share-block02-block01{width: 320px;}
.share-block02-block02 {-webkit-flex-grow: 1;flex-grow: 1;text-align: center;}
.share-block02-block02__title{font-weight: bold;margin-bottom: 16px;line-height: 1.6;padding-top: 25px;}
.share-block02-block02__color{color:#4A67B8;}
.share-block02-block02__likebtn{margin-bottom: 29px;}
.share-block02-block02__text{font-size: 14px;color: #999;}
.share-block03{height: 58px;background: #fff;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 80px;}
.share-block03__text{font-size: 15px;margin-right: 20px;}
.share-block03__twbtn {width: 194px;height: 30px;background: #50ABF1;border-radius: 2px;overflow: hidden;display: -webkit-flex;display: flex;cursor: pointer;}
.share-block03__twbtn__twitter{width: 32px;background: url("../img/project/icon_share_twitter.png") no-repeat 50% 50% #4198DB;display: inline-block;background-size: 14px;border-right: 1px solid #3790D4;}
.share-block03__twbtn:hover{opacity: 0.8;text-decoration: none;}
.share-block03__twbtn__text{color: #fff;font-size: 12px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-grow: 1;flex-grow: 1;-webkit-align-items: center;align-items: center;}

.share-block04__text{font-weight: bold;text-align: center;margin-bottom: 22px;}
.share-block04-block01{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}

.share-block04-block01-block01__facebookbtn,.share-block04-block01-block02__twitterbtn{width: 316px;height: 56px;border-radius: 2px;overflow: hidden;display: -webkit-flex;display: flex;cursor: pointer;}
.share-block04-block01-block01__facebookbtn{background: #39579A;}
.share-block04-block01-block02__twitterbtn{background: #50ABF1;}
.share-block04-block01-block01__facebookicon{background: url("../img/project/icon_share_face.png") no-repeat 50% 50% #324F90;border-right: 1px solid #2E4A88;}
.share-block04-block01-block02__twittericon{background: url("../img/project/icon_share_twitter.png") no-repeat 50% 50% #4198DB;border-right: 1px solid #3790D4;}
.share-block04-block01-block01__facebookicon,.share-block04-block01-block02__twittericon{width: 63px;}

.share-block04-block01-block01__text,.share-block04-block01-block02__text{ color: #fff;font-size: 16px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-grow: 1;flex-grow: 1;-webkit-align-items: center;align-items: center;}


.share-block04-block01-block01__facebookbtn:hover,.share-block04-block01-block02__twitterbtn:hover{opacity: 0.8;text-decoration: none;}

.share-block04-block01{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}

.share-block04-block01-block01__facebookbtn,.share-block04-block01-block02__twitterbtn{width: 316px;height: 56px;border-radius: 2px;overflow: hidden;display: -webkit-flex;display: flex;cursor: pointer;}
.share-block04-block01-block01__facebookbtn{background: #39579A;}
.share-block04-block01-block02__twitterbtn{background: #50ABF1;}
.share-block04-block01-block01__facebookicon{background: url("../img/project/icon_share_face.png") no-repeat 50% 50% #324F90;border-right: 1px solid #2E4A88;}
.share-block04-block01-block02__twittericon{background: url("../img/project/icon_share_twitter.png") no-repeat 50% 50% #4198DB;border-right: 1px solid #3790D4;}
.share-block04-block01-block01__facebookicon,.share-block04-block01-block02__twittericon{width: 63px;}

.share-block04-block01-block01__text,.share-block04-block01-block02__text{ color: #fff;font-size: 16px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-grow: 1;flex-grow: 1;-webkit-align-items: center;align-items: center;}


.share-block04-block01-block01__facebookbtn:hover,.share-block04-block01-block02__twitterbtn:hover{opacity: 0.8;text-decoration: none;}