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

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

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

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

#oi-hockey-price .priceBlock:first-child {
  margin-top: 0;
}

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

#oi-hockey-price .priceLabel 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-price .post {
  margin: 0;
  padding: 0;
  border-bottom: none;
  background: transparent;
}

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

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

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

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

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

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

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

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

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

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

#oi-hockey-price .priceTable td:first-child,
#oi-hockey-price .priceTable th:first-child {
  white-space: nowrap;
}

#oi-hockey-price .priceTable--admission td:nth-child(2),
#oi-hockey-price .priceTable--facility td:nth-child(2),
#oi-hockey-price .priceTable--court td:nth-child(2) {
  text-align: center;
  white-space: nowrap;
}

#oi-hockey-price .priceTable--admission td:nth-child(n + 3),
#oi-hockey-price .priceTable--facility td:nth-child(n + 3),
#oi-hockey-price .priceTable--equipment td:nth-child(3),
#oi-hockey-price .priceTable--court td:nth-child(n + 3) {
  text-align: right;
  white-space: nowrap;
}

#oi-hockey-price .priceTable--equipment td:nth-child(2) {
  text-align: center;
  white-space: nowrap;
}

#oi-hockey-price .priceTable--court td:first-child {
  white-space: nowrap;
}

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

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

  #oi-hockey-price .priceLabel {
    top: -20px;
    left: 16px;
  }

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

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

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

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

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

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

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

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

  #oi-hockey-price .priceTable--admission,
  #oi-hockey-price .priceTable--facility {
    min-width: 760px;
  }

  #oi-hockey-price .priceTable--equipment {
    min-width: 640px;
  }

  #oi-hockey-price .priceTable--court {
    min-width: 560px;
  }

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

  #oi-hockey-price .priceNote {
    font-size: 14px;
  }
}