@charset "UTF-8";
.p-recorded_data-border {
  border-radius: 10px;
  border-color: #565756;
  position: relative;
  padding: 15px;
}
@media only screen and (max-width: 820px) {
  .p-recorded_data-border {
    padding: 20px;
  }
}
.p-recorded_data-border--gray {
  border-radius: 5px;
  border-color: #949494;
  padding: 20px;
}
@media only screen and (max-width: 820px) {
  .p-recorded_data-border--gray {
    padding: 20px;
  }
}
.p-recorded_data-border--gray02 {
  border-radius: 5px;
  border-color: #949494;
  padding: 15px;
}
@media only screen and (max-width: 820px) {
  .p-recorded_data-border--gray02 {
    padding: 10px;
  }
}

.p-recorded_data-table {
  width: 100%;
}
.p-recorded_data-table__head th {
  padding: 10px 5px;
}
.p-recorded_data-table__head th:last-child {
  width: 222px;
}
.p-recorded_data-table tbody td {
  padding: 2px 5px;
}

@media only screen and (max-width: 820px) {
  .p-recorded_data-btn-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.p-recorded_data-btn {
  width: 100%;
}
.p-recorded_data-btn--nowplan {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  background: #565756;
  padding: 2px 7px;
  border-radius: 15px;
  color: #fff;
}
.p-recorded_data-btn--select {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  background: #52B132;
  padding: 1px 5px;
  border-radius: 15px;
  color: #fff;
  min-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 820px) {
  .p-recorded_data-btn--cancel {
    height: 45px;
  }
}

.p-recorded_data-plan-card--select {
  background: rgba(82, 177, 50, 0.07);
}
.p-recorded_data-plan-card--select .p-recorded_data-border {
  border-color: #52B132;
}

.p-recorded_data-icon {
  vertical-align: -1px;
  margin-right: 2px;
}

.p-recorded_data-sp-summary {
  width: 100vw;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  max-width: 100vw;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.16);
  padding: 30px 20px 20px;
}
@media only screen and (min-width: 821px) {
  .p-recorded_data-sp-summary {
    display: none;
  }
}

/* ▼トグル周りのレイアウト */
.p-recorded_data-toggle {
  text-align: center;
}
@media only screen and (min-width: 821px) {
  .p-recorded_data-toggle {
    display: none;
  }
}

.p-recorded_data-toggle-btn {
  border: none;
  background: transparent;
  padding: 8px;
  cursor: pointer;
}

.p-recorded_data-toggle-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* 開いているときは 180度回転 */
.p-recorded_data-toggle-btn.is-open .p-recorded_data-toggle-icon {
  transform: rotate(180deg);
}

/* ▼スライド用：初期状態は閉じる */
.js-plan-options {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
/* 開いたとき：十分大きめの max-height を付ける（中身の高さ次第） */
.js-plan-options.is-open {
  max-height: 600px;
}

.p-recorded_data-sp-content {
  padding-bottom: 60vh;
}/*# sourceMappingURL=recorded_data.css.map */