@charset "UTF-8";

.page-tshi.template .drills-area .drills_detail-area .detail .left-side .level.basic, .page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty.basic .contents {
  background-color: var(--cs-key-01) !important;
  color: var(--cs-font-lite);
}

.page-tshi.template .drills-area .drills_detail-area .detail .left-side .level.standard, .page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty.standard .contents {
  background-color: var(--cs-ac_01-01) !important;
  color: var(--cs-font-lite);
}

.page-tshi.template .drills-area .drills_detail-area .detail .left-side .level.challenge, .page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty.challenge .contents {
  background-color: #ff950a !important;
  color: white;
}

.page-tshi.template .drills-area .drills_detail-area .detail .left-side .level.test {
  background-color: var(--cs-ac_02-01) !important;
  color: var(--cs-ac_03-01);
}
.page-parents section.notice ul li.thread.new .head .time::before { animation: 1s linear 1s normal none infinite running blink;}

.admin-page-home-top .option-container.links, .page-home-login .option-container.links, .page-home-top .option-container.links {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  min-width: 512px;
  height: auto;
  margin: auto;
  padding: 0.2em 2em;
  border-radius: 50vw;
  background-color: var(--cs-basic-04);
  line-height: 1.4;
  text-align: center;
}
.admin-page-home-top .option-container.links span.text-link, .page-home-login .option-container.links span.text-link, .page-home-top .option-container.links span.text-link { margin: 0 0.5em;}
.admin-page-home-top .option-container.links span.text-link span[class^=elaicon-], .page-home-login .option-container.links span.text-link span[class^=elaicon-], .page-home-top .option-container.links span.text-link span[class^=elaicon-] {
  margin: 0 0.3em;
  color: var(--cs-font-03);
}

.admin-page-home-top .notice.content-block, .page-home-login > .notice.content-block, .page-home-top .notice.content-block {
  border-top: 1px solid var(--cs-basic-01);
  background-color: transparent !important;
  box-shadow: 0 25px 25px 0 rgba(var(--cs-basic-07-rgb), 0.2) inset;
  line-height: 1.2;
  text-align: center;
}
.admin-page-home-top .notice.content-block:empty, .page-home-login > .notice.content-block:empty, .page-home-top .notice.content-block:empty { display: none;}
.admin-page-home-top .notice.content-block .title, .page-home-login > .notice.content-block .title, .page-home-top .notice.content-block .title {
  position: relative;
  top: -1px;
  width: 250px;
  margin: auto;
  margin-bottom: 0.5em;
  padding: 0.1em;
  border: 1px solid var(--cs-basic-01);
  border-top: none;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  background-color: var(--cs-basic-02);
  box-shadow: 0 5px 3px 2px var(--cs-basic-04);
  color: var(--cs-font-02);
  line-height: 2;
  letter-spacing: 0.2em;
  text-indent: 0.8em;
}
.admin-page-home-top .notice.content-block .title::before, .page-home-login > .notice.content-block .title::before, .page-home-top .notice.content-block .title::before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: calc(100% - 3.2em);
  height: 1px;
  transform: translateX(-50%);
  background-color: var(--cs-key-03);
  content: "";
  opacity: 0.6;
}
.admin-page-home-top .notice.content-block ul, .page-home-login > .notice.content-block ul, .page-home-top .notice.content-block ul { padding: 0.5em;}
.admin-page-home-top .notice.content-block ul li, .page-home-login > .notice.content-block ul li, .page-home-top .notice.content-block ul li { margin-bottom: 0.5em;}
.admin-page-home-top .notice.content-block ul li .text-link, .page-home-login > .notice.content-block ul li .text-link, .page-home-top .notice.content-block ul li .text-link { text-decoration: underline;}
.admin-page-home-top .notice.content-block ul li span[class^=elaicon-], .page-home-login > .notice.content-block ul li span[class^=elaicon-], .page-home-top .notice.content-block ul li span[class^=elaicon-] {
  margin: 0 0.5em;
  color: var(--cs-font-03);
  text-decoration: none;
}
.admin-page-home-top .notice.content-block ul li:last-child, .page-home-login > .notice.content-block ul li:last-child, .page-home-top .notice.content-block ul li:last-child { margin-bottom: 0;}
.admin-page-home-top .notice.content-block::before, .page-home-login > .notice.content-block::before, .page-home-top .notice.content-block::before, .admin-page-home-top .notice.content-block::after, .page-home-login > .notice.content-block::after, .page-home-top .notice.content-block::after {
  display: block;
  position: absolute;
  top: -1px;
  width: 100px;
  height: calc(100% + 2px);
  content: "";
}
.admin-page-home-top .notice.content-block::before, .page-home-login > .notice.content-block::before, .page-home-top .notice.content-block::before {
  left: -1px;
  background-image: linear-gradient(to left, rgba(var(--cs-basic-02-rgb), 0), rgba(var(--cs-basic-02-rgb), 100%));
}
.admin-page-home-top .notice.content-block::after, .page-home-login > .notice.content-block::after, .page-home-top .notice.content-block::after {
  right: -1px;
  background-image: linear-gradient(to right, rgba(var(--cs-basic-02-rgb), 0), rgba(var(--cs-basic-02-rgb), 100%));
}

.contentsWrapper .contentsContainer .license_doc {
  max-width: 1024px;
  margin: 0 auto;
}
.contentsWrapper .contentsContainer .license_doc h3 {
  margin-bottom: 1em;
  line-height: 1.3;
  text-align: center;
}
.contentsWrapper .contentsContainer .license_doc :is(h3, h4, h5) {
  padding: 0;
  background: none;
  color: var(--cs-font-01);
  font-weight: bolder;
}
.contentsWrapper .contentsContainer .license_doc :is(h3, h4, h5) + p {
  padding: 0 calc(env(safe-area-inset-right) + 1em) 0.5em calc(env(safe-area-inset-left) + 1em);
  font-size: 0.9em;
}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) {
  height: 19em;
  margin: 0 calc(env(safe-area-inset-right) + 1em) 0 calc(env(safe-area-inset-left) + 1em);
  margin-bottom: 1em;
  padding: 0 1em;
  overflow-y: auto;
  border: 1px solid;
  font-size: 0.8em;
  line-height: normal;
}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) > p { margin-bottom: 2em;}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dt {
  font-weight: bold;
  line-height: 1.5;
}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd { font-size: 0.9em;}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd:not(:last-child) { margin-bottom: 1em;}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd > ol { list-style-type: decimal;}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd > ol > li {
  margin-left: 2em;
  list-style-type: inherit;
}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd > ol > li > ol { margin: 0.2em 0 0.5em 1em;}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd > ol > li > ol > li {
  margin-left: 1em;
  list-style-type: none;
  counter-increment: cnt;
}
.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) dd > ol > li > ol > li::before {
  display: inline-block;
  width: 1.7em;
  margin-left: -1.7em;
  content: "(" counter(cnt) ")";
}
.contentsWrapper .contentsContainer .license_doc .scroll_area.plain_text { white-space: pre-wrap;}

.windows .page-parents section.notice ul li.thread .head .from .content, .page-parents section.notice ul li.thread .head .from .windows .content, .windows .page-parents section.notice ul li.thread .head .to::before, .page-parents section.notice ul li.thread .head .windows .to::before, .windows .page-parents section.notice ul li.thread .head .to .grade, .page-parents section.notice ul li.thread .head .to .windows .grade, .windows .page-parents section.notice ul li.thread .head .to .class, .page-parents section.notice ul li.thread .head .to .windows .class, .windows .page-parents section.notice ul li.thread .messageContainer .condition .reply dt, .page-parents section.notice ul li.thread .messageContainer .condition .reply .windows dt, .windows .page-parents section.reply ul.replyList li.line .reply dt, .page-parents section.reply ul.replyList li.line .reply .windows dt, .windows .page-parents section.create div.reply .child label .condition .reply dt, .page-parents section.create div.reply .child label .condition .reply .windows dt {
  padding-top: 0.15em;
  line-height: 1.2;
}
.windows .page-tshi.template .template-area .sc_button-container li::before, .page-tshi.template .template-area .sc_button-container .windows li::before, .windows .page-tshi .selectDrill > .container.selectOther .button-fullwidth span::before, .page-tshi .selectDrill > .container.selectOther .button-fullwidth .windows span::before, .windows .page-tshi .selectDrill > .container.selectOther .button-fullwidth span::after, .page-tshi .selectDrill > .container.selectOther .button-fullwidth .windows span::after, .windows .page-tshi .timetable .body.row .cell.c3::before, .page-tshi .timetable .body.row .windows .cell.c3::before, .windows .page-tshi .timetable .body.row .cell.c5::before, .page-tshi .timetable .body.row .windows .cell.c5::before, .windows .page-tshi .timetable .body.row .cell .contents.detail .subject, .page-tshi .timetable .body.row .cell .contents.detail .windows .subject, .windows .page-tshi .timetable .body.row.myclass::before, .page-tshi .timetable .windows .body.row.myclass::before, .windows .page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty .contents, .page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty .windows .contents, .windows .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .difficulty, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .windows .difficulty, .windows .page-tshi .selectDrill > .container.selectRange > .contents .selected .grade, .page-tshi .selectDrill > .container.selectRange > .contents .selected .windows .grade, .windows .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .grade, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .windows .grade, .windows .page-tshi .selectDrill > .container.selectRange > .contents .selected .subject, .page-tshi .selectDrill > .container.selectRange > .contents .selected .windows .subject, .windows .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .subject, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .windows .subject, .windows .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) ul, .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) .windows ul, .windows .page-home-enterfile .processing_file .processed_list .header, .page-home-enterfile .processing_file .processed_list .windows .header, .windows .page-home-enterfile .processing_file .processed_list ul, .page-home-enterfile .processing_file .processed_list .windows ul { font-family: "BIZ UDPGothic";}

.page-tshi.template .drills-area ul.gauges li.tab_item {
  --font_size: 0.6em;
  --end_ypos: -1.2em;
}
.page-tshi.template .drills-area ul.gauges li.tab_item .tooltip {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  padding: 0 1em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 50vh;
  background-color: var(--cs-ac_03-03);
  color: var(--cs-font-02);
  font-size: var(--font_size);
  line-height: 1.8;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s, top 0.2s;
}

header {
  display: flex;
  position: relative;
  justify-content: flex-end;
  margin: 0 auto 20px;
  padding: 0 20px 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--cs-basic-01);
  background-image: linear-gradient(to bottom, var(--cs-basic-01) 20%, var(--cs-basic-03) 88%, var(--cs-basic-02));
  background-repeat: no-repeat;
  box-shadow: 0 2px 10px 1px var(--cs-basic-06);
}
header h1.logo { position: absolute;}
header h1.logo svg { fill: #00A3D6;}

footer {
  display: flex;
  height: 70px;
  padding: 50px 30px 0;
  border-bottom: none;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--cs-basic-01);
  background-image: linear-gradient(to bottom, var(--cs-basic-01), var(--cs-basic-03));
}
footer .copyright {
  color: var(--cs-font-03);
  font-size: 10px;
}
.page-home-enterfile p { padding-left: 1em;}
.page-home-enterfile .headline {
  display: flex;
  align-items: baseline;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.5em;
  background-color: var(--cs-basic-01);
}
.page-home-enterfile .headline p {
  margin-right: 1em;
  padding-left: 0;
  color: var(--cs-key-01);
  font-size: 2em;
}
.page-home-enterfile .headline dl { display: contents;}
.page-home-enterfile .headline dt { color: var(--cs-font-02);}
.page-home-enterfile .headline dd {
  margin-right: 1em !important;
  border-radius: 1em;
  color: var(--cs-ac_01-01);
  font-size: 2em;
}
.page-home-enterfile .headline :is(p, dd)::after { font-size: 0.5em;}
.page-home-enterfile .input-block {
  overflow: hidden;
  border-left: 10px solid var(--cs-key-02);
}
.page-home-enterfile .input-block .caption-container { padding: 0 0.5em;}
.page-home-enterfile .input-block.config {
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
}
.page-home-enterfile .input-block.file {
  margin-bottom: 2em;
  border-top-right-radius: 0.5em;
}
.page-home-enterfile .input-block.file .form-wrapper { margin: 0.5em 0;}
.page-home-enterfile .input-block .title {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.5em;
  margin-bottom: 1em;
  border-bottom: 2px solid var(--cs-key-02);
  background-color: var(--cs-key-03);
}
.page-home-enterfile .input-block .title :is(.label, .description) {
  display: flex;
  align-items: center;
}
.page-home-enterfile .input-block .title .label {
  padding: 0 1em 0 0.5em;
  background-color: var(--cs-key-02);
  color: var(--cs-font-lite);
  line-height: 2.5;
}
.page-home-enterfile .input-block .title .description {
  color: var(--cs-key-01);
  font-size: 0.9em;
  white-space: nowrap;
}
.page-home-enterfile input.text-switch ~ .column-wrapper { flex-direction: column;}
.page-home-enterfile input.text-switch ~ .column-wrapper > .column-container { padding: 0.5em 0;}
.page-home-enterfile input.text-switch ~ .column-wrapper > .column-container input[type=text] { width: 20em;}
.page-home-enterfile .form-wrapper {
  display: flex;
  padding-left: 1em;
}
.page-home-enterfile input.radio-switch:not(:checked) ~ .column-wrapper .column-container .form-wrapper.radio label { pointer-events: none;}
.page-home-enterfile input.radio-switch:not(:checked) ~ .column-wrapper .column-container .form-wrapper.radio label .parts {
  color: var(--cs-btn_font-msk);
  pointer-events: none;
}
.page-home-enterfile input.radio-switch:not(:checked) ~ .column-wrapper .column-container .form-wrapper.radio label .parts::before {
  outline-color: var(--cs-btn_border-msk);
  background-image: none;
  background-color: var(--cs-btn_bg-nor);
}
.page-home-enterfile input.radio-switch:not(:checked) ~ .column-wrapper .column-container .form-wrapper.radio label .parts input { pointer-events: none;}
.page-home-enterfile input.radio-switch:not(:checked) ~ .column-wrapper .column-container .form-wrapper.textbox input[type=text] {
  background-color: var(--cs-btn_border-msk);
  color: transparent;
  opacity: 0.5;
  pointer-events: none;
}
.page-home-enterfile input.radio-switch:checked ~ .form-wrapper label.radio-switch {
  background-color: var(--cs-btn_bg-sel);
  color: var(--cs-btn_font-sel);
}
.page-home-enterfile input.radio-switch:checked ~ .form-wrapper label.radio-switch .parts::before { color: var(--cs-btn_font-nor);}
.page-home-enterfile input.radio-switch:checked ~ .form-wrapper label.radio-switch .parts.adm::before { background-image: radial-gradient(var(--cs-btn_border-nor) 50%, var(--cs-btn_bg-nor) 60%);}
.page-home-enterfile input.radio-switch:checked ~ .column-wrapper .column-container:has(.textbox) .form-wrapper.radio:has(input:not(:checked)) ~ .form-wrapper.textbox input[type=text] {
  background-color: var(--cs-btn_border-msk);
  color: transparent;
  opacity: 0.5;
  pointer-events: none;
}
.page-home-enterfile .processing_file {
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.5em;
  background-color: var(--cs-basic-01);
}
.page-home-enterfile .processing_file .overview {
  padding-left: 10px;
  border-left: 10px solid var(--cs-basic-06);
}
.page-home-enterfile .processing_file .overview dl {
  display: flex;
  align-items: baseline;
}
.page-home-enterfile .processing_file .overview dl dt {
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.page-home-enterfile .processing_file .overview dl dt::after { content: "：";}
.page-home-enterfile .processing_file .overview dl.file_name {
  margin-bottom: 0.2em;
  border-bottom: 1px solid var(--cs-basic-05);
}
.page-home-enterfile .processing_file .overview dl.file_name dd { font-size: 1.5em;}
.page-home-enterfile .processing_file .overview dl.detail dd { color: var(--cs-key-01);}
.page-home-enterfile .processing_file .overview dl.detail dd:not(:last-of-type) { margin-right: 1em;}
.page-home-enterfile .processing_file .overview:has(+ .notice) { margin-bottom: 1em;}
.page-home-enterfile .processing_file .notice {
  display: grid;
  grid-row-gap: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 0.5em;
  background-color: var(--cs-basic-02);
}
.page-home-enterfile .processing_file .notice .button_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-home-enterfile .processing_file .notice .button_area .description {
  margin-right: 1em;
  color: var(--cs-key-01);
  font-size: 0.8em;
  line-height: 1.3;
  text-align: right;
}
.page-home-enterfile .processing_file .notice .button_area .button .contents { line-height: 1.3;}
.page-home-enterfile .processing_file .notice .button_area .button span[class*=elaicon-]::before { font-size: 2em;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) > ul {
  padding-left: 10px;
  border-left: 10px solid;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) li {
  font-size: 0.85em;
  line-height: 1.3;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) p.more {
  display: inline-block;
  margin-top: 0.25em;
  padding-left: 1em;
  border-radius: 50vw;
  background-color: #F897C0;
  color: #222525;
  font-size: 0.8em;
  line-height: 1.3;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list)::before {
  font-size: 0.8em;
  font-family: "elaicon" !important;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):empty, .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):has(ul:empty), .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):has(li:empty) { display: none;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):empty::before, .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):has(ul:empty)::before, .page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):has(li:empty)::before { content: none;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):has(ul + .more) ul::after { content: "・・・";}
.page-home-enterfile .processing_file .error_list ul { border-color: var(--cs-ac_02-01);}
.page-home-enterfile .processing_file .error_list::before {
  content: "\e928エラー";
  color: var(--cs-ac_02-01);
}
.page-home-enterfile .processing_file .warning_list ul { border-color: #ff950a;}
.page-home-enterfile .processing_file .warning_list::before {
  content: "\e92b警告";
  color: #ff950a;
}
.page-home-enterfile .processing_file :is(.autoclass_list, .success_list) ul { border-color: var(--cs-ac_01-01);}
.page-home-enterfile .processing_file :is(.autoclass_list, .success_list)::before { color: var(--cs-ac_01-01);}
.page-home-enterfile .processing_file .autoclass_list::before { content: "\e912自動作成クラス";}
.page-home-enterfile .processing_file .success_list::before { content: "\e912正常";}
.page-home-enterfile .processing_file .success_list ul li :is(.head, .body) { display: flex;}
.page-home-enterfile .processing_file .success_list ul li .head {
  align-items: center;
  justify-content: flex-end;
}
.page-home-enterfile .processing_file .success_list ul li .head::after {
  margin: 0 0.5em;
  content: ":";
}
.page-home-enterfile .processing_file .success_list ul li .body {
  align-items: baseline;
  color: var(--cs-ac_01-01);
  font-size: 1.2em;
  line-height: 1;
}
.page-home-enterfile .processing_file .success_list ul li .body::after {
  margin-left: 0.1em;
  content: "件";
  font-size: 0.75em;
  line-height: 1;
}
.page-home-enterfile .processing_file > .success_list ul { border: none;}
.page-home-enterfile .processing_file > .success_list::before {
  display: block;
  margin-bottom: 1em;
  padding: 0.5em;
  border-radius: 50vh;
  background-color: var(--cs-ac_01-01);
  color: var(--cs-font-lite);
  font-size: 1em;
}
.page-home-enterfile .processing_file > .success_list:first-child::after { content: none !important;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) { position: relative;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list):not(.success_list):first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "※CSVファイルのヘッダ行を1行目として行番号を表示しています。";
  color: var(--cs-ac_02-02);
  font-size: 0.75em;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) ul li { display: contents;}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) ul li .head {
  padding: 0 0.25em;
  color: var(--cs-key_smoke-01);
  text-align: right;
}
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) ul:not(.disp-grid) {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.1em;
       column-gap: 0.1em;
  row-gap: 0.1em;
}
.page-home-enterfile .processing_file .processed_list {
  padding-left: 10px;
  border-left: 10px solid var(--cs-key-02);
}
.page-home-enterfile .processing_file .processed_list .label {
  padding-left: 0;
  color: var(--cs-key-01);
}
.page-home-enterfile .processing_file .processed_list .header {
  margin: 0.25em 0;
  padding: 0.25em 0;
  border-bottom: 3px double var(--cs-key-03);
}
.page-home-enterfile .processing_file .processed_list .header .elements span {
  margin-right: 0.75em;
  background-color: var(--cs-key-03);
  color: var(--cs-key_smoke-01);
  counter-increment: elem_num;
}
.page-home-enterfile .processing_file .processed_list .header .elements span:not(:last-of-type)::after {
  position: relative;
  right: -0.75em;
  content: ",";
  color: var(--cs-font-02);
}
.page-home-enterfile .processing_file .processed_list .header .elements span::before {
  background-color: var(--cs-key-01);
  content: counter(elem_num);
}
.page-home-enterfile .processing_file .processed_list ul li {
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
  border-bottom: 2px dotted var(--cs-basic-05);
}
.page-home-enterfile .processing_file .processed_list ul .box {
  margin: 0.1em 0;
  border: 1px solid var(--cs-basic-04);
  background-color: var(--cs-basic-04);
  counter-increment: box_num;
}
.page-home-enterfile .processing_file .processed_list ul .box::before {
  background-color: var(--cs-basic-08);
  content: counter(box_num);
}
.page-home-enterfile .processing_file .processed_list ul.sep { color: var(--cs-font-02);}
.page-home-enterfile .processing_file .processed_list :is(.header .elements),
.page-home-enterfile .processing_file .processed_list ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-home-enterfile .processing_file .processed_list :is(.header .elements) :is(span,
.box),
.page-home-enterfile .processing_file .processed_list ul li :is(span,
.box) {
  padding: 0 0.25em 0 0.25em;
  border-radius: 50vh;
  font-size: 0.8em;
  line-height: 1.3;
}
.page-home-enterfile .processing_file .processed_list :is(.header .elements) :is(span,
.box)::before,
.page-home-enterfile .processing_file .processed_list ul li :is(span,
.box)::before {
  margin-right: 0.25em;
  padding: 0 0.3em;
  border-radius: 50vh;
  color: var(--cs-font-lite);
  font-size: 0.9em;
  line-height: 1;
  text-align: center;
}
.page-home-enterfile .processing_file .others {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0.5em 0;
}
.page-home-enterfile .processing_file .others .label { color: inherit;}
.page-home-enterfile .processing_file .others .contents {
  color: var(--cs-ac_01-01);
  font-size: 1.5em;
}
.page-home-enterfile > .button_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1em;
  border: 1px solid var(--cs-key-01);
  border-radius: 0.5em;
  background-color: var(--cs-key-03);
}
.page-home-enterfile > .button_area .description {
  color: var(--cs-key_smoke-01);
  line-height: normal;
  text-align: right;
}
.page-home-enterfile > .button_area .description p { font-size: 0.8em;}
.page-home-enterfile > .button_area .button { margin-left: 0.5em;}
.page-home-enterfile > .button_area .button span[class*=elaicon-] { font-size: 1.5em;}
.page-home-enterfile .progress {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr 13.5em;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  margin-bottom: 1em;
}
.page-home-enterfile .progress .label { grid-area: 1/1/2/2;}
.page-home-enterfile .progress .gadget-progress_bar { grid-area: 1/2/2/3;}
.page-home-enterfile .progress .remaining_time { grid-area: 1/3/2/4;}
.page-home-enterfile .progress .time { grid-area: 2/1/3/4;}
.page-home-enterfile .progress .gadget-progress_bar { margin: auto;}
.page-home-enterfile .progress > .label {
  display: flex;
  align-items: center;
}
.page-home-enterfile .progress > .label .contents {
  color: var(--cs-font-02);
  font-size: 1em;
}
.page-home-enterfile .progress .remaining_time {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: right;
  padding-left: 0.5em;
  border-left: 10px solid var(--cs-basic-05);
}
.page-home-enterfile .progress .remaining_time > .label {
  display: block;
  margin-right: auto;
  color: var(--cs-font-03);
  font-size: 0.75em;
}
.page-home-enterfile .progress .remaining_time > .time :is(.hh, .mm, .ss) {
  color: #1AB93F;
  font-size: 1.5em;
}
.page-home-enterfile .progress .remaining_time > .time :is(.hh, .mm, .ss)::after { font-size: 0.75em;}
.page-home-enterfile .progress .remaining_time > .time :is(.hh, .mm)::after { padding: 0 0.25em 0 0;}
.page-home-enterfile .progress .remaining_time > .time .hh::after { content: "時間";}
.page-home-enterfile .progress .remaining_time > .time .mm::after { content: "分";}
.page-home-enterfile .progress .remaining_time > .time .ss::after { content: "秒";}
.page-home-enterfile .progress > .time {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-home-enterfile .progress > .time > .label {
  margin-right: 0.5em;
  padding: 0 0.5em;
  border-radius: 50vw;
  background-color: var(--cs-key-02);
  color: var(--cs-font-lite);
  font-size: 0.8em;
  line-height: 1.2;
}
.page-home-enterfile .progress > .time :is(.hh, .mm) { color: var(--cs-key-01);}
.page-home-enterfile .progress > .time .mm::before {
  margin: 0 0.5em;
  content: ":";
}
.page-home-enterfile :is(.frame-block,
.frame-block-bodercol-key,
.frame-block-bodercol-accent-prime,
.frame-block-bodercol-accent-second,
.frame-inline_block,
.frame-inline_block-bodercol-key,
.frame-inline_block-bodercol-accent-prime,
.frame-inline_block-bodercol-accent-second) {
  color: var(--cs-font-01) !important;
  line-height: 0.8;
}
.page-home-enterfile :is(.frame-block,
.frame-block-bodercol-key,
.frame-block-bodercol-accent-prime,
.frame-block-bodercol-accent-second,
.frame-inline_block,
.frame-inline_block-bodercol-key,
.frame-inline_block-bodercol-accent-prime,
.frame-inline_block-bodercol-accent-second) ul li { border: none !important;}

.page-home-login {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-home-login > .content-block {
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 1.5em;
  padding: 0 100px 20px;
  text-align: center;
}
.page-home-login > .content-block .form-wrapper {
  display: block;
  margin: 1em 0;
}
.page-home-login > .content-block .form-wrapper.textbox {
  justify-content: flex-end;
  font-size: 1.6em;
}
.page-home-login > .content-block .form-wrapper.textbox input[type=text], .page-home-login > .content-block .form-wrapper.textbox input[type=number], .page-home-login > .content-block .form-wrapper.textbox input[type=password] {
  width: 20em;
  margin-right: 2em;
}
.page-home-login > .content-block .form-wrapper.textbox label.title {
  margin-right: 0;
  background-color: transparent !important;
  color: var(--cs-font-01);
}
.page-home-login > .content-block .form-wrapper.textbox label.title span[class^=elaicon-] { color: var(--cs-key-01);}
.page-home-login > .content-block .form-wrapper .button .button {
  margin-top: 1em;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.page-home-login > .content-block .option-container { justify-content: center;}
.page-home-login > .content-block .button { margin: 1em auto 0;}
.page-home-login > .content-block.notice {
  line-height: 1.2;
  text-align: center;
}
.page-home-login > .content-block.notice li { margin-bottom: 0.5em;}
.page-home-login > .content-block.notice li .text-link { text-decoration: underline;}
.page-home-login > .content-block.notice li span[class^=elaicon-] {
  margin: 0 0.5em;
  color: var(--cs-font-03);
  text-decoration: none;
}
.page-home-login-makeshortcut, .page-home-login-tomakeshortcut { display: flex;}
.page-home-login-makeshortcut .content-block, .page-home-login-tomakeshortcut .content-block {
  display: inline-block;
  position: absolute;
  right: 50%;
  bottom: 50%;
  margin: auto;
  padding: 40px;
  transform: translate(50%, 50%);
  border: 4px solid var(--cs-key-01);
  border-radius: 20px;
  background-color: var(--cs-basic-04);
  text-align: center;
}
.page-home-login-makeshortcut .content-block h2, .page-home-login-tomakeshortcut .content-block h2 {
  width: auto;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  border-radius: 0;
  background-color: transparent;
  color: var(--cs-key-01);
  font-size: 36px;
  white-space: nowrap;
}
.page-home-login-makeshortcut .content-block p, .page-home-login-tomakeshortcut .content-block p { line-height: initial;}
.page-home-login-makeshortcut form input[type=submit], .page-home-login-tomakeshortcut form input[type=submit] {
  z-index: 1;
  position: relative;
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  border-color: var(--cs-btn_border-nor);
  background-color: var(--cs-btn_bg-nor);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  color: var(--cs-btn_font-nor);
  font-size: 1.5em;
  cursor: pointer;
  transition: 0.4s;
}
.page-home-login-makeshortcut form input[type=submit]:active, .page-home-login-tomakeshortcut form input[type=submit]:active {
  border-color: var(--cs-btn_border-act);
  background-color: var(--cs-btn_bg-act);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  color: var(--cs-btn_font-act);
  transition: none;
}
.page-home-top .links {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.page-home-top .content-block.notice {
  position: relative;
  margin-top: 3em;
  padding: 0;
}
.page-home-top > .column-wrapper { margin-bottom: 40px;}
.page-home-top > .column-wrapper .column-container {
  display: flex;
  flex-direction: column;
}
.page-home-top > .column-wrapper .column-container h3 {
  justify-content: center;
  text-align: center;
}
.page-home-top > .column-wrapper .column-container .board-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-home-top > .column-wrapper .column-container .board-container .sign {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5em;
  color: var(--cs-ac_02-01);
  text-align: center;
}
.page-home-top > .column-wrapper .column-container .board-container .board { height: 100%;}
.page-home-top > .column-wrapper .column-container .board-container .board ul li {
  position: relative;
  margin-bottom: 1em;
  line-height: normal;
}
.page-home-top > .column-wrapper .column-container .board-container .board ul li:not(:last-child)::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  margin-top: 0.5em;
  background-color: currentColor;
  content: "";
  opacity: 0.2;
}
.page-home-top > .column-wrapper .column-container .board-container > .button-fullwidth:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.page-home-top > .column-wrapper .column-container:first-child .board-container .board {
  margin-bottom: 0.5em;
  padding: 0.5em;
  border-radius: 0.5em;
  background-color: var(--cs-basic-01);
  box-shadow: 0 0 10px 0px var(--cs-basic-04);
}
.page-home-top > .column-wrapper .column-container:first-child .board-container .board:last-of-type {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.page-home-top > .column-wrapper .column-container:first-child .board-container .board .button-fullwidth:has(+ .button-fullwidth) { margin-bottom: 0.5em;}
.page-home-top > .content-block {
  padding: 1em;
  border-radius: 10px;
  background-color: var(--cs-basic-06);
}
.page-home-top > .content-block .column-container { padding-bottom: 0;}
.page-home-top > .content-block .column-container .button-fullwidth .contents { font-family: "elaicon" !important;}
.page-home-top > .content-block .column-container .button-fullwidth .contents::before { margin-right: 0.2em;}
.page-home-top > .content-block .column-container:nth-child(1) .button-fullwidth .contents::before { content: "\e956";}
.page-home-top > .content-block .column-container:nth-child(2) .button-fullwidth .contents::before { content: "\e934";}
.page-home-top > .content-block .column-container:nth-child(3) .button-fullwidth .contents::before { content: "\e92f";}
.page-home-editmember :is(.button,
.form-wrapper .parts) { min-width: auto !important;}
.page-home-editmember .column-wrapper > .left-side > * { margin: 0;}
.page-home-editmember .column-wrapper .form-wrapper label { margin: 0 !important;}
.page-home-editmember .bignum {
  margin-right: 10px !important;
  font-size: 1.3em !important;
}
.right-side .page-home-editmember .bignum { margin: 0 !important;}
.page-home-editmember > .column-container { margin-right: 0;}
.page-home-editmember > .column-container:is(:nth-child(1),
:nth-child(3)) > .column-wrapper:nth-child(1) { margin-bottom: 10px;}
.page-home-editmember > .column-container:is(:nth-child(1),
:nth-child(3)) > .basic-table { font-size: 0.8em;}
.page-home-editmember > .column-container:is(:nth-child(1),
:nth-child(3)) > .basic-table thead { font-size: 0.7em;}
.page-home-editmember > .column-container:is(:nth-child(2),
:nth-child(4)) {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  padding-top: calc(3.2em + 54px);
}
.page-home-editmember > .column-container:is(:nth-child(2),
:nth-child(4)) .button { margin: 0 4px 20px;}
.page-home-editmember > .column-container:nth-child(1) > .basic-table { min-width: 30em;}
.page-home-editmember > .column-container:nth-child(3) > .column-wrapper:nth-child(1) { line-height: 2.2em;}
.page-home-editmember > .column-container:nth-child(3) > .basic-table { min-width: 27em;}
.page-home-printcard .contentsContainer input.line-off:checked ~ .gadget-extractor .form-wrapper label[for=line-off] .parts, .page-home-printcard .contentsContainer input.line-on:checked ~ .gadget-extractor .form-wrapper label[for=line-on] .parts, .page-home-printcard .contentsContainer input.code-off:checked ~ .gadget-extractor .form-wrapper label[for=code-off] .parts, .page-home-printcard .contentsContainer input.code-on:checked ~ .gadget-extractor .form-wrapper label[for=code-on] .parts, .page-home-printcard .contentsContainer input.grade-off:checked ~ .gadget-extractor .form-wrapper label[for=grade-off] .parts, .page-home-printcard .contentsContainer input.grade-on:checked ~ .gadget-extractor .form-wrapper label[for=grade-on] .parts, .page-home-printcard .contentsContainer input.pass-off:checked ~ .gadget-extractor .form-wrapper label[for=pass-off] .parts, .page-home-printcard .contentsContainer input.pass-on:checked ~ .gadget-extractor .form-wrapper label[for=pass-on] .parts { pointer-events: none;}
.page-home-printcard .contentsContainer input.line-off:checked ~ .gadget-extractor .form-wrapper label[for=line-off] .parts::before, .page-home-printcard .contentsContainer input.line-on:checked ~ .gadget-extractor .form-wrapper label[for=line-on] .parts::before, .page-home-printcard .contentsContainer input.code-off:checked ~ .gadget-extractor .form-wrapper label[for=code-off] .parts::before, .page-home-printcard .contentsContainer input.code-on:checked ~ .gadget-extractor .form-wrapper label[for=code-on] .parts::before, .page-home-printcard .contentsContainer input.grade-off:checked ~ .gadget-extractor .form-wrapper label[for=grade-off] .parts::before, .page-home-printcard .contentsContainer input.grade-on:checked ~ .gadget-extractor .form-wrapper label[for=grade-on] .parts::before, .page-home-printcard .contentsContainer input.pass-off:checked ~ .gadget-extractor .form-wrapper label[for=pass-off] .parts::before, .page-home-printcard .contentsContainer input.pass-on:checked ~ .gadget-extractor .form-wrapper label[for=pass-on] .parts::before {
  background-image: radial-gradient(var(--cs-btn_border-nor) 45%, var(--cs-btn_bg-nor) 50%);
  background-repeat: no-repeat;
  background-color: var(--cs-btn_font-nor) !important;
}
.page-home-printcard .contentsContainer input { display: none;}
.page-home-printcard .contentsContainer input.pass-off:checked ~ .paper dt.pass + dd { color: transparent;}
.page-home-printcard .contentsContainer input.grade-off:checked ~ .paper dt.grade,
.page-home-printcard .contentsContainer input.grade-off:checked ~ .paper dt.grade + dd { display: none !important;}
.page-home-printcard .contentsContainer input.code-off:checked ~ .paper dt.adress,
.page-home-printcard .contentsContainer input.code-off:checked ~ .paper dt.adress + dd,
.page-home-printcard .contentsContainer input.code-off:checked ~ .paper dt.code,
.page-home-printcard .contentsContainer input.code-off:checked ~ .paper dt.code + dd { display: none !important;}
.page-home-printcard .contentsContainer input.line-off:checked ~ .paper .card::after { content: none;}
.page-home-printcard .contentsContainer .paper {
  width: 210mm;
  margin: auto;
  margin-bottom: 40px;
  padding: 14mm 19mm;
  background-color: white;
  box-shadow: 20px 20px 20px 10px rgba(0, 0, 0, 0.1);
}
.page-home-printcard .contentsContainer .paper .card-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 174mm;
  margin: auto;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card {
  display: inline-block;
  position: relative;
  width: 86mm;
  height: 54mm;
  margin: 0;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card::before {
  z-index: 1;
  position: absolute;
  top: 2mm;
  width: 100%;
  height: 50mm;
  border: 3mm solid rgba(0, 163, 214, 0.2);
  border-top: none;
  border-bottom: none;
  content: "";
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: thin dashed rgba(0, 0, 0, 0.2);
  content: "";
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 3.5mm 5mm 2mm;
  background-color: white;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head::before, .page-home-printcard .contentsContainer .paper .card-wrapper .card .head::after {
  position: absolute;
  width: 2mm;
  height: 2mm;
  border: 1px solid darkgrey;
  border-bottom: none;
  content: "";
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head::before {
  top: 0;
  left: 0;
  border-right: none;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head::after {
  top: 0;
  right: 0;
  border-left: none;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head .image-wrapper { width: 30mm;}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head .image-wrapper svg { fill: #00A3D6;}
.page-home-printcard .contentsContainer .paper .card-wrapper .card .head p {
  color: #DF0C6A;
  font-size: 2.5mm;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents {
  display: flex;
  position: absolute;
  top: 12mm;
  right: 0;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2mm 4mm 3mm;
  background-color: #88d8f1;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents dt {
  display: block;
  width: 20%;
  color: rgba(0, 0, 0, 0.7);
  font-size: 3mm;
  text-align: right;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents dd {
  display: block;
  width: 78%;
  min-height: 6mm;
  padding-left: 1mm;
  background-color: white;
  color: black;
  font-size: 4mm;
  line-height: 6mm;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents dt.code + dd { position: relative;}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents dt.code + dd::after {
  position: absolute;
  top: calc(50% - 0.25em);
  right: 0;
  content: "※かていよう";
  color: #0a6fda;
  font-size: 0.5em;
  line-height: 1;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents::before, .page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents::after {
  position: absolute;
  width: 2mm;
  height: 2mm;
  border: 1px solid darkgrey;
  border-top: none;
  content: "";
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents::before {
  bottom: 0;
  left: 0;
  border-right: none;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card dl.contents::after {
  right: 0;
  bottom: 0;
  border-left: none;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card:nth-child(-n+2) .head::before, .page-home-printcard .contentsContainer .paper .card-wrapper .card:nth-child(-n+2) .head::after {
  transform: translateY(-1px);
  border-top-width: 2px;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card:is(:nth-child(2n):nth-last-child(2),
:nth-child(2n+1):nth-last-child(2),
:last-child) dl.contents::before, .page-home-printcard .contentsContainer .paper .card-wrapper .card:is(:nth-child(2n):nth-last-child(2),
:nth-child(2n+1):nth-last-child(2),
:last-child) dl.contents::after {
  transform: translateY(1px);
  border-bottom-width: 2px;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card:nth-child(odd) :is(.head, dl.contents)::before {
  transform: translateX(-1px);
  border-left-width: 2px;
}
.page-home-printcard .contentsContainer .paper .card-wrapper .card:is(:nth-child(even),
:last-child) :is(.head, dl.contents)::after {
  transform: translateX(1px);
  border-right-width: 2px;
}
.page-home-printcard .contentsContainer .gadget-extractor dl:nth-of-type(2) dd { margin-right: 2em;}
.page-home-library table:last-of-type tr:first-of-type a {
  cursor: auto;
  pointer-events: none;
}
.page-home-library table:last-of-type tr:last-of-type a > span.text-link::after {
  margin-right: -20px;
  content: "\e905";
  color: var(--cs-btn_font-nor);
  font-weight: normal;
  font-family: "elaicon" !important;
}

.chart-container {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.chart-container.h-short { height: 15em;}
.chart-container.h-tall { height: 25em;}

.chart-bg-holizon {
  background-image: linear-gradient(to left, rgb(0, 163, 214) 20%, rgba(14, 90, 204, 0));
  background-color: #0e5acc;
}

.chart-bg-vertical {
  background-image: linear-gradient(to bottom, rgb(0, 163, 214) 40%, rgba(14, 90, 204, 0));
  background-color: rgb(14, 90, 204);
}

.page-shiji-top .switch_func {
  --col-size: auto auto;
  margin-bottom: 3em;
}
.page-shiji-top .switch_func h4 {
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--cs-key_smoke-04);
  color: var(--cs-key_smoke-01);
  text-align: center;
}
.page-shiji-top .switch_func > .disp-grid:first-child {
  --col-size:repeat(2, auto);
  --col-gap: 0.5em;
  --c1-area: 1/1/2/3;
  --c2-area: 2/1/3/2;
  --c3-area: 2/2/3/3;
}
.page-shiji-top .switch_func > .disp-grid:last-child {
  -col-size: repeat(3, auto);
  --col-gap: 0.5em;
  --c1-area:1/1/2/4;
  --c2-area:2/1/3/2;
  --c3-area:2/2/3/3;
  --c4-area:2/3/3/4;
}
.page-shiji-top .gadget-extractor {
  display: flex;
  margin: 0;
  border-radius: 0;
  background-image: none;
  box-shadow: none;
}
.page-shiji-top .gadget-extractor::before { content: none;}
.page-shiji-top .gadget-extractor > dl {
  display: inline-flex;
  border-bottom: 1px solid var(--cs-key-02);
  border-radius: 0.5em 50vh 0 0;
  background-color: var(--cs-key-01);
}
.page-shiji-top .gadget-extractor > dl dt { margin-right: 0.5em;}
.page-shiji-top .gadget-extractor > dl dd > span { color: var(--cs-font-lite);}
.page-shiji-top .gadget-extractor > .button {
  margin-bottom: 0.5em;
  margin-left: auto;
}
.page-shiji-top .category:not(:last-of-type) { margin-bottom: 2em;}
.page-shiji-selectdrill .gadget-extractor .contents.msk { color: var(--cs-basic-06);}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper > div:only-child > * { margin-right: 0;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper ul { display: flex;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button {
  justify-content: flex-start;
  width: 100%;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button li { text-align: center;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button li:nth-child(1) { width: 2em;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button li:nth-child(2) { width: 3em;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button li:nth-child(3) { width: 3em;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .left-side ul.button li:nth-child(4) {
  flex-grow: 1;
  padding-left: 1em;
  text-align: left;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .right-side { flex-grow: 0;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .right-side > * { margin-left: 0;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper .right-side ul li {
  width: 3em;
  text-align: center;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.header { margin: 0;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.header ul li .contents { font-size: 0.8em;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.header .left-side {
  padding: 0.6em;
  padding-bottom: 0.1em;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.body .left-side ul.button.sel { pointer-events: auto;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.body .left-side ul.button li:last-child { white-space: nowrap;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.body .right-side {
  position: relative;
  background-image: linear-gradient(90deg, transparent, transparent calc(50% - 1px), var(--cs-basic-06) calc(50% - 1px), var(--cs-basic-06) calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 3em 100%;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(1) .column-wrapper.body .right-side::after {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 100%;
  height: 1px;
  border-top: 2px solid;
  border-color: var(--cs-basic-06);
  content: "";
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(2) {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(2) .button {
  min-width: auto;
  margin-bottom: 20px;
  white-space: nowrap;
}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(2) .button:only-child { margin-top: 1.5em;}
.page-shiji-selectdrill .column-wrapper .column-container:nth-child(2) p { width: 10em;}
.page-shiji-editgroup :is(.button,
.form-wrapper .parts) { min-width: auto !important;}
.page-shiji-editgroup .column-wrapper > .left-side {
  margin: 0 !important;
  margin-bottom: 10px;
}
.page-shiji-editgroup .column-wrapper > .left-side p { margin-right: 0.2em;}
.page-shiji-editgroup .column-wrapper > .left-side .button { margin-right: 1em;}
.page-shiji-editgroup .column-wrapper .form-wrapper label { margin: 0 !important;}
.page-shiji-editgroup .bignum {
  margin-right: 10px !important;
  margin-left: 0 !important;
}
.right-side .page-shiji-editgroup { margin: 0 !important;}
.right-side .page-shiji-editgroup p { margin-right: 0.2em;}
.page-shiji-editgroup > .column-container { margin-right: 0;}
.page-shiji-editgroup > .column-container:is(:nth-child(1),
:nth-child(3)) > .column-wrapper:nth-child(1) { margin-bottom: 10px;}
.page-shiji-editgroup > .column-container:is(:nth-child(1),
:nth-child(3)) > .column-wrapper:nth-child(1) p { margin-right: 0.2em;}
.page-shiji-editgroup > .column-container:is(:nth-child(1),
:nth-child(3)) > .column-wrapper:nth-child(1) .button { margin-right: 1em;}
.page-shiji-editgroup > .column-container:is(:nth-child(1),
:nth-child(3)) > .basic-table { font-size: 0.8em;}
.page-shiji-editgroup > .column-container:is(:nth-child(1),
:nth-child(3)) > .basic-table thead { font-size: 0.7em;}
.page-shiji-editgroup > .column-container:nth-child(2) {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  padding-top: 4em;
}
.page-shiji-editgroup > .column-container:nth-child(2) .button { margin: 0 4px 20px;}
.page-shiji-editgroup > .column-container:nth-child(1) > .basic-table { min-width: 30em;}
.page-shiji-editgroup > .column-container:nth-child(3) > .column-wrapper:nth-child(1) { line-height: 2.2em;}
.page-shiji-editgroup > .column-container:nth-child(3) > .basic-table { min-width: 27em;}
.page-shiji-editgroup .button span:is(.elaicon-arrow-circle-right-nega,
.elaicon-arrow-circle-left-nega) { margin: 0 !important;}
.page-shiji-testdetail > .column-container:nth-child(1) {
  min-width: 12em;
  max-width: calc(40% - 60px);
}
.page-shiji-testdetail > .column-container:nth-child(1) .basic-table td { padding-right: 0;}
.page-shiji-testdetail > .column-container:nth-child(1) .basic-table td .contents .parts {
  padding-left: 1.2em;
  text-indent: -1.2em;
  white-space: normal;
}
.page-shiji-testdetail > .column-container:nth-child(1) .basic-table td .contents .parts::after {
  top: 0.7em;
  left: 1.2em;
}
.safari .page-shiji-testdetail > .column-container:nth-child(1) .basic-table td .contents .parts::after { top: 0.6em;}
.page-shiji-testdetail > .column-container:nth-child(2) { min-width: 60%;}
.page-shiji-testdetail > .column-container:nth-child(2) .basic-table thead th .contents { white-space: nowrap;}
.page-tgak-setTask .column-container[class*=setTaskmode_] {
  display: grid !important;
  grid-column-gap: 2em;
  grid-row-gap: 0.25em;
}
.page-tgak-setTask .column-container[class*=setTaskmode_].display-none { display: none !important;}
.page-tgak-setTask .column-container[class*=setTaskmode_] .cell {
  display: flex;
  justify-content: flex-start;
}
.page-tgak-setTask .column-container[class*=setTaskmode_] .cell.head {
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: var(--cs-basic-03);
}
.page-tgak-setTask .column-container[class*=setTaskmode_] span:is(.label, .contents) { white-space: nowrap;}
.page-tgak-setTask .column-container[class*=setTaskmode_] .label {
  margin-right: 0.25em;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tgak-setTask .column-container[class*=setTaskmode_] .cell .contents span.contents:not(:last-of-type) { margin-right: 1em;}
.page-tgak-setTask .setTaskmode_0 {
  grid-template-rows: repeat(2, auto);
  grid-template-columns: auto 1fr;
}
.page-tgak-setTask .setTaskmode_0 .c1 { grid-area: 1/1/2/2;}
.page-tgak-setTask .setTaskmode_0 .c2 { grid-area: 1/2/2/3;}
.page-tgak-setTask .setTaskmode_0 .c3 { grid-area: 3/1/3/3;}
.page-tgak-setTask .setTaskmode_1 {
  grid-template-columns: auto 1fr;
  grid-row-gap: 1em !important;
  grid-column-gap: 1em !important;
}
.page-tgak-setTask .setTaskmode_1 .c1 { grid-area: 1/1/2/3;}
.page-tgak-setTask .setTaskmode_1 .c2 { grid-area: 2/1/3/2;}
.page-tgak-setTask .setTaskmode_1 .c3 { grid-area: 2/2/3/3;}
.page-tgak-setTask .setTaskmode_1 .cell.c1 { align-items: center;}
.page-tgak-setTask .setTaskmode_1 .cell.c1 .button:last-child { margin-left: auto !important;}
.page-tgak-setTask .setTaskmode_1 .cell.c1 > span { margin-left: 0.5em;}
.page-tgak-setTask .setTaskmode_1 .cell.c2 {
  align-items: center;
  height: 100%;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-02);
}
.page-tgak-setTask .setTaskmode_1 .cell.c3 { display: block;}
.page-tgak-setTask .setTaskmode_1 .cell.c3 .gadget-searcher-page {
  display: grid;
  position: relative;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
}
.page-tgak-setTask .setTaskmode_1 .cell.c3 .gadget-searcher-page::before { content: none;}
.page-tgak-setTask .setTaskmode_1 .cell.c3 .gadget-searcher-page .form-wrapper.textbox input {
  width: 3.2em !important;
  text-align: right !important;
}
.page-tgak-setTask .setTaskmode_1 .cell.c3 .gadget-searcher-page .error { top: 0;}
.page-tgak-setTask .setTaskmode_2 {
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 4em auto;
  grid-row-gap: 1em !important;
  grid-column-gap: 1em !important;
  margin-right: 0;
}
.page-tgak-setTask .setTaskmode_2 .c1 { grid-area: 1/1/2/3;}
.page-tgak-setTask .setTaskmode_2 .c2 { grid-area: 2/1/3/2;}
.page-tgak-setTask .setTaskmode_2 .c3 { grid-area: 2/2/3/3;}
.page-tgak-setTask .setTaskmode_2 .cell.c1 {
  display: flex;
  align-items: center;
}
.page-tgak-setTask .setTaskmode_2 .cell.c1 .button {
  min-width: auto;
  margin-right: 0.5em;
}
.page-tgak-setTask .setTaskmode_2 .cell.c1 .button:last-of-type {
  margin-right: 0;
  margin-left: auto;
}
.page-tgak-setTask .setTaskmode_2 .cell.c1 ul {
  padding-left: 0.5em;
  border-left: 5px solid;
  border-color: var(--cs-basic-05);
}
.page-tgak-setTask .setTaskmode_2 .cell.c1 ul:not(:last-of-type) { margin-right: 1em;}
.page-tgak-setTask .setTaskmode_2 .cell.c1 ul li { line-height: 1.3;}
.page-tgak-setTask .setTaskmode_2 .cell.c2 {
  height: 100%;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-02);
}
.page-tgak-setTask .setTaskmode_2 .cell.c3 {
  display: flex;
  align-items: center;
}
.page-tgak-setTask .setTaskmode_2 .cell.c3 .button { margin-right: 1em;}
.page-tgak-setTask .setTaskmode_3 {
  grid-template-rows: repeat(2, auto);
  grid-template-columns: auto 1fr;
  grid-row-gap: 0.5em !important;
  grid-column-gap: 1em !important;
}
.page-tgak-setTask .setTaskmode_3 .c1 { grid-area: 1/1/2/3;}
.page-tgak-setTask .setTaskmode_3 .c2 { grid-area: 2/1/3/3;}
.page-tgak-setTask .setTaskmode_3 .c3 { grid-area: 3/1/4/2;}
.page-tgak-setTask .setTaskmode_3 .c4 { grid-area: 3/2/4/3;}
.page-tgak-setTask .setTaskmode_3 .cell.c3 {
  align-items: center;
  height: 100%;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-02);
}
.page-tgak-setTask .setTaskmode_3 .cell.c4 .form-wrapper {
  flex-direction: column;
  align-items: flex-start;
}
.page-tgak-setTask .setTaskmode_3 .cell.c4 .form-wrapper label:first-of-type {
  padding-right: 0.5em;
  border-radius: 0.3em;
  background-color: var(--cs-key-03);
}
.page-tgak-reviewDrill {
  padding-top: 1em;
  border-top: 1px solid var(--cs-basic-05);
  background-image: linear-gradient(to bottom, var(--cs-basic-04), var(--cs-basic-02) 4%);
  background-repeat: no-repeat;
}
.page-tgak-reviewDrill .drillProgress { padding: 0.25em 0.5em;}
.page-tgak-reviewDrill .drillProgress .serial-button { margin: 0;}
.page-tgak-reviewDrill .drillProgress .serial-button .button:last-of-type { margin-right: 0;}
.page-tgak-taskList .body.row {
  --tr1: 90px;
  --tr2: 100px;
  --tr3: auto;
  --tr4: 1fr;
  --tr5: 100px;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  position: relative;
  grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h);
  grid-template-columns: var(--tr1) calc(var(--tr2) - 10px) var(--tr3) var(--tr4) var(--tr5);
  margin-bottom: 1em;
  padding: 0.25em;
  border: 1px solid var(--cs-basic-01);
  border-radius: 0.25em;
  background-color: var(--cs-basic-01);
  box-shadow: 0 0 10px 1px var(--cs-basic-04);
}
.page-tgak-taskList .body.row .cell.c1 { grid-area: 1/1/4/2;}
.page-tgak-taskList .body.row .cell.c2 { grid-area: 1/2/4/3;}
.page-tgak-taskList .body.row .cell.c3 { grid-area: 1/4/2/5;}
.page-tgak-taskList .body.row .cell.c5 { grid-area: 2/4/3/5;}
.page-tgak-taskList .body.row .cell.c6 { grid-area: 3/4/4/5;}
.page-tgak-taskList .body.row .cell.c7 { grid-area: 1/5/4/6;}
.page-tgak-taskList .body.row .cell.c8 { grid-area: 1/3/4/4;}
.page-tgak-taskList .body.row.link {
  padding-right: 1.5em;
  transition: background-color 1s, color 1s;
}
.page-tgak-taskList .body.row.link::after {
  position: absolute;
  right: 0.25em;
  bottom: calc(50% - 0.25em);
  content: " \e905";
  color: var(--cs-font_link-nor);
  line-height: 1;
  font-family: "elaicon" !important;
}
.page-tgak-taskList .body.row.link.nor:active {
  color: var(--cs-font_link-act);
  transition: none;
}
.page-tgak-taskList .body.row .cell {
  display: flex;
  align-items: center;
}
.page-tgak-taskList .body.row .cell .label {
  margin-right: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tgak-taskList .body.row .cell:is(.c3, .c4, .c5, .c6) { justify-content: flex-start;}
.page-tgak-taskList .body.row .cell:is(.c5, .c6, .c7, .c8) .contents {
  display: flex;
  align-items: center;
}
.page-tgak-taskList .body.row .cell:is(.c3, .c4) { align-items: flex-start;}
.page-tgak-taskList .body.row .cell:is(.c5, .c6) { line-height: 1.2;}
.page-tgak-taskList .body.row .cell.c1 {
  justify-content: flex-end;
  padding-right: 0 !important;
}
.page-tgak-taskList .body.row .cell.c2 {
  justify-content: flex-start;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page-tgak-taskList .body.row .cell.c2 .category {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.page-tgak-taskList .body.row .cell.c2 .category span {
  padding: 0.5em 0 0.5em 0.5em;
  color: var(--cs-key-01);
  font-size: 0.9em;
  /* プロポーショナルメトリクスを有効にする指定 */
  font-feature-settings: "palt" 1;
}
.page-tgak-taskList .body.row .cell.c2 .category span:not(:last-child) { border-bottom: 2px solid var(--cs-basic-04);}
.page-tgak-taskList .body.row .cell.c3 {
  display: flex;
  flex-wrap: wrap;
}
.page-tgak-taskList .body.row .cell.c3 .contents {
  color: var(--cs-key-01);
  line-height: 1.3;
  white-space: nowrap;
}
.page-tgak-taskList .body.row .cell.c3 .contents::before {
  margin-right: 0.1em;
  color: var(--cs-ac_03-01);
  font-family: "elaicon" !important;
}
.page-tgak-taskList .body.row .cell.c3 .pireod {
  min-width: 16.5em;
  margin-right: 1em;
}
.page-tgak-taskList .body.row .cell.c3 .pireod::before { content: "\e957";}
.page-tgak-taskList .body.row .cell.c3 .party_info::before { content: "\e99e";}
.page-tgak-taskList .body.row .cell.c5::before {
  background-color: var(--cs-key-01);
  content: "名称";
}
.page-tgak-taskList .body.row .cell.c6 { flex-wrap: wrap;}
.page-tgak-taskList .body.row .cell.c6 .head { background-color: var(--cs-basic-06);}
.page-tgak-taskList .body.row .cell.c6 .contents .contents {
  color: var(--cs-font-03);
  white-space: nowrap;
}
.page-tgak-taskList .body.row .cell.c7 svg { stroke: #F897C0;}
.page-tgak-taskList .body.row .cell.c7 .inner::before { color: var(--cs-ac_02-01);}
.page-tgak-taskList .body.row .cell.c8 { padding-right: 1em;}
.page-tgak-taskList .body.row .cell.c8 svg { stroke: #0ade1c;}
.page-tgak-taskList .body.row .cell.c8 .inner::before { color: var(--cs-ac_01-01);}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) { --gauge-w:90;}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge {
  position: relative;
  width: calc(var(--gauge-w) * 1px);
  border-radius: 50%;
  background-color: var(--cs-basic-04);
  stroke-dasharray: calc(var(--numer) / var(--denom) * 100) 100 !important;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge svg {
  transform: rotate(-90deg);
  stroke-width: 32;
  fill: transparent;
  stroke: var(--g_col);
  transition: all ease-in-out 1.5s;
}
.chrome .page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge { stroke-dasharray: calc(var(--numer) / var(--denom) * 100.5) 100 !important;}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner::before {
  content: var(--inner_text);
  color: var(--in_col);
  font-size: 0.65em;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner .inner_str {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner .inner_str::before {
  content: var(--percentage-str);
  font-size: 1.5em;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner .inner_str .denom {
  display: inline-block;
  margin-bottom: -0.25em;
  font-size: 0.9em;
  white-space: nowrap;
}
.page-tgak-taskList .body.row .cell:is(.c7, .c8) .correctGauge figure.circle_gauge .inner .inner_str .denom::before { content: "/";}
.page-tgak-taskList .body.row .cell.c5::before, .page-tgak-taskList .body.row .cell.c6 .head {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin-right: 0.5em;
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
  color: var(--cs-font-lite);
  font-size: 0.8em;
  white-space: nowrap;
}
.page-commu-furiprint { background-color: transparent !important;}
.page-commu-furiprint header.header menu { display: none !important;}
.page-commu-furiprint .contentsWrapper .page-navi .left-side { display: none !important;}
.page-commu-furiprint .contentsWrapper h2 { display: none;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-extractor dl { justify-content: center;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-extractor dl dt { display: none;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-extractor dl dd { margin-right: 0.2em;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-extractor dl dd:last-of-type::after { content: "ふりかえり";}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-extractor dl dd span.contents::after {
  font-weight: inherit;
  font-size: 1em !important;
  opacity: 1;
}
.page-commu-furiprint .contentsWrapper .contentsContainer > .column-wrapper:last-child { display: none;}
.page-commu-furiprint .contentsWrapper .contentsContainer textarea + .caption-container { display: none !important;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-message-report .button {
  width: auto;
  min-width: auto;
  margin-top: 0.5em;
  padding: 0;
  border: none;
}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-message-reply .button {
  width: auto;
  min-width: auto;
  margin-top: 0.5em;
  padding: 0;
  border: none;
}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-message-reply .column-container:last-child .image-wrapper { margin-left: 1em;}
.page-commu-furiprint .contentsWrapper .contentsContainer .gadget-message-reply .column-container:last-child .image-wrapper:empty { display: none !important;}
.page-commu-furiprint .contentsWrapper .contentsContainer .printhelper {
  min-height: 8em;
  padding: 0 0.4em;
  border: 1px solid var(--cs-basic-06);
  background-image: linear-gradient(to bottom, rgba(var(--cs-basic-05-rgb), 0) 97%, rgba(var(--cs-basic-05-rgb), 1) 98%, rgba(var(--cs-basic-05-rgb), 1) 99%, rgba(var(--cs-basic-05-rgb), 0) 100%);
  background-position: 0 -0.2em;
  background-size: auto 1.78em;
  background-repeat: no-repeat;
  background-attachment: local;
  background-color: var(--cs-basic-01);
  line-height: 1.8;
}
.page-commu-furiprint .contentsWrapper .contentsContainer .printhelper:empty { display: none;}
.page-commu-top section { margin-bottom: 2em;}
.page-commu-top section:only-child h3.title { display: none;}
.page-commu-top section h3.title {
  display: block;
  margin: 0;
}
.page-commu-top section > ul.links { display: flex;}
.page-commu-top section > ul.links .button {
  position: relative;
  width: calc(100% / var(--length) - 2em);
  margin: 1em;
  border-width: 0.5em;
  border-radius: 2em;
}
.page-commu-top section > ul.links .button::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.page-commu-top section > ul.links .button::after {
  position: absolute;
  top: calc(50% - 0.1em);
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  font-size: 5em;
  font-family: "elaicon" !important;
}
.page-commu-top section > ul.links .button .notice {
  position: absolute;
  top: 0.5em;
  padding: 0 1em;
  border-radius: 1em;
  background-color: var(--cs-ac_02-01);
  color: var(--cs-basic-01);
  line-height: 1.5;
}
.page-commu-top section > ul.links .button.Lookinback {
  margin-right: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-commu-top section > ul.links .button.Themes {
  margin: 1em 3em 1em 0em;
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-commu-top section > ul.links .button .label {
  position: absolute;
  top: calc(50% + 3em);
  font-weight: bolder;
}
.page-commu-top section > ul.links .button.Lookinback::after {
  content: "\e974";
  font-size: 5.5em;
}
.page-commu-top section > ul.links .button.Themes::after { content: "\e92f";}
.page-commu-top section > ul.links .button.ClassMessage::after { content: "\e954";}
.page-commu-top section > ul.links .button.GlobalMessage::after { content: "\e965";}
.page-commu-top section > ul.links .button.ParentMessage::after {
  content: " \e96a \e910\e95f";
  font-size: 3em;
}
.page-parents section.create div.reply .child label .condition .reply, .page-parents section.reply ul.replyList li.line .reply, .page-parents section.notice ul li.thread .messageContainer .condition .reply {
  overflow: hidden;
  border: 2px solid;
  border-radius: 0.5em;
  background-color: var(--cs-basic-01);
  color: white;
  text-align: center;
}
.page-parents section.create div.reply .child label .condition .reply dd, .page-parents section.reply ul.replyList li.line .reply dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply dd {
  background-color: var(--cs-basic-01);
  line-height: 1.2;
}
.page-parents section.create div.reply .child label .condition .reply .name, .page-parents section.reply ul.replyList li.line .reply .name, .page-parents section.notice ul li.thread .messageContainer .condition .reply .name { font-size: 0.8em;}
.page-parents section.create div.reply .child label .condition .reply.type01, .page-parents section.reply ul.replyList li.line .reply.type01, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type01 {
  border-color: #1AB93F;
  background-color: #1AB93F;
}
.page-parents section.create div.reply .child label .condition .reply.type01 dd, .page-parents section.reply ul.replyList li.line .reply.type01 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type01 dd { color: #1AB93F;}
.page-parents section.create div.reply .child label .condition .reply.type02, .page-parents section.reply ul.replyList li.line .reply.type02, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type02 {
  border-color: #DF0C6A;
  background-color: #DF0C6A;
}
.page-parents section.create div.reply .child label .condition .reply.type02 dd, .page-parents section.reply ul.replyList li.line .reply.type02 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type02 dd { color: #DF0C6A;}
.page-parents section.create div.reply .child label .condition .reply.type03, .page-parents section.reply ul.replyList li.line .reply.type03, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type03 {
  border-color: #00A3D6;
  background-color: #00A3D6;
}
.page-parents section.create div.reply .child label .condition .reply.type03 dd, .page-parents section.reply ul.replyList li.line .reply.type03 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type03 dd { color: #00A3D6;}
.page-parents section.create div.reply .child label .condition .reply.type04, .page-parents section.reply ul.replyList li.line .reply.type04, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type04 {
  border-color: #a5b0b1;
  background-color: #a5b0b1;
}
.page-parents section.create div.reply .child label .condition .reply.type04 dd, .page-parents section.reply ul.replyList li.line .reply.type04 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type04 dd { color: #a5b0b1;}
.page-parents section.create div.reply .child label .condition .reply.type05, .page-parents section.reply ul.replyList li.line .reply.type05, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type05 {
  border-color: #e1e4e5;
  background-color: #e1e4e5;
}
.page-parents section.create div.reply .child label .condition .reply.type05 dd, .page-parents section.reply ul.replyList li.line .reply.type05 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type05 dd { color: #e1e4e5;}
.page-parents section.create div.reply .child label .condition .reply.type05, .page-parents section.reply ul.replyList li.line .reply.type05, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type05 {
  border-color: var(--cs-basic-07);
  background-color: #e1e4e5;
  color: #a5b0b1;
}
.page-parents section.create div.reply .child label .condition .reply.type05 dd, .page-parents section.reply ul.replyList li.line .reply.type05 dd, .page-parents section.notice ul li.thread .messageContainer .condition .reply.type05 dd { color: #a5b0b1;}
.page-parents section.notice ul li.thread.new .head .time::before {
  background-color: var(--cs-ac_02-01);
  content: "NEW";
  color: var(--cs-font-lite);
}
.page-parents section.notice ul li.thread.file::after {
  background-color: #285f73;
  content: "\e985";
  color: var(--cs-font-lite);
  font-family: "elaicon" !important;
}
.page-parents section.reply .tab, .page-parents section.notice .tab {
  display: flex;
  align-items: flex-end;
  border-bottom: 3px solid var(--cs-basic-07);
}
.page-parents section.reply .tab .button.tab-button, .page-parents section.notice .tab .button.tab-button {
  margin: 0;
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.page-parents section.reply .tab .button.tab-button:nth-child(3), .page-parents section.notice .tab .button.tab-button:nth-child(3) { margin-right: auto;}
.page-parents section.notice { margin-bottom: 1em;}
.page-parents section.notice .tab .notice {
  margin: -0.5em 0 -0.5em 0.5em;
  padding: 0 0.5em;
  border: 1px solid #0a6fda;
  border-radius: 1em;
  background-color: var(--cs-basic-01);
  color: #DF0C6A;
  font-size: 0.8em;
  line-height: 1.2;
}
.page-parents section.notice ul li.thread {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 5em;
  border: 1px solid var(--cs-basic-08);
  background-color: var(--cs-basic-01);
  cursor: pointer;
  transition: box-shadow 0.3s;
}
.page-parents section.notice ul li.thread:not(:last-child) { border-bottom: none;}
.page-parents section.notice ul li.thread:active {
  background-color: #ffedd6 !important;
  box-shadow: 0px 0px 0px 0px rgba(var(--cs-basic-08-rgb), 0) !important;
  transition: none;
}
.page-parents section.notice ul li.thread .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3em 0.5em;
  background-color: rgba(0, 163, 214, 0.2);
}
.page-parents section.notice ul li.thread .head .from {
  width: 22.5em;
  overflow: hidden;
}
.page-parents section.notice ul li.thread .head .from .content {
  display: flex;
  white-space: nowrap;
}
.page-parents section.notice ul li.thread .head .from .content::after {
  margin-right: 0.3em;
  margin-left: 0.5em;
  overflow: hidden;
  content: "━━━━━━━━━━━━━━━━";
  color: var(--cs-key-01);
}
.page-parents section.notice ul li.thread .head .to {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.page-parents section.notice ul li.thread .head .to::before {
  margin: 0 0.5em 0 0em;
  content: "➔";
  color: var(--cs-key-01);
  font-weight: normal;
}
.page-parents section.notice ul li.thread .head .to .grade::after {
  margin: 0 0.3em;
  content: "-";
  font-weight: normal;
}
.page-parents section.notice ul li.thread .head .time {
  display: flex;
  align-items: center;
}
.page-parents section.notice ul li.thread .head .time .content {
  display: block;
  font-size: 0.8em;
}
.page-parents section.notice ul li.thread .messageContainer {
  display: flex;
  padding: 0.5em;
  padding-right: 4em;
}
.page-parents section.notice ul li.thread .messageContainer ul.message { width: calc(100% - 13.7em);}
.page-parents section.notice ul li.thread .messageContainer ul.message li.title .content {
  display: block;
  overflow: hidden;
  font-size: 0.9em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.windows .page-parents section.notice ul li.thread .messageContainer ul.message li.title .content {
  margin-bottom: -0.1em;
  padding-top: 0.15em;
  line-height: 1.2;
}
.page-parents section.notice ul li.thread .messageContainer ul.message li.body .content {
  display: block;
  overflow: hidden;
  color: var(--cs-font-03);
  font-size: 0.85em;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-parents section.notice ul li.thread .messageContainer .condition {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 13.7em;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid var(--cs-basic-06);
}
.page-parents section.notice ul li.thread .messageContainer .condition .reply {
  width: 3.5em;
  margin: 0 0.2em;
}
.page-parents section.notice ul li.thread .messageContainer .condition p {
  display: none;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-parents section.notice ul li.thread .messageContainer .condition p:only-child { display: block;}
.page-parents section.notice ul li.thread.new .head .time::before {
  width: 4em;
  margin: 0 0.2em;
  font-size: 0.7em;
  text-align: center;
}
.windows .page-parents section.notice ul li.thread.new .head .time::before {
  height: 1em;
  margin-bottom: 0.2em;
  padding-top: 0.15em;
}
.page-parents section.notice ul li.thread:not(.new) { background-color: var(--cs-basic-02);}
.page-parents section.notice ul li.thread.file { position: relative;}
.page-parents section.notice ul li.thread.file::after {
  position: absolute;
  right: 0.5em;
  bottom: 0.25em;
  padding: 0.3em;
  border-radius: 100%;
  font-size: 1.5em;
}
.page-parents .button-area {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1em;
}
.page-parents .button-area .button { margin-left: 0.5em;}
.page-parents .button-area .button span[class*=-trashbox] { color: var(--cs-ac_02-01);}
.page-parents section.full-thread {
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 1em;
  background-color: var(--cs-basic-01);
}
.page-parents section.full-thread .head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--cs-basic-06);
}
.page-parents section.full-thread .head .label {
  margin-right: 0.2em;
  padding: 0.1em 0.5em;
  border-radius: 1em;
  background-color: var(--cs-key-01);
  color: var(--cs-font-lite);
}
.page-parents section.full-thread .head ul.to {
  margin-right: auto;
  margin-left: 1em;
}
.page-parents section.full-thread .head ul.to li.grade::after {
  margin: 0 0.3em;
  content: "-";
  font-weight: normal;
}
.page-parents section.full-thread .head :is(.from, .to, .time) {
  display: flex;
  align-items: center;
}
.page-parents section.full-thread .title { margin-bottom: 1em;}
.page-parents section.full-thread .title .content {
  font-weight: bolder;
  font-size: 1.4em;
}
.page-parents section.full-thread .body {
  margin-bottom: 1em;
  line-height: 2;
}
.page-parents section.full-thread .file-area {
  display: none;
  align-items: center;
  justify-content: flex-end;
}
.page-parents section.full-thread .file-area .button.nor {
  min-width: auto;
  margin-left: 1em;
}
.page-parents section.full-thread .file-area .button.nor .content {
  color: var(--cs-key_smoke-01);
  font-size: 2em;
}
.page-parents section.full-thread.file .file-area { display: flex;}
.page-parents section.reply ul.gadget-listTable {
  position: relative;
  margin-bottom: 3em;
  padding-bottom: 0.5em;
  border: 2px solid var(--cs-basic-06);
}
.page-parents section.reply ul.gadget-listTable::after {
  display: block;
  position: absolute;
  top: 100%;
  left: -2px;
  width: calc(100% + 4px);
  height: 1em;
  border: 2px solid var(--cs-basic-06);
  border-top: 1px solid var(--cs-basic-06);
  background-color: var(--cs-basic-05);
  content: "";
}
.page-parents section.reply ul.gadget-listTable > li > ul {
  display: flex;
  align-items: baseline;
}
.page-parents section.reply ul.gadget-listTable > li > ul > li { padding: 0 0.5em;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(1) { width: calc(var(--grade_w) + 1em);}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(2) { width: calc(var(--class_w) + 1em);}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(3) { width: 0;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(4) { width: 6em;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(5) { width: 6em;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(6) { width: 13em;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(1) { flex-grow: 0;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(2) { flex-grow: 0;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(3) { flex-grow: 1;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(4) { flex-grow: 0;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(5) { flex-grow: 0;}
.page-parents section.reply ul.gadget-listTable > li > ul > li:nth-child(6) { flex-grow: 0;}
.page-parents section.reply ul.gadget-listTable > li.head {
  display: flex;
  border-bottom: 1px solid var(--cs-basic-06);
  background-color: var(--cs-basic-05);
}
.page-parents section.reply ul.gadget-listTable > li.head > ul {
  width: 100%;
  margin: 0.5em 0 0;
}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(1) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(2) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(3) { text-align: left;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(4) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(5) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:nth-child(6) { text-align: left;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li:is(.grade, .class) { min-width: 3em;}
.page-parents section.reply ul.gadget-listTable > li.head > ul > li .contents { font-size: 0.8em;}
.page-parents section.reply ul.gadget-listTable > li.line { position: relative;}
.page-parents section.reply ul.gadget-listTable > li.line > ul {
  margin: 0.8em 0 0.2em;
  border-bottom: 1px solid var(--cs-basic-06);
}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(1) { text-align: right;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(2) { text-align: right;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(3) { text-align: left;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(4) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(5) { text-align: center;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:nth-child(6) { text-align: left;}
.page-parents section.reply ul.gadget-listTable > li.line > ul > li:is(.grade, .class) { min-width: 3em;}
.page-parents section.reply ul.gadget-listTable.with_th > li { padding-left: 1.5em;}
.page-parents section.reply ul.gadget-listTable.with_th > li.line::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 1em;
  width: 0.4em;
  height: 100%;
  border: none;
  background-color: var(--cs-basic-06);
  content: "";
}
.page-parents section.reply ul.replyList li.line .relation, .page-parents section.reply ul.replyList li.head ul li:nth-of-type(n+4):nth-of-type(-n+5) { margin: 0 0.2em;}
.page-parents section.reply ul.replyList li.line :is(.reply, .relation) {
  margin-bottom: 0.2em;
  border: none;
}
.page-parents section.reply ul.replyList li.line :is(.reply, .relation) .contents { font-size: 0.9em;}
.page-parents section.reply ul.replyList li.line .relation {
  border-radius: 0.5em;
  border-color: #7159A6;
  background-color: #7159A6;
  color: white;
}
.page-parents section.reply ul.replyList li.line :is(.type04, .type05) ~ :is(.relation, .time) { visibility: hidden;}
.page-parents section.create .message-title { margin-bottom: 1em;}
.page-parents section.create .message-title .form-wrapper.textbox { width: 100%;}
.page-parents section.create .message-title .form-wrapper.textbox input {
  width: 100%;
  height: 2em;
}
.page-parents section.create .massage-body { margin-bottom: 1em;}
.page-parents section.create .massage-body .form-wrapper.textarea textarea {
  margin: 0;
  overflow-y: auto;
  resize: vertical;
}
.page-parents section.create .caption {
  display: flex;
  justify-content: space-between;
}
.page-parents section.create .caption :is(.description, .length) {
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.page-parents section.create h4.attach {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.page-parents section.create h4.attach ~ div.attach { border-top-left-radius: 0;}
.page-parents section.create div.attach {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page-parents section.create div.attach .fileInfo { flex-grow: 1;}
.page-parents section.create div.attach .fileInfo :is(.name, .size) { display: inline-block;}
.page-parents section.create div.attach .fileInfo :is(.name, .size) .label {
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
  border-radius: 1em;
  background-color: var(--cs-basic-05);
  font-size: 0.8em;
}
.page-parents section.create div.attach .fileInfo .name {
  margin-right: 1em;
  line-height: 1.5;
}
.page-parents section.create div.attach .button-area { margin: 0;}
.page-parents section.create div.attach .button-area label { white-space: nowrap;}
.page-parents section.create div.attach .button-area label input[type=file] { display: none;}
.page-parents section.create h4.reply {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.page-parents section.create h4.reply ~ div.reply { border-top-left-radius: 0;}
.page-parents section.create div.reply { margin-bottom: 1em;}
.page-parents section.create div.reply .parent {
  display: flex;
  justify-content: space-between;
}
.page-parents section.create div.reply .parent > p {
  font-size: 0.7em;
  line-height: 1.2em;
}
.page-parents section.create div.reply .parent > label:last-of-type { margin-right: auto;}
.page-parents section.create div.reply .child {
  display: flex;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--cs-basic-05);
}
.page-parents section.create div.reply .child label {
  margin-right: 1em;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-07);
  border-radius: 0.5em;
  background-color: var(--cs-key-03);
  cursor: pointer;
  pointer-events: auto;
}
.page-parents section.create div.reply .child label .condition {
  padding-top: 0.5em;
  padding-left: 0;
}
.page-parents section.create div.reply .child label .condition .reply {
  display: inline-block;
  width: 7em;
  background-color: var(--cs-basic-05);
}
.page-parents section.create div.reply .child label * { transition: background-color 0.5s, border-color 0.5s, color 0.5s;}
.page-parents section.create div.reply .child label.disabled { background-color: var(--cs-basic-04);}
.page-parents section.create div.reply .child.disabled label {
  border-color: var(--cs-basic-04) !important;
  background-color: var(--cs-basic-04);
  cursor: auto;
  pointer-events: none;
}
.page-parents section.create div.reply .child.disabled label .parts {
  color: var(--cs-basic-05);
  cursor: auto;
  pointer-events: none;
}
.page-parents section.create div.reply .child.disabled label .parts::before {
  border-color: var(--cs-basic-04);
  background-image: radial-gradient(var(--cs-btn_border-msk) 50%, var(--cs-btn_bg-msk) 60%);
}
.page-parents section.create div.reply .child.disabled label .condition .reply {
  border-color: var(--cs-basic-05) !important;
  background-color: var(--cs-basic-05) !important;
  color: var(--cs-basic-04);
}
.page-parents section.create .button-area .send.button {
  width: 12em;
  border-width: 5px;
}
.page-print-inputresult {
  width: 100%;
  padding: 0 1em;
}
.page-print-inputresult dd ul { display: block;}
.page-print-inputresult li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.5em 0;
  padding: 0.5em 1em 0.5em;
  border-radius: 20px;
  background-color: var(--cs-basic-04);
}
.page-print-inputresult li.button.nor { border: 1px solid !important;}
.page-print-inputresult li.button.nor:not(:active) {
  border-color: var(--cs-btn_border-nor) !important;
  background-color: var(--cs-btn_bg-nor) !important;
}
.page-print-inputresult li > span:is([class=elaicon-symbol-maru],
[class=elaicon-symbol-batsu]) { font-size: 2em;}
.page-print-inputresult > dt {
  display: block;
  padding: 1em 0.5em 0.3em 0.5em;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  background-color: var(--cs-basic-07);
  color: var(--cs-font-lite);
  line-height: 1;
}
.page-print-inputresult > dd > ul > li:last-child { margin-bottom: 1em;}
.page-print-inputresult > dd > ul > li > span:first-child {
  flex-grow: 1;
  text-align: left;
}
.page-print-inputresult > dd > ul > li > dl { width: 100%;}
.page-print-inputresult > dd > ul > li > dl dt { padding-top: 0.5em;}
.page-print-inputresult > dd > ul > li > dl dd ul li {
  padding-right: 0;
  border: 2px solid var(--cs-basic-06);
}
.page-print-inputresult > dd > ul > li > dl dd ul li > span:first-child {
  flex-grow: 1;
  text-align: left;
}
.page-print-areaselect {
  display: block;
  width: 804px;
  max-width: 100% !important;
}
.page-print-areaselect > .modal-contents > .container {
  display: flex;
  flex-wrap: wrap;
}
.page-print-areaselect > .modal-contents > .container > dl {
  display: block;
  width: 50%;
  padding: 5px;
}
.page-print-areaselect > .modal-contents > .container > dl > dt { display: block;}
.page-print-areaselect > .modal-contents > .container > dl > dd {
  display: block;
  padding: 0 !important;
  font-size: initial;
}
.page-print-areaselect > .modal-contents > .container > dl > dd > ul { margin: 0 !important;}
.page-print-areaselect > .modal-contents > .container > dl > dd > ul > li {
  display: inline-block;
  min-width: calc(25% - 6px);
  padding: 5px 0;
  text-align: center;
}
.page-print-areaselect > .modal-contents > .container > dl > dd > ul > li > .button {
  display: inline-block !important;
  width: 100%;
  min-width: auto !important;
  height: 1.4em;
  min-height: 0;
  margin: 0;
  padding: 0 0.5em !important;
  white-space: nowrap;
}
.page-print-areaselect > .modal-contents > .container > dl > dd > ul > li > .button > .contents { font-size: 0.8em;}
.page-print-areaselect > .modal-contents > .caption-container {
  display: block;
  padding-top: 1em;
  text-align: center;
}
.admin-selectterm input[type=radio] { display: none;}
.admin-selectterm input.term-switch-1:checked ~ .content-block:nth-of-type(3) .column-wrapper:last-child input {
  border-color: var(--cs-btn_border-msk);
  background-color: var(--cs-btn_bg-msk);
  box-shadow: none;
  color: var(--cs-btn_font-msk);
  pointer-events: none;
}
.admin-selectterm input.term-switch-1:checked ~ .content-block:nth-of-type(2) label:first-of-type span.parts::before {
  background-image: radial-gradient(var(--cs-btn_border-nor) 45%, var(--cs-btn_bg-nor) 50%);
  background-repeat: no-repeat;
  background-color: var(--cs-btn_border-nor);
}
.admin-selectterm input.term-switch-2:checked ~ .content-block:nth-of-type(2) label:last-of-type span.parts::before {
  background-image: radial-gradient(var(--cs-btn_border-nor) 45%, var(--cs-btn_bg-nor) 50%);
  background-repeat: no-repeat;
  background-color: var(--cs-btn_border-nor);
}
.admin-editteacher input.autopass { display: none;}
.admin-editteacher input.autopass:not(:checked) ~ .content-block:nth-of-type(1) .form-wrapper + .form-wrapper .parts {
  color: var(--cs-btn_font-msk);
  pointer-events: none;
}
.admin-editteacher input.autopass:not(:checked) ~ .content-block:nth-of-type(1) .form-wrapper + .form-wrapper .parts::before {
  outline-color: var(--cs-btn_border-msk);
  background-image: none;
  background-color: var(--cs-btn_bg-msk);
}
.admin-editteacher input.autopass:not(:checked) ~ .content-block:nth-of-type(1) .form-wrapper + .form-wrapper .parts input[type=text] {
  background-color: currentColor !important;
  opacity: 0.1;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.admin-editteacher input.autopass:checked ~ .content-block:nth-of-type(1) .form-wrapper:nth-of-type(1) label span::before { color: inherit;}
.admin-editteacher input.rand:checked ~ label:nth-of-type(1) span.parts::before {
  background-image: radial-gradient(var(--cs-btn_border-nor) 45%, var(--cs-btn_bg-nor) 50%);
  background-repeat: no-repeat;
}
.admin-editteacher input.rand:checked ~ input[type=text] {
  background-color: currentColor !important;
  opacity: 0.1;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.admin-editteacher input[type=radio] { display: none;}
.admin-editteacher.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper.radio input[type=text] {
  width: 6em !important;
  height: calc(1.4em + 2px);
  margin-left: 0.5em !important;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cs-basic-07);
  outline: none;
  background-color: var(--cs-basic-04);
  color: var(--cs-font-01);
  font-size: 1em !important;
  line-height: normal;
  text-indent: 0.5em;
  vertical-align: middle;
  transition: all 0.3s;
}
.admin-editteacher.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper.radio input[type=text]:focus { background-color: var(--cs-basic-01);}
.admin-page-home-top .content-block.notice {
  position: relative;
  margin-top: 3em;
  padding: 0;
}
.admin-page-home-top .links {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.gadget-gridlist[class*=board-gridlist] > .header {
  z-index: 2;
  position: sticky;
  top: 0;
  margin-bottom: 0 !important;
  margin-left: -3.1em;
  padding: 0 10px 0.3em 65px;
  background-color: var(--cs-basic-02);
  opacity: 1 !important;
}
.gadget-gridlist[class*=board-gridlist] > .header .cell .contents { min-height: 1em !important;}
.gadget-gridlist[class*=board-gridlist] > .body { position: relative;}
.gadget-gridlist[class*=board-gridlist] > .body > .list { transition: background-color 0.5s linear;}
.gadget-gridlist[class*=board-gridlist] > .body > .list > .cell .contents { display: block;}
.gadget-gridlist[class*=board-gridlist] > .body > .list > .cell .button {
  min-width: auto;
  padding: 0 0.6em;
}
.gadget-gridlist[class*=board-gridlist] > .body > .list > .cell .button .contents { line-height: 1.2;}
.gadget-gridlist[class*=board-gridlist] > .body > .list > .cell .button .contents span[class^=elaicon-] {
  margin-right: 0;
  line-height: inherit;
}
.gadget-gridlist[class*=board-gridlist] > .body > .list.private {
  position: relative;
  padding: 13px 10px !important;
}
.gadget-gridlist[class*=board-gridlist] > .body > .list.private > .message {
  position: absolute;
  right: 10px;
  color: var(--cs-ac_02-01);
}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)) {
  margin-bottom: 0.3em;
  padding: 5px 10px !important;
  border-width: 1px;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)) > .cell { height: auto;}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)) > .cell .contents {
  visibility: visible;
  line-height: 1.2;
  opacity: 1;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)) > .cell .contents span[class^=elaicon-] {
  display: inline-block;
  line-height: inherit;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)) > .cell .button { display: inline-flex;}
.gadget-gridlist[class*=board-gridlist] > .body.is-open > .list:not(:nth-child(2)).private {
  padding: 9px 10px !important;
  line-height: 1.2;
  opacity: 1;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-open .open-button .contents { transform: rotate(0deg);}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)) {
  margin-bottom: 0;
  padding: 0 10px !important;
  border-width: 0;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)) > .cell { height: 0;}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)) > .cell .contents {
  visibility: hidden;
  line-height: 0;
  opacity: 0;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)) > .cell .contents span[class^=elaicon-] {
  display: block;
  line-height: 0;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)) > .cell .button { display: none;}
.gadget-gridlist[class*=board-gridlist] > .body.is-close > .list:not(:nth-child(2)).private {
  padding: 0 10px !important;
  line-height: 0;
  opacity: 0;
}
.gadget-gridlist[class*=board-gridlist] > .body.is-close .open-button .contents { transform: rotate(-90deg);}
.gadget-gridlist[class*=board-gridlist] > .body > .list:not(:nth-child(2)) { transition: padding 0.2s ease-out, border-width 0.1s ease-out, margin-bottom 0.2s ease-out;}
.gadget-gridlist[class*=board-gridlist] > .body > .list:not(:nth-child(2)) > .cell { transition-height: 0.3s ease-out;}
.gadget-gridlist[class*=board-gridlist] > .body > .list:not(:nth-child(2)) > .cell .contents { transition: line-height 0.3s ease-out, opacity 0.2s linear, visibility 0.1s linear 0.1s;}
.gadget-gridlist[class*=board-gridlist] > .body > .list:not(:nth-child(2)).private { transition: padding 0.3s ease-out, line-height 0.3s ease-out, opacity 0.1s linear 0.1s;}
.gadget-gridlist[class*=board-gridlist] > .body .open-button .contents { transition: transform 0.2s ease-in;}
.gadget-gridlist[class*=board-gridlist] > .body.no-user > .button { visibility: hidden;}
.gadget-gridlist[class*=board-gridlist] > .body.no-user .list {
  background-color: var(--cs-basic-02);
  pointer-events: none;
}
.gadget-gridlist[class*=board-gridlist] > .body.no-user .list .cell:not(:first-child):not(:last-child) .contents { visibility: hidden;}

.board-graph {
  border-radius: 0.5em;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.board-gridlist-schools > .header > .cell,
.board-gridlist-schools > .body .list > .cell { margin: 0 0.1em;}
.board-gridlist-schools > .header > .cell.colspan,
.board-gridlist-schools > .body .list > .cell.colspan { width: 14em;}
.board-gridlist-schools > .header > .cell.colspan > .cell.upper,
.board-gridlist-schools > .body .list > .cell.colspan > .cell.upper { width: 13.8em;}
.board-gridlist-schools > .header > .cell.colspan > .cell.lower,
.board-gridlist-schools > .body .list > .cell.colspan > .cell.lower { width: 6.8em;}
.board-gridlist-schools > .header > .cell:nth-child(2),
.board-gridlist-schools > .body .list > .cell:nth-child(2) { width: 13.8em;}
.board-gridlist-schools > .header > .cell:nth-child(3),
.board-gridlist-schools > .body .list > .cell:nth-child(3) { width: 10.8em;}
.board-gridlist-schools > .header > .cell:nth-child(4),
.board-gridlist-schools > .body .list > .cell:nth-child(4) { width: 6em;}
.board-gridlist-schools > .body > .list > .cell:nth-child(2) > .cell .contents {
  margin-right: 1em;
  margin-left: auto;
  text-align: right;
}
.board-gridlist-schools > .body > .list > .cell:nth-child(3) { justify-content: center;}
.board-gridlist-schools > .body > .list > .cell:nth-child(3) span[class^=elaicon-] {
  font-size: 1.3em;
  line-height: inherit;
}
.board-gridlist-schools > .body > .list > .cell:nth-child(3) span:first-child { color: var(--cs-ac_01-01);}
.board-gridlist-schools > .body > .list > .cell:nth-child(3) span:last-child { color: var(--cs-ac_01-01);}
.board-gridlist-schools > .body > .list > .cell:nth-child(4) { justify-content: flex-end;}
.board-gridlist-students {
  --cell-mg: 0.1em;
  --cell-2-w: 13em;
  --cell-3-w: 10em;
  --cell-4-w: 10em;
  --cell-5-w: 6em;
  --cell-6-w: 6em;
  --cell-7-w: 5.8em;
  --cell-8-w: 5em;
  font-size: 14.7px;
}
.board-gridlist-students > .header > .cell,
.board-gridlist-students > .body .list > .cell { margin: 0 var(--cell-mg);}
.board-gridlist-students > .header > .cell:nth-child(2),
.board-gridlist-students > .body .list > .cell:nth-child(2) { width: calc(var(--cell-2-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(2).colspan,
.board-gridlist-students > .body .list > .cell:nth-child(2).colspan { width: var(--cell-2-w);}
.board-gridlist-students > .header > .cell:nth-child(2).colspan > .cell.upper,
.board-gridlist-students > .body .list > .cell:nth-child(2).colspan > .cell.upper { width: calc(var(--cell-2-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(2).colspan > .cell.lower,
.board-gridlist-students > .body .list > .cell:nth-child(2).colspan > .cell.lower { width: calc(var(--cell-2-w) / 3 - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(3),
.board-gridlist-students > .body .list > .cell:nth-child(3) { width: calc(var(--cell-3-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(3).colspan,
.board-gridlist-students > .body .list > .cell:nth-child(3).colspan { width: var(--cell-3-w);}
.board-gridlist-students > .header > .cell:nth-child(3).colspan > .cell.upper,
.board-gridlist-students > .body .list > .cell:nth-child(3).colspan > .cell.upper { width: calc(var(--cell-3-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(3).colspan > .cell.lower,
.board-gridlist-students > .body .list > .cell:nth-child(3).colspan > .cell.lower { width: calc(var(--cell-3-w) / 2 - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(4),
.board-gridlist-students > .body .list > .cell:nth-child(4) { width: calc(var(--cell-4-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(4).colspan,
.board-gridlist-students > .body .list > .cell:nth-child(4).colspan { width: var(--cell-4-w);}
.board-gridlist-students > .header > .cell:nth-child(4).colspan > .cell.upper,
.board-gridlist-students > .body .list > .cell:nth-child(4).colspan > .cell.upper { width: calc(var(--cell-4-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(4).colspan > .cell.lower,
.board-gridlist-students > .body .list > .cell:nth-child(4).colspan > .cell.lower { width: calc(var(--cell-4-w) / 2 - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(5),
.board-gridlist-students > .body .list > .cell:nth-child(5) { width: calc(var(--cell-5-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(6),
.board-gridlist-students > .body .list > .cell:nth-child(6) { width: calc(var(--cell-6-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(7),
.board-gridlist-students > .body .list > .cell:nth-child(7) { width: calc(var(--cell-7-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .header > .cell:nth-child(8),
.board-gridlist-students > .body .list > .cell:nth-child(8) { width: calc(var(--cell-8-w) - var(--cell-mg) * 2);}
.board-gridlist-students > .body > .list > .cell .contents span { font-size: 13px;}
.board-gridlist-students > .body > .list > .cell:is(:nth-child(2),
:nth-child(3),
:nth-child(4)) > .cell .contents {
  margin-right: 0.5em;
  margin-left: auto;
  text-align: right;
}
.board-gridlist-students > .body > .list > .cell:is(:nth-child(1),
:nth-child(5),
:nth-child(6),
:nth-child(7)) .contents {
  margin-right: 0.5em;
  margin-left: auto;
}
.board-gridlist-students > .header > .cell:nth-child(6) .contents span {
  padding: 0.25em 0.5em;
  font-size: 13px;
}
.board-gridlist-ghead { font-size: 16px;}
.board-gridlist-ghead > .header > .cell,
.board-gridlist-ghead > .body .list > .cell { margin: 0 0.1em;}
.board-gridlist-ghead > .header > .cell:nth-child(1).colspan > .cell.upper,
.board-gridlist-ghead > .body .list > .cell:nth-child(1).colspan > .cell.upper { width: calc(100% - 0.2em);}
.board-gridlist-ghead > .header > .cell:nth-child(1).colspan > .cell.lower,
.board-gridlist-ghead > .body .list > .cell:nth-child(1).colspan > .cell.lower { width: calc(33.3333333333% - 0.2em);}
.board-gridlist-ghead > .header > .cell:nth-child(2).colspan,
.board-gridlist-ghead > .body .list > .cell:nth-child(2).colspan { width: 11em;}
.board-gridlist-ghead > .header > .cell:nth-child(2).colspan > .cell.upper,
.board-gridlist-ghead > .body .list > .cell:nth-child(2).colspan > .cell.upper { width: 10.8em;}
.board-gridlist-ghead > .header > .cell:nth-child(2).colspan > .cell.lower,
.board-gridlist-ghead > .body .list > .cell:nth-child(2).colspan > .cell.lower { width: 5.3em;}
.board-gridlist-ghead > .header > .cell:nth-child(3).colspan,
.board-gridlist-ghead > .body .list > .cell:nth-child(3).colspan { width: 11em;}
.board-gridlist-ghead > .header > .cell:nth-child(3).colspan > .cell.upper,
.board-gridlist-ghead > .body .list > .cell:nth-child(3).colspan > .cell.upper { width: 10.8em;}
.board-gridlist-ghead > .header > .cell:nth-child(3).colspan > .cell.lower,
.board-gridlist-ghead > .body .list > .cell:nth-child(3).colspan > .cell.lower { width: 5.3em;}
.board-gridlist-ghead > .header > .cell:nth-child(4),
.board-gridlist-ghead > .body .list > .cell:nth-child(4) { width: 8em;}
.board-gridlist-ghead > .header > .cell:nth-child(5).colspan,
.board-gridlist-ghead > .body .list > .cell:nth-child(5).colspan { width: 16em;}
.board-gridlist-ghead > .header > .cell:nth-child(5).colspan > .cell.upper,
.board-gridlist-ghead > .body .list > .cell:nth-child(5).colspan > .cell.upper { width: 15.8em;}
.board-gridlist-ghead > .header > .cell:nth-child(5).colspan > .cell.lower,
.board-gridlist-ghead > .body .list > .cell:nth-child(5).colspan > .cell.lower { width: 7.8em;}
.board-gridlist-ghead > .header > .cell.button,
.board-gridlist-ghead > .body .list > .cell.button { padding: 0.3em 0;}
.board-gridlist-ghead .header {
  margin-left: auto !important;
  padding-left: 10px !important;
}
.board-gridlist-ghead .header .cell > .contents * { font-size: 13px !important;}
.board-gridlist-ghead .body > .list {
  margin-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-color: var(--cs-key-01) !important;
  background-color: var(--cs-key_smoke-04) !important;
  pointer-events: none;
}
.board-gridlist-ghead .body > .list .button .cell.lower:not(:last-child) { border-right: 1px solid;}
.board-gridlist-ghead .body > .list > .cell:first-child { justify-content: center;}
.board-gridlist-ghead, .board-gridlist-schools, .board-gridlist-students { margin-bottom: 0;}
.board-gridlist-acordeon { padding-left: 3em;}
.board-gridlist-acordeon .open-button {
  position: absolute !important;
  top: 1px;
  left: -3em;
  width: 2.5em;
  min-width: auto;
}
.board-gridlist-acordeon .open-button span[class^=elaicon-] { margin: 0;}
.board-gridlist-acordeon .open-button + .list {
  margin-left: 0;
  padding: 10px !important;
  border-left-width: 20px !important;
  border-color: var(--cs-basic-07) !important;
  background-color: var(--cs-key_smoke-04);
}
.board-gridlist-acordeon .open-button + .list > .cell:first-child .contents { font-weight: bolder;}
.board-gridlist-acordeon .open-button + .list ~ * { margin-left: 20px;}
.board-header {
  display: flex;
  margin-bottom: 20px;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-04);
  border-radius: 10px;
  background-color: var(--cs-key_smoke-04);
  box-shadow: 0 8px 10px 5px rgba(var(--cs-basic-01-rgb), 0.9), 0 0px 10px 5px rgba(var(--cs-basic-06-rgb), 1), inset 0px 5px 15px 0px var(--cs-key_smoke-03);
}
.board-header .school { margin: 0.2em 2em 0.2em 0em;}
.board-header .school .contents {
  color: var(--cs-key_smoke-01);
  font-weight: bolder;
}
.board-header .school dd .contents { color: inherit;}
.board-header .school + dl dd .contents { font-size: 1em;}
.board-header dl {
  display: flex;
  align-items: center;
}
.board-header dl dt > .contents {
  color: var(--cs-key_smoke-01);
  font-size: 0.9em;
}
.board-header dl dt::after {
  margin: 0 0.3em;
  content: ":";
  color: var(--cs-key_smoke-01);
}
.board-header dl dd { margin-right: 1em;}
.board-header dl dd > .contents {
  font-weight: bolder;
  font-size: 1.4em;
}
.board-header .left-side { flex-wrap: wrap;}
.board-header .left-side > .data {
  display: flex;
  align-items: center;
}
.board-header .left-side > .data > .title {
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
  border-radius: 0.2em;
  background-color: var(--cs-key_smoke-02);
  color: #f8f8f8;
  font-size: 0.8em;
  line-height: 1.2;
}
.board-header .right-side {
  flex-grow: 0;
  flex-shrink: 0;
}
.board-header .button > .contents { white-space: nowrap;}
.board-header .button > .contents span[class^=elaicon-] {
  margin-right: 0;
  font-size: 0.9em;
}
.board-header + .caption-container {
  margin-top: -15px;
  margin-bottom: 20px;
}

.page-cardbook-top.contentsContainer .content-block:nth-child(1) {
  margin: 2em 200px;
  padding: 1em 0;
  border: var(--cs-basic-03) solid 1px;
  border-radius: 6em;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(1) .image-wrapper {
  width: 300px;
  margin: auto;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(1) .image-wrapper img { display: flex;}
.page-cardbook-top.contentsContainer .content-block:nth-child(2) {
  display: flex;
  justify-content: space-around;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(2) .button {
  flex-wrap: wrap;
  width: 17em;
  height: 10em;
  border-width: 5px;
  font-weight: bold;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(2) .button span {
  font-size: 1.3em;
  text-align: center;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(2) .button .image-wrapper {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}

.page-cardbook-sel_category .gadget-decoframe-a-lift {
  min-height: auto;
  margin-bottom: 40px;
}
.page-cardbook-sel_category .gadget-decoframe-a-lift .left-side { align-items: flex-end;}
.page-cardbook-sel_category .grid-one li { padding: 0 0 10px;}
.page-cardbook-sel_category .grid-one li .button-fullwidth {
  justify-content: flex-start;
  min-height: 3.5em;
  padding: 0 1em;
  font-weight: bold;
  font-size: 1.3em;
}

.page-cardbook-sel_deck .gadget-decoframe-a-lift {
  min-height: auto;
  margin-bottom: 40px;
}
.page-cardbook-sel_deck .gadget-decoframe-a-lift .left-side { align-items: flex-end;}
.page-cardbook-sel_deck .gadget-decoframe-a-lift .left-side .bignum { font-size: 1.3em;}
.page-cardbook-sel_deck .grid-one li { padding: 0 0 10px;}
.page-cardbook-sel_deck .grid-one li .button-fullwidth {
  justify-content: flex-start;
  min-height: 3.5em;
  padding: 0 1em;
  font-weight: bold;
  font-size: 1.3em;
}
.page-cardbook-sel_deck .grid-one li .button-fullwidth .bignum {
  margin: 0 !important;
  font-size: 1em;
}
.page-cardbook-sel_deck .grid-one li:first-child { padding: 0 0 0.3em;}
.page-cardbook-sel_deck .grid-one li:first-child > div {
  padding: 0.3em 1em;
  border-radius: 1em;
  background-color: var(--cs-basic-05);
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-cardbook-sel_deck .grid-one li:first-child > div.left-side { margin-right: 1em;}
.page-cardbook-sel_deck .grid-one li:first-child > div.right-side span { margin: 0;}
.page-cardbook-setting .gadget-tab { position: relative;}
.page-cardbook-setting .gadget-tab .tab-button-wrapper .tab-button { transition: background-color 0.4s, color 0.4s !important;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents > .title {
  display: block;
  align-items: baseline;
  margin: 0.5em 0 0.25em;
  padding: 0.3em;
  border-radius: 2em;
  background-color: var(--cs-key-03);
  color: var(--cs-key-01);
  color: var(--cs-font-01);
  line-height: 1.5;
  text-indent: 1em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents > .title:first-child { margin-top: 0;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents > .title .caption {
  font-size: 0.8em;
  text-indent: 1em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper { display: flex;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper span[class^=elaicon-] {
  color: var(--cs-ac_01-01);
  font-size: 2em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper .title {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background: none;
  color: var(--cs-font-01);
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper .title .caption {
  padding: 5px 5px 5px 0;
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper label .parts {
  display: flex;
  align-items: center;
  min-height: 1.8em;
  padding: 0 1.5em !important;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper label .parts::before { margin-top: 0;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents .form-wrapper label:nth-of-type(3n) { margin-right: 0;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc1 .form-wrapper { margin-bottom: 1em;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc1 .form-wrapper .title { width: 24em;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper .title { width: 18em;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper label { width: 9.5em !important;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper:nth-child(7) { align-items: flex-start;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper:nth-child(7) span[class^=elaicon-] { line-height: 1.6;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper:nth-child(7) .title {
  margin-top: 0.6em;
  white-space: normal;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper:nth-child(7) .wrapper {
  display: flex;
  flex-wrap: wrap !important;
  width: 31.5em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc2 .form-wrapper:nth-child(7) .wrapper label .parts.nor { min-width: 100% !important;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc3 h3 span[class^=elaicon-] {
  color: inherit !important;
  font-size: 1.3em;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc3 label {
  flex-grow: 1;
  margin: 0.5em 1em;
  margin-right: auto !important;
  padding: 0;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc3 label .parts.nor { min-height: 3.5em;}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc3 .footer {
  margin-top: 1em;
  padding: 1em 0 0;
  border-top: 1px solid;
  border-top-color: var(--cs-basic-05);
  text-align: center;
}
.page-cardbook-setting .gadget-tab .tab-contents-wrapper .tab-contents.tc3 .footer .button {
  min-height: 3em;
  margin: 0 1em;
}
.page-cardbook-setting .gadget-tab :is(.switch-tc1, .switch-tc2):checked ~ .footer { visibility: visible;}
.page-cardbook-setting .gadget-tab .switch-tc3:checked ~ .footer { visibility: hidden;}
.page-cardbook-setting .gadget-tab > .footer {
  padding: 0.5em;
  text-align: center;
  transition: none;
}
.page-cardbook-setting .gadget-tab > .footer .button {
  min-height: 3em;
  margin: 0 1em;
  transition: background-color 0.4s, color 0.4s !important;
}
.page-cardbook-setting .gadget-tab .switch-tc1:not(:checked) ~ .tab-button-wrapper .tab-button.tb1 { margin-top: 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc1:not(:checked) ~ .tab-button-wrapper .tab-button.tb1 .select-label { padding: 0.6em 0.1em 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc1:checked ~ .tab-button-wrapper .tab-button.tb1 { margin-top: 0;}
.page-cardbook-setting .gadget-tab .switch-tc1:checked ~ .tab-button-wrapper .tab-button.tb1 .select-label { padding: 1.2em 0.1em 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc2:not(:checked) ~ .tab-button-wrapper .tab-button.tb2 { margin-top: 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc2:not(:checked) ~ .tab-button-wrapper .tab-button.tb2 .select-label { padding: 0.6em 0.1em 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc2:checked ~ .tab-button-wrapper .tab-button.tb2 { margin-top: 0;}
.page-cardbook-setting .gadget-tab .switch-tc2:checked ~ .tab-button-wrapper .tab-button.tb2 .select-label { padding: 1.2em 0.1em 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc3:not(:checked) ~ .tab-button-wrapper .tab-button.tb3 { margin-top: 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc3:not(:checked) ~ .tab-button-wrapper .tab-button.tb3 .select-label { padding: 0.6em 0.1em 0.6em;}
.page-cardbook-setting .gadget-tab .switch-tc3:checked ~ .tab-button-wrapper .tab-button.tb3 { margin-top: 0;}
.page-cardbook-setting .gadget-tab .switch-tc3:checked ~ .tab-button-wrapper .tab-button.tb3 .select-label { padding: 1.2em 0.1em 0.6em;}
.page-cardbook-list .gadget-decoframe-a-lift { min-height: auto;}
.page-cardbook-list .gadget-decoframe-a-lift .left-side { align-items: flex-end;}
.page-cardbook-list .gadget-decoframe-a-lift .left-side .bignum { font-size: 1.3em;}
.page-cardbook-list .gadget-gridlist > .header {
  z-index: 10;
  position: sticky;
  top: 0;
  opacity: 1;
}
.page-cardbook-list .gadget-gridlist > .header .contents {
  min-height: 1.8em !important;
  text-align: center;
}
.page-cardbook-list .gadget-gridlist > .body .cell:is(.front, .back) .contents {
  width: 280px;
  height: 210px;
  border: 1px solid rgba(210, 218, 218, 0.8);
  background-color: white;
}
.page-cardbook-list .gadget-gridlist > .header > .cell,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell {
  position: relative;
  justify-content: center;
  margin: 0 0.1em;
}
.page-cardbook-list .gadget-gridlist > .header > .cell.num,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.num { width: 2.8em;}
.page-cardbook-list .gadget-gridlist > .header > .cell.front,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.front { width: calc(50% - 10.7em);}
.page-cardbook-list .gadget-gridlist > .header > .cell.back,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.back { width: calc(50% - 10.7em);}
.page-cardbook-list .gadget-gridlist > .header > .cell.sound,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.sound { width: 5.8em;}
.page-cardbook-list .gadget-gridlist > .header > .cell.sound [class*=" elaicon-"],
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.sound [class*=" elaicon-"] {
  color: var(--cs-ac_01-01);
  font-size: 2em;
}
.page-cardbook-list .gadget-gridlist > .header > .cell.ruby,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.ruby { width: 5.8em;}
.page-cardbook-list .gadget-gridlist > .header > .cell.bookmark,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.bookmark { width: 5.8em;}
.page-cardbook-list .gadget-gridlist > .header > .cell.bookmark .button,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell.bookmark .button {
  min-width: auto;
  font-size: 1.5em;
}
.page-cardbook-list .gadget-gridlist > .header > .cell .contents,
.page-cardbook-list .gadget-gridlist > .body > .list > .cell .contents { position: relative;}
.page-cardbook-print .gadget-extractor { -webkit-user-select: none; user-select: none;}
.page-cardbook-print .gadget-extractor dl:first-child dt { align-self: flex-end;}
.page-cardbook-print .gadget-extractor dl dd { margin-right: 2em;}
.page-cardbook-print .gadget-extractor .button {
  position: absolute;
  top: 50%;
  right: 10px;
  min-width: 170px;
  padding: 1em;
  transform: translateY(-50%);
  border-width: 3px;
}
.page-cardbook-print input { display: none;}
.page-cardbook-print input.individual:checked ~ .gadget-extractor .form-wrapper label[for=individual] *, .page-cardbook-print input.group:checked ~ .gadget-extractor .form-wrapper label[for=group] *, .page-cardbook-print input.both:checked ~ .gadget-extractor .form-wrapper label[for=both] *, .page-cardbook-print input.front:checked ~ .gadget-extractor .form-wrapper label[for=front] *, .page-cardbook-print input.back:checked ~ .gadget-extractor .form-wrapper label[for=back] * { pointer-events: none;}
.page-cardbook-print input.individual:checked ~ .gadget-extractor .form-wrapper label[for=individual] .parts:before, .page-cardbook-print input.group:checked ~ .gadget-extractor .form-wrapper label[for=group] .parts:before, .page-cardbook-print input.both:checked ~ .gadget-extractor .form-wrapper label[for=both] .parts:before, .page-cardbook-print input.front:checked ~ .gadget-extractor .form-wrapper label[for=front] .parts:before, .page-cardbook-print input.back:checked ~ .gadget-extractor .form-wrapper label[for=back] .parts:before {
  background-image: radial-gradient(var(--cs-btn_border-nor) 50%, var(--cs-btn_bg-nor) 60%);
  background-repeat: no-repeat;
}
.page-cardbook-print .paper-wrapper .paper {
  display: flex;
  position: relative;
  left: 50%;
  justify-content: center;
  margin-bottom: 40px;
  transform: translateX(-50%);
  background-color: white;
  box-shadow: 20px 20px 20px 10px rgba(9, 10, 10, 0.3);
}
:is(.page-cardbook-print .paper-wrapper .paper, .card) {
  width: 0;
  height: 0;
}
.page-cardbook-print .paper-wrapper .paper .card {
  position: relative;
  flex-shrink: 0;
}
.page-cardbook-print .paper-wrapper .paper .card::before {
  z-index: 1;
  position: absolute;
  border: 1px dashed rgba(128, 128, 128, 0.8);
  content: "";
}
.page-cardbook-print .paper-wrapper .paper .card .text_area { font-size: 0;}
.page-cardbook-print .paper-wrapper .paper .card, .page-cardbook-print .paper-wrapper .paper .card::before {
  width: 249px;
  height: 187px;
}
.page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper {
  align-items: center;
  width: 265.6mm;
  height: 187.7792mm;
  padding: 17mm 19mm;
}
.page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper .card {
  width: 209.7918056mm;
  height: 157.3832mm;
}
.page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper .card::before {
  width: 209.7918056mm;
  height: 157.3832mm;
}
.page-cardbook-print input[class=group]:checked ~ .paper-wrapper .paper {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 210mm;
  height: 297mm;
  padding: 24.75mm 39mm;
}
.page-cardbook-print input[class=group]:checked ~ .paper-wrapper .paper .card {
  width: 66mm;
  height: 49.5mm;
}
.page-cardbook-print input[class=group]:checked ~ .paper-wrapper .paper .card:before {
  width: 66mm;
  height: 49.5mm;
  border-top: none;
}
.page-cardbook-print input[class=group]:checked ~ input[class=both]:checked ~ .paper-wrapper .card:nth-child(odd)::before { border-right: none;}
.page-cardbook-print input[class=group]:checked ~ input[class=both]:checked ~ .paper-wrapper .card:last-child:not(:nth-child(even)) { margin-right: 66mm;}
.page-cardbook-print input[class=group]:checked ~ input[class=both]:checked ~ .paper-wrapper .card:last-child:not(:nth-child(even))::before { border-right: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=group]:checked ~ input[class=both]:checked ~ .paper-wrapper .card:nth-child(10n+1)::before, .page-cardbook-print input[class=group]:checked ~ input[class=both]:checked ~ .paper-wrapper .card:nth-child(10n+2)::before { border-top: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=group]:checked ~ input[class=front]:checked ~ .paper-wrapper .card:nth-child(4n+1)::before { border-right: none;}
.page-cardbook-print input[class=group]:checked ~ input[class=front]:checked ~ .paper-wrapper .card:nth-last-child(2):not(:nth-child(4n+3)) { margin-right: 66mm;}
.page-cardbook-print input[class=group]:checked ~ input[class=front]:checked ~ .paper-wrapper .card:nth-last-child(2):not(:nth-child(4n+3))::before { border-right: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=group]:checked ~ input[class=front]:checked ~ .paper-wrapper .card:nth-child(20n+1)::before, .page-cardbook-print input[class=group]:checked ~ input[class=front]:checked ~ .paper-wrapper .card:nth-child(20n+3)::before { border-top: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=group]:checked ~ input[class=back]:checked ~ .paper-wrapper .card:nth-child(4n+2)::before { border-right: none;}
.page-cardbook-print input[class=group]:checked ~ input[class=back]:checked ~ .paper-wrapper .card:last-child:not(:nth-child(4n+4)) { margin-right: 66mm;}
.page-cardbook-print input[class=group]:checked ~ input[class=back]:checked ~ .paper-wrapper .card:last-child:not(:nth-child(4n+4))::before { border-right: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=group]:checked ~ input[class=back]:checked ~ .paper-wrapper .card:nth-child(20n+2)::before, .page-cardbook-print input[class=group]:checked ~ input[class=back]:checked ~ .paper-wrapper .card:nth-child(20n+4)::before { border-top: 1px dashed rgba(128, 128, 128, 0.8);}
.page-cardbook-print input[class=front]:checked ~ .paper-wrapper .card.back { display: none;}
.page-cardbook-print input[class=back]:checked ~ .paper-wrapper .card.front { display: none;}
.page-cardbook .gadget-decoframe-a-lift { margin-bottom: 40px;}
.page-cardbook-top.contentsContainer .content-block:nth-child(1) {
  background-image: linear-gradient(90deg, #E0F8DE 50%, #C6F2C5 51%);
  background-size: 53px;
  box-shadow: var(--cs-ac_01-02) 0 9px 33px 0 inset, var(--cs-basic-01) 0 10px 15px 10px, var(--cs-basic-07) 0 -10px 15px 0;
}
.page-cardbook-top.contentsContainer .content-block:nth-child(1) img { filter: drop-shadow(0 0 2px white) hue-rotate(335deg);}
.page-seiseki-top > ul.links {
  display: flex;
  justify-content: center;
}
.page-seiseki-top > ul.links .button {
  position: relative;
  width: calc(100% / var(--length) - 2em);
  margin: 1em;
  border-width: 0.5em;
  border-radius: 2em;
}
.page-seiseki-top > ul.links .button::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.page-seiseki-top > ul.links .button .image-wrapper {
  position: absolute;
  top: calc(50% - 1.3em);
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
}
.page-seiseki-top > ul.links .button.overview_class {
  margin-right: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-seiseki-top > ul.links .button.overview_subject {
  margin: 1em 3em 1em 0em;
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-seiseki-top > ul.links .button .label {
  position: absolute;
  bottom: 1em;
  font-weight: bolder;
  line-height: 1.3;
}

.contentsWrapper {
  --exClsDifference: 0;
  --mainAreaHeight: calc(400px + var(--exClsDifference) * 1px);
}
.contentsWrapper:is(.page-tshi) {
  --buttoArea-margin: 0;
  --buttoArea-height: 0;
  --buttoArea-padding: 0;
  --buttonArea-inner-opacity: 0;
  --buttonArea-inner-visibility: hidden;
}
.contentsWrapper.ex_class { --exClsDifference: -120;}

.page-tshi .selectDrill > .container.selectRange > .contents .selected :is(.grade, .subject), .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title :is(.grade, .subject) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6em;
  padding: 1px 0.5em;
  border: 1px solid var(--cs-key-01);
  font-size: 0.75em;
  line-height: 1.2;
}
.page-tshi .selectDrill > .container.selectRange > .contents .selected .grade, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .grade {
  background-color: var(--cs-key-01);
  color: var(--cs-font-lite);
}
.page-tshi .selectDrill > .container.selectRange > .contents .selected .subject, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .subject {
  background-color: var(--cs-font-lite);
  color: var(--cs-key-01);
}
.page-tshi .answer_display .answer .contents svg, .page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .contents svg, .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span svg { height: 1em;}
.page-tshi .answer_display .answer .contents img, .page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .contents img, .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span img {
  height: auto;
  max-height: 1em;
}
.page-tshi .answer_display .answer .contents svg.unit, .page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .contents svg.unit, .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span svg.unit { vertical-align: middle;}
.page-tshi .answer_display .answer .image-only.contents svg, .page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .image-only.contents svg, .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.image-only svg { height: 3em;}
.page-tshi .answer_display .answer .image-only.contents img, .page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .image-only.contents img, .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.image-only img {
  height: 100%;
  min-height: 1em;
  max-height: 3em;
  vertical-align: middle;
}
.page-tshi.monitor-top { --mainAreaPaddingTop: 0;}
.page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m01) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m01) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m01-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.small.mon01 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.small.mon01 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon01 { stroke-dasharray: calc(var(--m01) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon01 { stroke-dasharray: calc(var(--m01) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m02) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m02) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m02-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.small.mon02 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.small.mon02 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon02 { stroke-dasharray: calc(var(--m02) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon02 { stroke-dasharray: calc(var(--m02) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m03) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m03) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m03-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.small.mon03 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.small.mon03 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon03 { stroke-dasharray: calc(var(--m03) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon03 { stroke-dasharray: calc(var(--m03) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m04) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m04) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m04-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.small.mon04 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.small.mon04 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon04 { stroke-dasharray: calc(var(--m04) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon04 { stroke-dasharray: calc(var(--m04) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m05) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m05) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m05-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.small.mon05 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.small.mon05 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon05 { stroke-dasharray: calc(var(--m05) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon05 { stroke-dasharray: calc(var(--m05) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m06) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m06) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m06-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.small.mon06 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.small.mon06 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon06 { stroke-dasharray: calc(var(--m06) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon06 { stroke-dasharray: calc(var(--m06) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m07) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m07) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m07-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.small.mon07 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.small.mon07 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon07 { stroke-dasharray: calc(var(--m07) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon07 { stroke-dasharray: calc(var(--m07) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m08) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m08) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m08-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.small.mon08 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.small.mon08 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon08 { stroke-dasharray: calc(var(--m08) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon08 { stroke-dasharray: calc(var(--m08) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m09) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m09) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m09-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.small.mon09 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.small.mon09 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon09 { stroke-dasharray: calc(var(--m09) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon09 { stroke-dasharray: calc(var(--m09) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m10) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.large { stroke-dasharray: calc(var(--m10) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.large .inner .percentage span::before { content: var(--m10-per-str);}
.page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.small.mon10 { box-shadow: none;}
.page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.small.mon10 .inner {
  background-color: #4CE9CC;
  animation: 1.5s ease-in-out 0s infinite pulsate;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon10 { stroke-dasharray: calc(var(--m10) / max(var(--answd), 1) * 100) 100 !important;}
.chrome .page-tshi.monitor-top.contentsWrapper section.sub_area figure.circle_gauge.mon10 { stroke-dasharray: calc(var(--m10) / max(var(--answd), 1) * 100.5) 100 !important;}
.page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area > :nth-child(1):last-child) :is(.main_area .gauge_bg, .sub_area) .circle_gauge.small, .page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area:empty) :is(.main_area .gauge_bg, .sub_area) .circle_gauge.small { display: none;}
.page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area > :nth-child(2)):has(.sub_area > :nth-child(-n+6):last-child) .circle_gauge.small { width: 60px;}
.page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area > :nth-child(7)) { --mainAreaPaddingTop: 40;}
.page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area > :nth-child(7)) .circle_gauge.small { width: calc(10% - 10px);}
.page-tshi.monitor-top.contentsWrapper article.gauges:has(.sub_area > :nth-child(8)) { --mainAreaPaddingTop: 60;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper {
  display: grid;
  grid-template-rows: 2.5em 1em calc(0.5em + 80px);
  grid-template-columns: 50% 20% 30%;
  padding-top: 0.5em;
  gap: 0px;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .text-link::before, .page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .text-link::after { color: inherit !important;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .drill_title {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 3;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gadget-gauge {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .datas {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauges {
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .note {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 4;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .category {
  width: calc(100% - 9em);
  color: var(--cs-key-01);
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .category::before { content: "【";}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .category::after { content: "】";}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .title { line-height: 1.5em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .difficulty {
  height: min-content;
  margin: auto 0.5em auto 0.1em;
  padding: 0.1em 0.5em;
  border-radius: 0.2em;
  font-size: 0.8em;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .difficulty.basic {
  background-color: #00A3D6 !important;
  color: white;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .difficulty.standard {
  background-color: #1AB93F !important;
  color: white;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .difficulty.challenge {
  background-color: #ff950a !important;
  color: white;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .text-link { line-height: 1.5em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper ul.drill_title .text-link .contents::after {
  content: " \e905";
  line-height: 1;
  font-family: "elaicon" !important;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: 1em;
  overflow: hidden;
  border: none;
  border-radius: 50vh;
  background-color: var(--cs-basic-04);
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge .bar {
  height: 100%;
  background-color: var(--cs-key-01);
  transition: width 2s;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.done-rate .bar { width: calc(var(--answd) / var(--total) * 100%);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.done-rate + .datas::before { content: "判定済";}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.done-rate + .datas .per::before { content: var(--done-percentage-str);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.done-rate + .datas .num::before { content: var(--done-num-str);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.yet-rate .bar { width: calc((var(--total) - var(--answd)) / var(--total) * 100%);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.yet-rate + .datas::before { content: "未判定";}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.yet-rate + .datas .per::before { content: var(--yet-percentage-str);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .gauge.yet-rate + .datas .num::before { content: var(--yet-num-str);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .datas {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 0.5em;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .datas::before { font-size: 0.9em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .datas::after {
  content: " \e905";
  font-size: 0.9em;
  line-height: 1;
  font-family: "elaicon" !important;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper .datas .per { margin: 0 0.5em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges {
  display: flex;
  position: relative;
  margin-top: 0.5em;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges svg.temp { display: none;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges .circle_gauge:is(.small, .large) svg {
  stroke-width: 32;
  fill: transparent;
  stroke: #0ade1c;
  transition: all ease-in-out 1.5s;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges section.main_area {
  position: absolute;
  padding-top: calc(var(--mainAreaPaddingTop) * 1px);
  text-align: center;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges section.main_area::before {
  z-index: -1;
  position: absolute;
  width: calc(100% - 90px);
  margin: 210px auto -30px;
  inset: 0;
  border-radius: 1em;
  background-color: var(--cs-basic-03);
  content: "";
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges section.sub_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100% - 1em);
  height: 80px;
  padding-right: 20px;
  border-top-right-radius: 160px;
  border-bottom-right-radius: 160px;
  background-image: linear-gradient(to right, transparent 339px, var(--cs-basic-03) 340px);
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges .gauge_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges .gauge_bg :is(.color01, .color02) { stop-color: var(--cs-basic-03);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges .gauge_bg .color01 { stop-opacity: 0;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.upper article.gauges .gauge_bg .color02 { stop-opacity: 1;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower {
  min-height: var(--mainAreaHeight);
  padding-left: 330px;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth {
  justify-content: flex-start;
  margin-bottom: 2em;
  margin-left: 0;
  padding: 0.5em 0.5em 0.5em 3em;
  border-radius: 100vh;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor {
  color: var(--cs-font-01);
  fill: var(--cs-font-01);
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor::after {
  margin: 0 0 0 auto;
  content: " \e905";
  line-height: 1;
  font-family: "elaicon" !important;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.msk::after { color: var(--cs-btn_font-msk);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:active { color: #ff950a;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor::after { color: var(--cs-btn_font-nor);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor:active::after { color: var(--cs-btn_font-act);}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.num { min-width: 2.5em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.percent { min-width: 3em;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span:is(.num, .percent) {
  margin-right: 0.5em;
  font-weight: bolder;
  font-size: 1.5em;
  text-align: right;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.answer {
  max-width: 22em;
  padding: 0.05em 0.5em;
  overflow: hidden;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.2em;
  background-color: var(--cs-basic-01);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth span.answer:has(.elaicon-symbol-maru, .elaicon-symbol-batsu, .elaicon-symbol-sankaku) {
  border: none;
  background-color: transparent;
  font-size: 2em;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth::before {
  display: flex;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0.5em;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  transform: translateY(-50%);
  border: 1px solid var(--cs-basic-01);
  border-radius: 50%;
  background-color: var(--cs-basic-04);
  content: "";
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:first-child:before {
  width: 2.5em;
  height: 2.5em;
  background-color: #0ade1c;
  content: "正解";
  color: white;
  font-size: 0.8em;
  white-space: nowrap;
}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(1) { animation: 0.5s ease-in-out 0.5s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(2) { animation: 0.5s ease-in-out 0.6s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(3) { animation: 0.5s ease-in-out 0.7s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(4) { animation: 0.5s ease-in-out 0.8s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(5) { animation: 0.5s ease-in-out 0.9s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(6) { animation: 0.5s ease-in-out 1s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(7) { animation: 0.5s ease-in-out 1.1s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(8) { animation: 0.5s ease-in-out 1.2s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(9) { animation: 0.5s ease-in-out 1.3s list-opening;}
.page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth:nth-child(10) { animation: 0.5s ease-in-out 1.4s list-opening;}
@keyframes list-opening {0% { box-shadow: 0 0 0 0 var(--cs-basic-01), 0 0 0 0 var(--cs-basic-06), 0 0 0 0 var(--cs-basic-07) inset;}
60% { box-shadow: 0 -0.25em 0.5em 0.5em var(--cs-basic-01), 0 0.25em 1em 0.5em var(--cs-basic-06), 0 0.125em 0.25em 0 var(--cs-basic-07) inset;}
100% { box-shadow: 0 0 0 0 var(--cs-basic-01), 0 0 0 0 var(--cs-basic-06), 0 0 0 0 var(--cs-basic-07) inset;}
}
.page-tshi .grid_list .cell.answer:has(.answer) { background-color: var(--cs-basic-03);}
.page-tshi .grid_list .cell.answer .answer span {
  margin-bottom: 0.5em;
  margin-left: 2.5em;
  padding: 0 1em;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.25em;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
  line-height: 1.5;
}
.page-tshi .grid_list .cell.answer .answer span::before {
  position: absolute;
  left: 0.5em;
  content: "解答";
  color: var(--cs-ac_01-01);
}
.page-tshi .grid_list .link.nor:hover .cell.answer:has(.answer) {
  background-color: var(--cs-basic-03) !important;
  color: inherit;
}
.page-tshi .grid_list .link.nor:active .cell.answer:has(.answer) { color: inherit;}

.overlay.note dl dt, .page-tshi.monitor-top article.note dl dt {
  display: flex;
  align-items: center;
  color: var(--cs-font_link-nor);
  counter-increment: memo;
}
.overlay.note dl dt::before, .page-tshi.monitor-top article.note dl dt::before {
  min-width: 1.25em;
  margin-right: 0.4em;
  padding: 0.2em 0.4em;
  border-radius: 50vh;
  background-color: var(--cs-font_link-nor);
  content: counter(memo);
  color: var(--cs-font-lite);
  font-size: 0.8em;
  line-height: 1;
}
.overlay.note dl dd, .page-tshi.monitor-top article.note dl dd {
  margin-bottom: 0.5em;
  color: var(--cs-font-02);
}
.overlay.note dl :is(dt, dd), .page-tshi.monitor-top article.note dl :is(dt, dd) {
  font-size: 0.8em;
  line-height: 1.3;
}

.page-tshi.monitor-top article.note {
  height: calc(4em + 80px);
  overflow: hidden;
  border-radius: 0.5em;
  background-image: repeating-linear-gradient(to bottom, var(--cs-basic-01), var(--cs-basic-01), 2px, var(--cs-basic-02) 2px, var(--cs-basic-02) 3px);
  box-shadow: 0 5px 3px 0 var(--cs-basic-01), 0 -3px 5px 0px var(--cs-basic-04), 0 0 5px 0 var(--cs-basic-07) inset;
}
.page-tshi.monitor-top article.note dl {
  height: calc(100% - 2.5em);
  margin: 0.5em 0.5em 0;
  overflow-y: auto;
}
.page-tshi.monitor-top article.note .text-link {
  display: flex;
  padding: 0 0.5em;
  border: 1px solid var(--cs-basic-05);
  background-color: var(--cs-basic-02);
  box-shadow: 0 -3px 3px 1px var(--cs-basic-05) inset;
  font-size: 0.8em;
  line-height: 2.5;
  text-align: right;
}
.page-tshi.monitor-top article.note .text-link::before {
  margin: 0 auto 0 0;
  content: var(--note_count_str);
}
.page-tshi.monitor-top article.note .text-link::after {
  margin-left: 0.2em;
  content: "\e925";
  font-family: "elaicon" !important;
}

.overlay.note {
  visibility: hidden;
  z-index: 10000;
  position: fixed;
  margin: auto;
  inset: 0;
  overflow: hidden;
  background-color: rgba(var(--cs-basic-08-rgb), 0.7);
  opacity: 0;
  transition: opacity 0.5s;
}
.overlay.note.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0;
}
body:has(.overlay.show) { overflow: hidden;}

.overlay.note .window {
  position: fixed;
  width: 684px;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  inset: 0;
  padding: 1em;
  border-radius: 1em;
  background-color: var(--cs-basic-02);
}
.overlay.note .window dl {
  max-height: calc(100vh - 14.7em);
  overflow-y: auto;
}
.overlay.note .window textarea { height: 5.5em;}
.overlay.note .window .button_area {
  display: flex;
  justify-content: flex-end;
}
.overlay.note .window .button_area button.button { margin-left: 1em;}

.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 {
  position: relative;
  height: 2.5em;
  margin-bottom: 50px;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .page-name {
  z-index: 10;
  position: absolute;
  align-items: flex-start;
  width: 1024px;
  margin-top: 0.3em;
  inset: 0;
  padding-left: 1.5em;
  color: var(--cs-ac_01-01);
  font-size: 0.7em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head {
  display: grid;
  z-index: 1;
  position: absolute;
  grid-template: 1fr auto/1fr auto;
  width: 1024px;
  height: 4em;
  margin: 0 auto auto;
  inset: 0;
  padding: 0 0 0 1em;
  border: 1px solid var(--cs-basic-01);
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-color: var(--cs-basic-04);
  background-image: linear-gradient(to bottom, var(--cs-basic-01) 0%, var(--cs-basic-03) 80%, var(--cs-basic-02) 100%);
  background-repeat: no-repeat;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.3);
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info {
  grid-row: 1/2;
  grid-column: 1/2;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_time {
  grid-row: 2/3;
  grid-column: 1/2;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_timer {
  grid-row: 1/3;
  grid-column: 2/3;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head:has(.subject) { grid-template: 1fr auto/auto 1fr auto;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head:has(.subject) .party_info {
  grid-row: 1/2;
  grid-column: 1/2;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head:has(.subject) .finish_time {
  grid-row: 2/3;
  grid-column: 1/2;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head:has(.subject) .subject {
  grid-row: 1/3;
  grid-column: 2/3;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head:has(.subject) .finish_timer {
  grid-row: 1/3;
  grid-column: 3/4;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info { align-items: flex-end;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li { margin: 0 0.1em 0 0;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li:not(:last-child) { font-size: 1em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.affiliation { margin-right: 0.2em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.affiliation [class*=afterstr]::after {
  color: var(--cs-font-02);
  font-size: 0.5em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.affiliation .grade { font-size: 1.3em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.affiliation .class { font-size: 1.4em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.affiliation .grade { margin-right: 0.2em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.group {
  max-width: 21em;
  overflow-x: hidden;
  font-size: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.num::before {
  content: "\e99e";
  color: var(--cs-font-03);
  font-size: 0.9em;
  font-family: "elaicon" !important;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .party_info li.num .content::before {
  content: var(--total-str);
  color: var(--cs-key-01);
  font-size: 1.4em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod {
  margin-top: -0.1em;
  color: var(--cs-key-01);
  line-height: 1.3;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod::before {
  margin-right: 0.5em;
  content: "授業終了時刻";
  color: var(--cs-font-02);
  font-size: 0.85em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod :is(.pireodFrom, .pireodTo) { margin-right: 0;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod :is(.pireodFrom, .pireodTo) :is(.year, .mon)::after {
  margin: 0 0.1em;
  content: "/";
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod :is(.pireodFrom, .pireodTo) .day { margin-right: 0.25em;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod :is(.pireodFrom, .pireodTo) .hh::after {
  margin: 0 0.1em;
  content: ":";
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod .pireodFrom { display: none;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod .pireodFrom::after {
  margin-right: 0.1em;
  content: "〜";
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod .pireodTo :is(.year, .mon, .day) { display: none;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .pireod li:not(:last-child) {
  color: var(--cs-key-01);
  font-size: 1em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .subject {
  display: flex;
  position: relative;
  align-items: flex-end;
  height: 3em;
  margin-top: auto;
  margin-left: 1em;
  padding: 0 0.5em;
  border-left: 0.5em solid var(--cs-basic-07);
  line-height: 1.1;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .subject::before {
  position: absolute;
  top: 0;
  content: "授業名称";
  color: var(--cs-font-03);
  font-size: 0.6em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .subject .contents {
  align-self: center;
  margin-top: 0.6em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_timer {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  padding: 0 1em;
  border: 1px solid var(--cs-basic-01);
  border-right: none;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  background-color: var(--cs-basic-07);
  box-shadow: 0 5px 3px 0 var(--cs-basic-08) inset;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_timer :is(.hh, .mm, .ss) {
  color: var(--cs-font-lite);
  font-weight: bolder;
  font-size: 1.5em;
  line-height: 1.2;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_timer :is(.hh, .mm)::after {
  content: "：";
  font-size: 0.8em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .content_head .finish_timer::before {
  content: "残り時間　";
  color: var(--cs-font-lite);
  font-size: 0.8em;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .button_area {
  position: absolute;
  top: calc(var(--buttoArea-margin) + 2.5em);
  right: 0;
  left: 0;
  width: calc(1024px - 100px);
  height: var(--buttoArea-height);
  margin: auto;
  padding: var(--buttoArea-padding);
  border: 2px solid var(--cs-basic-01);
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  background-color: var(--cs-ac_02-03);
  box-shadow: 0px -1px 2px 2px var(--cs-basic-01) inset;
  text-align: center;
  transition: 1s margin-top ease-out, 1s height ease-out, 1s padding ease-out;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .button_area .button { display: none;}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .button_area p { color: var(--cs-ac_02-01);}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 .button_area * {
  visibility: var(--buttonArea-inner-visibility);
  opacity: var(--buttonArea-inner-opacity);
  transition: opacity 0.5s ease-in 0.7s, visibility 0.5s ease-in 0.7s, color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s;
}
.contentsWrapper.page-tshi:is(.monitor-top, .monitor) h2 + .contentsContainer {
  margin-top: calc(var(--buttoArea-margin) + var(--buttoArea-height) + 1em) !important;
  padding-bottom: 0;
  transition: 1s margin-top;
}
.contentsWrapper.page-tshi:is(.monitor-top) h2 .content_head + .button_area .button, .contentsWrapper.page-tshi:is(:has(.startDrill)) h2 .content_head + .button_area .button {
  display: inline-flex;
  margin: 0.5em 1em;
}

.contentsWrapper.page-tshi.monitor-top .mon_timer, .contentsWrapper.page-tshi.monitor .mon_timer {
  position: relative;
  padding: 0.3em;
}
.contentsWrapper.page-tshi.monitor-top .mon_timer .label, .contentsWrapper.page-tshi.monitor .mon_timer .label {
  color: var(--cs-font-03);
  font-size: 0.9em;
  line-height: 1.5em;
}
.contentsWrapper.page-tshi.monitor-top .mon_timer .time_str, .contentsWrapper.page-tshi.monitor .mon_timer .time_str {
  color: var(--cs-key-01);
  font-weight: bolder;
  font-size: 2em;
}
.contentsWrapper.page-tshi.monitor-top .mon_timer .time_str .mm::after, .contentsWrapper.page-tshi.monitor .mon_timer .time_str .mm::after {
  content: "：";
  font-size: 0.9em;
}
.contentsWrapper.page-tshi.monitor-top.timeout .mon_timer .time_str, .contentsWrapper.page-tshi.monitor.timeout .mon_timer .time_str {
  color: #DF0C6A !important;
  animation: linear 1s infinite blink;
}
.contentsWrapper.page-tshi.monitor .mon_timer {
  display: flex;
  align-items: center;
  margin-left: 1em;
  padding: 0.2em 1em;
  text-align: center;
  white-space: nowrap;
}
.contentsWrapper.page-tshi.monitor .mon_timer p.label {
  margin-right: 1em;
  color: var(--cs-font-03);
  font-size: 0.9em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.page-tshi.monitor-top figure { position: relative;}
.page-tshi.monitor-top figure svg { transform: rotate(-90deg);}
.page-tshi.monitor-top figure.circle_gauge.large {
  position: relative;
  width: 280px;
  height: 280px;
  margin-top: 20px;
  margin-bottom: 0.2em;
  border-radius: 50%;
  box-shadow: 0 5px 5px 2px rgba(var(--cs-basic-01-rgb), 0.7), 0 -3px 5px 1px var(--cs-basic-06);
}
.page-tshi.monitor-top figure.circle_gauge.large::before, .page-tshi.monitor-top figure.circle_gauge.large::after {
  position: absolute;
  margin: auto;
  inset: 0;
  border-radius: 50%;
  content: "";
}
.page-tshi.monitor-top figure.circle_gauge.large::before {
  width: 250px;
  height: 250px;
  background-color: var(--cs-basic-01);
  box-shadow: 0 3px 2px 1px var(--cs-basic-05);
}
.page-tshi.monitor-top figure.circle_gauge.large::after {
  width: 240px;
  height: 240px;
  background-color: var(--cs-basic-02);
}
.page-tshi.monitor-top figure.circle_gauge.large svg {
  z-index: 1;
  position: relative;
  width: 238px;
  height: 238px;
  margin: 20px;
}
.page-tshi.monitor-top figure.circle_gauge.large .inner {
  z-index: 1;
  width: 100px;
  height: 100px;
}
.page-tshi.monitor-top figure.circle_gauge.large .inner, .page-tshi.monitor-top figure.circle_gauge.large .inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-tshi.monitor-top figure.circle_gauge.large .inner::before {
  width: 140px;
  height: 140px;
  border: 1px solid var(--cs-basic-01);
  border-radius: 50%;
  background-image: linear-gradient(to bottom, var(--cs-basic-04), var(--cs-basic-01));
  content: "";
}
.page-tshi.monitor-top figure.circle_gauge.large .inner ul {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, var(--cs-basic-01) 30%, var(--cs-basic-04) 70%, var(--cs-basic-02) 100%);
  box-shadow: 0 0 0 10px var(--cs-basic-05);
}
.page-tshi.monitor-top figure.circle_gauge.large .inner ul .label {
  margin-top: -0.8em;
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.page-tshi.monitor-top figure.circle_gauge.large .inner ul .percentage {
  color: var(--cs-key-01);
  font-weight: bolder;
  font-size: 2em;
}
.page-tshi.monitor-top figure.circle_gauge.small {
  position: relative;
  margin-left: 10px;
  border: 5px solid var(--cs-basic-01);
  border-radius: 50%;
  background-color: var(--cs-basic-03);
  transition: box-shadow 0.4s;
}
.page-tshi.monitor-top figure.circle_gauge.small .inner {
  z-index: 1;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: auto;
  inset: 0;
  border-radius: 50%;
  transition: background-color 0.8s;
}
.page-tshi.monitor-top figure.circle_gauge.small::after {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: auto;
  inset: 0;
  border: 1px solid var(--cs-basic-01);
  border-radius: 50%;
  background-image: linear-gradient(to bottom, var(--cs-basic-02), var(--cs-basic-01));
  background-repeat: no-repeat;
  content: "";
}
.page-tshi.monitor-top figure.circle_gauge.small:active {
  box-shadow: 0 0 10px 5px #ff950a;
  cursor: pointer;
  transition: box-shadow 0s;
}
.page-tshi.monitor-top figure.circle_gauge.small:active .inner {
  background-color: #ff950a;
  transition: background-color 0s;
}

.page-tshi .correctGauge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((var(--gauge-w) + 20) * 1px);
  height: calc((var(--gauge-w) + 20) * 1px);
  border: 10px solid var(--cs-key-03);
  border-radius: 50%;
  background-color: var(--cs-key-03);
}
.page-tshi .correctGauge figure.circle_gauge {
  position: relative;
  width: calc(var(--gauge-w) * 1px);
  border-radius: 50%;
  background-color: var(--cs-basic-04);
  stroke-dasharray: var(--percentage) 100 !important;
}
.page-tshi .correctGauge figure.circle_gauge::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc((var(--gauge-w) + 10) * 1px);
  height: calc((var(--gauge-w) + 10) * 1px);
  transform: translate(-50%, -50%);
  border: 5px solid var(--cs-basic-01);
  border-radius: 50%;
  content: "";
}
.page-tshi .correctGauge figure.circle_gauge svg {
  transform: rotate(-90deg);
  stroke-width: 32;
  fill: transparent;
  stroke: #0ade1c;
  transition: all ease-in-out 1.5s;
}
.chrome .page-tshi .correctGauge figure.circle_gauge { stroke-dasharray: calc(var(--percentage) * 1.004) 100 !important;}
.page-tshi .correctGauge figure.circle_gauge .inner {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--cs-basic-01);
}
.page-tshi .correctGauge figure.circle_gauge .inner::before {
  content: "正解率";
  color: var(--cs-font-03);
  font-size: 0.65em;
}
.page-tshi .correctGauge figure.circle_gauge .inner .inner_str span::before {
  content: var(--percentage-str);
  font-size: 1.5em;
}

.contentsWrapper.page-tshi:is(.monitor, .monitor-top).doneAll .upper figure.gauge + .datas.text-link {
  color: var(--cs-font-03);
  pointer-events: none;
}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).doneAll .upper figure.gauge + .datas.text-link::after { content: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).doneAll .upper .gauges .main_area .button { color: var(--cs-ac_02-01);}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).finish:not(.ex_class) {
  --buttoArea-margin: (4 - 2.5) * 1em;
  --buttoArea-height: 3.5em;
  --buttoArea-padding: 1em;
  --buttonArea-inner-opacity: 1;
  --buttonArea-inner-visibility: visible;
}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).finish:not(.ex_class):has(.contentsContainer.startDrill) { --buttoArea-height: 7em;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).finish:not(.ex_class):has(.contentsContainer.startDrill) .contentsContainer .column-wrapper .right-side .button { display: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .pireod::before { content: "期間" !important;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .pireod :is(.hh, .mm) { font-weight: bolder;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .pireod .pireodFrom { display: block !important;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class h2 .content_head .party_info .group {
  max-width: none;
  overflow-x: visible;
  text-overflow: inherit;
}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class h2 .content_head .finish_timer {
  visibility: hidden;
  padding: 0 0.5em;
}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class h2 .content_head .finish_timer::before { content: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class h2 .content_head .finish_timer :is(.mm, .ss) { display: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class h2 .content_head .button_area { display: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .mon_timer { display: none !important;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .mon_timer + .button { display: none !important;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class article.note dl {
  height: calc(100% - 1em);
  margin: 0.5em;
}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class article.note .text-link { display: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).ex_class .makeGroup_area { display: block;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).mon_done .mon_timer,
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).mon_done .mon_timer + .button { display: none;}
.contentsWrapper.page-tshi:is(.monitor, .monitor-top).mon_done .mon_timer::before {
  height: 10em;
  inset: -5em 0 0 0 !important;
}
.page-tshi .contentsContainer .drill_list { --gauge-w: 110;}
.page-tshi .contentsContainer .drill_list .body.row {
  display: grid;
  position: relative;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto 1fr;
  grid-template-columns: calc((var(--gauge-w) + 20) * 1px) 1fr 320px;
  min-height: calc(var(--gauge-w) * 1px + 5.5em);
}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c1 { grid-area: 1/1/3/2;}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c2 { grid-area: 1/2/2/3;}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c3 { grid-area: 1/3/3/4;}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c4 { grid-area: 2/2/3/3;}
.page-tshi .contentsContainer .drill_list .body.row:not(:last-of-type) { margin-bottom: 2em;}
.page-tshi .contentsContainer .drill_list .body.row > .cell:is(.c1, .c2) { display: flex;}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c1 {
  position: relative;
  align-items: flex-start;
  justify-content: center;
}
.page-tshi .contentsContainer .drill_list .body.row > .cell.c3 {
  display: flex;
  position: relative;
  justify-content: center;
}
.page-tshi .contentsContainer .drill_list svg.temp { display: none;}
.page-tshi .contentsContainer .drill_list .body.row > .button {
  z-index: 2;
  position: absolute;
  top: 1.4em;
  right: -10px;
  width: 70px;
  min-width: auto;
  height: 70px;
  border-width: 4px;
  border-radius: 50%;
}
.page-tshi .contentsContainer .drill_list .body.row > .button .contents::before { font-size: 2.5em;}
.page-tshi .contentsContainer .drill_list .body.row > .button.memo::before {
  position: absolute;
  top: 29%;
  left: 34%;
  content: "\e933";
  font-size: 0.9em;
  font-family: "elaicon" !important;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num {
  display: flex;
  position: absolute;
  top: 0;
  flex-direction: column;
  align-items: center;
  padding: calc((var(--gauge-w) + 25) * 1px) 0.5em 1em;
  border-radius: 50vh;
  background-color: var(--cs-key-03);
}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num:before {
  margin-bottom: 2px;
  content: "正解者数";
  color: var(--cs-key_smoke-01);
  font-size: 0.6em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num .num {
  color: var(--cs-font-02);
  font-size: 1.1em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num .num::before { content: var(--correct);}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num .denom {
  width: 100%;
  color: var(--cs-font-03);
  text-align: center;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.correct_num .denom::before {
  display: block;
  margin: 2px 0;
  border-top: 1px solid;
  content: "";
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header {
  display: flex;
  position: relative;
  width: 100%;
  padding: 18px 0;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header::before, .page-tshi .contentsContainer .drill_list .body.row .contents.row_header::after {
  z-index: -1;
  position: absolute;
  height: calc(100% - 36px);
  background-color: var(--cs-key-03);
  content: "";
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header::before {
  left: -2em;
  width: 2em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header::after {
  right: -320px;
  width: 100%;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding: 0.5em 0;
  background-color: var(--cs-key-03);
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c1 { grid-area: 1/1/2/4;}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c2 { grid-area: 2/1/3/2;}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c3 { grid-area: 2/2/3/3;}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c4 { grid-area: 2/3/3/4;}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c5 { grid-area: 3/1/4/4;}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .c2 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .unit span {
  color: var(--cs-key_smoke-01);
  font-size: 0.8em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .title span {
  color: var(--cs-key_smoke-dk);
  line-height: 1.5;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty {
  display: flex;
  align-items: center;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .difficulty .contents {
  display: flex;
  align-items: center;
  margin-left: 0.5em;
  padding: 2px 0 2px 0.5em;
  border: 1px solid var(--cs-key-01);
  border-radius: 0.4em;
  font-size: 0.75em;
  line-height: 1.2;
  letter-spacing: 0.5em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .q-id {
  position: absolute;
  right: 0;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .q-id .contents {
  color: var(--cs-key_smoke-03);
  font-size: 0.7em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .datas .contents {
  display: inline-flex;
  align-items: center;
  padding: 0.1em 0.5em;
  border-radius: 0.25em;
  background-color: var(--cs-basic-01);
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .datas .contents .label {
  margin-right: 1em;
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.row_header ul .datas .contents.time .mm { margin-right: 0.5em;}
.page-tshi .contentsContainer .drill_list .body.row .contents.image-wrapper {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  align-self: flex-start;
  width: 300px;
  min-height: 120px;
  max-height: calc(100% - 2em);
  padding: 10px;
  overflow: hidden;
  border: 10px solid var(--cs-basic-05);
  border-radius: 1em;
  background-color: #f8f8f8;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.image-wrapper .question-content-1st .image-wrapper::after { content: none;}
.page-tshi .contentsContainer .drill_list .body.row .contents.image-wrapper .question-content-1st :is(.judge-place, .judge-place-single) { visibility: hidden;}
.page-tshi .contentsContainer .drill_list .body.row .contents.image-wrapper > img {
  width: 100%;
  height: auto;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.image-wrapper::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  color: var(--cs-ac_02-01);
  opacity: 0.7;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers {
  position: relative;
  padding-top: 0.5em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers::before {
  position: absolute;
  top: -0.5em;
  content: "解答";
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer {
  padding: 0.25em 0.5em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 0.3em;
  background-color: var(--cs-basic-01);
}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer:not(:last-child) { margin-bottom: 0.5em;}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers .answer .contents {
  line-height: 1.3;
  fill: var(--cs-font-01);
}
.page-tshi .contentsContainer .drill_list .body.row .contents.answers .ex-answer {
  color: var(--cs-font-03);
  text-align: right;
}
.page-tshi .contentsContainer .drill_list .body.row .contents.button-area .button { margin-top: 0.5em;}
.page-tshi .contentsContainer .drill_list .body.row:is(.maru, .batsu, .sankaku) .cell.c3 > .image-wrapper:after {
  transform: translate(-50%, -50%);
  font-size: 6em;
  font-family: "elaicon" !important;
}
.page-tshi .contentsContainer .drill_list .body.row.maru .cell.c3 > .image-wrapper::after { content: "\e962";}
.page-tshi .contentsContainer .drill_list .body.row.batsu .cell.c3 > .image-wrapper::after { content: "\e963";}
.page-tshi .contentsContainer .drill_list .body.row.sankaku .cell.c3 > .image-wrapper::after { content: "\e989";}
.page-tshi .contentsContainer .drill_list .body.row:is(.idk, .unanswered) .cell.c3 > .image-wrapper:after {
  padding: 0.25em;
  border: 6px solid var(--cs-ac_02-01);
  border-radius: 0.25em;
  background-color: var(--cs-basic-01);
  font-weight: bolder;
  font-size: 1.6em;
  white-space: nowrap;
}
.page-tshi .contentsContainer .drill_list .body.row.idk .cell.c3 > .image-wrapper:after {
  transform: translate(-50%, -50%) rotate(-10deg);
  content: "わからない";
}
.page-tshi .contentsContainer .drill_list .body.row.unanswered .cell.c3 > .image-wrapper:after {
  transform: translate(-50%, -50%);
  content: "未判定";
}
.page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers)) > .cell.c1 { min-height: 13em;}
.page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers))::before, .page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers))::after {
  z-index: -1;
  position: absolute;
  content: "";
}
.page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers))::before {
  bottom: -4em;
  left: 50%;
  width: 2px;
  height: 4em;
  transform: translateX(-50%);
  background-color: var(--cs-basic-05);
}
.page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers))::after {
  bottom: 0;
  left: 3.3em;
  width: calc(100% - 6.6em);
  height: calc(100% - 3em);
  border: 2px solid var(--cs-basic-05);
  border-top: none;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
.page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers)):last-of-type::before, .page-tshi .contentsContainer .drill_list .body.row:not(:has(.c4 .contents.answers)):last-of-type::after { content: none;}
.page-tshi .contentsContainer:has(+ .contentsContainer.startDrill) .drill_list .body.row:last-of-type { margin-bottom: 2em;}
.page-tshi .contentsContainer:has(+ .contentsContainer.startDrill) .drill_list .body.row:last-of-type::before, .page-tshi .contentsContainer:has(+ .contentsContainer.startDrill) .drill_list .body.row:last-of-type::after { content: "" !important;}

.page-tshi .grid_list.class_list .body .cell.c1 {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin-left: 0.5em;
  padding-left: 18px;
  border: 1px solid var(--cs-basic-07);
  border-left: none;
  border-radius: 0.5em;
  background-color: #a3e9ff;
  box-shadow: 4px 0px 9px 5px rgba(0, 163, 214, 0.4) inset;
}
.page-tshi .grid_list.class_list .body .cell.c1::before {
  content: "理解度";
  color: #4371a1;
  font-size: 0.8em;
}
.page-tshi .grid_list.class_list .body .cell.c1::after {
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0.25em;
  background-image: linear-gradient(175deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 51%, rgba(255, 255, 255, 0) 52%, transparent 100%);
  background-repeat: no-repeat;
  content: "";
}
.page-tshi .grid_list.class_list .body .cell:is(.c2, .c5, .page-tshi .grid_list.class_list .body .cell.c6) {
  margin-left: 18px;
  padding-left: 0;
}
.page-tshi .grid_list.class_list .body .cell:is(.c2, .c3, .c4) .contents span { font-family: system-ui;}
.page-tshi .grid_list.class_list .body .cell:is(.c2, .c3, .c5) {
  align-items: flex-end;
  justify-content: flex-start;
}
.page-tshi .grid_list.class_list .body .cell.c4 { justify-content: flex-start;}
.page-tshi .grid_list.class_list .body .cell.c4::after {
  order: 2;
  width: stretch;
  height: 0.3em;
  margin: 0 0.5em;
  background-image: repeating-linear-gradient(135deg, rgba(var(--cs-basic-06-rgb), 0.2), rgba(var(--cs-basic-06-rgb), 0.2) 15px, transparent 15px, transparent 20px);
  /* autoprefixer: off */
  content: "";
}
.page-tshi .grid_list.class_list .body .cell.c5 { padding-right: 18px;}
.page-tshi .grid_list.class_list .body .cell.c6 {
  align-items: flex-end;
  justify-content: flex-start;
}
.page-tshi .grid_list.class_list .body .cell.c6 .contents {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.5em;
}
.page-tshi .grid_list.class_list .body .cell.c6 .contents:not(last-child) { margin-right: 1em;}
.page-tshi .grid_list.class_list .body .cell.c6 .contents .mm { margin-right: 0.25em;}
.page-tshi .grid_list.class_list .body .cell.c6 .contents .label {
  padding-right: 0.5em;
  color: var(--cs-font-02);
  font-size: 0.7em;
}
.page-tshi .grid_list.class_list .body .cell .contents.understanding span {
  min-width: 2em;
  color: var(--cs-font-dark);
  font-size: 2em;
  text-align: right;
}
.page-tshi .grid_list.class_list .body .cell .contents.name span { font-size: 1.5em;}
.page-tshi .grid_list.class_list:has(+ .drill_list) .body {
  margin-bottom: 2em;
  padding: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.page-tshi .timetable [class*=afterstr-]::after {
  font-size: 0.7em;
  opacity: 0.5;
}
.page-tshi .timetable .body.row {
  display: grid;
  grid-template-rows: 1fr auto auto;
  grid-template-columns: 110px 1fr 160px 170px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
  margin-bottom: 1em;
  padding: 0.5em 0;
  border: 1px solid var(--cs-basic-01);
  border-radius: 0.25em;
  background-color: var(--cs-basic-01);
  box-shadow: 0 0 10px 1px var(--cs-basic-04);
}
.page-tshi .timetable .body.row .cell.c1 { grid-area: 1/1/4/2;}
.page-tshi .timetable .body.row .cell.c2 { grid-area: 1/2/2/4;}
.page-tshi .timetable .body.row .cell.c3 { grid-area: 2/2/3/3;}
.page-tshi .timetable .body.row .cell.c4 { grid-area: 3/2/4/3;}
.page-tshi .timetable .body.row .cell.c5 { grid-area: 2/3/4/4;}
.page-tshi .timetable .body.row .cell.c6 { grid-area: 1/4/4/5;}
.page-tshi .timetable .body.row .cell {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
}
.page-tshi .timetable .body.row .cell.c1 {
  justify-content: center;
  padding: 0;
}
.page-tshi .timetable .body.row .cell.c2 {
  position: relative;
  padding-right: 0;
  font-family: system-ui;
}
.page-tshi .timetable .body.row .cell.c2::after {
  order: 2;
  width: fstretch;
  height: 0.3em;
  margin: 0 0.5em;
  background-image: repeating-linear-gradient(135deg, rgba(var(--cs-basic-06-rgb), 0.2), rgba(var(--cs-basic-06-rgb), 0.2) 15px, transparent 15px, transparent 20px);
  /* autoprefixer: off */
  content: "";
}
.page-tshi .timetable .body.row .cell.c3::before {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5em;
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
  background-color: var(--cs-key-01);
  content: "授業名";
  color: var(--cs-font-lite);
  font-size: 0.8em;
  white-space: nowrap;
}
.page-tshi .timetable .body.row .cell:is(.c3, .c4) {
  justify-content: flex-start;
  padding-right: 0.5em;
}
.page-tshi .timetable .body.row .cell.c5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 0.5em;
  background-color: var(--cs-basic-03);
}
.page-tshi .timetable .body.row .cell.c5::before {
  display: block;
  width: 100%;
  content: "理解度チェック";
  font-size: 0.7em;
  text-align: center;
  opacity: 0.5;
}
.page-tshi .timetable .body.row .cell.c6 {
  margin-left: 0.75em;
  border-left: 1px solid var(--cs-basic-04);
}
.page-tshi .timetable .body.row .cell .contents:is(.pireod, .party_info) {
  display: flex;
  align-items: center;
}
.page-tshi .timetable .body.row .cell .contents:is(.pireod, .party_info) span { font-size: 1.3em;}
.page-tshi .timetable .body.row .cell .contents.pireod { order: 1;}
.page-tshi .timetable .body.row .cell .contents.pireod span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.page-tshi .timetable .body.row .cell .contents.pireod span:nth-last-child(2) { margin-right: 0.5em;}
.page-tshi .timetable .body.row .cell .contents.pireod span.afterstr-per::after { font-size: 0.8em;}
.page-tshi .timetable .body.row .cell .contents.party_info {
  order: 3;
  margin-left: auto;
}
.page-tshi .timetable .body.row .cell .contents.party_info span { white-space: nowrap;}
.page-tshi .timetable .body.row .cell .contents.party_info span.group { font-size: 1.2em;}
.page-tshi .timetable .body.row .cell .contents.title { color: var(--cs-key-01);}
.page-tshi .timetable .body.row .cell .contents.detail {
  display: flex;
  align-items: center;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tshi .timetable .body.row .cell .contents.detail .subject {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5em;
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
  background-color: var(--cs-basic-06);
  color: var(--cs-font-lite);
  white-space: nowrap;
}
.page-tshi .timetable .body.row .cell .contents.understanding span { font-size: 1.5em;}
.page-tshi .timetable .body.row .cell .contents.understanding span:first-child { margin-right: 0.5em;}
.page-tshi .timetable .body.row .cell .contents.understanding span::after { font-size: 0.5em;}
.page-tshi .timetable .body.row .cell .contents.button_area { padding: 0 0.5em;}
.page-tshi .timetable .body.row.myclass::before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.1em 0.5em;
  background-color: var(--cs-key-02);
  content: "MY授業";
  color: var(--cs-font-lite);
  font-size: 0.6em;
}

.page-tshi .name_plate {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-right: auto;
  border: 4px solid var(--cs-basic-05);
  border-radius: 0.5em;
}
.page-tshi .name_plate .grade { grid-area: 1/1/2/2;}
.page-tshi .name_plate .class { grid-area: 1/2/2/3;}
.page-tshi .name_plate .st_num { grid-area: 1/3/2/4;}
.page-tshi .name_plate .st_name { grid-area: 2/1/3/4;}
.page-tshi .name_plate .length { grid-area: 1/4/3/5;}
.page-tshi .name_plate > div {
  display: flex;
  align-items: center;
}
.page-tshi .name_plate > div:not(.st_name, .length) {
  padding-left: 0.5em;
  color: var(--cs-font-02);
  font-family: system-ui;
}
.page-tshi .name_plate > div:not(.st_name, .length) span { line-height: 1.5;}
.page-tshi .name_plate > div.st_name { padding: 0 0 0.25em 0.5em;}
.page-tshi .name_plate > div.st_name .content {
  font-size: 1.5em;
  line-height: 1.2;
}
.page-tshi .name_plate > div.length {
  position: relative;
  justify-content: center;
  min-width: 5em;
  margin-left: 0.5em;
  padding: 1em 0.5em 0 1em;
  border-left: 2px solid var(--cs-basic-05);
}
.page-tshi .name_plate > div.length::before {
  position: absolute;
  bottom: calc(50% + 0.7em);
  content: "解答時間";
  color: var(--cs-font-02);
  font-size: 0.8em;
  white-space: nowrap;
}
.page-tshi .name_plate > div.length span:is(.mm, .ss) {
  color: var(--cs-key-01);
  font-weight: bolder;
  font-size: 2em;
}
.page-tshi .name_plate > div.length span:is(.mm, .ss):after { font-size: 0.5em;}
.page-tshi .contentsWrapper.guidance {
  border-top: 1px solid var(--cs-basic-05);
  background-image: linear-gradient(to bottom, var(--cs-basic-04), var(--cs-basic-02) 2em);
  background-repeat: no-repeat;
}
.page-tshi .contentsWrapper.guidance .drillProgress { display: none;}
.page-tshi .contentsWrapper.guidance h2.gadget-title-drill {
  height: auto;
  margin: auto;
  margin-bottom: 1em;
  border: 1px solid var(--cs-basic-05);
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--cs-key-03) !important;
  box-shadow: 0 2px 2px 0px var(--cs-basic-03), 0 4px 4px 0px var(--cs-basic-04);
}
.page-tshi .startDrill { text-align: center;}
.page-tshi .startDrill .container {
  padding: 1em 2em;
  border-radius: 50vh;
  background-image: linear-gradient(to bottom, var(--cs-key-03), transparent 80%);
}
.page-tshi .startDrill .container .contents { align-items: center;}
.page-tshi .startDrill .container .contents dt {
  color: var(--cs-btn_font-nor);
  font-size: 1.5em;
}
.page-tshi .startDrill .container .contents dd {
  margin-top: 1em;
  color: var(--cs-key_smoke-01);
  font-size: 0.8em;
  line-height: 1.5;
}
.page-tshi .startDrill .container .contents .lt {
  color: var(--cs-ac_02-01);
  font-size: 2em;
}
.page-tshi .startDrill .container .contents .lt::after { font-size: 50%;}
.page-tshi .startDrill .container::before {
  z-index: -1;
  position: absolute;
  width: calc(100% + 2em);
  height: calc(100% + 2em);
  border: 1px solid var(--cs-basic-01);
  border-radius: 50vh;
  background-color: var(--cs-basic-02);
  box-shadow: 0 0 5px 0px var(--cs-basic-01) inset, 0 5px 10px 10px var(--cs-basic-01), 0 0px 20px 10px var(--cs-basic-04), 0 -10px 10px 10px var(--cs-basic-04);
  content: "";
}
.page-tshi .startDrill .container.msk {
  background-image: none;
  cursor: pointer;
  pointer-events: none;
}
.page-tshi .startDrill .container.msk .contents .label { color: inherit;}
.page-tshi .startDrill.limit { position: relative;}
.page-tshi .startDrill.limit .container {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 2em 1em;
  border: 1px solid var(--cs-ac_02-01);
  background-image: none;
  background-color: var(--cs-ac_02-03);
}
.page-tshi .startDrill.limit .container .contents {
  display: block;
  color: #DF0C6A;
  line-height: 1.3;
}
.page-tshi .startDrill.limit .container .contents .lt {
  color: #DF0C6A;
  font-size: 1.5em;
}

.page-tshi .selectDrill > .container {
  position: relative;
  margin-bottom: 2em;
  padding: 1em;
  border-radius: 1em;
  background-color: var(--cs-basic-01);
  box-shadow: 0 0 5px 1px var(--cs-basic-05);
}
.page-tshi .selectDrill > .container .title {
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  color: var(--cs-font-02);
}
.page-tshi .selectDrill > .container.selectRange { margin-top: 1em;}
.page-tshi .selectDrill > .container.selectRange > .title { margin-bottom: 0.5em;}
.page-tshi .selectDrill > .container.selectRange > .contents {
  display: flex;
  align-content: center;
}
.page-tshi .selectDrill > .container.selectRange > .contents :is(.selected, .unselected) {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 1em;
  padding: 0 0.5em;
  border-left: 10px solid var(--cs-basic-06);
}
.page-tshi .selectDrill > .container.selectRange > .contents .selected .book {
  width: calc(100% - 10em);
  margin-left: 0.5em;
}
.page-tshi .selectDrill > .container.selectRange > .contents .selected .book .contents {
  color: var(--cs-key-01);
  font-size: 0.8em;
}
.page-tshi .selectDrill > .container.selectRange > .contents .selected .category { margin-top: 0.5em;}
.page-tshi .selectDrill > .container.selectRange > .contents .unselected .contents { color: var(--cs-ac_02-01);}
.page-tshi .selectDrill > .container.selectOther > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-tshi .selectDrill > .container.selectOther > .title .label {
  margin-right: 2em;
  white-space: nowrap;
}
.page-tshi .selectDrill > .container.selectOther > .title .description { font-size: 0.9em;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth { justify-content: flex-start;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth:not(:last-of-type) { margin-bottom: 1em;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth span::before, .page-tshi .selectDrill > .container.selectOther .button-fullwidth span::after {
  position: absolute;
  left: 1em;
  padding: 0.2em 0.5em;
  border-radius: 0.3em;
  color: var(--cs-basic-01);
  font-size: 0.8em;
}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.recomend { padding-left: 5em;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.recomend span::before {
  background-color: var(--cs-ac_02-01);
  content: "おすすめ";
  animation: linear 1s infinite blink;
}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.verify { padding-left: 7.5em;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.verify span::after {
  background-color: var(--cs-key-01);
  content: "確認テスト教材";
}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.recomend.verify { padding-left: 12em;}
.page-tshi .selectDrill > .container.selectOther .button-fullwidth.recomend.verify span::after { left: 6.5em;}
.page-tshi .selectDrill > .container:not(:first-of-type)::before, .page-tshi .selectDrill > .container:not(:first-of-type)::after {
  position: absolute;
  content: "";
}
.page-tshi .selectDrill > .container:not(:first-of-type)::before {
  top: -2em;
  left: 2em;
  width: 10px;
  height: 1.5em;
  background-color: var(--cs-basic-05);
}
.page-tshi .selectDrill > .container:not(:first-of-type)::after {
  top: -1.4em;
  left: 31px;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
  background-image: linear-gradient(45deg, var(--cs-basic-05), var(--cs-basic-05) 50%, transparent 50%, transparent);
}

.page-tshi .answer_display {
  display: inline-grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-right: auto;
  overflow: hidden;
  border: 4px solid var(--cs-basic-05);
  border-radius: 0.5em;
}
.page-tshi .answer_display .label {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  border-right: 1px solid var(--cs-basic-05);
  background-color: var(--cs-ac_01-03);
  line-height: normal;
}
.page-tshi .answer_display .label .contents { color: var(--cs-ac_01-dark);}
.page-tshi .answer_display .answer {
  min-width: 10em;
  padding: 0.5em;
  line-height: 1;
}
.page-tshi .answer_display .answer .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) {
  --gauge-w: 160;
  min-width: 420px;
}
.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) .page-tshi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) .page-tshi .correct_num {
  display: inline-flex;
  align-items: center;
  margin-top: 0.6em;
  padding: 0.25em 1em;
  border: 1px solid var(--cs-font-03);
  border-radius: 50vw;
}
.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) .page-tshi .correct_num:before {
  content: "正解者数";
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) .page-tshi .correct_num .num {
  margin-left: 0.5em;
  color: var(--cs-font-02);
  font-size: 1.1em;
}
.page-tshi.monitor ~ .modal .modal-window:has(.correctGauge) .page-tshi .correct_num .num::before { content: var(--correct);}

.page-tshi.template .folder-personal {
  --folder-color: #7159A6;
  --folder-color-pale: var(--cs-font-lite-rgb);
}
.page-tshi.template .folder-shared {
  --folder-color: var(--cs-ac_01-01);
  --folder-color-pale: var(--cs-font-lite-rgb);
}
.page-tshi.template .folder-lines {
  --folder-color: var(--cs-key-01);
  --folder-color-pale: var(--cs-font-lite-rgb);
}
.page-tshi.template .template-area .sc_button-container li .button.sc-delete, .page-tshi.template .question-thumbnail .ex-delete {
  min-width: 0;
  padding: 2px;
  border-width: 4px;
  border-radius: 50%;
  color: var(--cs-ac_02-01);
}
.page-tshi.template .template-area .sc_button-container li .button.sc-delete span.contents, .page-tshi.template .question-thumbnail .ex-delete span.contents {
  font-size: 1.8em;
  line-height: 1;
}
.page-tshi.template .template-area .sc_button-container li .button.sc-delete span.contents::before, .page-tshi.template .question-thumbnail .ex-delete span.contents::before { vertical-align: bottom;}
.page-tshi.template .section-num, .page-tshi.template .match-level {
  padding: 0.1em 0.5em;
  border: 1px solid var(--cs-basic-04);
  background-color: var(--cs-basic-01);
  font-size: 0.8em;
  line-height: 1.1;
}
.page-tshi.template .section-num::before, .page-tshi.template .match-level::before { color: var(--cs-font-03);}
.page-tshi.template .section-num { margin-left: 1em;}
.page-tshi.template .section-num .denom::before {
  margin: 0 0.5em;
  content: "/";
  color: var(--cs-font-03);
}
.page-tshi.template .section-num::before { content: attr(label) "：";}
.page-tshi.template .match-level {
  display: flex;
  align-items: center;
  padding-right: 4em;
}
.page-tshi.template .match-level::before {
  padding-right: 0.5em;
  content: attr(label);
}
.page-tshi.template .match-level::after {
  display: block;
  width: 1.5em;
  height: 0.8em;
  background-color: var(--cs-basic-05);
  box-shadow: 1.7em 0 0 var(--cs-basic-05), 3.4em 0 0 var(--cs-basic-05);
  content: "";
}
.page-tshi.template .match-level[level="1"]::after, .page-tshi.template .match-level[level="2"]::after, .page-tshi.template .match-level[level="3"]::after { background-color: #ff950a;}
.page-tshi.template .match-level[level="2"]::after { box-shadow: 1.7em 0 0 #ff950a, 3.4em 0 0 var(--cs-basic-08);}
.page-tshi.template .match-level[level="3"]::after { box-shadow: 1.7em 0 0 #ff950a, 3.4em 0 0 #ff950a;}
.page-tshi.template .editable-box {
  width: 100%;
  height: 100%;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-06);
  line-height: normal;
}
.page-tshi.template .editable-box:empty:not(:focus) { background-color: var(--cs-basic-03);}
.page-tshi.template .editable-box:empty:not(:focus)::before {
  content: attr(placeholder);
  color: var(--cs-basic-07);
}
.page-tshi.template .editable-box.single-line {
  height: 1.8em;
  padding: 0.2em;
  overflow: hidden;
  font-size: 1.4em;
  line-height: 1.3;
  white-space: nowrap;
}
.page-tshi.template .editable-box.single-line br { display: none;}
.page-tshi.template .flex_wrap:has(.editable-box.single-line) { width: 924px;}
.page-tshi.template .flex_wrap:has(.editable-box.single-line) .flex_item:first-of-type { margin-right: 0.5em;}
.page-tshi.template .question-thumbnail {
  display: flex;
  position: relative;
  align-items: center;
  align-self: flex-start;
  width: 300px;
  min-height: 120px;
  max-height: 200px;
  padding: 10px;
  overflow: hidden;
  border: 10px solid var(--cs-basic-05);
  border-radius: 1em;
  background-color: #f8f8f8;
}
.page-tshi.template .question-thumbnail:not(:has(.question-content-1st)) { display: none;}
.page-tshi.template .question-thumbnail .ex-look.button {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  min-width: auto;
  height: 60px;
  border-width: 4px;
  border-radius: 50%;
}
.page-tshi.template .question-thumbnail .ex-look.button .contents::before { font-size: 2em;}
.page-tshi.template .question-thumbnail .ex-delete {
  position: absolute;
  top: 68px;
  right: 8px;
}
.page-tshi.template .question-thumbnail .question-content-1st .image-wrapper::after { content: none;}
.page-tshi.template .question-thumbnail .question-content-1st .judge-place,
.page-tshi.template .question-thumbnail .question-content-1st .judge-place-single { visibility: hidden;}
.page-tshi.template .question-thumbnail > img {
  width: 100%;
  height: auto;
}
.page-tshi.template .question-thumbnail::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  color: var(--cs-ac_02-01);
  opacity: 0.7;
}
.page-tshi.template .folder-head .folder-name {
  display: flex;
  align-items: center;
  height: 2.8em;
  margin-top: 1em;
  padding: 0 2em;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  background-color: var(--folder-color);
  color: var(--cs-font-lite);
}
.page-tshi.template .folder-head + .simplebox { border-top-left-radius: 0;}
.page-tshi.template .template-area h5.head {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  color: var(--cs-font-03);
  font-size: 0.9em;
}
.page-tshi.template .template-area h5.head::after {
  display: block;
  flex-grow: 1;
  border-top: 1px solid var(--cs-basic-08);
  content: "";
}
.page-tshi.template .template-area h5.head .caption {
  order: 3;
  margin-left: 1em;
  color: var(--cs-key_smoke-01);
  font-size: 0.8em;
}
.page-tshi.template .template-area .section-detail { margin-bottom: 0;}
.page-tshi.template .template-area .guide_text {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-bottom: 0;
}
.page-tshi.template .template-area .guide_text .console {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
.page-tshi.template .template-area .guide_text .console > .counter:only-child {
  flex-direction: row-reverse;
  align-items: center;
}
.page-tshi.template .template-area .guide_text .console > .counter:only-child .data_size { margin-bottom: 0;}
.page-tshi.template .template-area .guide_text .console > .counter:only-child .length .current {
  width: auto;
  margin-right: 1.5em;
  transform: scale(1.3);
  transform-origin: left bottom;
  font-size: 1em;
}
.page-tshi.template .template-area .guide_text .style {
  display: flex;
  align-items: flex-start;
  padding: 0.25em 0.5em;
  border: 1px solid var(--cs-basic-08);
  border-radius: 0.5em;
}
.page-tshi.template .template-area .guide_text .style > span {
  display: inline-block;
  width: 1em;
  margin: 0 0.4em;
  padding: 0.1em 0.2em;
  border-radius: 0.2em;
  font-size: 1.2em;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  cursor: pointer;
}
.page-tshi.template .template-area .guide_text .style > span.sel { background-color: var(--cs-basic-06);}
.page-tshi.template .template-area .guide_text .style .style-color.c01 { margin-left: 1.5em;}
.page-tshi.template .template-area .guide_text .style-bold { font-weight: 900;}
.page-tshi.template .template-area .guide_text .style-italic { font-style: italic;}
.page-tshi.template .template-area .guide_text .style-underline { text-decoration: underline;}
.page-tshi.template .template-area .guide_text .style-color.c00 { color: var(--cs-font-01);}
.page-tshi.template .template-area .guide_text .style-color.c01 { color: var(--cs-ac_02-01);}
.page-tshi.template .template-area .guide_text .style-color.c02 { color: var(--cs-key-01);}
.page-tshi.template .template-area .guide_text .style-color.c03 { color: var(--cs-ac_01-01);}
.page-tshi.template .template-area .guide_text .style .style-no-underline { text-decoration: none;}
.page-tshi.template .template-area .guide_text .style .style-no-italic { font-style: normal;}
.page-tshi.template .template-area .guide_text .style .style-no-bold { font-weight: normal;}
.page-tshi.template .template-area .guide_text .counter {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  --content_width: 90px;
}
.page-tshi.template .template-area .guide_text .counter .data_size { margin-bottom: 0.25em;}
.page-tshi.template .template-area .guide_text .counter .data_size .gadget-gauge_bar {
  --color-safe: var(--cs-key-01);
  --color-warning: var(--cs-ac_03-01);
  --color-danger: var(--cs-ac_02-01);
  width: var(--content_width);
}
.page-tshi.template .template-area .guide_text .counter .data_size .gadget-gauge_bar:is([style*="--bar-01-percentage: 9"]) { --bar-01-col: var(--color-warning);}
.page-tshi.template .template-area .guide_text .counter .data_size .gadget-gauge_bar:is([style*="--bar-01-percentage: 100"]) { --bar-01-col: var(--color-danger);}
.page-tshi.template .template-area .guide_text .counter .length .current {
  width: var(--content_width);
  font-size: 1.3em;
}
.page-tshi.template .template-area .guide_text .counter .length .current.over { color: var(--cs-ac_02-01);}
.page-tshi.template .template-area .guide_text .counter :is(.data_size, .length) {
  display: flex;
  align-items: center;
  font-size: 0.8em;
}
.page-tshi.template .template-area .guide_text .counter :is(.data_size, .length) .label { color: var(--cs-font-03);}
.page-tshi.template .template-area .guide_text:has(.text-box) { margin-right: 2.5em;}
.page-tshi.template .template-area .questions { flex-grow: 0;}
.page-tshi.template .template-area .questions > ul { width: 300px;}
.page-tshi.template .template-area .questions > ul > li {
  position: relative;
  border-radius: 1em;
}
.page-tshi.template .template-area .questions > ul > li:not(:first-child) { margin-top: 1em;}
.page-tshi.template .template-area .questions > ul > li:not(:has(.question-content-1st)) { display: none;}
.page-tshi.template .template-area .questions .ex-add {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-tshi.template .template-area .button.sc-add,
.page-tshi.template .template-area .button.ex-add {
  display: none;
  min-width: 0;
  padding: 10px;
  border-width: 4px;
  border-radius: 50%;
}
.page-tshi.template .template-area .button.sc-add span,
.page-tshi.template .template-area .button.ex-add span {
  transform: rotate(45deg);
  color: inherit !important;
  font-size: 1.5em;
  line-height: 1;
}
.page-tshi.template .template-area .button.sc-add span::before,
.page-tshi.template .template-area .button.ex-add span::before { vertical-align: bottom;}
.page-tshi.template .template-area .tmp_name {
  margin-bottom: 0.5em;
  color: var(--cs-key-01);
}
.page-tshi.template .template-area .section_switcher {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border: 4px solid var(--cs-key-03);
  border-radius: 0.5em;
}
.page-tshi.template .template-area .section_switcher .title {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1em;
  background-color: var(--cs-key-03);
}
.page-tshi.template .template-area .section_switcher .title .contents { color: var(--cs-key_smoke-01);}
.page-tshi.template .template-area .section_switcher .buttons {
  display: flex;
  margin: 0.5em;
}
.page-tshi.template .template-area .section_switcher .buttons .button {
  width: 100%;
  min-width: 0;
  max-width: 120px;
  margin-left: 0.25em;
}
.page-tshi.template .template-area .section_switcher .buttons .button .contents {
  min-width: 1.5em;
  text-align: center;
}
.page-tshi.template .template-area .caption-container {
  margin-bottom: 1em;
  line-height: 2;
}
.page-tshi.template .template-area .section-wrapper { min-height: 13em;}
.page-tshi.template .template-area .section-wrapper .section-detail {
  display: none;
  opacity: 0;
}
.page-tshi.template .template-area .section-wrapper .section-detail.active {
  display: flex;
  animation: fadeIn 0.3s ease-in 0s forwards;
  opacity: 1;
}
.page-tshi.template .template-area .section-wrapper .description { display: none;}
.page-tshi.template .template-area .section-wrapper:not(:has(.active)) .description { display: block;}
.page-tshi.template .template-area .sc_button-container { margin-bottom: 1.5em;}
.page-tshi.template .template-area .sc_button-container ul {
  display: flex;
  justify-content: space-between;
  overflow: visible;
  border: none;
}
.page-tshi.template .template-area .sc_button-container li {
  position: relative;
  width: calc(10% - 10px);
  border-radius: 10px;
  background-color: var(--cs-basic-04);
  counter-increment: scBtn;
}
.page-tshi.template .template-area .sc_button-container li::before {
  z-index: 10;
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  padding: 0 0.4em;
  border-radius: 50vh;
  background-color: var(--cs-ac_01-01);
  content: counter(scBtn);
  color: var(--cs-font-lite);
  font-size: 0.75em;
  line-height: 1.45;
}
.page-tshi.template .template-area .sc_button-container li .button.sc-btn {
  visibility: hidden;
  aspect-ratio: 1;
  width: 100%;
  min-width: 0;
  padding: 0.4em;
  opacity: 0;
}
:is(.safari) .page-tshi.template .template-area .sc_button-container li .button.sc-btn { aspect-ratio: 1.22;}
.page-tshi.template .template-area .sc_button-container li .button.sc-btn .image-wrapper {
  width: 100%;
  height: 100%;
}
.page-tshi.template .template-area .sc_button-container li .button.sc-btn .image-wrapper svg.sc_sign {
  width: 100%;
  height: 100%;
}
.page-tshi.template .template-area .sc_button-container li .button.sc-delete {
  display: none;
  position: absolute;
  bottom: calc(-0.9em - 4px);
  left: 50%;
  transform: translateX(-50%);
}
.page-tshi.template .template-area .sc_button-container li .button.sc-add {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-tshi.template .template-area .sc_button-container li.sc1 .button.sc-btn {
  visibility: visible;
  opacity: 1;
}
.page-tshi.template .template-area .sc_button-container li svg.sc_sign { fill-opacity: 0.4;}
.page-tshi.template .template-area .sc_button-container li.sc-tx1 svg.sc_sign .sc-tx, .page-tshi.template .template-area .sc_button-container li.sc-ex1 svg.sc_sign .sc-ex1, .page-tshi.template .template-area .sc_button-container li.sc-ex2 svg.sc_sign .sc-ex1, .page-tshi.template .template-area .sc_button-container li.sc-ex2 svg.sc_sign .sc-ex2, .page-tshi.template .template-area .sc_button-container li.sc-ex3 svg.sc_sign .sc-ex1, .page-tshi.template .template-area .sc_button-container li.sc-ex3 svg.sc_sign .sc-ex2, .page-tshi.template .template-area .sc_button-container li.sc-ex3 svg.sc_sign .sc-ex3 { fill-opacity: 1;}
.page-tshi.template .template-area .sc_button-container ul:not(:has(.sc1)) .sc0:first-child .button.sc-add { display: block;}
.page-tshi.template .template-area.edit .sc_button-container li.sc1 + .sc0 .button.sc-add, .page-tshi.template .template-area.edit .sc_button-container li:not(:has(.sc1)) .sc0:first-child .button.sc-add { display: block;}
.page-tshi.template .template-area.edit .sc_button-container li .sc-btn.sel + .button.sc-delete { display: flex;}
.page-tshi.template .template-area.edit .sc_button-container li.sc-ex0 .button.sc-btn::before {
  position: absolute;
  padding: 0.1em;
  border-radius: 50%;
  background-color: var(--cs-basic-01);
  content: "！";
  content: "\e924";
  color: var(--cs-ac_02-01);
  font-size: 1.5em;
  font-family: "elaicon" !important;
}
.page-tshi.template .template-area.edit .section-wrapper { min-height: 24em;}
.page-tshi.template .template-area.edit .questions > ul > li {
  min-height: 120px;
  background-color: var(--cs-basic-04);
}
.page-tshi.template .template-area.edit .questions > ul > li:not(:has(.question-content-1st)) { display: block;}
.page-tshi.template .template-area.edit .questions > ul > li:has(.question-content-1st) + li:not(:has(.question-content-1st)) .ex-add { display: block;}
.page-tshi.template .template-area.edit .questions > ul > li:first-child:not(:has(.question-content-1st)) .ex-add { display: block;}
.page-tshi.template .temp_overview {
  padding: 0.5em;
  border: 1px solid var(--cs-basic-05);
  border-left-width: 10px;
  border-left-color: var(--folder-color);
}
.page-tshi.template .temp_overview li.title {
  padding-bottom: 0.4em;
  border-bottom: 1px solid var(--cs-basic-05);
}
.page-tshi.template .temp_overview li.title .contents {
  margin-right: auto;
  font-size: 1.1em;
}
.page-tshi.template .temp_overview li.category .contents { font-size: 0.9em;}
.page-tshi.template .temp_overview li.category dl.flex_item {
  flex-direction: column;
  align-items: flex-start;
}
.page-tshi.template .temp_overview li.category dl.flex_item:first-child .label { color: inherit;}
.page-tshi.template .temp_overview li.category .label {
  margin: 0.3em 0 0.2em;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tshi.template .temp_overview li.history {
  padding-top: 0.4em;
  border-top: 1px solid var(--cs-basic-05);
}
.page-tshi.template .temp_overview li.history .contents { font-size: 0.8em;}
.page-tshi.template .temp_overview li.history .label {
  margin-right: 0.5em;
  color: var(--cs-font-03);
}
.page-tshi.template .temp_overview li.history .name { margin-right: 0.5em;}
.page-tshi.template .temp_overview li.history .date { margin-left: auto;}
.page-tshi.template .temp_overview li.history :is(.elaicon-symbol-person, .elaicon-sumbol-time)::before { color: var(--cs-key-01);}
.page-tshi.template .drills-area + .template-area .simplebox { border-width: 4px;}
.page-tshi.template .drills-area ul.gauges {
  display: flex;
  position: relative;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--1.active)::before {
  right: auto;
  left: 0%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--2.active)::before {
  right: auto;
  left: 10%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--3.active)::before {
  right: auto;
  left: 20%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--4.active)::before {
  right: auto;
  left: 30%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--5.active)::before {
  right: auto;
  left: 40%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--6.active)::before {
  right: auto;
  left: 50%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--7.active)::before {
  right: auto;
  left: 60%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--8.active)::before {
  right: auto;
  left: 70%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--9.active)::before {
  right: auto;
  left: 80%;
}
.page-tshi.template .drills-area ul.gauges:has(li.tab_pos--10.active)::before { left: calc(90% + 1px);}
.page-tshi.template .drills-area ul.gauges::before {
  position: absolute;
  top: 0;
  width: 10%;
  height: 100%;
  border: 4px solid var(--cs-basic-06);
  border-bottom: none;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  background-color: var(--cs-basic-01);
  content: "";
  transition: left 0.4s ease-in-out;
}
.page-tshi.template .drills-area ul.gauges li.tab_item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 10%;
  counter-increment: drill;
  cursor: pointer;
}
.page-tshi.template .drills-area ul.gauges li.tab_item::before {
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 2.25em;
  height: 2.25em;
  border: 3px solid var(--cs-basic-01);
  border-radius: 50%;
  background-color: var(--cs-btn_bg-nor);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  content: counter(drill);
  color: var(--cs-btn_font-nor);
  transition: all 0.4s ease-in-out;
}
.page-tshi.template .drills-area ul.gauges li.tab_item:first-child .tooltip { left: 0;}
.page-tshi.template .drills-area ul.gauges li.tab_item:last-child .tooltip { right: 0;}
.page-tshi.template .drills-area ul.gauges li.tab_item.active {
  cursor: auto;
  pointer-events: none;
}
.page-tshi.template .drills-area ul.gauges li.tab_item.active::before {
  border-color: var(--cs-basic-01);
  background-color: var(--cs-ac_01-03);
  box-shadow: none;
  color: var(--cs-ac_01-01);
  cursor: auto;
}
.page-tshi.template .drills-area ul.gauges li.tab_item.tab-off {
  pointer-events: none;
  --percentage:0 !important;
}
.page-tshi.template .drills-area ul.gauges li.tab_item.tab-off::before {
  background-color: var(--cs-basic-03);
  box-shadow: none;
  color: var(--cs-font-03) !important;
}
.page-tshi.template .drills-area ul.gauges li.tab_item .correctGauge {
  width: 80%;
  height: 80%;
  border: none;
  background-color: unset;
}
.page-tshi.template .drills-area ul.gauges li.tab_item .correctGauge figure.circle_gauge { width: 100%;}
.page-tshi.template .drills-area ul.gauges li.tab_item figure.circle_gauge { border: 4px solid var(--cs-basic-01);}
.page-tshi.template .drills-area .drills_detail-area {
  min-height: 8em;
  margin: -4px 0 1em;
  padding: calc(1em + 4px) 1em 1em;
  border: 4px solid var(--cs-basic-06);
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  background-color: var(--cs-basic-01);
}
.page-tshi.template .drills-area .drills_detail-area:has(.question-thumbnail) { min-height: 14em;}
.page-tshi.template .drills-area .drills_detail-area .detail {
  display: none;
  opacity: 0;
}
.page-tshi.template .drills-area .drills_detail-area .detail.active {
  display: flex;
  animation: fadeIn 0.3s ease-in 0s forwards;
  opacity: 1;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side { align-items: flex-start;}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .flex_wrap {
  display: flex;
  align-items: baseline;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .unit {
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .title { margin-right: 0.5em;}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .level {
  padding: 2px 0.5em;
  border-radius: 0.2em;
  font-size: 0.9em;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side :is(.ratio, .numer) {
  margin-top: 0.5em;
  color: var(--cs-ac_01-01);
  font-size: 1.75em;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side :is(.ratio, .numer)::before {
  content: attr(label) "：";
  color: var(--cs-font-03);
  font-size: 0.5em;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .denom {
  color: var(--cs-font-03);
  font-size: 0.9em;
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .denom::before {
  margin: 0 0.25em;
  content: "/";
}
.page-tshi.template .drills-area .drills_detail-area .detail .left-side .ratio { margin-right: 1em;}
.page-tshi.template .drills-area .drills_detail-area .detail .right-side {
  flex-grow: 0;
  flex-direction: column;
  justify-content: center;
}
.page-tshi.template .drills-area .drills_detail-area .detail .right-side .flex_wrap {
  width: 100%;
  margin: 0;
}
.page-tshi.template .drills-area .drills_detail-area .detail .right-side .sc-num {
  display: block;
  margin-bottom: 0.5em;
  padding: 0.1em 0;
  border-radius: 50vh;
  background-color: var(--cs-basic-08);
  color: var(--cs-font-lite);
  font-size: 0.8em;
  line-height: 1.3;
  text-align: center;
}
.page-tshi.template .drills-area .drills_detail-area .detail .right-side .sc-num::before { content: attr(label_01) " ";}
.page-tshi.template .drills-area .drills_detail-area .detail .right-side .sc-num::after { content: " " attr(label_02);}
.page-tshi.template .temp-search .title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: 2px 0;
  border: 1px solid var(--cs-basic-08);
  border-top-right-radius: 50vh;
  border-bottom-right-radius: 50vh;
  background-color: var(--cs-basic-05);
  color: var(--cs-font-02);
  font-size: 0.8em;
  line-height: normal;
  white-space: nowrap;
}
.page-tshi.template .temp-search .form-wrapper .parts {
  padding: 0 0.75em 0 0.2em;
  border-radius: 50vh;
  background-color: var(--folder-color);
  color: var(--cs-font-lite);
}
.page-tshi.template .temp-search .form-wrapper .parts::after { left: 0.75em;}
.page-tshi.template .temp-search:has(input[type=search]) .textbox + button[type=submit] { padding: 0.3em 0.6em;}
.page-tshi.template .temp-search.advanced-search .editable-box.single-line { font-size: 1em;}
.page-tshi.template .temp-search.advanced-search .extra-item .flex_item:not(:last-child) {
  width: calc((100% - (120px - 1.5em)) / 3);
  margin-right: 0.5em;
  font-size: 0.9em;
}
.page-tshi.template .temp-search.advanced-search .extra-item .flex_item:has(.type-or)::before {
  content: "＋" attr(label);
  color: var(--cs-ac_01-01);
}
.page-tshi.template .temp-search.advanced-search .extra-item .flex_item:has(.type-not)::before {
  content: "−" attr(label);
  color: var(--cs-ac_02-01);
}
.page-tshi.template .temp-search.advanced-search .extra-item .flex_item:has(.type-or, .type-not)::before {
  margin-right: 0.5em;
  font-weight: bolder;
}
.page-tshi.template .temp-search .mc-bg { margin-right: 1em;}
.page-tshi.template .tab-contents.mc-hide .mc-bg { background-image: none;}
.page-tshi.template .temp-list {
  position: relative;
  padding: 0.5em;
  padding-right: 1.75em;
  border: 1px solid var(--cs-basic-05);
  border-left: 10px solid var(--folder-color);
  background-color: var(--cs-btn_bg-nor);
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-tshi.template .temp-list:not(:last-child) { margin-bottom: 0.75em;}
.page-tshi.template .temp-list::after {
  position: absolute;
  top: 50%;
  right: 0.25em;
  transform: translateY(-50%);
  content: "\e905";
  color: var(--cs-font_link-nor);
  font-family: "elaicon" !important;
}
.page-tshi.template .temp-list:active {
  background-color: var(--cs-btn_bg-act) !important;
  transition: none;
}
.page-tshi.template .temp-list:active::after { color: var(--cs-font_link-act) !important;}
.page-tshi.template .temp-list.msk {
  padding-right: 0.5em;
  pointer-events: none;
}
.page-tshi.template .temp-list.msk::after { content: none;}
.page-tshi.template .temp-list .title .contents {
  margin-right: auto;
  font-size: 1.1em;
}
.page-tshi.template .temp-list .info { font-size: 0.8em;}
.page-tshi.template .temp-list .info .contents { color: var(--cs-font-03);}
.page-tshi.template .temp-list .info .contents[class*=elaicon-]::before { color: var(--cs-key-01);}
.page-tshi.template .temp-list .info .contents:not(.date) { margin-right: 2em;}
.page-tshi.template .temp-list .info .date { margin-left: auto;}
.page-tshi.template .temp-list.checkbox { grid-template-columns: 1fr auto;}
.page-tshi.template .temp-list.checkbox li:has(input) {
  display: flex;
  grid-area: 1/2/4/3;
  align-items: center;
}
.page-tshi.template .temp-list.checkbox .parts {
  --border_w: 4;
  font-size: 2em;
}
.page-tshi.template label:has(.checkbox) { display: block;}
.page-tshi.template label:has(.checkbox):not(:last-child) { margin-bottom: 0.75em;}
.page-tshi.template label:has(.checkbox) ul { padding-right: 0.5em;}
.page-tshi.template label:has(.checkbox) ul::after { content: none;}
.page-tshi.template label:has(.checkbox) ul:has(input:checked) { background-color: var(--cs-btn_bg-hov);}
.page-tshi.template label:has(.checkbox) ul:has(input:checked) .info .contents { color: var(--cs-font-02);}
.page-tshi.template .top .grid_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.page-tshi.template .top .grid_wrapper .c1 { grid-area: 1/1/2/3;}
.page-tshi.template .top .grid_wrapper .c2 { grid-area: 2/1/3/3;}
.page-tshi.template .top .grid_wrapper .c3 { grid-area: 3/1/4/2;}
.page-tshi.template .top .grid_wrapper .c4 { grid-area: 3/2/4/3;}
.page-tshi.template .top .grid_wrapper .c5 { grid-area: 4/1/5/3;}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2, .c3, .c4) div.contents {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2, .c3, .c4) div.contents .label { font-size: 1.5em;}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2) {
  position: relative;
  overflow: hidden;
  border-width: 4px;
}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2)::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32%;
  border-bottom: 4px solid;
  background-color: var(--cs-key-01);
  content: "";
}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2)::after {
  z-index: -3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 4px 4px;
  content: "";
}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2) .label {
  margin-bottom: 0.25em;
  padding: 0em 2em;
  border: 4px solid;
  border-radius: 50vh;
  background-color: var(--cs-basic-01);
}
.page-tshi.template .top .grid_wrapper :is(.c1, .c2) .description {
  font-size: 1.5em;
  text-shadow: 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01), 0 0 4px var(--cs-basic-01);
}
.page-tshi.template .top .grid_wrapper :is(.c3, .c4) { margin: 1em 0;}
.page-tshi.template .top .grid_wrapper .c1::after { background-image: linear-gradient(45deg, transparent 25%, var(--cs-ac_03-02), var(--cs-ac_03-02) 50%, transparent 51%, transparent 75%, var(--cs-ac_03-02) 76%, var(--cs-ac_03-02));}
.page-tshi.template .top .grid_wrapper .c2::after { background-image: linear-gradient(45deg, transparent 25%, var(--cs-basic-03), var(--cs-basic-03) 50%, transparent 51%, transparent 75%, var(--cs-basic-03) 76%, var(--cs-basic-03));}
.page-tshi.template .top .grid_wrapper .c5 {
  background-color: var(--cs-ac_02-03);
  color: var(--cs-ac_02-01);
}

.page-tshi .makeGroup_area {
  display: none;
  margin-bottom: 1em;
  text-align: right;
}
.page-tshi .makeGroup_area .button { margin: auto;}
.page-tshi .column-wrapper > .makeGroup_area { margin-bottom: 0 !important;}
.page-tshi .dl_box { margin-right: auto;}

.dl_box {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  border: 4px solid var(--cs-basic-04);
  border-radius: 0.5em;
}
.dl_box .label {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid;
}
.dl_box .discription:last-child { margin-left: 0.5em;}
.dl_box .discription span {
  color: var(--cs-font-02);
  font-size: 0.8em;
}
.dl_box :is(dt, dd) span::after {
  font-size: 0.5em;
  opacity: 0.5;
}
.dl_box :is(dt, dd) span:not(:last-child) { margin-right: 0.5em;}
.dl_box dt { margin-right: 0.5em;}
.dl_box dt span {
  color: var(--cs-font-02);
  line-height: 1.5;
}
.dl_box dt:not(:first-of-type) { margin-left: 0.5em;}
.dl_box dd.text-link::after {
  content: " \e905";
  line-height: 1.5;
  font-family: "elaicon" !important;
}
.dl_box dd:not(:last-of-type) { margin-right: 0.5em;}
.dl_box dd span {
  font-size: 1.5em;
  line-height: 1;
}
body { background-color: var(--cs-basic-02);}

header {
  width: 100%;
  min-width: 1024px;
  height: 95px;
}
header h1.logo {
  top: 35px;
  left: 20px;
  width: 200px;
  height: 55px;
}
header h1.logo:is(:nth-last-child(2),
:nth-last-child(3)) {
  position: absolute;
  top: 60px;
  top: 60%;
  left: 50%;
  margin: 0 auto 0;
  transform: translate(-50%, -50%);
}
header .login-name { color: #7a8582;}
header .login-name::before { background-image: linear-gradient(to bottom, #ccd9d7, #dde6e4);}
header .login-name dl.name dd:first-of-type { margin-left: 0.5em;}
header .login-name dl.name dd:last-of-type { margin-right: 0.1em;}
header .login-name dl.name::after {
  margin-right: 10px;
  content: "先生";
  font-size: 14px;
}
header .katei-sign {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 155px;
  padding: 2px 10px;
  border: 2px solid var(--cs-ac_01-01);
  border-radius: 4px;
  font-size: 14px;
}
header .katei-sign .contents {
  color: var(--cs-ac_01-01);
  line-height: 1;
}
header .katei-sign:nth-last-child(2) { left: calc(50% + 40px);}

nav.page-navi {
  width: 1004px;
  margin: 0 auto;
}

h2 {
  margin: 2px auto 40px;
  padding: 0.5em 0;
  background-color: var(--cs-basic-05);
  color: var(--cs-font-01);
}
h2 .page-name {
  display: flex;
  align-items: center;
  width: 1024px;
  margin: auto;
  padding: 0 10px;
}
h2 .page-name > .button { margin: 0 20px;}
h2 .page-name dt { display: none;}

.contentsWrapper .contentsContainer {
  display: block;
  width: 1024px;
  margin: 0 auto;
  padding: 0 10px 20px;
}
footer {
  width: 100%;
  margin: 20px auto 0;
  box-shadow: 0 -2px 6px 1px var(--cs-basic-05);
}
.gadget-studygrid .grid-container .mandara-bits#mapClass { pointer-events: none;}
.gadget-studygrid .grid-container .mandara-bits#mapClass div {
  cursor: auto;
  pointer-events: none;
}
@media screen and (max-width: 479.98px) {.contentsWrapper .contentsContainer .license_doc :is(dl, .scroll_area) { height: 14em;}
}
@media (any-hover: hover) {
  .page-tshi.template .drills-area ul.gauges li.tab_item:hover .tooltip {
    visibility: visible;
    top: var(--end_ypos);
    opacity: 1;
  }
.page-home-enterfile .processing_file :is(.error_list, .warning_list, .autoclass_list, .success_list) li:hover span { background-color: var(--cs-basic-04);}
  .page-home-login-makeshortcut form input[type=submit]:hover, .page-home-login-tomakeshortcut form input[type=submit]:hover {
    border-color: var(--cs-btn_border-hov);
    background-color: var(--cs-btn_bg-hov);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);
    color: var(--cs-btn_font-hov);
  }
  .page-tgak-taskList .body.row.link.nor:hover {
    background-color: var(--cs-key-03);
    color: var(--cs-font_link-hov);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
  }
  .page-parents section.notice ul li.thread:hover {
    z-index: 1;
    box-shadow: 0px 5px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon01 article.gauges figure.circle_gauge.small.mon01:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon02 article.gauges figure.circle_gauge.small.mon02:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon03 article.gauges figure.circle_gauge.small.mon03:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon04 article.gauges figure.circle_gauge.small.mon04:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon05 article.gauges figure.circle_gauge.small.mon05:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon06 article.gauges figure.circle_gauge.small.mon06:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon07 article.gauges figure.circle_gauge.small.mon07:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon08 article.gauges figure.circle_gauge.small.mon08:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon09 article.gauges figure.circle_gauge.small.mon09:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top.contentsWrapper.active_mon10 article.gauges figure.circle_gauge.small.mon10:hover {
    box-shadow: none;
    pointer-events: none;
  }
  .page-tshi.monitor-top figure.circle_gauge.small:hover {
    box-shadow: 0 0 10px 5px #4CE9CC;
    cursor: pointer;
  }
.page-tshi.monitor-top figure.circle_gauge.small:hover .inner { background-color: #4CE9CC;}
  .page-tshi.template .drills-area ul.gauges li.tab_item:hover::before {
    border-color: var(--cs-btn_border-hov);
    background-color: var(--cs-btn_bg-hov);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    color: var(--cs-btn_font-hov);
  }
.page-tshi.template .temp-list:hover { background-color: var(--cs-btn_bg-hov);}
.page-tshi.template .temp-list:hover::after { color: var(--cs-font_link-hov);}
.page-tshi.template .top .grid_wrapper .c1:hover { background-color: var(--cs-ac_01-02);}
}
@media screen and (max-width: 1023.98px) {
  footer {
    height: 20px;
    padding: 0;
    border-radius: 0;
    line-height: 20px;
  }
  footer .copyright {
    width: 100%;
    height: 20px;
    text-align: center;
  }
}
@media screen and (max-height: 800px) {
  footer {
    height: 20px;
    padding: 0;
    line-height: 20px;
  }
  footer .copyright {
    width: 100%;
    height: 20px;
    text-align: center;
  }
}
@media print {
  .page-home-printcard {
    display: block;
    background: none !important;
    size: a4 portrait;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
.page-home-printcard header.header,
  .page-home-printcard .contentsWrapper > div:first-of-type:not(.contentsContainer),
  .page-home-printcard .page-navi,
  .page-home-printcard h2,
  .page-home-printcard .gadget-extractor,
  .page-home-printcard .gadget-extractor + .column-wrapper,
  .page-home-printcard footer { display: none;}
  .page-home-printcard .contentsContainer {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .page-home-printcard .contentsContainer .paper {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    break-inside: avoid-page;
    page-break-after: always;
  }
.guidance > :is(.column-wrapper,
  .gadget-decoframe-a-lift) { display: none;}
  .page-commu-furiprint * {
    background: none !important;
    color: black !important;
  }
.page-commu-furiprint header.header { display: none;}
.page-commu-furiprint footer { display: none;}
.page-commu-furiprint .contentsWrapper .page-navi { display: none;}
  .page-commu-furiprint .contentsWrapper .gadget-extractor {
    margin: 0 0 1em;
    border: 4px solid black;
    box-shadow: none;
    font-size: 1.4em;
  }
.page-commu-furiprint .contentsWrapper .gadget-extractor::before, .page-commu-furiprint .contentsWrapper .gadget-extractor::after { content: none;}
.page-commu-furiprint .contentsWrapper .gadget-extractor + .column-wrapper { display: none;}
.page-commu-furiprint .contentsWrapper .gadget-extractor dl::after { box-shadow: none;}
  .page-commu-furiprint .contentsWrapper .gadget-message-report {
    border-color: darkgrey;
    break-inside: avoid-page;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block h3 {
    border: 1px solid black;
    background-color: lightgray !important;
    font-weight: bolder;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .column-wrapper {
    padding: 0.2em 0;
    padding-left: 0.5em;
    border-bottom: thin solid black;
    border-left: 0.4em solid;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .column-wrapper > div {
    display: flex;
    align-items: center;
  }
.page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .column-wrapper > div h4 { font-weight: bolder;}
.page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .column-wrapper > div .caption-container { display: none;}
.page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .form-wrapper { margin-bottom: 0;}
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .form-wrapper .select-body-wrapper .select-items {
    border: thin solid darkgrey;
    border-bottom: none;
    border-radius: 0;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .form-wrapper .select-body-wrapper .select-items .select-options .select-option label {
    font-weight: bolder;
    text-indent: 0.4em;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-report .content-block .printhelper {
    min-height: 3em !important;
    border: thin solid darkgrey;
    line-height: normal;
  }
.page-commu-furiprint .contentsWrapper .form-wrapper.btn-select.readonly > .select-body-wrapper * { color: black !important;}
  .page-commu-furiprint .contentsWrapper .gadget-message-reply {
    border-color: darkgrey;
    break-inside: avoid-page;
  }
  .page-commu-furiprint .contentsWrapper .gadget-message-reply .content-block h3 {
    margin-bottom: 1em;
    border: 1px solid black;
    background-color: lightgray !important;
    font-weight: bolder;
  }
.page-commu-furiprint .contentsWrapper .gadget-message-reply .content-block h3 .column-wrapper div { color: black !important;}
  .page-commu-furiprint .contentsWrapper .gadget-message-reply .content-block .printhelper {
    min-height: 3em !important;
    border: thin solid darkgrey;
    line-height: normal;
  }
  .page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper {
    display: table;
    width: 234.608mm;
    height: 176mm;
  }
  .page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper .card {
    width: 234.608mm;
    height: 176mm;
    margin: auto;
  }
  .page-cardbook-print input[class=individual]:checked ~ .paper-wrapper .paper .card::before {
    width: 234.608mm;
    height: 176mm;
  }
  .page-cardbook-print input[class=group]:checked ~ .paper-wrapper .paper {
    width: 132mm;
    height: 247.5mm;
  }
  .page-cardbook-print input[class=group]:checked ~ .paper-wrapper .paper body:is(.ios,
  .mac.safari)::after {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    width: 186mm;
    height: 249mm;
    transform: translateX(-50%);
    background-color: rgba(255, 25, 255, 0);
    content: "";
  }
body.print { background: none;}
body.print header.header,
  body.print .contentsWrapper > div:first-of-type:not(.contentsContainer),
  body.print .page-navi,
  body.print h2,
  body.print .gadget-extractor,
  body.print footer { display: none;}
  body.print .contentsContainer {
    display: block;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.print .contentsContainer .paper {
    left: auto;
    margin: auto !important;
    padding: 0 !important;
    transform: none;
    box-shadow: none !important;
    break-inside: avoid-page;
    page-break-after: always;
  }
body.print .contentsContainer .paper:last-child { page-break-after: auto;}
.button:is([id*=Print],
  [onclick*=Print]) { display: none;}
}
@media (any-hover: none) {
  .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor:hover {
    color: var(--cs-font-01) !important;
    fill: var(--cs-font-01) !important;
    background-position: 0% 0% !important;
    background-color: var(--cs-basic-02) !important;
  }
  .page-tshi.monitor-top.contentsWrapper .contentsContainer.lower ul li.button-smooth.nor:active {
    color: #ff950a !important;
    fill: #ff950a !important;
    background-position: 0% 100% !important;
    background-color: var(--cs-basic-03) !important;
  }
}
@media (hover: none) {.page-tshi.monitor-top figure.circle_gauge.small { box-shadow: 0 0 2px 0px var(--cs-key-01);}
}