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

/* =========================================================
 oi-hockey-welfare
========================================================= */
#contents #oi-hockey-welfare section {
  background: transparent;
}

#oi-hockey-welfare a {
  color: #2f88b9;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}

#oi-hockey-welfare a:hover {
  opacity: 0.8;
  text-decoration: none;
}

#oi-hockey-welfare .attention {
  color: #d33;
}

/* ------------------------------
  ブロック
------------------------------ */
#oi-hockey-welfare .welfareBlock {
  position: relative;
  margin-top: 80px;
  padding: 48px 32px 32px;
  border: 1px solid #d7e7f1;
  background: #fff;
  box-sizing: border-box;
}

#oi-hockey-welfare .welfareBlock:first-child {
  margin-top: 0;
}

#oi-hockey-welfare .welfareLabel {
  position: absolute;
  top: -26px;
  left: 24px;
  margin: 0;
  z-index: 2;
}

#oi-hockey-welfare .welfareLabel h3 {
  display: inline-flex;
  align-items: center;
  min-height: 54px;
  margin: 0;
  padding: 10px 24px;
  border: 2px solid #333;
  background: #fff;
  color: #333;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  box-sizing: border-box;
  box-shadow: 4px 4px 0 #eef8fd;
}

#oi-hockey-welfare .post {
  margin: 0;
  padding: 0;
  border-bottom: none;
  background: transparent;
}

#oi-hockey-welfare .post .sPost {
  margin: 56px 0 0;
}

/* ------------------------------
  見出し
------------------------------ */
#oi-hockey-welfare .h4Area {
  margin-bottom: 20px;
}

#oi-hockey-welfare .h4Area h4 {
  margin: 0;
  padding-left: 14px;
  border-left: 4px solid #2f88b9;
  font-size: 2rem;
  line-height: 1.6;
  color: #333;
}

/* ------------------------------
  表 共通
------------------------------ */
#oi-hockey-welfare .tableWrap {
  margin: 16px 0 0;
}

#oi-hockey-welfare .tableWrap table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d7e7f1;
  background: #fff;
}

#oi-hockey-welfare .tableWrap table th,
#oi-hockey-welfare .tableWrap table td {
  border: 1px solid #d7e7f1;
  padding: 13px 16px;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.7;
  word-break: break-word;
  box-sizing: border-box;
}

#oi-hockey-welfare .tableWrap table th {
  background: #eef8fd;
  font-weight: 700;
}

#oi-hockey-welfare .tableWrap table td {
  background: #fff;
}

#oi-hockey-welfare .tableWrap table thead th {
  text-align: center;
}

#oi-hockey-welfare .tableWrap table tbody th {
  background: #eef8fd;
}

/* ------------------------------
  福祉対策設備テーブル
------------------------------ */
#oi-hockey-welfare .welfareTable {
  table-layout: fixed;
}

#oi-hockey-welfare .welfareTable th,
#oi-hockey-welfare .welfareTable td {
  vertical-align: top;
}

#oi-hockey-welfare .welfareTable__group,
#oi-hockey-welfare .welfareTable__item {
  background: #eef8fd !important;
  font-weight: 700;
  text-align: left;
}

#oi-hockey-welfare .welfareTable__group {
  width: 15%;
}

#oi-hockey-welfare .welfareTable__item {
  width: 28%;
}

#oi-hockey-welfare .welfareTable td:nth-child(3),
#oi-hockey-welfare .welfareTable td:nth-child(4) {
  width: 28.5%;
}

/* ------------------------------
  保有備品テーブル
------------------------------ */
#oi-hockey-welfare .equipmentTable th:first-child,
#oi-hockey-welfare .equipmentTable td:first-child {
  white-space: nowrap;
}

#oi-hockey-welfare .equipmentTable td:nth-child(n + 2),
#oi-hockey-welfare .equipmentTable tbody th:nth-child(n + 2) {
  text-align: center;
  white-space: nowrap;
}

#oi-hockey-welfare .equipmentTable thead th {
  text-align: center;
}

/* ------------------------------
  注記
------------------------------ */
#oi-hockey-welfare .welfareNote {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.9;
  color: #333;
}

/* ------------------------------
  SP
------------------------------ */
@media screen and (max-width: 767px) {
  #oi-hockey-welfare .welfareBlock {
    margin-top: 56px;
    padding: 40px 20px 24px;
  }

  #oi-hockey-welfare .welfareLabel {
    top: -20px;
    left: 16px;
  }

  #oi-hockey-welfare .welfareLabel h3 {
    min-height: 44px;
    padding: 8px 16px;
    font-size: 1.8rem;
    box-shadow: 3px 3px 0 #eef8fd;
  }

  #oi-hockey-welfare .post .sPost {
    margin-top: 36px;
  }

  #oi-hockey-welfare .h4Area {
    margin-bottom: 16px;
  }

  #oi-hockey-welfare .h4Area h4 {
    padding-left: 10px;
    font-size: 1.8rem;
  }

  #oi-hockey-welfare .tableWrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #oi-hockey-welfare .tableWrap::-webkit-scrollbar {
    height: 5px;
  }

  #oi-hockey-welfare .tableWrap::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  #oi-hockey-welfare .tableWrap::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }

  #oi-hockey-welfare .tableWrap--welfare .welfareTable {
    min-width: 860px;
  }

  #oi-hockey-welfare .tableWrap--equipment .equipmentTable {
    min-width: 640px;
  }

  #oi-hockey-welfare .tableWrap table th,
  #oi-hockey-welfare .tableWrap table td {
    padding: 10px 12px;
    font-size: 14px;
  }

  #oi-hockey-welfare .welfareNote {
    font-size: 14px;
  }
}