@charset "utf-8";
/** 下部固定バートップ要素 */
/** 固定処理など */
.bottom_bar_box {
    bottom: 0;
    display: flex;
    height: 50px;
    justify-content: center; /* 中央寄せしてコンテンツと同位置にそろえる */
    left: 0;
    max-width: 100vw;
    padding-bottom: constant(safe-area-inset-bottom); /* for iOS11.1 */
    padding-bottom: env(safe-area-inset-bottom);
    position: fixed;
    width: 100%;
    z-index: 90;
}
/* メニューと位置を揃えるため、flexをひとつ入れる */
.bottom_bar_inner_box {
    display: flex;
    width: 100%;

}
/* 各要素をflexで整列する */
.bottom_bar_list ul {
    display: flex;
    height: 100%;
    width: 100%;
}
/* 各固定バータイプをデフォルトで非表示。表示するコンテンツのcssにて.bottom_bar_type? { display: block }を指定すること */
.bottom_bar_list {
    display: none;
    width: 100%;
}

/* type1をデフォルト表示 */
/* .bottom_bar_type1 { display: block } */

/* 要素の表示調整(共通) */
.bottom_bar_list li {
    border-right: solid 1px #CCCCCC;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 12px;
    height: 100%;
    padding: 8px 0;
 }
.bottom_bar_box li:hover {
    cursor: pointer;
}
.bottom_bar_list li:last-of-type {
  border-right: transparent;
}
 .bottom_bar_type5 li {
     font-size: 14px;
 }
 /** リンク領域を要素全体に広げる */
 .bottom_bar_list a {
    align-items: center;
    color: white;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
 }
 /* 遷移後もリンク文字列の色が変わらないように固定 */
 .bottom_bar_list a:visited {
     color: white;
 }

 /* 各要素の表示 */
 .bottom_bar_vacancy,
 .bottom_bar_equipment,
 .bottom_bar_business-off,
 .bottom_bar_interview-tenant,
 .bottom_bar_around,
 .bottom_bar_ritaoffice {
     background-color: #463000;
     box-shadow: 0 -3px 6px rgba(0, 0, 0, .16);
 }

 /* その他コースポップアップ */
 .bottom_bar_other_popup {
     background-color: rgba(0,0,0,.6);
     box-sizing: border-box;
     color: white;
     display: none;
     position: fixed;
     text-align: left;
     z-index: 90;
 }
 .bottom_bar_modal {
     display: none;
     height: 100vh;
     width: 100vw;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 89;
 }
 .bottom_bar_other_popup li {
     border-bottom-style: dotted;
     padding: 8px;
 }
 .bottom_bar_other_popup li:last-of-type {
     border-bottom-style: none;
 }
  .bottom_bar_other_popup a, .bottom_bar_other_popup a:visited {
     color: white;
 }

/* トップへボタン */
.bottom_bar_totop_button_box {
  height: 100%;
  position: relative;
  width: 42px;
}

.bottom_bar_totop_button {
    border: none;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 42px;
    height: 100%;
    background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #463000;
    padding: 30px 0 0;
    text-align: center;
    top: 0;
    z-index: 999;
}

.bottom_bar_totop_button::before {
  border-top: solid 0 transparent;
  border-left: solid 9px transparent;
  border-right: solid 9px transparent;
  border-bottom: solid 16px #463000;
  box-sizing: border-box;
  content: '';
  display: block;
  left: 12.5px;
  position: absolute;
  top: 10px;
  width: 16px;
}

/*===============================================
●スマホ用（700px未満）
===============================================*/
@media screen and (max-width:699px) {
  /* spのみ表示 */
  .bottom_bar_pcnone {
    display: block;
  }

/* トップへボタン */
  .bottom_bar_totop_button_box {
    max-width: 699px;
  }

  /* 要素の表示調整 */
  .bottom_bar_list li {
      font-size: 12px;
   }

}


/*===============================================
●PC用（700px以上）
===============================================*/
@media screen and (min-width:700px){
  /* spのみ表示 */
  .bottom_bar_pcnone {
    display: none;
  }

  .bottom_bar_inner_box {
    max-width: 1000px;
  }

  /* トップへボタン */
  .bottom_bar_totop_button_box {
    max-width: 1000px;
  }
  .bottom_bar_inner_box {
      max-width: 1000px;
    }

  /* 要素の表示調整 */
    .bottom_bar_list li {
      font-size: 16px;
   }

}