/***************************/
/* ロゴ
/***************************/
.icon-rookLogo:before {
  content: "\e900";
}

/***************************/
/* モーダル背景色
/***************************/
.modal-bgcolor-transport .modal-backdrop {
  background-color: transparent !important;
}

/***************************/
/* リンク
/***************************/
.link-primary {
  color: #007bff !important;
  background-color: transparent !important;
}

/***************************/
/* ローディング
/***************************/
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

/***************************/
/* 解答（radio）
/***************************/
group + group {
  margin-top: 20px;
}

group + group {
  margin-top: 20px;
}

.inline-radio {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #b6b6b6;
}

.inline-radio div {
  position: relative;
  flex: 1;
}

.inline-radio input {
  width: 80%;
  height: 40px;
  opacity: 0;
}

.inline-radio label {
  position: absolute;
  top: 0;
  left: 0;
  color: #b6b6b6;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid #b6b6b6;
}

.inline-radio div:last-child label {
  border-right: 0;
}

.inline-radio input:checked + label {
  background: #007bff;
  font-weight: 500;
  color: #fff;
}

/***************************/
/* 解答（radio、checkbox）
/***************************/
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type=checkbox] {
  visibility: hidden;
}

.round input[type=checkbox]:checked + label {
  background-color: #007bff;
  border-color: #007bff;
}

.round input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/***************************/
/* 画面プリント設定
/***************************/
@media print {
  body {
    background-color: white;
  }

  th, td {
    border-collapse: collapse;
    border: 1px solid #333 !important;
  }

  table.jambo_table thead {
    background-color: white !important;
    color: #333 !important;
  }
}

/****** コース一覧 cardimg設定 *****/
.cardImg {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: cover;
}

/****** 問題設定 img設定 *****/
.quesionSetImg {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: cover;
}

/***************************/
/* 各種カラー設定
/***************************/
/****** コース一覧 受講完了時 *****/
.complearn {
  background-color: #cccccc30;
}

/****** コース一覧 受講期間外 *****/
.expiredLearn {
  background-color: #ffc10747;
}

/***************************/
/* ボーダーの太さ
/***************************/
.border-2{
  border-width:2px !important;
}

.border-3{
  border-width:3px !important;
}

.border-4{
  border-width:4px !important;
}

.border-5{
  border-width:5px !important;
}