.text-base{
  font-size: 1.1em;
  line-height: 1.2em;
}
.text-sm{
  font-size: 1.0em;
}

img{
  display: inline;
}

/* welcome背景 */
.hbs-welcome-bg{
/*  background-color: #ABE1FA; */
  background: linear-gradient(65deg, #ABE1FA, #FFFFFF);
}
/* 背景 */
.hbs-bg{
  background-color: #fff5d0; /* 薄い黄色 */
  /* background-color: #66ac28; *//* 緑 */
}
/* 背景 */
.hbs-nav-bg{
  background-color: #66ac28; /* 緑 */
  /*  color: #fff5d0; */
}
/* メニューアイテム */
.hbs-nav-item{
  color: #fff5d0;
}


/* 丸の中のハートビートシステムズロゴ */
.hbs-logo-circle{
  margin-top: 3px;
  margin-left: 6px;
}

/* welcomeの画面サンプル */
.hbs-welcome-view-sample{
/*    height: 100%; */
    height: 560px;
}
@media (max-width: 1024px) {
  .hbs-welcome-view-sample{
    height: 550px;
  }
}
@media (max-width: 640px) {
  .hbs-welcome-view-sample{
    height: 510px;
  }
}

.helpIcon{
  width: 26px;
  vertical-align: -14%;
}

/* confirm */
#confirmDiv{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E9E9FF;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#confirmStr{
  margin-bottom: 20px;
}
#confirmOk{
  background-color: #000044;
  color: white;
  border-radius: 100vh;
  padding: 10px 20px 10px 20px;
}
#confirmCancel{
  background-color: #F9F9F9;
  color: #333333;
  border-radius: 100vh;
  border: 1px double #333333;
  padding: 10px 20px 10px 20px;
}


/* image */
#imageDiv{
  position: fixed;
  top: 50%;
  left: 50%;
/*  width: 80%; */
  transform: translate(-50%, -50%);
  background-color: #C9E9F9;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 920px) {
  #imageDiv{
    width: 90%;
  }
}
#closeImage{
  background-color: #F9F9F9;
  color: #333333;
  border-radius: 100vh;
  border: 1px double #333333;
  padding: 10px 20px 10px 20px;
}

.buttons{
  text-align: center;
  margin-top: 10px;
}


.error-message{
  color: #DD0000;
}
.info-message{
  color: #00AA00;
}
.unkou-jouken{
  color: #AA0000;
  font-weight: bold;
}
.option-string{
  color: #AA0000;
}
.option-string-g{
  color: #00AA00;
}
.option-string-b{
  color: #0000AA;
}
.option-string-p{
  color: #AA00AA;
}
.option-string-br{
  color: #946243;
}
.hbs-string{
  color: #DD0000;
}

.jigyousha-outoumachi{
  color: #00AA00;
}

.jigyousha-kakutei{
  color: #0000AA;
}


.ui-datepicker-year{
  width: 47% !important;
  padding-right: 1.0em;
}

.ui-datepicker-month{
  width: 44% !important;
  padding-right: 1.0em;
}

.hbs-py-12{
  padding-top: 15px;
/*  padding-bottom: 10px; */
}

.hbs-unkou-row{
  background-color: #EEEEEE;
  font-size: 1.1em;
  font-weight: 480;
  border-radius: 0.4rem;
  padding-left: 10px;
}

.hbs-dream-row{
  background-color: #EEEEEE;
  font-size: 1.1em;
  font-weight: 480;
  border-radius: 0.4rem;
  padding-left: 10px;
}

.hbs-dream-element{
  padding-top: 6px;
  height: 30px;
}

.hbs-dream-element-button{
  height: 30px;
}

.clear{
  clear : both;
}

.hbs-button-search1{
  background-color: #000099;
  font-size: 0.9em;
}

.hbs-button-regist1{
  background-color: #009900;
  font-size: 0.9em;
}
.hbs-button-regist2{
  background-color: #009933;
  font-size: 0.9em;
}
.hbs-button-regist3{
  background-color: #999900;
  font-size: 0.9em;
}

.hbs-button-delete1{
  background-color: #990000;
  font-size: 0.9em;
}

.hbs-button-other1{
  background-color: #444444;
  font-size: 0.9em;
}

.hbs-button-install{
  background-color: #4444DD;
  font-size: 0.83em;
}

@media (hover: hover) {
  .hbs-button-other1:hover {
    background-color: #AAAAAA;
  }
}

.hbs-table{
  border-collapse: separate; 
  border-spacing: 3px;
}
.hbs-table thead{
  background-color: #FFFFAA; 
  text-align: center;
}
.hbs-table td{
  padding-top: 5px;
  padding-left: 8px;
  padding-bottom: 5px;
  padding-right: 8px;
}
/* 横スクロール */
.scroll-table-x{
/*    overflow:auto; */
    overflow-x:scroll; 
    overflow-y:hidden;
    padding: 0px; 
}

/* ★スマートフォン表示 */
.sp-show{
  display:none;
}
@media (max-width: 920px) {
.sp-show{
  display:inline;
}
}

/* ★スマートフォン非表示 */
@media (max-width: 920px) {
.sp-hide{
  display:none;
}
}

/* ★スマートフォン表示 */
.sp-show640{
  display:none;
}
@media (max-width: 640px) {
.sp-show640{
  display:inline;
}
}

/* ★スマートフォン非表示 */
@media (max-width: 640px) {
.sp-hide640{
  display:none;
}
}

/* ★スマートフォン表示 */
.sp-mini-show{
  display:none;
}
@media (max-width: 380px) {
.sp-mini-show{
  display:inline;
}
}

/* ★スマートフォン非表示 */
@media (max-width: 380px) {
.sp-mini-hide{
  display:none;
}
}

ol.kiyakuNumber li{
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
  padding-left: 48px;
}
ol.kiyakuNumber li::before {
  content: "（"counter(cnt)"）";
  font-family: serif;
  position: absolute;
  left: 0;
}
ol.manualJigyousha li{
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
  padding-left: 2.5rem;
}
ol.manualJigyousha li::before {
  content: "（"counter(cnt)"）";
  position: absolute;
  left: 0;
}
/* リンクの設定
------------------------------------------------------------ */
a.hbs-a{
  font-weight: inherit;
  text-decoration: underline;
}
/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
a.hbs-a:link {
  color : #3366AA !important;
}
/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
a.hbs-a:visited {
  color : #3366AA !important;
}
/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
a.hbs-a:active {
  color : #FF0099 !important;/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
}