@charset "UTF-8";

@media screen and (max-width: 896px) {
  /* =============================================================

    Project CSS

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

  /*  _menu
------------------------------------------------------------- */

  .p-menu__content .p-header__btn a {
    margin: 0 auto;
  }

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

  .pg-user .l-header {
    border-bottom: 1px solid #dee3eb;
  }

  /*  _共通
------------------------------------------------------------- */

  .pg-user .c-btn--lg {
    line-height: 1.1em;
  }

  .pg-user .l-content {
    padding-bottom: 300px;
  }

  .l-footer {
    height: auto;
  }

  .l-main-inner {
    margin-left: 0;
  }

  .c-boxwide {
    padding: 94px 5% 24px 5%;
  }

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

  .c-box__task.c-box__task-horizontal,
  .c-box__task.c-box__task-horizontal dt,
  .c-box__task.c-box__task-horizontal dd {
    display: block;
    width: 100%;
  }

  .c-box__task.c-box__task-horizontal dd {
    text-align: center;
  }

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

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

  .c-col--2 .c-col__item {
    width: 100% !important;
  }

  .c-col--2 .c-col__item:last-child {
    margin-top: 15px;
  }

  .c-boxwide .c-col__inner {
    padding: 0;
  }

  .c-boxwide .c-col--2 .c-col__inner {
    margin-top: 0;
  }

  .c-col--line .c-col__inner {
    display: block;
  }

  hr.c-line--dot {
    margin-bottom: 0;
  }

  .c-txt--arw {
    font-size: 1.3em;
  }

  .c-txt--arw::before {
    top: -3px;
  }

  .pg-user .c-ttl--style1 {
    margin-right: 0;
    margin-left: 0;
  }

  /*  _Table  */

  .c-tablewrap {
    white-space: normal;
  }

  /*  _フォントサイズ調整  */

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

  .c-txt--md {
    font-size: 1.4em;
  }
  

  .l-main .c-ttl--style2,
  .l-main .c-ttl--style2__m0,
  .l-side .c-side--title {
    font-size: 1.5em;
  }

  .l-side .p-course-list_inner {
    font-size: 1.2em;
  }

  .l-side .p-sidetimeline .p-sidetimeline--item {
    font-size: 1.2em;
  }

  .l-side .p-sidetimeline .p-sidetimeline--item .p-sidetimeline--title {
    font-size: 0.8em;
  }

  .p-tasklist__none,
  .p-course-list__none {
    padding: 40px 20px;
    font-size: 1.3em;
  }

  .p-tasklist__item__link {
    padding-right: 35px;
    padding-left: 80px;
  }

  .p-tasklist__img {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 65px;
    margin-top: -32px;
  }

  .p-tasklist__date {
    display: block;
    width: 100%;
    border-right: none;
    text-align: left !important;
  }

  .p-tasklist__date span {
    display: inline;
    padding-right: 5px;
  }

  .p-tasklist__date__tag {
    display: inline-block !important;
    margin: -2px 0 0;
    padding: 2px 5px;
    font-size: .9em;
    vertical-align: middle;
  }

  .p-tasklist__title {
    display: block;
    width: 100%;
  }


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

  .c-inner--padding {
    padding: 0;
  }

  /*  _1週間カレンダー矢印調整 */

  .pg-user .p-calendar--week .fc-prev-button {
    padding: 8px 0 0 9px;
  }


  .pg-user .c-inputwrap .c-input--half {
    width: 100%;
  }

  .c-form-select.c-form-select__spwide {
    width: 123% !important;
  }

  /*  _サイドカラム解除
------------------------------------------------------------- */

  .pg-user .l-main {
    float: none;
    width: 100%;
    min-width: 100%;
  }

  /*  _サイドナビ
------------------------------------------------------------- */

  .c-sidenav.c-sidenavi-col-2 {
    padding: 0 0 20px 0;
    border: none;
  }

  .c-sidenav.c-sidenavi-col-2 .c-sidenav__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }

  .pg-user .c-sidenav.c-sidenavi-col-2 .c-sidenav__item {
    width: 49.7%;
    font-size: 1.1em;
    padding: 0;
  }

  .pg-user .c-sidenav.c-sidenavi-col-2 .c-sidenav__item-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .pg-user .p-unitmenu .c-sidenav__item-link:last-child {
    border-bottom: none;
  }

  .c-sidenav.c-sidenavi-col-2 .c-sidenav__item a:hover {
    background-color: #e2ebf9;
  }

  .p-sideprogress--content {
    margin-bottom: 2em;
    padding-top: 35px;
  }

  .p-sidetopic.c-tab .c-tab--label {
    width: 45%;
    padding: 0.5em 0;
    font-size: 1.2em;
  }

  .p-sidetopic .p-sidetopic__item {
    padding: 13px 0 0 5px;
    font-size: 1.3em;
  }

  .p-sidetopic .p-sidetopic__item .p-sidetopic__tag {
    padding: 4px 8px;
    font-size: 0.85em;
  }

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

  .p-log__record__wrap,
  .p-log__graph__wrap {
    width: 100% !important;
  }

  .p-log__graph__wrap {
    padding-top: 0 !important;
  }

  .p-mypage__record--title,
  .p-log__record--title {
    font-size: 1.05em;
  }

  .p-mypage__record__score {
    line-height: 1.5em;
  }

  .p-mypage__record--content {
    padding-top: 0.5em;
  }

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

  .p-mypage__graph__item {
    height: 250px;
  }

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

  .p-log__graph__item:before,
  .p-log__graph__item:after {
    top: -40px;
    right: 23%;
    border-width: 21px 20px;
  }

  .p-log__graph__item:after {
    top: -43px;
  }

  .p-calendar--week.fc {
    font-size: 1.2em;
  }

  .c-col--2 .c-col__item.p-mypage__record__wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .c-col--2 .c-col__item.p-mypage__record__wrap .p-mypage__record__item {
    width: 49% !important;
    margin-right: auto;
  }

  .c-col--2 .c-col__item.p-mypage__record__wrap .p-mypage__record__item:last-child {
    margin-right: 0;
  }

  .p-mypage__record__wrap .p-mypage__record__item {
    padding: 1em 0 0.3em 0;
  }

  .c-col--2 .c-col__item.p-mypage__graph__wrap {
    margin-top: -3px;
  }

  .p-mypage__graph__item:before {
    top: -45px;
    left: 67%;
    transform: rotate(90deg)
  }

  .p-mypage__graph__item:after {
    top: -51px;
    left: 67%;
    transform: rotate(90deg)
  }

  .c-txt__maintenance {
    text-indent: -2.5em;
    padding-left: 2.2em;
  }

  .c-icn__maintenance {}


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

.p-topic--wrap {
  margin-bottom: 30px;
}
  .p-topic--item {
    padding: 20px 0;
    font-size: 1.15em;
  }

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

  .l-main .p-topic--item .c-tag--sm {
    min-width: 20%;
    font-size: 0.75em;
    padding: 0.3em 0;
  }

  .p-topic--item .p-topic--item--title {
    display: block;
    max-width: 100%;
    padding-top: 0.5em;
    line-height: 1.5;
  }

  .p-topic--item .p-topic--item--tag {
    /*margin-bottom: 0.5em;*/
  }

  .p-topic--item .c-tag--accent {
    min-width: 50px;
    font-size: 0.7em;
  }

  .l-main .c-tab .c-pagination {
    margin-top: 80px;
    padding-top: 0;
  }

  .l-main .c-tab .c-pagination:last-child {
    margin-top: 30px;
  }

  .p-topic--content p {
    font-size: 1.1em;
  }

  .p-topic__notice {
    padding: 1.5em 1em;
  }

  .p-topic__notice__inner li {
    margin-bottom: 1em;
  }

  .p-topic__notice__inner li:last-child {
    margin-bottom: 0;
  }
    
  .p-usernav__item .c-tag--sm {
      float: right;
  }

  /*  _コース
------------------------------------------------------------- */

  .c-btn__taskchange {
    margin-top: 2.5em;
  }

  .pg-user .c-btn__taskchange .c-btn--lg {
    margin-bottom: 0;
  }

  .pg-user .c-search-sort .c-btnwrap {
    margin-top: -5px;
    padding: 0;
  }

  .pg-user .c-search-sort {
    text-align: center;
  }

  .pg-user .c-search-sort.c-sp-left {
    text-align: left;
  }

  .pg-user .c-search-sort button {
    margin-top: 15px;
  }

  .pg-user .c-search-sort.c-sp-left button {
    margin-top: -10px;
  }

  .c-datepicker+.c-txt--bold {
    margin: 0;
  }

  .pg-user .c-search-sort .c-input__title {
    padding: 0;
    font-size: 1.1em;
  }

  .pg-user .c-search-sort .c-datepicker {
    width: calc(50% - 35px);
    min-width: auto;
    margin-right: 0 !important;
  }

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

  .pg-user .c-input__content .c-datepicker + .c-txt--bold.c-form-txt--bold {
    margin-left: 0;
    padding-left: 8px;
  }

  .p-input__courselist--radio {
    display: block;
    padding: 0 0 1em 0;
    font-size: 1.25em;
  }

  .p-input__courselist--radio label {
    margin: 2em 1em 2em 2px;
  }

  .p-courselist__inner {
    display: block;
  }

  .p-courselist.c-col--4>* {
    width: 100%;
    height: auto;
  }

  .c-col--4 .p-courselist__inner.c-col__inner {
    margin: 0 0 0 -8px;
  }

  .c-col--4 .p-courselist__inner .c-col__item {
    width: 100%;
    margin-bottom: 1.5em;
    font-size: 1.4em;
  }

  .pg-user .p-courselist .c-labeltag {
    top: 20px;
    left: 2px;
    width: 18%;
    height: 36px !important;
    padding-top: 4px;
    z-index: 100;
  }

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

  .p-courselist__thumb {
    height: auto;
  }

  .p-courselist__date.c-txt--xs {
    font-size: 0.85em;
  }

  .p-unitlist__item {
    font-size: 1.1em;
  }

  .p-unitlist__title.c-txt--md {
    font-size: 1.2em;
    line-height: 1.4;
  }

  .p-topic--item--date,
  .p-topic__item,
  .p-topic__notice {
    font-size: 1.15em;
  }

  .p-topic--item--date {
    margin: -8px 0 10px 0;
  }

  .p-courseinfo__item .p-courseinfo--content,
  .p-adminlist__item {
    font-size: 1.25em;
  }

  .pg-user .modal-content .c-ttl--style2 {
    margin: 0 0 20px 0;
  }

  .pg-user .modal-content .c-btnwrap button {
    width: 40%;
    min-width: auto;
    margin: 0 0.3em;
  }

  .p-adminlist__item {}

  .p-adminlist__item::after {
    content: "";
    display: block;
    clear: both;
  }

  .p-adminlist__item img {
    float: left;
    margin-right: 0.5em;
  }

  .p-adminlist__item .p-adminlist__item--content {
    float: left;
    width: 70%;
    padding-top: 0.5em;
  }

  .c-col__item.p-adminlist:last-child {
    margin-top: 0;
  }

  .c-table.c-table__user>thead>tr>th,
  .c-table.c-table__user>thead>tr>td,
  .c-table.c-table__user>tbody>tr>td,
  .c-table.c-table__user>tfoot>tr>td {
    width: auto;
  }

  .c-table.c-table__user {
    font-size: 1.1em;
    max-width: 100%;
  }

  .c-table.c-table__user .c-table__user__thumb {
    width: auto;
  }

  .c-table.c-table__user tbody th.c-table__user__thumb {
    width: 10%;
  }

  .c-table.c-table__user .c-table__user__thumb .c-icn--user {
    width: 45px;
    margin: 0;
  }

  .c-table.c-table__user tbody .c-table__user__name {
    width: 15%;
  }

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

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

  .c-ttl--style1.p-ttl__cover {
    margin: 0;
    padding: 30px 25px 30px 85px;
  }

  .c-ttl--style1.p-ttl__cover::before {
    content: none;
  }

  .p-ttl__cover {
    position: relative;
  }

  .p-icn__cover img {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 62px;
    height: 62px !important;
    margin-top: -31px;
    border-radius: 50%;
    z-index: 100;
  }

  .c-txt--ttlperiod {
    margin: 0.5em 0 0 0;
  }

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

  .c-passage {
    position: relative;
    padding: 45px 20px 15px 20px;
  }

  .c-passage .c-passage__txt,
  .c-passage .c-passage__timer {
    position: absolute;
    width: 50%;
  }

  .c-passage .c-passage__gauge {
    width: 100%;
  }

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

  .c-passage .c-passage__txt {
    left: 20px;
    top: 10px;
    font-size: 1em;
  }

  .c-passage .c-passage__timer {
    right: 20px;
    top: 10px;
    font-size: 1.2em;
  }

  .p-test__title {
    text-align: center;
  }

  .p-txt--title__q {
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.28em;
  }

  .p-test__title .p-txt--title__q {
    font-size: 0.95em;
  }

  .c-question {
    margin: 15px 0;
    font-size: 1.1em;
  }

  .c-question-sample {
    padding: 1em 1em 1.5em;
    font-size: 1.2em;
  }

  .c-question-keywords {
    font-size: 1.2em;
  }

  .pg-user .c-answer {
    overflow: hidden;
    margin-bottom: 40px;
    font-size: 1em;
  }

  .c-answer .c-answer__item,
  .c-answer--result .c-answer__item,
  .c-answer--result_content,
  .c-answer--result_comment {
    font-size: 1.15em;
  }

  .c-answer__col--2 .c-answer__inner {
    display: block;
    flex-wrap: nowrap;
    width: 99.6%;
  }

  .c-answer__col--2 .c-answer__item {
    width: 100%;
  }
    
  .c-labeltag--scoring + .c-txt--error {
      padding-top: 50px;
  }

  @media screen and (max-width: 320px) {
    .is-correct.c-answer__item__outline .c-answer__item-txt:before,
    .is-correct--select.c-answer__item__outline .c-answer__item-txt:before {
      width: 30vw;
      height: 30vw;
      margin-top: -11vw;
      margin-left: -15vw;
    }

    .is-incorrect.c-answer__item__outline .c-answer__item-txt:before {
      width: 24vw;
      height: 24vw;
      margin-top: -8vw;
      margin-left: -12vw;
    }
  }

  .c-question-image,
  .c-answer-image {
    position: relative;
    margin-right: 16px;
  }

  .c-question-image .p-icn__zoom,
  .c-answer-image .p-icn__zoom {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
    width: 62px;
    height: 62px;
    padding-top: 18px;
    text-align: center;
    border-radius: 92px;
    background-color: #f2f6fc;
  }

  .c-question-image .p-icn__zoom img,
  .c-answer-image .p-icn__zoom img {
    width: 24px;
    height: 24px;
  }

  .c-question-image:hover,
  .c-answer__item .c-answer-image:hover {
    cursor: pointer;
  }

  .c-question-image:hover p img,
  .c-answer__item .c-answer-image:hover p img {
    opacity: 0.6;
  }

  .c-question-image:hover .p-icn__zoom,
  .c-answer__item .c-answer-image:hover .p-icn__zoom {
    background-color: #e4eefc;
  }

  .pg-user .c-btnwrap--bottom .c-btn--lg {
    /*width: 40%;*/
  }

  .pg-user .l-side .c-btnwrap,
  .pg-user .l-side .c-btnwrap--top,
  .pg-user .l-side .c-btnwrap--bottom {
    font-size: 1em;
  }

  .c-answer--result_content {
    margin: 25px 0 0 0;
  }

  .c-answer--result_comment {
    margin: 15px 0 30px 0;
  }

  .c-answer--result_comment + .c-txt--right {
    margin-top: -15px;
    margin-bottom: 25px;
    font-size: 0.8em;
  }

  .pg-user .c-boxwide-graph .c-graph-scorewrap,
  .pg-user .c-boxwide-graph .c-graph-chart {
    float: none;
    width: 100%;
    clear: both;
  }

  .pg-user .c-boxwide-graph .c-graph-scorewrap .c-txt--xl {
    font-size: 2em;
  }

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

  .pg-user .c-boxwide-graph .c-graph-scorewrap .c-graph-score {
    margin-top: 0;
  }

  .pg-user .c-boxwide-graph .c-graph-scorewrap .c-graph-score .c-col__item {
    width: 50% !important;
  }

  .pg-user .c-boxwide-graph .c-graph-scorewrap .c-graph-score .c-col__item:last-child {
    margin-top: 0;
  }

  .pg-user .c-boxwide-graph .c-graph-chart {
    clear: both;
    margin-top: 3em;
  }

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

  .p-box__report-content {
    padding: 0;
  }

  .c-boxwide.c-boxwide-short {
    padding: 0 1em;
  }

  .p-box__report-content .c-title__reportcontent {
    text-align: left;
    margin-bottom: 0.8em;
    font-size: 1.7em;
  }

  .p-box__report-content p {
    font-size: 1em;
  }

  .c-editbtn--wrap .c-editbtn--content,
  .c-editbtn--wrap .c-editbtn--btn {
    width: 100%;
    font-size: 1.1em;
  }

  .c-graph-recordwrap .c-box__record-txt {
    font-size: 1.1em;
  }

  .pg-user .c-box__record dd {
    padding: 10px 24px;
  }

  .pg-user .c-box__record dd .c-editbtn--btn {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }

  .pg-user .c-box__task {
    margin-top: 2em;
  }

  .pg-user .c-box__task dt,
  .pg-user .c-box__record dt {
    padding: 10px;
    font-size: 1.2em;
  }

  .c-editbtn--wrap .c-editbtn--btn {
    text-align: center;
  }

  .c-editbtn--wrap .c-editbtn--btn a {
    padding: 15px 6rem;
  }

  .c-balloon .c-balloon--item .c-balloon--txt {
    width: 70%;
    margin-left: 10%;
    font-size: 1.2em;
  }

  .c-score {
    display: block;
  }

  .c-formwrap.c-formwrap__drill {
    font-size: 1em;
  }

  .c-formwrap.c-formwrap__drill .c-ttl--style2 {
    font-size: 1.6em;
  }

  .c-score .c-score--point {
    width: auto;
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.2em;
  }

  .c-score .c-scoret--point__half {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
  }

  .c-score .c-score--content {
    padding-right: 0;
    padding-left: 0;
    border: none;
  }

  .c-score .c-score--content .c-editbtn--content {
    margin-bottom: 20px;
    padding: 0;
  }

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

  .c-table.p-table__score__result thead {
    display: none;
  }

  .c-table.p-table__score__result th,
  .c-table.p-table__score__result td {
    display: block;
    text-align: left;
    padding: 8px 12px;
  }

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

  .c-table.p-table__score__result tbody th {
    width: 100%;
    min-width: 0;
    padding: 12px 12px 5px 12px;
    letter-spacing: 0;
    font-size: 1em;
  }

  .c-table.p-table__score__result tbody th::before {
    float: left;
    content: attr(data-label);
    margin-right: 1em;
  }

  .c-table.p-table__score__result tbody td::before {
    display: block;
    content: attr(data-label);
    margin-bottom: 5px;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #f2f6fc;
  }

  .c-table.p-table__score__result tbody td:last-child::before {
    display: none;
  }

  .c-table.p-table__score__result tbody td:last-child {
    padding-bottom: 20px;
    text-align: center;
  }

  .c-table.p-table__score__result tbody td:last-child .c-btn--sm {
    font-size: 1.1em;
  }

  .c-table.p-table__score__result .c-btn--sm {
    margin-right: 0;
    margin-left: 0;
  }
  
  .c-score .c-score--point strong {
    font-size: 1.7em;
  }
  

  /*  _ドリル
------------------------------------------------------------- */

  .c-boxwide.c-boxwide_nolabel {
    padding-top: 2em;
  }

  .c-boxwide .c-mt40 {
    margin-top: 0;
  }

  .c-answer--result_content+.c-txt--right {
    margin: 10px 0 30px 0;
  }

  .c-answer__correct:before {
    width: 80px;
    height: 80px;
    margin-top: -80px;
    margin-left: -40px;
  }

  .c-answer__incorrect:before {
    width: 80px;
    height: 80px;
    margin-top: -80px;
    margin-left: -40px;
  }
/*
  .c-answer__mistake {
    left: 50%;
    top: 45%;
    width: 30%;
    height: auto;
    margin-top: -19%;
    margin-left: -10%;
  }

  .c-answer__mistake:before,
  .c-answer__mistake:after {
    height: 200px;
    width: 25px;
  }
  */


  /*  _アンケート
------------------------------------------------------------- */

  .c-box__task.c-box__task-horizontal .c-box__w25 {
    width: 100%;
  }

  .p-box__answer .p-box__answer--content .p-btn__edit {
    display: block;
    float: none;
    width: 60%;
    margin: 15px auto;
    padding: 15px 0;
  }

  /*  _学習ログ
------------------------------------------------------------- */

  .c-formwrap h2.c-ttl--style2-single {
    font-size: 1.35em;
    margin: 1em 0 20px 0;
  }

  .c-formwrap {
    /*font-size: 1.35em;*/
  }

  .p-log__graph__wrap .c-col--2 .c-col__item {
    width: 49.5% !important;
  }

  .p-log__graph__wrap .c-col--2 .c-col__item:last-child {
    margin-top: 0;
  }

  .p-log__record__wrap .p-log__record--content .p-log__record--title {
    float: left;
    width: 40%;
    padding-top: 3.5em;
  }

  .p-log__record__item {
    margin-bottom: 0;
    padding: 8px 12px 2px 0;
  }

  .p-log__recordlist {
    float: right;
    width: 60%;
    padding: 0;
  }

  .p-log__graph__item {
    margin-top: 15px;
    height: 240px;
  }

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

  .p-log__recordlist__item {
    padding: 4px 4px;
  }

  .p-log__recordlist__item .c-txt--sm {
    font-size: 0.7em;
  }

  .c-input__spharf {
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 10px !important;
    padding: 0;
  }

  .c-input__spharf select.c-form-select {
    transform: scale(1);
    width: 48% !important;
    height: 50px;
    margin-left: 2px;
    font-size: 1.1em !important;
  }

  .pg-user .c-search-sort .c-search-sort__keyword {
    margin-left: -2px;
    padding: 12px;
  }

  .c-table.p-table__log {
    font-size: 1.2em;
  }

  .c-table.p-table__log .c-btn--sm {
    font-size: 0.92em;
  }

  .p-log__scoreall {
    margin-top: 1.5em;
  }

  .p-log__scoreall .c-input {
    margin-bottom: 0;
    padding: 0;
  }

  .p-log__score .c-box__record-inner {
    margin-bottom: 0;
  }

  .p-log__score .c-box__record-inner .p-log__score__txt {
    margin-top: 0.5em;
  }

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

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

  .p-log__score .c-col__inner {
    padding: 0;
    font-size: 0.75em;
  }

  .pg-user .c-input__content input,
  .pg-user .c-input__content textarea {
    transform: scale(1);
    max-width: 98%;
    width: 100%;
    padding: 12px 12px;
    font-size: 14px !important;
  }

  .pg-user select {
    /*transform: scale(1);*/
    padding: 6px 12px;
  }

  .pg-user .c-input .c-input__title {
    font-size: 1em;
    padding: 0 0 10px 5px;
  }

  .p-log__scoreall .c-btnwrap {
    margin-top: 2em;
  }


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

  .modal-body {
    padding: 2rem 10px 0 10px;
  }

  .c-formwrap__modal .c-timepicker {
    width: 44%;
    margin: 15px 0 0 0;
  }

  .c-formwrap__modal #timepicker01 {
    margin-right: -6%;
  }

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

  .c-sort {
    text-align: center;
  }

  .c-sort .c-form-select {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em;
  }

  .c-sort .c-btn--search {
    margin: 0.5em auto;
    padding: 15px 15%;
    font-size: 1.35em;
  }

  .p-timeline--thumb {
    width: 38px;
  }
    
  .p-timeline--thumb--filter {
    width: 38px;
      height: 38px !important;
  }

  .p-timeline--content {
    display: block;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }

  .p-thumb--2 .p-timeline--content,
  .p-thumb--3 .p-timeline--content {
    width: 100%;
    padding-left: 0;
  }

  .p-timeline--item {
    margin-bottom: 25px;
  }

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

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

  .p-timeline--title {
    margin-top: -1em;
    margin-left: 48px;
    font-size: 0.95em;
  }

  .p-timeline__content--txt {
    display: block;
    margin-top: 1.8em;
    font-size: 1.2em;
  }

  .p-timeline__content--txt:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 15px;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 12px;
    border-right-color: #eff5ff;
    z-index: 2;
    transform: rotate(90deg);
  }



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

  .p-icn-list__circle {
    font-size: 1.25em;
  }

  .p-icn-list__circle.screen-sp {
    padding: 0 0 30px 0;
  }

  .p-calendar--all .fc-center {
    display: none;
  }

  .fc-left,
  .fc-right {
    font-size: 1.5em;
  }

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

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

  .c-txt--muted {
    padding-top: 30px;
  }

  /*------------------------------------------------------------- */
}