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


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

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

body {
  color:#222;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  font-size: 16px;
  background-color: white;
  min-width: 1000px;
}

/*海外版単語折り返し*/
#language_En{
  word-wrap:break-word;
  word-break: normal;;
}

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

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



/* ============================================================
   header
============================================================ */
#header{width: 100%;background: #FFF;}
#headerIn{width: 1000px;margin: auto;background: #FFF; height: 94px;position: relative;overflow: hidden;}
#headerIn:after{position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20251203043157") no-repeat 0px 0px; top: 0px;left: 0px;}
#siteId{
  width: 200px;
  position: absolute;
  top: 28px;
  left: 17px;
  height: 40px;
}
#siteId span{display: none;}
#siteId:hover{opacity:0.7;}

/*ログイン前*/

#navigation{position: absolute;right: 0;}
#navigation ul{position: relative;}
#navigation a{display: block;}
#navigation a img{display: block;}
#navigation a:hover{opacity: 0.5;}
/*プロジェクトをさがす*/
.link01{position: absolute;top: 0px;right: 419px;}

/*プロジェクトを始める*/
.link02{position: absolute;top: 0px;right: 294px;}

/*Makuakeとは?*/
.link03{position: absolute; top: 0px;right: 181px;}

/*ログイン*/
.link04{position: absolute;top: 0px;right: 72px;}

/*新規登録*/
.link05{position: absolute;top: 0px;right: 0px;}


#navigation02{position: absolute;right: 0;}
#navigation02 a{display: block;}
#navigation02 a img{display: block;}
#navigation02 a:hover{opacity: 0.5;}

/*実行者だけに表示するダッシュボードリンク*/
.linkDash{position: absolute;top: 0px;right: 555px;}


/*プロジェクトをさがすログイン後*/
.link01After{position: absolute;top: 0px;right: 419px;}

/*プロジェクトを始めるログイン後*/
.link02After{position: absolute;top: 0px;right: 286px;}

/*ヘルプ  Makuakeとは?と*/
.link06{position: absolute;top: 0px;right: 181px;}

/*ログアウト　ログインと一緒*/
.link07{position: absolute;top: 0px;right: 78px;}

/*マイページ 新規登録だけどユーザーのサむねがあるので*/
.link09{background: url("../img/nav_08.png?ver=20251203043157") no-repeat 0px 0px; width: 64px;height: 94px;position: absolute;top: 0px;right: 0px;}

/*ログイン後の自分の顔*/
#user_image {position: absolute;right: 12px;top: 25px;width: 26px;height: 26px;border-radius: 2px;}

/* ============================================================
   topPath
============================================================ */
#topPath{width: 100%; background: #2f2f2f; height: 36px;}
#topPathIn{width: 1000px;margin: auto; height: 36px;line-height: 36px;position: relative;font-size: 12px;color: white;}
.mauakeH1 {display: inline-block;color: white;position: absolute;right: 104px;top: 0;line-height: 36px;height: 36px;font-size: 11px;width: 722px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
.mauakeNewsList{position: absolute;right: 0;}
.mauakeNewsList a{color: white;display: inline-block;position: relative;margin-right: 10px;text-decoration: none;}
.mauakeNewsList a:hover{text-decoration:underline;}

#topPathList{height: 36px;overflow: hidden;width: 715px;}
#topPathList li{float: left; margin-right: 20px;}
#topPathList li:nth-child(1){margin-right: 10px;}

#topPathList02{height: 36px;width: 230px;position: absolute;line-height: 36px;}
/*#topPathList02 li:first-child{cursor: default;}*/
#topPathList02 li{float: left; text-align: center;}


.topPathMail{position: relative;top: 5px;cursor: pointer;}

.topPathMail:hover{opacity:0.6;}


.topPathNotifi{position: relative;top: 5px;cursor: pointer;}

.topPathNotifi:hover{opacity:0.6;}


.Ameba{position: relative;top: 6px;margin-right: 17px;margin-left: 14px;}



#topPathAlertMailBase{min-width: 58px;}
#topPathAlertBase{min-width: 57px;}

.topPathAlertMail{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}
.topPathAlert{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}

/*.good_project_amount{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}*/


.topPathDm:after{position: absolute;width: 25px;height: 25px;background: red;right: -28px;top: 5px;content: "";background: url("../img/icon_dm_24.gif?ver=20251203043157");}


#projectTips{}
#mailTips{}

/* ============================================================
   ツールチップ
============================================================ */

.toolTipsPjt{position: absolute;width: 330px;height: 400px;background:white; z-index: 1000;top: 39px;box-shadow: 0 3px 8px rgba(0, 0, 0, .25);border: 1px solid rgba(100, 100, 100, .4);display: none;color: #333333;/* overflow: hidden; */}



.toolTipsPjt:before{position: absolute;content: ""; left: 76px; bottom: 100%;border:10px solid transparent;border-bottom:10px solid rgba(100, 100, 100, .4);}
.toolTipsPjt:after{position: absolute;content: ""; left: 76px; bottom: 100%;border:9px solid transparent;border-bottom:9px solid #fff;}
 .toolTipsPjt02{
width: 100%;
height: 391px;
position: relative;
overflow: hidden;
margin-top: 5px;
}


.toolTipsPjt03{}
.inMsHeader{border-bottom: 1px solid rgb(219, 219, 219);cursor: pointer;padding: 12px;}
.inMsHeader:hover{background: #F8F8F8;}
.inMsUserHeader{}
.inMsLeft{float: left;width: 36px;height: 57px;}
.inMsLeft img{display: block;}
.posOrner{
    width: 36px;
    background: #ffe600;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    padding: 3px;
    color: #424242;
    position: relative;
    top: -3px;
}
.posOrner:after{content:"";position:absolute;right: 13px;border: 5px solid transparent;border-bottom: 5px solid #ffe600;top: -10px;}
.inMsRight{float: left;margin-left: 12px;width: 255px;}

.inMsTimeHeader{text-align: right;
font-size: 10px;
font-weight: bold;
color: #8d8d8d;line-height: 15px;}


.inMsRead{
    background: #E6E6E6;
}
.inMsRead:hover{  background: #F5F5F5;}


.inMsCreator{background: #ffe600;}
.inMsCreator:hover{background: #FFEC38;}
.toolHx{background: whiteSmoke;text-indent: 9px;border-bottom: 1px solid rgb(216, 216, 216);font-weight: bold;color: #8d8d8d;}

#notice-next{
    /* border: solid 2px #B4D5DD; */
    text-align: center;
    border-radius: 2px;
    width: 150px;
    display: block;
    height: 33px;
    line-height: 31px;
    margin: 12px auto;
    background: #01b1da;
    color: white;
}
#notice-next:hover{text-decoration:none;background: #1ad4ff; color:white;}
.inMsComment{line-height: 1.3;}
.iMcBold{font-weight:bold;}
/*.toolTipsPjt03 > div:first-child div{padding-top:0;}


.inMsHeader{
    border-bottom: 1px solid rgb(236, 236, 236);
}
.inMsUserHeader{width: 100%;display: table;table-layout: fixed;padding: 10px 0;}
.inMsUserHeader div{display: table-cell;vertical-align: middle;}
.inMsNameHeader{padding-left: 10px;}

.inMsPhotoHeader img{display: block;}
.inMsPhotoHeader span{color: gray;font-size: 14px;margin-left: 5px;}


.dmRightDown04{width: 100%;height: 210px;position: relative;}
.msInput04 {padding: 6px;font-size: 14px;color: rgb(87, 87, 87);border: none;position: absolute;top: 20px;border: 1px solid rgb(170, 170, 170);width: 452px;resize: none;}
*/

/* ============================================================
   footer
============================================================ */
#fooder{width: 100%; background: #2f2f2f; overflow: hidden;position: relative;overflow: visible;}
#fooderIn{width: 1000px;margin: auto; height: 200px;line-height: 70px;color: white;}
#fooderIn:before{ position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20251203043157") no-repeat 0px 0px; top:-4px;}


/*フッター1段目*/
#footer{width: 100%; /*height: 584px;*/ background: #2f2f2f; color: white;overflow: visible;}
#footerFirst{height: 236px;}
#pjtDoing:before{ position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20251203043157") no-repeat 0px 0px; top:-4px;left: 0;}
#pjtDoing{width: 1000px;margin: auto;letter-spacing: 1px;position: relative;height: auto;}


.moreMakuakeBtn{display: block;border: none;border-radius: 0px;cursor: pointer;outline: none;position: absolute;right: 0px;color: white;font-size: 18px;border-radius: 2px;width:320px;text-align:center;line-height: 55px;height: 55px;background: #01b1da;top: 38px;right: 0;}
.moreMakuakeBtn:hover{background:#1ad4ff;}

.ftllPjtDoing{position: absolute;top:36px;left:8px;font-size: 22px;  background: url("../img/icon_project_36.gif?ver=20251203043157") no-repeat 0 50%; text-indent: 40px;width: 660px;}
.textPjtDoing{position: absolute;top: 40px;left: 336px;font-size: 16px; width: 660px;}

.forApplyBn{display:block;border-radius: 4px;position: absolute;top: 81px;}
.forApplyBn:hover{
  -webkit-filter:brightness(107%);
  -moz-filter:brightness(107%);
filter:brightness(107%);
}

/*フッター2段目*/
/*フッター2段目のベース*/
#footerSecond{width: 1000px;margin: auto;position: relative;height: 370px;}

/*各セクション総括*/
#ftSearch{position: absolute;left: 0;top:16px; width: 1000px;}
/*#ftFase{position: absolute;width: 360px;left: 325px;}*/
#ftLetter{position: absolute;width: 290px;top: 224px; left: 8px;}
#ftFollow{position: absolute;width: 136px;left: 490px; top: 268px; height: 30px;}
#ftSns{position: absolute;top: 321px;width: 683px;left: 8px;}
#ftMenu{position: absolute;left: 0; width: 660px;top: 126px;}
#ftMsgbox{position: absolute;right: 0; width: 320px;top: 126px;}

/*各タイトル総括*/
.ftllSearch,.ftllFace,.ftllLetter,.ftllMenu,.ftllMsgbox{font-size: 15px; line-height: 45px;}
.ftllSearch{background: url("../img/icon_search_36.gif?ver=20251203043157") no-repeat 0 3px;text-indent: 38px; }
.ftllFace{text-indent: 1px; }
.ftllLetter{text-indent: -1px; }
.ftllMenu{background: url("../img/icon_menu_36.png?ver=20251203043157") no-repeat 0 3px;text-indent: 36px; }

/*プロジェクトを探す*/
.ftSerchList{padding-left: 11px;}
.ftSerchList li{float: left;padding-right:14px;}
.ftSerchList a{ padding-right:14px;border-right:1px solid #FFFFFF; line-height: 24px; font-size: 10px;  color: white; }
.ftSerchList p{ display: block; width: 120px; line-height: 27px;font-size: 12px;  color: rgb(189, 189, 189); font-weight: bold;}


/*メニュー*/

.ftMenuList{padding-left: 11px;}
.ftMenuList li{float: left;padding-right:12px;}
.ftMenuList a{ padding-right:12px;border-right:1px solid #FFFFFF; line-height: 19px; font-size: 10px;  color: white; }
.ftMenuList p{ display: block; width: 120px; line-height: 27px;font-size: 12px;  color: rgb(189, 189, 189); font-weight: bold;}


/*facebook*/
#faceBookInclude{width: auto;height: auto;background: white; position: absolute;}

/*ニュースレター*/

.ftinputFormArea{position: relative;}
.emailInput {padding: 6px;font-size: 14px;color: rgb(87, 87, 87);border: none;border-radius: 2px;position: absolute;width: 260px;top: 0px;height: 30px;}
.sendBtn{display: block;border: none;border-radius: 0px;cursor: pointer;outline: none;position: absolute;left: 277px;color: white;font-size: 12px;border-radius: 2px;padding: 0px 25px 0px 25px;line-height: 28px;height: 30px;width: 82px;background: #01b1da;letter-spacing: 0.1em;top: 0px;}
.sendBtn:hover {background: #1ad4ff;}



/*SNSボタンが並んでいるところ*/

.ftsnsBase{ height: 35px;  position: absolute; left: 0; top: 0; min-width: 582px;}
.ftsnsBase li{float: left;padding-top: 8px;}
.ftBtnAmeba{margin-right: 36px;}
.ftBtnNow{width: 92px;}
.ftBtnGoogle{position: absolute;left: 130px;}
.ftBtnHatebu{}
.ftBtnFace{margin-right: 32px;}
.ftBtnTweet{width: 134px;}


/*フォロー*/
.ftFollowArea{position:relative;top: -3px;}

.btnBlog,.btnTwitter,.btnFacebook{position: absolute;}
.btnBlog:hover,.btnTwitter:hover,.btnFacebook:hover{opacity: 0.8;}
.btnBlog{left: -4px;}
.btnTwitter{left: 48px;}
.btnFacebook{left: 102px;}
.ftllFollow01{}
.ftllFollow02{}
.ftllFollow03{}

/*ご意見*/
.ftMsgbox_default,
.ftMsgbox_after {min-height:178px;}

#ftMsgbox textarea {
  width: 320px;
  height: 105px;
  margin-bottom: 12px;
  padding:10px;
  font-size:13px;
  color: #333333;
  line-height:1.2;
  border: none;

  border-radius: 2px;

}
.textMsgbox {
  float:left;
  width:220px;
  font-size: 11px;
  line-height: 16px;
}
.msgSendBtn {float: right;display: block;border: none;cursor: pointer;outline: none;color: white;font-size: 12px;border-radius: 2px;line-height: 29px;height: 31px;width: 94px;background: #01b1da;letter-spacing: 0.1em;text-align:center;}
.msgSendBtn:hover {background: #1ad4ff;}


#ftMsgbox_after {text-align:center;}
.ttl_ftMsgbox_after {
  height:42px;
  line-height: 42px;
  font-size:13px;
  color:#6c6c6c;
  font-weight: bold;
  background: #c6c6c6;
  border-bottom:1px solid #FFFFFF;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}
.info_ftMsgbox_after {
  background: #FFFFFF;
  -moz-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  padding: 16px 34px;
}
.txt_ftMsgbox_after {
  color: #808080;
  font-size:12px;
  line-height: 18px;
  text-align: left;
  margin-bottom: 14px;
}
.info_ftMsgbox_after ul {margin-left: 50px;}
.info_ftMsgbox_after ul li {
  font-size:12px;
  margin: 6px 0;
  text-align: left;
  position: relative;
}
.info_ftMsgbox_after ul li:after {
  position: absolute;
  content: ">";
  top:-1px;
  left:-14px;
  color: #05a1c6;
  transform: scale( 0.6 , 1 );

}
.ftllMsgboxCaution{font-size: 11px;margin-bottom: 7px;line-height: 16px;}


/*フッター3段目*/
#footerThird{width: 1000px;height: 64px; line-height:64px; position: relative;margin: auto;}
#footerThird small{font-size: 8px;  position: absolute; left: 11px;}

.ftTlist{position: absolute;right: 0px;}
.ftTlist li{float: left;margin-left: 25px;}
.ftTlist a{color: white;font-size: 10px;  display: block;}


/* ============================================================
   smartphoneに切り替え
============================================================ */
.changeSP{width:100%;background-color: #484848;padding:10px 0 30px 0; }
.changeSPbtn{width:800px;text-align: center;color: #fff;font-size: 20px;display: block;padding: 20px 0 20px 20px;letter-spacing: 0.1em;background:url("../img/icon_smartPhone_36.gif?ver=20251203043157") no-repeat 220px 12px #2f2f2f;margin: auto;border-radius: 2px;}
.changeSPbtn:hover{text-decoration: none;background-color:#626262;}
/* ============================================================
   PAGETOP
============================================================ */

#page-top_jq {position: fixed;bottom: 20px;right: 20px;}
#page-top_jq a {width: 56px;height: 56px;display: block;background: url("../img/btn_pagetop.png?ver=20251203043157") no-repeat 0 0;text-indent: -9999px;}
#page-top_jq a:hover {opacity: 0.8;}



/* ============================================================
   ぱんくず
============================================================ */
.bread-crumb-listBase {
height: auto;
background: whiteSmoke;
padding-bottom: 23px;
}
#bread-crumb-list{
    width: 1000px;
    margin: auto;
    line-height: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#bread-crumb-list li{
    color: rgb(175, 175, 175);
}
#bread-crumb-list a,
#bread-crumb-list span{
  font-size: 10px;
    color: rgb(136, 136, 136);
}

#bread-crumb-list i{
  font-size: 10px;
  padding-top: 2px;
  color: rgb(175, 175, 175);
}


/* ============================================================

============================================================ */
#gFooter #gFooterInner{width: 1000px !important;}





/* ============================================================
メンテナンスのお知らせ
============================================================ */
.maintenanceBase{background: rgb(87, 105, 121);}
.maintenanceBaseIn {width: 1000px;margin: auto;padding: 10px 0;}
.maintenanceBaseIn a{color: white; display: block;font-size: 13px;line-height: 1.5;}

/* ============================================================
   ページネーション全ページ共通
============================================================ */
.pagiBase{
  position: relative;
overflow: hidden;
}

.pagiBase a{
  display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
float: left;
font-size: 14px;
margin-right: 10px;
background: white;
border-radius: 4px;
border-bottom: 2px solid #e7e7e7;
}


.pagiBase a:hover{
  text-decoration: none;
  color: white;
  background: #01b1da;
}

.pageStay{ color: white;
  background: #01b1da !important;}
.pageStay:hover{
   background: #1ad4ff !important;
}

.pageIcon {
  height: 30px;
  width: 30px;
  padding: 9px;
  fill: #01b1da;
}

.pageIcon:hover {
  fill: #fff;
}

/* ===================================================================
  ボタン色全ページ統一(全ボタンにこのクラスを適用出来るようにしていってください)
=================================================================== */
/*水色*/
.btncol_01{background: #21bde1;color: white;}
.btncol_01:hover{background: #4dcae7;text-decoration: none;}
/*赤色*/
.btncol_02{background: #f83591;color: white;}
.btncol_02:hover{background: #f95da7;text-decoration: none;}
/*黄色*/
.btncol_03{background: #f7c600;color: white;}
.btncol_03:hover{background:#f9d133;text-decoration: none;}
/*緑色*/
.btncol_04{background: #a0d468;color: white;}
.btncol_04:hover{background: #b3dd86;text-decoration: none;}
/*キャンセルボタン(灰色)*/
.btncol_05{background: #c8c8c8;color: white;}
.btncol_05:hover{background: #d3d3d3;text-decoration: none;}
/*削除ボタン(赤)*/
.btncol_06{background: #f53a67;color: white;}
.btncol_06:hover{background: #f76185;text-decoration: none;}
/*非活性*/
.btncol_07{background: #f7f7f7;color: #c7c7c7;border:1px solid #e3e3e3;}