@charset "UTF-8";
/* =============================================================

    Project CSS

============================================================= */


/*  _header
------------------------------------------------------------- */

.p-user__content {
  font-size: 1em;
}

/*  _title
------------------------------------------------------------- */

.pg-user .c-ttl--style1 {}

.pg-user .c-ttl--style2,
.pg-user .c-ttl--style2__m0 {
  font-size: 1em;
}

.c-ttl--style2,
.c-ttl--style2__m0 {}

.pg-user .c-ttl--style2__m0 {
  margin-top: 0;
}

.pg-user .c-ttl__m0 {
  margin-top: 0 !important;
}

.c-txt--ttlperiod {
  margin-left: -30px;
}


/*  _アンケート詳細
------------------------------------------------------------- */
.c-box__task.c-box__task-horizontal .c-box__w25 {
  width: 25%;
}

.p-box__answer .p-box__answer--content {
  padding-bottom: 15px;
}

.p-box__answer .p-box__answer--content .p-btn__edit {
  float: right;
  margin-top: -2px;
  margin-right: 22px;
  font-size: 0.8em;
}

/*  _吹き出し
------------------------------------------------------------- */
.c-balloon .c-balloon--item {
  padding: 20px 0;
  letter-spacing: -0.4em;
}

.c-balloon .c-balloon--item .c-balloon--thumb {
  display: inline-block;
  width: 20%;
  box-sizing: border-box;
  vertical-align: top;
  letter-spacing: normal;
}

.c-balloon .c-balloon--item .c-balloon--thumb p {
  margin-top: 12px;
}

.c-balloon .c-balloon--item .c-balloon--thumb img {
  border-radius: 100%;
}

.c-balloon .c-balloon--item .c-balloon--txt {
  display: inline-block;
  position: relative;
  width: 80%;
  padding: 15px 25px;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid #9da8c6;
  border-radius: 6px;
  letter-spacing: normal;
}

.c-balloon .c-balloon--item .c-balloon--txt:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -48px;
  border-style: solid;
  border-color: transparent;
  border-width: 12px 25px 12px 25px;
  border-right-color: #fff;
  z-index: 2;
}

.c-balloon .c-balloon--item .c-balloon--txt:after {
  content: "";
  position: absolute;
  top: 20px;
  left: -50px;
  border-style: solid;
  border-color: transparent;
  border-width: 12px 25px 12px 25px;
  border-right-color: #9da8c6;
  z-index: 1;
}

.c-editbtn--wrap {
  letter-spacing: -0.4em;
}

.c-editbtn--wrap .c-editbtn--content {
  display: inline-block;
  width: calc(100% - 140px);
  padding-right: 20px;
  vertical-align: middle;
  letter-spacing: normal;
}

.c-editbtn--wrap .c-editbtn--btn {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  letter-spacing: normal;
  text-align: right;
}

/*  _レポート
------------------------------------------------------------- */

.pg-user .c-box__record-inner {
  margin-bottom: 0;
}
.pg-user .c-box__record dt {
  padding: 10px;
}

.pg-user .c-box__record dd {
  margin-bottom: 0;
  padding: 18px;
  font-size: 0.9em;
}

.pg-user .c-box__task dd {
  font-size: 1.1em;
}

.pg-user .c-graph-recordwrap .c-box__record-txt.c-txt--lg {
  font-size: 1.3em;
  line-height: 2.5em;
}

.pg-user hr.c-line--dot {
  margin: 40px 0 10px 0;
}

.pg-user hr.c-form-line--dot {
  margin: 20px 0;
  border: 1px dashed #ccc;
  border-width: 1px 0 0;
}

.pg-user .c-input {
  border-bottom: none;
}

.p-input-textarea__report {
  height: auto;
}

.c-box__task-txt.c-score--wrap {
  padding: 12px;
}

.c-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.c-score__middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg-user .c-score__vertical .c-scoret--point__half {
  padding-top: 0.85em;
}

.c-score .c-score--point {
  width: 460px;
  padding: 0 40px 0 30px;
  line-height: 1.2;
  text-align: center;
  font-size: 1.2em;
}

.c-score .c-scoret--point__half {
  width: 100%;
  padding: 0 8px;
}

.c-score .c-score--point strong {
  font-size: 2.5em;
}

.c-score .c-score--content {
  padding-left: 40px;
  border-left: 1px solid #9da8c6;
}

/*  _ドリル
------------------------------------------------------------- */
.c-formwrap {
  position: relative;
}

.c-answer__correct,
.c-answer__incorrect {
  position: relative;
}

.c-answer__correct:before,
.c-answer__incorrect:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -65px;
  margin-left: -50px;
  background: url(/img/icn_correct3.svg) no-repeat 0 0;
  background-size: 100%;
  content: "";
  z-index: 1;
}

.c-answer__incorrect:before {
  width: 80px;
  height: 80px;
  margin-top: -60px;
  margin-left: -40px;
  background-image: url(/img/icn_incorrect_grey.svg);
}

/*
.c-answer__mistake {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  margin-top: -19%;
  margin-left: -5%;
}

.c-answer__mistake:before,
.c-answer__mistake:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 400px;
  width: 40px;
  background-color: #d1d1d1;
}

.c-answer__mistake:before {
  transform: rotate(45deg);
}

.c-answer__mistake:after {
  transform: rotate(-45deg);
}
*/

.c-table.p-table__score__result {
  margin-top: 40px;
  border-radius: 0;
  border-collapse: collapse;
}

.c-table.p-table__score__result thead tr {
  background: #f2f6fc;
  border-radius: 0;
}

.c-table.p-table__score__result thead th {
  border: none !important;
  border-radius: 0;
  color: #2a3852;
}

.c-table.p-table__score__result thead th:first-child {
  border-radius: 0;
}

.c-table.p-table__score__result tbody tr {
  border-bottom: 1px solid #d6d6d6;
}

.c-table.p-table__score__result tbody tr:last-child {
  border-bottom: none;
}

.c-table.p-table__score__result tbody tr:nth-child(even) {
  background: transparent;
}

.c-table.p-table__score__result tbody {
  font-size: 0.9em;
  letter-spacing: -0.02em;
}

.c-table.p-table__score__result tbody th {
  min-width: 0;
  letter-spacing: -0.02em;
  font-size: 0.95em;
}

.c-table.p-table__score__result td span.c-txt__rank {
  margin-right: 2.8em;
}

.c-table.p-table__score__result td span.c-icn--crown {
  margin-left: -2.4em;
}

.c-table.p-table__score__result td .c-txt--xl {
  font-size: 1.7em;
}

.c-table.p-table__score__result .c-btn--sm {
  margin-right: 7px;
  margin-left: 4px;
}

.p-box__result {
  margin-bottom: 40px;
}

/*  _カレンダー
------------------------------------------------------------- */
.c-side--title {
  position: relative;
  padding: 12px 10px 12px 32px;
    margin-bottom: 15px;
  color: #525e76;
    border-bottom: 1px solid #525e76;
}

.c-side--title svg,
.c-side--title i {
  width: 22px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 2px;
}

.c-side--title path {
  fill: #9da8c6;
}

.c-side--title i {
    vertical-align: middle;
    font-size: 20px;
    color: #9da8c6;
}

.p-course-list_inner {
  padding-left: 0;
}

.p-course-list .p-course-list__item {
  border-bottom: 1px solid #e9e9e9;
}

.p-course-list__item-link {
  position: relative;
  display: block;
  padding: 22px 35px 22px 16px;
}

.p-course-list__item-thumb {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px !important;
  object-fit: cover;
  margin-top: -20px;
  border-radius: 100%;
}

.p-course-list__item-txt {
  display: block;
  padding-left: 50px;
}

.p-course-list__item-link:before {
  border-radius: 1px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 14px;
  left: auto;
  width: 7px;
  height: 7px;
  margin-top: -4.5px;
  background: none;
  -webkit-transform: rotate(45deg) skew(1.2deg, 1.2deg);
  transform: rotate(45deg) skew(1.2deg, 1.2deg);
  border-top: 2px solid #4c99fd;
  border-right: 2px solid #4c99fd;
  content: "";
}

.p-icn-list__circle {
  padding: 30px 0;
  line-height: 1.8;
}

.p-icn-list__circle__inner {
  padding: 0;
}

.p-icn-list__circle--accent {
  color: #ff749b;
}

.p-icn-list__circle--secondary {
  color: #ffa94e;
}

.p-icn-list__circle--secondary2 {
  color: #25c8ca;
}

.p-btn--input__delete {
  float: right;
  margin-bottom: 10px;
  padding: 7px 20px;
  font-weight: normal;
}

.p-icn--input__delete {
  padding-right: 3px;
  vertical-align: 2px;
}

/*
.c-formwrap__modal input:valid,
.c-formwrap__modal textarea:valid {
  background: #f9f9f9;
  border: none;
}
*/

.p-calendar--time.p-calendar--all .fc-view-line {
  border-radius: 10px;
}

.fc-unthemed .fc-list-heading td {
  background-color: #f2f6fc;
}

.pg-user .modal-content .c-datepicker {
  width: 30%;
}

.pg-user .modal-content .c-form-input-time {
    width: 100px;
}

.pg-user .modal-content .c-input {
    margin: 32px 0 0;
}

/*  _メンバー
------------------------------------------------------------- */

.c-table.c-table__user {
  min-width: 0;
  border-radius: 0;
  border-collapse: collapse;
  border: 0;
}

.c-table.c-table__user thead tr {
  border-radius: 0;
}

.c-table.c-table__user thead th:first-child,
.c-table.c-table__user thead th:last-child {
  border-radius: 0;
}

.c-table.c-table__user tbody tr {
  border-bottom: 1px solid #d6d6d6;
}

.c-table.c-table__user tbody tr:nth-child(even) {
  background: none;
}

.c-table.c-table__user tbody th {
  width: 90px;
}

.c-table.c-table__user tbody .c-table__user__thumb {
  width: 90px;
}

.c-table.c-table__user tbody .c-table__user__name {
  width: 120px;
}

.c-table.c-table__user tbody .c-table__user__name .c-tag--accent {
  padding: 2px 7px;
  margin-bottom: 6px;
}

/*  _テスト
------------------------------------------------------------- */

.pg-user .c-boxwide dl:last-child {
  margin-bottom: 0;
}

.pg-user .c-graph-scorewrap .c-graph-score-num-people dl {
  margin-bottom: 20px;
}

.pg-user .c-boxwide-graph .c-graph-score-num-people {
  min-height: 125px;
}

.c-graph-score .c-box-dl {
  padding: 15px 5px 0;
}

.pg-user .c-boxwide-graph .c-box-dl {
  min-height: 115px;
}

.pg-user .c-labeltag {
  top: 20px;
  height: 40px;
  font-size: 1.1em;
}

.pg-user .p-courselist .c-labeltag {
  top: 30px;
  height: 28px !important;
  font-size: 0.85em;
  line-height: 1.8em;
  border-radius: 4px;
}

.pg-user .p-courselist .c-labeltag:before {
  top: 27px;
}

.pg-user .c-labeltag:before {
  top: 40px;
}

.c-qnav__item.is-active:hover {
  background-color: #68a8fe;
}

.c-labeltag:after {
  right: -14.5px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.p-txt--title__q {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 8px 20px;
  border-radius: 200px;
}

.p-txt--title__q+.c-question {
  margin-top: 10px;
}

.c-question__txt {
  font-size: 1.2em;
}

.pg-user .c-answer {
  margin-bottom: 50px;
  font-size: 1.1em;
}

.c-answer__col--2 .c-answer__inner {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-align-content    : stretch;
  align-content: stretch;
  margin-left: -16px;
}

.c-answer__col--2 .c-answer__item {
  width: calc(50% - 16px);
  margin: 16px 0 0 16px;
  border: 1px solid #a7b3d2;
  border-radius: 5px;
  background: #fff;
}

.c-answer__item__outline .c-answer__item-txt {
  border: none;
  background: none;
}

.c-answer__item__outline .c-answer__item-txt img {
  opacity: 1 !important;
}

.c-answer--result .c-answer__item__outline .c-answer__item-txt {
  border-radius: 0;
  padding-left: 50px;
}

.is-correct.c-answer__item__outline .c-answer__item-txt,
.is-incorrect.c-answer__item__outline .c-answer__item-txt {
  background-color: #f2f6fc !important;
  color: inherit !important;
  font-weight: normal;
}

.is-correct--select.c-answer__item__outline .c-answer__item-txt {
  background-color: rgba(255, 169, 78, 0.3) !important;
  color: inherit !important;
  font-weight: normal;
}

.is-incorrect.c-answer__item__outline .c-answer__item-txt,
.is-correct.c-answer__item__outline .c-answer__item-txt,
.is-correct--select.c-answer__item__outline .c-answer__item-txt,
.is-incorrect--select.c-answer__item__outline .c-answer__item-txt{
  position: relative;
}

.is-incorrect.c-answer__item__outline .c-answer__item-txt:before,
.is-correct.c-answer__item__outline .c-answer__item-txt:before,
.is-correct--select.c-answer__item__outline .c-answer__item-txt:before,
.is-incorrect--select.c-answer__item__outline .c-answer__item-txt:before{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 120px;
  height: 120px;
  margin-top: -45px;
  margin-left: -60px;
  background: url(/img/icn_correct3.svg) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

.is-incorrect.c-answer__item__outline .c-answer__item-txt:before,
.is-incorrect--select.c-answer__item__outline .c-answer__item-txt:before{
  width: 100px;
  height: 100px;
  margin-top: -35px;
  margin-left: -50px;
  background-image: url(/img/icn_incorrect2.svg);
}


.c-passage .c-passage__gauge img {
  height: 38px !important;
}

/*  _お知らせ
------------------------------------------------------------- */

.p-topic__tab--content {
  margin-top: -52px;
}
@media screen and (max-width: 1180px){
  .p-topic__tab--content .c-pagination {
    padding-top: 87px;
  }
}
.p-topic--wrap {
  margin: 10px 0;
  border-top: 1px solid #65a7fe;
  border-bottom: 1px solid #65a7fe;
}

.p-topic--inner {
  margin: 0;
  padding: 0;
}

.p-topic--item {
  padding: 15px 25px;
  border-bottom: 1px solid #d6d6d6;
}

.p-topic--item>* {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 20px;
}

.p-topic--item>*:last-child {
  margin-right: 0;
}

.p-topic--item:last-child {
  border-bottom: none;
}

.p-topic--item--title {
  max-width: 950px;
  margin-bottom: 0;
  font-size: 1em;
}

.l-main .p-topic--item--title {
  max-width: 670px;
}

.p-topic--item--date {
  display: block;
  margin: 14px 0;
}

.p-topic__notice {
  clear: both;
  margin: 30px 0;
  padding: 16px 30px;
  background: #f9f9f9;
}

.p-topic__notice__inner {
  margin: 0;
  padding: 0;
}

.p-topic__notice__inner .c-icn--arw:before {
  top: -0.2em;
  width: 12px;
  height: 30px;
}

.p-topic--content p {
  margin-bottom: 1.6rem;
}

/*  _コース一覧
------------------------------------------------------------- */

.pg-user .c-search-sort .c-datepicker {
  min-width: 240px;
}

.pg-user .c-input__content .c-txt--bold.c-form-txt--bold {
  margin: 0;
}

.p-input__courselist--radio {
  display: inline;
  padding: 0 10px;
}

.p-input__courselist--radio label {
  margin-left: 15px;
  padding-left: 20px !important;
}

.p-courselist {
  margin: 20px 0;
}

.p-courselist__inner {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.p-courselist__item {
  position: relative;
}

.p-courselist__item__pending {
  opacity: 0.7;
}

.p-courselist__item>a {
  display: block;
  overflow: hidden;
  height: 100%;
  border: 1px solid #a7b3d2;
  border-radius: 5px;
}

.p-courselist__thumb {
  height: 92px;
}

.p-courselist__thumb img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.p-courselist__content {
  padding: 0 16px 14px;
}

.p-courselist__title {
  padding-top: 5px;
  font-size: 1em;
}

.p-courselist__date {
  margin-left: 5px;
}

.p-courselist__cat {
  border-color: #eff5ff;
  background-color: #eff5ff;
}

.p-labeltag--new {
  position: absolute;
  top: 30px;
  left: 13px;
  width: 53px;
  height: 21px;
  padding: 3px 0;
  font-size: 1rem;
  color: #fff;
  background-color: #fd6993;
  border-radius: 2px 2px 2px 0;
}

.p-labeltag--new:before {
  top: 21px;
  border-top: 9px solid #bd345a;
  border-width: 8px;
}

/*  _タイムライン
------------------------------------------------------------- */

.p-sort__timeline {
  margin-bottom: 30px;
}

.p-sort__timeline select {
  width: calc(100% - 182px);
  margin-right: 15px;
}

.p-timeline--wrap {
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.p-timeline--inner {
  padding: 0;
}

.p-timeline--item {
  margin-bottom: 25px;
  letter-spacing: -0.4em;
}

.p-timeline--thumb {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 56px;
  letter-spacing: normal;
}

.p-timeline--thumb--filter {
  position: absolute;
  width: 56px;
    height: 56px !important;
  z-index: 30;
  border-radius: 100%;
}

.p-timeline--thumb--filter img {
  width: 100%;
  height: 100% !important;
  border-radius: 100%;
    object-fit: cover;
}

.p-timeline--content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: -1.4em;
  padding-left: 72px;
  letter-spacing: normal;
}

.p-timeline--title {
  color: #525e76;
}

.p-timeline__content--icn {
  position: relative;
  margin-right: 5px;
}

.p-timeline__content--icn svg {
  width: 22px;
  height: 20px;
}

.p-timeline__content--icn path {
  fill: #3b8fff;
}

.p-timeline__content--txt {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  vertical-align: top;
  background: #eff5ff;
  border-radius: 6px;
  letter-spacing: normal;
}

.p-timeline__content--txt:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -24px;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 12px;
  border-right-color: #eff5ff;
  z-index: 2;
}

.p-thumb--2 .p-timeline--content {
  padding-left: 100px;
}

.p-thumb--3 .p-timeline--content {
  padding-left: 120px;
}

.p-thumb--2 .p-timeline--thumb--filter:nth-child(2),
.p-thumb--3 .p-timeline--thumb--filter:nth-child(2) {
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 20;
  background: #9ba6b2;
}

.p-thumb--2 .p-timeline--thumb--filter:nth-child(2) img,
.p-thumb--3 .p-timeline--thumb--filter:nth-child(2) img {
  opacity: 0.65;
}

.p-thumb--3 .p-timeline--thumb--filter:nth-child(3) {
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 10;
  background: #9ba6b2;
}

.p-thumb--3 .p-timeline--thumb--filter:nth-child(3) img {
  opacity: 0.45;
}

/*  _マイページ
------------------------------------------------------------- */

.p-mypage__record__wrap {
  width: 38% !important;
}

.p-mypage__graph__wrap {
  width: 62% !important;
}

.p-log__record__wrap {
  width: 33.3% !important;
}

.p-log__graph__wrap {
  width: 66.6% !important;
}

.p-mypage__record__item,
.p-log__record__item {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #a7b3d2;
  border-radius: 8px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#f9fbff),
      color-stop(50%, #ffffff),
      to(#eef2f8));
  background: -moz-linear-gradient(top, #f9fbff 0%, #ffffff 50%, #eef2f8 100%);
  background: linear-gradient(to bottom, #f9fbff 0%, #ffffff 50%, #eef2f8 100%);
}

.p-mypage__record--title,
.p-log__record--title {
  color: #525e76;
}

.p-mypage__record__score {
  font-size: 2.2em;
}

.p-log__record__total {
  display: block;
  font-size: 2.8em;
  color: #000;
}

.p-mypage__record__score02,
.p-log__record__score02 {
  font-size: 2.2em;
}

.p-mypage__record__score03,
.p-log__record__score03 {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #d5ddfa;
}

.p-mypage__record__score03 {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #d5ddfa;
}

.p-mypage__record--icn,
.p-log__record--icn {
  position: relative;
}

.p-mypage__record--icn .c-icn,
.p-log__record--icn .c-icn {
    padding-right: 0;
    vertical-align: baseline;
}

.p-mypage__record--icn path,
.p-log__record--icn path {
  fill: #9da8c6;
}

.p-mypage__graph__item {
  position: relative;
  height: 268px;
  padding: 20px;
  border: 2px solid #dee3eb;
  border-radius: 8px;
}

.p-mypage__graph__item .p-charts-graph {
  height: 220px;
}

.p-mypage__graph__item tspan {
    font-size: 1.45rem;
}

.p-log__graph__item {
  position: relative;
  height: 200px;
  padding: 20px;
  border: 2px solid #dee3eb;
  border-radius: 8px;
}

.p-log__graph__item .p-charts-graph {
  height: 175px;
}

.p-mypage__graph__item:before {
  content: "";
  position: absolute;
  top: 225px;
  left: -74px;
  border-style: solid;
  border-color: transparent;
  border-width: 12px 40px;
  border-right-color: #fff;
  z-index: 2;
}

.p-mypage__graph__item:after {
  content: "";
  position: absolute;
  top: 225px;
  left: -81px;
  border-style: solid;
  border-color: transparent;
  border-width: 12px 40px;
  border-right-color: #dee3eb;
  z-index: 1;
}

.p-log__graph__item:before {
  content: "";
  position: absolute;
  top: -64px;
  right: 200px;
  border-style: solid;
  border-color: transparent;
  border-width: 35px 14px;
  border-bottom-color: #fff;
  z-index: 2;
}

.p-log__graph__item:after {
  content: "";
  position: absolute;
  top: -70px;
  right: 200px;
  border-style: solid;
  border-color: transparent;
  border-width: 35px 14px;
  border-bottom-color: #dee3eb;
  z-index: 1;
}

.p-log__recordlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 16px;
}

.p-log__recordlist__item {
  width: 49%;
  margin-bottom: 8px;
  padding: 10px 4px;
  border-radius: 4px;
  line-height: 1.1;
}

.p-tasklist__inner {
  padding: 0;
}

.p-tasklist__item {
  position: relative;
  border-bottom: 1px solid #d6d6d6;
}

.p-tasklist__item__link {
  display: block;
  padding: 10px 0;
  background-image: url(/img/icn_arw2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 23px 23px;
}

.p-tasklist__item__link:hover {
  background-color: #f2f6fc;
  color: inherit;
}

.p-tasklist__img {
  display: inline-block;
  vertical-align: middle;
  width: 54px;
}

.p-tasklist__img img {
  width: 100%;
}

.p-tasklist__date {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  padding: 4px;
  border-right: 2px dotted #e9e9e9;
}

.p-tasklist__date.c-txt--xs {
  font-size: 0.8em;
}

.p-tasklist__date span {
  display: block;
}

.p-tasklist__date--title {
  color: #798499;
}

.p-tasklist__title {
  display: inline-block;
  vertical-align: middle;
  padding: 4px;
  width: calc(100% - 175px);
}

.p-tasklist__tag {
  display: inline;
  padding: 4px 8px;
  background: #eff5ff;
  border-radius: 5px;
}

.p-tasklist__tag--icn {
  position: relative;
  margin-right: 3px;
}

.p-tasklist__tag--icn svg {
  width: 12px;
  height: 10px;
}

.p-tasklist__tag--icn path {
  fill: #3b8fff;
}

/*  _ゼロマッチ
------------------------------------------------------------- */

.p-tasklist__none {
  margin-top: 20px;
  padding: 30px;
  background: #fafafa;
}

.p-tasklist__none--icn svg {
  width: 80px;
  height: 90px;
  margin-bottom: 10px;
}

.p-course-list__none {
  padding: 40px;
  background: #fff;
}

.p-sidetimeline__none {
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}

.p-sidetimeline__none .p-sidetimeline__inner {
  border-bottom: none;
}

/*  _サイド_タイムライン
------------------------------------------------------------- */
.p-side--title__timeline svg {
  width: 26px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: 2px;
}

.p-sidetimeline__inner {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e9e9e9;
}

.p-sidetimeline--item {
  position: relative;
  padding: 5px 14px;
}

.p-sidetimeline--thumb {
  position: absolute;
  top: 5px;
  width: 42px;
  height: 42px !important;
  object-fit: cover;
  border-radius: 100%;
}

.p-sidetimeline--content {
  padding-left: 54px;
}

.p-sidetimeline__content--icn {
  position: relative;
  margin-right: 5px;
}

.p-sidetimeline__content--icn svg {
  width: 16px;
  height: 13px;
}

.p-sidetimeline__content--icn path {
  fill: #3b8fff;
}

.p-sidetimeline--title {
  margin-bottom: 4px;
  color: #525e76;
}

.p-sidetimeline__content--txt {
  position: relative;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  vertical-align: top;
  background: #fff;
  border-radius: 3px;
  letter-spacing: normal;
}

.p-sidetimeline--title.c-txt--xs {
  font-size: 0.92em;
}

.p-sidetimeline__content--txt.c-txt--sm {
  font-size: 1em;
}

.p-sidetimeline__content--txt:before {
  content: "";
  position: absolute;
  top: 11px;
  left: -20px;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 10px;
  border-right-color: #eff5ff;
  z-index: 2;
}

/*  _設定
------------------------------------------------------------- */

input.c-form-readonly,
textarea.c-form-readonly {
  padding: 14px 20px;
  border: none;
  outline: none;
  background-color: #f9f9f9;
}

.pg-user .form-control:disabled,
.pg-user .form-control[readonly] {
  background-color: #f9f9f9;
  opacity: 1;
  outline: none;
}

/*  _ログ
------------------------------------------------------------- */
.c-table.p-table__log {
  border: none !important;
  border-radius: 0;
  border-collapse: collapse;
}

.c-table.p-table__log thead tr {
  background: #f2f6fc;
  border-radius: 0;
}

.c-table.p-table__log thead th {
  border: none !important;
  border-radius: 0;
  color: #2a3852;
}

.c-table.p-table__log thead th:first-child {
  border-radius: 0;
}

.c-table.p-table__log tbody tr {
  border-bottom: 1px solid #d6d6d6;
}

.c-table.p-table__log tbody tr:nth-child(even) {
  background: transparent;
}

.c-table.p-table__log tbody th {
  width: 110px;
}

.c-table.p-table__log td .c-txt--xl {
  font-size: 2em;
}

.c-table.p-table__log thead th .c-th--sort .c-icn--sort path {
  fill: #2a3852;
}

.c-table.p-table__log .p-table__log__btn {
  width: 84px;
}

.c-table.p-table__log tbody td .c-btn--sm {
  margin: 0;
  padding: 5px;
}

.p-log__score .c-col__item {
  width: 25%;
}

.p-log__score .c-col__item:nth-child(1) {
  width: 50%;
}

.p-log__score .p-log__score__title {
  font-size: 1em;
}

.p-log__score .p-log__score__txt {
  padding: 10px 0 0;
}

.p-log__score__point strong {
  font-size: 2.5em;
}

/*  _単元一覧
------------------------------------------------------------- */
.p-box__cover {
  width: 1253px;
  height: 220px;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.p-box__cover__item {
  width: 100%;
  object-fit: cover;
  border-radius: 0 0 10px 10px;
  z-index: -1;
}

.p-box__cover+.l-content {
  margin-top: -220px;
}

.p-box__cover+.l-content .c-ttl--style1 {
  margin-top: 130px;
}

.p-unitlist__inner {
  padding: 0;
}

.p-unitlist__item {
  margin-bottom: 20px;
  padding: 20px 24px;
  border: 1px solid #a7b3d2;
  border-radius: 3px;
}

.p-unitlist__title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a7b3d2;
}

.p-sideprogress--title {
  margin-bottom: 20px;
  color: #525e76;
}

.p-sideprogress--content {
  width: 194px;
  height: 194px;
  margin: 0 auto;
  padding-top: 46px;
  border: 24px solid #ff749b;
  border-radius: 50%;
  color: #525e76;
}

.p-sideprogress--content span {
  padding-right: 3px;
  font-size: 1.5em;
}

.p-side--title__topic svg {
  width: 26px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: 2px;
}

.p-sidetopic__inner {
  padding: 0;
}

.p-sidetopic__item {
  padding: 15px 0 0 5px;
  border-bottom: 1px solid #e9e9e9;
}

.p-sidetopic__tag {
  min-width: 0;
  padding: 2px 8px;
}

.p-sidetopic--item--title {
  margin-top: 4px 0 0;
}

/*  _単元詳細
------------------------------------------------------------- */

.p-unitmenu .c-sidenav__item-link {
  background-color: #fff;
  border-bottom: 1px solid #eff5ff;
}

.p-tasklist__date__tag {
  min-width: 64px;
  margin-top: 3px;
  padding: 0 5px;
  border-radius: 20px;
  color: #fff;
}

.p-courseinfo--title {
  position: relative;
  margin-bottom: 15px;
  border-bottom: 6px solid #d8e8ff;
}

.p-courseinfo--title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 37px;
  height: 6px;
  background: #64a6fe;
}

.p-adminlist__item {
  position: relative;
  padding: 10px 15px;
  border: 1px solid #65a7fe;
  border-radius: 5px;
}

.p-adminlist__item--thumb {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px !important;
  border-radius: 50%;
  overflow: hidden;
    object-fit: cover;
}

.p-adminlist__item--content {
  display: inline-block;
  vertical-align: middle;
  width: 350px;
  padding-left: 10px;
}

.p-adminlist__item--name {
  margin-bottom: 0;
  color: #2a3853;
}

.c-link {
  display: block;
  position: relative;
  margin-bottom: 10px;
  padding: 12px 15px;
  border: 1px solid #65a7fe;
  border-radius: 5px;
}

.c-link:hover {
  background: #f2f6fc;
}

.c-link:before {
  border-radius: 1px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 14px;
  left: auto;
  width: 7px;
  height: 7px;
  margin-top: -4.5px;
  background: none;
  -webkit-transform: rotate(45deg) skew(1.2deg, 1.2deg);
  transform: rotate(45deg) skew(1.2deg, 1.2deg);
  border-top: 2px solid #68a8fe;
  border-right: 2px solid #68a8fe;
  content: "";
}

.c-icn--link {
  padding-right: 5px;
}

.c-icn--link i {
    color: #68a8fe;
    font-size: 20px;
}

.c-sidenav__item ul {
    padding-left: 0;
}

.c-sidenav__item ul .is-active.c-sidenav__item-link:after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 32px;
    width: 6px;
    background: #4c99fd;
    border-radius: 3px;
    content: "";
}

.c-sidenav__item ul .is-active.c-sidenav__item-link {
    padding-left: 48px;
    margin: 2px 0;
}

.c-sidenav__item ul .is-active.c-sidenav__item-link:before {
    display: none;
}

/*  _カレンダーモーダル
------------------------------------------------------------- */

.modal-body .c-form-textarea.c-form-textarea__high {
  height: 230px;
}

/*  _タブ
------------------------------------------------------------- */

.c-tab {
  display: flex;
  flex-wrap: wrap;
}

.c-tab:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #68a8fe;
  display: block;
  order: -1;
}

.c-tab--label {
  position: relative;
  z-index: 1;
  width: 162px;
  margin-bottom: 0;
  padding: 10px;
  background: #f2f6fc;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  order: -1;
  cursor: pointer;
}

.c-tab--label:not(:last-of-type) {
  margin-right: 5px;
}

.c-tab--content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.c-tab--switch:checked+.c-tab--label {
  background: #68a8fe;
  color: #fff;
}

.c-tab--switch:checked+.c-tab--label+.c-tab--content {
  height: 100%;
  overflow: auto;
  opacity: 1;
  transition: 0.5s opacity;
}

.c-tab--switch {
  display: none;
}

.c-tab--new {
  min-width: 46px;
  padding: 2px 5px;
  font-size: 0.7em;
}

.p-sidetopic .c-tab--label {
  flex: 1;
}

/*  _設定
------------------------------------------------------------- */
.c-input__setting-img__file {
  position: relative;
  overflow: hidden;
  border: 1px solid #9da8c6;
  background-color: #eff5ff;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  margin: 10px auto;
  text-align: center;
}

.c-input__setting-img__file button {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

.c-input__setting-img__file label {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 48px 0 0;
  cursor: pointer;
}

.c-input__setting-img__file svg {
  width: 55px;
  height: 55px;
}

/*  _その他
------------------------------------------------------------- */

.c-mt10 {
  margin-top: 10px;
}

.c-txt--muted {
  color: #b1b1b1;
}

.c-tag--close {
  color: #fff;
  border-color: #9da8c6;
  background-color: #9da8c6;
}

.c-tag--sendback {
  color: #fff;
  border-color: #9289e7;
  background-color: #9289e7;
}

.c-tag--offline {
  color: #2a3853;
  border-color: #cce1fd;
  background-color: #cce1fd;
}

.c-box--line {
  padding: 15px;
  border: 1px solid #a7b3d2;
}

.c-box__maintenance {
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 1.5rem 2rem;
  font-weight: bold;
  border: 1px solid #ff749b;
  background-color: #ffedf2;
}

.c-txt__maintenance {
  margin: 0;
  color: #525e76;
}

.c-icn__maintenance {
  margin-right: 5px;
}

.c-icn__maintenance svg {
  width: 22px;
  height: 20px;
}

.c-icn__maintenance path {
  fill: #ff749b;
}

.c-form-input-sidebtn80 {
  width: calc(100% - 178px);
  margin-right: 10px;
}

.c-formwrap__modal input[type="text"],
.c-formwrap__modal input[type="email"],
.c-formwrap__modal input[type="tel"],
.c-formwrap__modal input[type="url"],
.c-formwrap__modal input[type="password"],
.c-formwrap__modal button,
.c-formwrap__modal select-input,
.c-formwrap__modal textarea {
  border-color: #ccc;
}

/*  _lightbox
------------------------------------------------------------- */

body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  opacity: 1;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  margin-top: 62px;
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container>.nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #333;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  position: absolute;
  right: 20px;
  top: 0;
  display: block;
  width: 45px;
  height: 45px;
  background: url(/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.l-side .c-btn--primary_light {
    background: #cde0ff;
    border-color: #a9c3ef;
}

.l-side .c-btn--primary_light:hover {
    background: #b3d0ff;
}

/*  CC list
-------------------------- */
.cc-list {
    padding-left: 0;
}

.cc-list .second-level::before,
.cc-list .third-level::before,
.cc-list .forth-level::before{
    content: "└";
    font-weight: bold;
    font-size: 40px;
    float: left;
    color: #8b9ac2;
}

.cc-list .third-level::before{
    margin-left: 48px;
}

.cc-list .forth-level::before{
    margin-left: 96px;
}

.cc-list .second-level + .second-level::before,
.cc-list .third-level + .third-level::before,
.cc-list .forth-level + .forth-level::before{
    content: "";
}

.cc-list-accordion {
    border: 1px solid #dee3eb;
    background: #fff;
    padding: 5px 20px;
    border-radius: 10px;
}

.cc-list-none {
    border: 1px solid #dee3eb;
    background: #efefef;
    padding: 5px 20px 0;
    border-radius: 10px;
}

.cc-list-none dd {
    display: block !important;
}

.cc-list-none .cc-pack-action {
    visibility: hidden;
}

.cc-list .second-level .cc-list-accordion,
.cc-list .second-level .cc-list-none{
    margin-left: 48px;
}

.cc-list .third-level .cc-list-accordion,
.cc-list .third-level .cc-list-none{
    margin-left: 96px;
}

.cc-list .forth-level .cc-list-accordion,
.cc-list .forth-level .cc-list-none{
    margin-left: 144px;
}

.cc-pack {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.cc-list-accordion dd {
	display: none;
}

.cc-list-accordion dt .cc-pack-title::before {
    content: "";
    width: 6px;
    height: 6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4c99fd;
    display: inline-block;
	cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
}

.cc-list-accordion dt.active .cc-pack-title::before{
    width: 6px;
    height: 6px;
    border-bottom: 6px solid #4c99fd;
    border-top: 0;
    vertical-align: baseline;
}

.cc-list-accordion dd .cc-pack {
    border-bottom: 1px solid #dee3eb;
}

.cc-list-accordion dd .cc-pack:last-child {
    border-bottom: none;
}

.cc-list-accordion dd .cc-pack:first-child {
    border-top: 1px solid #dee3eb;
}

.cc-pack-title {
    width: calc(100% - 120px);
    padding-right: 40px;
}

.pg-user .cc-pack-title,
.cc-selectwrap .cc-list-accordion dd .cc-pack-title {
    width: 100%;
    padding-right: 0;
}

.cc-pack-title span {
    display: block;
}

.cc-pack .c-btn--primary.c-btn--sm {
    padding-right:22px;
    margin:4px 0 4px 8px;
}

.cc-pack-action .c-icn--delete {
    margin-bottom: 0;
}

.cc-pack-action .c-icn--delete svg,
.cc-pack-action .c-icn--delete path,
.cc-pack-action .c-icn--delete rect,
.cc-pack-action .c-icn--delete g,
.cc-pack-action .c-icn--delete polygon {
    fill: #8b9ac2;
    margin-bottom: 0;
}

.pg-user dd .cc-pack-title {
    width: 100%;
    padding-right: 0;
}

/*　関連コンテンツ追加　*/

#jquery-ui-draggable-connectToSortable {
    width: 100%;
}

#jquery-ui-draggable-connectToSortable .d-flex {
	align-items: flex-start;
}


.selection-area {
    background: #f9f9f9;
	overflow-y: auto;
	vertical-align: top;
    width: 50%;
    height: calc(100vh - 100px);
    padding: 20px;
}

.selection-area .c-icn--delete,
.selection-area .c-public__checkbox{
	display: none;
}

.droppable-area {
	overflow-y: auto;
	vertical-align: top;
	width: 50%;
    height: calc(100vh - 100px);
	padding: 2em;
    border-left:1px dashed #c5d6f3;
    background: #fff url("../../img/drag-and-drop.png") no-repeat center center;
}

.droppable-area:hover {
	background: #eff5ff url("../../img/drag-and-drop.png") no-repeat center center;
}

.droppable-area p {
    margin-bottom: 1em;
    color: #4c99fd;
    font-size: 2rem;
}

.droppable-area p.c-public__checkbox {
    margin-bottom: 0;
}

.droppable-area .c-icn--delete,
.selection-area  .c-btn__outline--primary {
	display: inline-block;
}

.cc-selectwrap {
	border:1px solid #cce1fd;
	margin-bottom: 2rem;
    font-size: .875em;
}

.selection-area .p-topic__tab--content {
	margin-top: 0;
}

.selection-area .c-search-sort {
	margin: 8px 0;
    background: #efefef;
    padding: 10px;
}

.selection-area .c-tag--secondary,
.selection-area .c-tag--accent {
	min-width: 30px;
	margin-left: 5px;
    padding: 2px 4px;
    font-weight: 300;
}

.selection-area .c-tab--label {
    background: none;
    font-size: .875em;
    width: auto;
    margin-right: 10px;
    border-bottom: 1px solid #cce1fd;
}

.selection-area .c-tab--switch:checked+.c-tab--label {
    background: none;
    border-bottom: 3px solid #68a8fe;
    color: #333;
}

.selection-area .c-tab:after {
    display: none;
}

.c-ccpack {
	padding: 12px 15px;
    border: 1px solid #65a7fe;
    border-radius: 5px;
}

.c-ccpack .c-breadcrumb {
	font-weight: normal;
	margin: 0;
	padding: 0 0 1em;
	color: #525e76;
}

.c-ccpack dd .cc-pack {
	border-bottom: 1px dotted #65a7fe;
    padding: 1em;
}

.c-ccpack dd .cc-pack:first-child {
	border-top: 1px dotted #65a7fe;
}

.c-ccpack dd .cc-pack:last-child {
	border-bottom: none;
}

.droppable-area .jquery-ui-draggable {
	width: calc( (100vw / 2) - 120px );
}

.cc-pack-action .action-label::before {
    content: "追加";
}

.droppable-area .cc-pack-action .c-btn__outline--primary {
    display: none;
}

.droppable-area .cc-pack-action .c-public__checkbox .c-btn__outline--primary {
    display: inline-block;
}

.droppable-area .cc-pack-action .c-btn__outline--primary.c-btn--sm {
    pointer-events: none;
}

.cc-list-accordion.selected .cc-pack-action .action-label::before {
    content: "選択済";
}

.cc-list-accordion.selected .cc-pack-action .c-btn__outline--primary {
    background: #efefef;
    border-color: #efefef;
}

.c-icn__ccpack {
    width: 28px;
    height: auto;
}

.cc-pack-title .c-icn__ccpack {
    margin-left: 10px;
}