@charset 'utf-8';

.shop-box {
  border: none;
}
.shop-box-body {
  margin-top: 0.5rem;
}
.shop-box-body p {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}

/* -------------------------------------------------------------------------- */
/* 一覧ページ */
/* -------------------------------------------------------------------------- */
.recruits .recruit {
  margin-bottom: 15px;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 7px;
}
/* 雇用形態 */
.recruits .recruit .type {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  font-weight: bold;
}
.recruits .recruit .type.employee {
  background-color: #03c;
  color: #fff;
}
.recruits .recruit .type.part-time {
  background-color: #c30;
  color: #fff;
}
.recruits .recruit .type.other {
  background-color: #3d8d00;
  color: #fff;
}
/* 職種 */
.recruits .recruit .job-name {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
/* 店舗写真とPR文 */
.recruit .shop-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.recruit .shop-info .photo {
  width: 105px;
}
.recruit .shop-info .photo img {
  border-radius: 4px;
}
.recruit .shop-info .pr {
  width: calc(100% - 105px - 1rem);
  box-sizing: border-box;
  padding: 1.2rem;
  background: #faf5ee;
  border-radius: 4px;
  color: #6b3a0c;
}
/* 求人詳細 */
.recruits .recruit table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
.recruits .recruit table th {
  color: #ed6d00;
  font-weight: bold;
  letter-spacing: .1rem;
  white-space: nowrap;
}
.recruits .recruit table th,
.recruits .recruit table td {
  padding: 1.2rem 1rem;
  border-top: 1px dashed #909090;
  border-bottom: 1px dashed #909090;
  font-size: 1.2rem;
  text-align: left;
}
@media (max-width: 991px) {
  .recruits .recruit table th,
  .recruits .recruit table td {
    padding: 1rem 0.5rem;
  }
}
.recruits .recruit table td {
  width: 100%;
}
/* 詳細を見るボタン */
.recruits .recruit a.to-detail {
  display: inline-block;
  padding: 0.7rem 1rem;
  background: #337ab7;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}
.recruits .recruit a.to-detail .glyphicon {
  margin-right: 0.5rem;
}
.recruits .recruit a.to-detail:hover {
  background: #23527c;
}