@charset "UTF-8";

.gadget-monitor, .gadget-extractor, .gadget-searcher-page, .gadget-searcher-word, .gadget-searcher-resultheader, .gadget-historyhead, :is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) {
  position: relative;
  width: auto;
  min-height: 4.2em;
  margin: 8px;
  margin: 8px 8px 40px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.gadget-monitor::before, .gadget-extractor::before, .gadget-searcher-page::before, .gadget-searcher-word::before, .gadget-searcher-resultheader::before, .gadget-historyhead::before, :is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift)::before {
  display: block;
  z-index: -2;
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border: 1px solid var(--cs-basic-01);
  border-radius: 16px;
  background-color: var(--cs-basic-03);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
  content: "";
}
.gadget-searcher-page::before, .gadget-searcher-word::before, .gadget-searcher-resultheader::before, .gadget-historyhead::before, .gadget-termselector::before, :is(.gadget-decoframe-a-lift, .gadget-decoframe-b-lift, .gadget-decoframe-ch-lift, .gadget-decoframe-cv-lift)::before { box-shadow: 0 0px 6px 5px rgba(var(--cs-basic-01-rgb), 1), 0 5px 10px 10px rgba(var(--cs-basic-07-rgb), 0.2);}

.gadget-gridlist > .body > .list {
  margin-bottom: 0.5em;
  padding: 10px;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.5em;
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd.basic {
  background-color: var(--cs-key-01) !important;
  color: var(--cs-font-lite);
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd.standard {
  background-color: var(--cs-ac_01-01) !important;
  color: var(--cs-font-lite);
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd.challenge {
  background-color: #ff950a !important;
  color: white;
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd.test {
  background-color: var(--cs-ac_02-01) !important;
  color: var(--cs-ac_03-01);
}
.gadget-message.timeline .message-container.owner.new::before, .gadget-message.timeline .message-container.others.new::before { animation: 1s linear 1s normal none infinite running blink;}
ul.grade_subject_Bullet, .gadget-drilldirectory ul { font-weight: normal;}
ul.grade_subject_Bullet:first-child, .gadget-drilldirectory ul:first-child {
  display: flex;
  margin-bottom: 10px;
}
ul.grade_subject_Bullet:first-child li, .gadget-drilldirectory ul:first-child li {
  min-width: 5em;
  padding: 0 0.5em;
  border: 1px solid;
  border-color: var(--cs-basic-07);
  font-size: 0.9em;
  line-height: 1.5;
  text-align: center;
}
.windows ul.grade_subject_Bullet:first-child li, .windows .gadget-drilldirectory ul:first-child li, .gadget-drilldirectory .windows ul:first-child li { padding-top: 0.2em !important;}

ul.grade_subject_Bullet:first-child li:is(:nth-child(1), :only-child), .gadget-drilldirectory ul:first-child li:is(:nth-child(1), :only-child) {
  background-color: var(--cs-basic-07);
  color: var(--cs-font-lite);
}
ul.grade_subject_Bullet:first-child li:nth-child(1), .gadget-drilldirectory ul:first-child li:nth-child(1) {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  color: var(--cs-font-lite);
}
ul.grade_subject_Bullet:first-child li:nth-child(2), .gadget-drilldirectory ul:first-child li:nth-child(2) {
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  background-color: var(--cs-basic-03);
  color: var(--cs-font-02);
}
ul.grade_subject_Bullet:first-child li:only-child, .gadget-drilldirectory ul:first-child li:only-child { border-radius: 0.3em;}

.gadget-pagination li, .gadget-button-help {
  z-index: 1;
  position: relative;
  border: 1px solid;
  border-radius: 10px;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s;
}
.gadget-pagination li, .gadget-button-help {
  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);
  cursor: pointer;
}
.gadget-pagination li:active, .gadget-button-help:active {
  background-color: var(--cs-btn_bg-act) !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3) !important;
  color: var(--cs-btn_font-act) !important;
  transition: none;
}
.gadget-pagination li.sel, .sel.gadget-button-help {
  background-color: var(--cs-btn_bg-sel);
  box-shadow: none;
  color: var(--cs-btn_font-sel);
  pointer-events: none;
}
.gadget-pagination li.msk, .msk.gadget-button-help {
  background-color: var(--cs-btn_bg-msk);
  box-shadow: none;
  color: var(--cs-btn_font-msk);
  pointer-events: none;
}
.gadget-pagination li.eff, .eff.gadget-button-help {
  border-width: 2px;
  box-shadow: 0 0 10px 2px var(--cs-btn_border-eff), 0;
  animation: effectBtn_multi 0.7s linear 0.1s infinite alternate;
}
.gadget-pagination li svg, .gadget-button-help svg { fill: inherit;}
.gadget-button-listening { --size: 60;}
.gadget-button-listening { --baseSize: 20;}

.gadget-button-listening {
  display: block;
  position: relative;
  width: calc(var(--size) * 1px);
  height: calc(var(--size) * 1px);
  margin: calc(var(--baseSize) * 0.75px);
  border-radius: 50%;
  border-radius: 50%;
  letter-spacing: 0 !important;
}
.gadget-button-listening::before, .gadget-button-listening::after {
  display: block;
  position: absolute;
  border-radius: 50%;
  content: "";
}
.gadget-button-listening::before {
  z-index: -2;
  top: calc(var(--baseSize) / 2 * -1px);
  left: calc(var(--baseSize) / 2 * -1px);
  width: calc((var(--size) + var(--baseSize)) * 1px);
  height: calc((var(--size) + var(--baseSize)) * 1px);
  border: 1px solid var(--cs-basic-04);
  background-color: var(--cs-basic-01);
}
.gadget-button-listening::after {
  z-index: -1;
  top: calc(var(--baseSize) / 6 * -1px);
  left: calc(var(--baseSize) / 6 * -1px);
  width: calc((var(--size) + var(--baseSize) / 3) * 1px);
  height: calc((var(--size) + var(--baseSize) / 3) * 1px);
  background-image: linear-gradient(to bottom, var(--cs-basic-06), var(--cs-basic-01));
  background-color: var(--cs-basic-06);
}
.gadget-button-listening .label {
  width: 0;
  overflow: hidden;
  text-indent: -100%;
}
.gadget-button-listening .icon-wrap {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.gadget-button-listening .icon-wrap span[class^=elaicon-] {
  font-size: calc(var(--size) * 0.7px);
  line-height: 0;
}
.gadget-button-listening span[class^=elaicon-] { color: var(--cs-basic-01);}
.gadget-button-listening:is(.nor, .eff) {
  background-image: linear-gradient(to bottom, rgba(var(--cs-dri-cntl_btn-nor-st1-rgb), 1), rgba(var(--cs-dri-cntl_btn-nor-st2-rgb), 0));
  background-color: var(--cs-dri-cntl_btn-nor-st2);
  cursor: pointer;
  transition: 0.4s;
}
.gadget-button-listening:is(.nor, .eff) .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-nor);}
.gadget-button-listening:is(.nor, .eff):active .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-act) !important;}
.sel.gadget-button-listening {
  background-color: var(--cs-dri-cntl_btn-sel);
  pointer-events: none;
}
.sel.gadget-button-listening .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-sel);}
.msk.gadget-button-listening {
  background-color: var(--cs-dri-cntl_btn-msk);
  pointer-events: none;
}
.msk.gadget-button-listening .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-msk);}
.eff.gadget-button-listening {
  box-shadow: 0 0 15px 4px rgba(var(--cs-dri-cntl_btn-eff-rgb), 0);
  animation: playBtn-Dcon 0.7s linear 0.1s infinite alternate;
}
.eff.gadget-button-listening .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-nor);}
.windows .gadget-hex .first-letter, .gadget-hex .windows .first-letter, .windows .gadget-simple-dataline ul > li :is(.label, .cols-label), .gadget-simple-dataline ul > li .windows :is(.label, .cols-label), .windows .hex-map .first-letter, .hex-map .windows .first-letter, .windows .hex-map .categories.c1 ul li, .hex-map .categories.c1 ul .windows li, .windows .grid_list .header .cell, .grid_list .header .windows .cell, .windows .gadget-growimage:not(:has(img[src*="/grows_2025"]))::after, .windows .gadget-glowimage:not(:has(img[src*="/grows_2025"]))::after { font-family: "BIZ UDPGothic";}
.gadget-medal_counter .counter-unit dl.label dd .current, .gadget-medal_counter .counter-unit .num-counter .target, .gadget-calendar .calendar-day .calendar-date .date-num { font-family: Impact, "Anton-num", sans-serif;}

:is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) table {
  margin-bottom: 0;
  border: none;
}
:is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) table thead tr th { background-color: transparent !important;}
:is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) table tbody tr:last-child :is(th, td):first-child { border-bottom-left-radius: 6px;}
:is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) table tbody tr:last-child :is(th, td):last-child { border-bottom-right-radius: 6px;}
:is(.gadget-decoframe-a, .gadget-decoframe-a-lift, .gadget-decoframe-b, .gadget-decoframe-b-lift, .gadget-decoframe-ch, .gadget-decoframe-ch-lift, .gadget-decoframe-cv, .gadget-decoframe-cv-lift) table tfoot { display: none;}
:is(.gadget-decoframe-a, .gadget-decoframe-a-lift) { background-image: linear-gradient(to bottom, var(--cs-basic-01) 60%, var(--cs-basic-02) 100%);}
:is(.gadget-decoframe-b, .gadget-decoframe-b-lift) { background-image: linear-gradient(to bottom, rgba(var(--cs-basic-07-rgb), 0.5), rgba(var(--cs-basic-05-rgb), 0.5));}

:is(.gadget-decoframe-ch, .gadget-decoframe-ch-lift) {
  background-image: linear-gradient(to left, rgba(var(--cs-key-01-rgb), 1) 20%, rgba(10, 111, 218, 0));
  background-color: #0a6fda;
}

:is(.gadget-decoframe-cv, .gadget-decoframe-cv-lift) {
  background-image: linear-gradient(to bottom, rgba(var(--cs-key-01-rgb), 1) 0%, rgba(10, 111, 218, 0) 90%);
  background-color: rgb(14, 90, 204);
}

.gadget-loader {
  z-index: 10001;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9em;
  height: 0.9em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  animation: load 1s infinite cubic-bezier(0.4, 0.25, 0.3, 1);
}
.gadget-loader > .label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  white-space: nowrap;
}
@keyframes load {0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;}
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
75% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;}
87.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;}
}

.gadget-calendar {
  display: grid;
  grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid rgba(var(--cs-basic-08-rgb), 0.5);
  background-color: var(--cs-basic-01);
}
.gadget-calendar :is(.top-bar_days, .calendar-day) {
  border-right: 1px solid rgba(var(--cs-basic-08-rgb), 0.5);
  border-bottom: 1px solid rgba(var(--cs-basic-08-rgb), 0.5);
}
.gadget-calendar .calendar-week:last-child .calendar-day { border-bottom: none;}
.gadget-calendar .calendar-day:last-child { border-right: none;}
.gadget-calendar :is(.calendar-top-bar, .calendar-week) { display: contents;}
.gadget-calendar .calendar-top-bar .top-bar_days {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cs-basic-06);
  font-size: 0.8em;
  line-height: normal;
}
.gadget-calendar .calendar-day {
  display: grid;
  grid-template-rows: auto minmax(3.5em, 1fr);
  padding: 2px;
}
.gadget-calendar .calendar-day .calendar-date { color: var(--cs-font-03);}
.gadget-calendar .calendar-day:is(:first-child, .holyday) .calendar-date { color: var(--cs-ac_02-01) !important;}
.gadget-calendar .calendar-day:last-child .calendar-date { color: var(--cs-key-01);}
.gadget-calendar .calendar-day .calendar-date {
  display: flex;
  height: 2.5em;
}
.gadget-calendar .calendar-day .calendar-date .gadget-medal_container { margin-left: auto;}
.gadget-calendar .calendar-day .calendar-date .medal_wrapper {
  width: 2.5em;
  height: 2.5em;
}
.gadget-calendar .calendar-day .calendar-date .medal_wrapper svg { height: 2.5em;}
.gadget-calendar .calendar-day .calendar-date .date-num { font-size: 1.8em;}
.gadget-calendar .calendar-day.today { background-color: var(--cs-key-02);}
.gadget-calendar .calendar-day.today .calendar-date { color: var(--cs-font-lite);}
.gadget-calendar .calendar-day .datas-wrapper .datas {
  display: grid;
  grid-template-columns: 1fr auto;
  margin: 10px 2px 2px;
  padding: 0.25em;
  border: solid 1px var(--cs-basic-01);
  border-radius: 0.5em;
  background-color: var(--cs-ac_01-03);
}
.gadget-calendar .calendar-day .datas-wrapper .datas .contents {
  color: var(--cs-key_smoke-01);
  text-align: right;
}
.gadget-calendar .calendar-day .datas-wrapper .datas .contents.times { grid-area: 1/2/2/3;}
.gadget-calendar .calendar-day .datas-wrapper .datas .contents.average { grid-area: 2/2/3/3;}
.gadget-calendar .calendar-day .datas-wrapper .datas::before {
  display: flex;
  grid-area: 1/1/3/2;
  align-items: center;
  content: "\e933";
  color: var(--cs-ac_01-01);
  font-size: 1.5em;
  font-family: "elaicon" !important;
}
.gadget-calendar .calendar-day.inactive { background-color: var(--cs-basic-04);}
.gadget-calendar .calendar-day.inactive * { display: none;}
.gadget-calendar .calendar-day:has(.times, .average) {
  cursor: pointer;
  transition: box-shadow 0.4s;
}

.gadget-message.timeline {
  display: flex !important;
  flex-direction: column;
}
.gadget-message.timeline .message-container {
  position: relative;
  min-width: 13em;
  max-width: 25em;
  margin: 20px 70px 20px 70px;
  padding: 0.5em 1em 0.75em;
  border-radius: 30px;
}
.gadget-message.timeline .message-container .image-wrapper.face {
  position: absolute;
  bottom: 0;
}
.gadget-message.timeline .message-container .image-wrapper.face::before { content: none;}
.gadget-message.timeline .message-container .name {
  display: block;
  margin-bottom: 0.5em;
  font-weight: bolder;
  font-size: 0.9em;
  opacity: 0.6;
}
.gadget-message.timeline .message-container ul.date {
  display: flex;
  position: absolute;
  top: -20px;
  right: 20px;
  align-items: baseline;
  font-size: 0.9em;
}
.gadget-message.timeline .message-container ul.date li { color: var(--cs-font-03);}
.gadget-message.timeline .message-container ul.date li::after { color: currentColor;}
.gadget-message.timeline .message-container ul.date li:first-child { font-size: 0.8em;}
.gadget-message.timeline .message-container .title {
  display: block;
  line-height: 1.3;
}
.gadget-message.timeline .message-container .button {
  min-height: auto;
  margin-top: 0.5em;
  font-size: 0.9em;
}
.gadget-message.timeline .message-container.owner {
  align-self: flex-end;
  border-bottom-right-radius: 0;
  background-color: var(--cs-key-01);
  color: var(--cs-font-lite);
}
.gadget-message.timeline .message-container.owner.read::before {
  display: inline-block;
  position: absolute;
  bottom: 14px;
  left: -110px;
  padding: 0.1em 0.5em;
  border-width: 1px;
  border-left-width: 20px;
  border-style: solid;
  border-radius: 5px;
  border-color: var(--cs-ac_02-01);
  content: "みました！";
  color: var(--cs-ac_02-01);
  font-size: 0.8em;
}
.gadget-message.timeline .message-container.owner.new::before {
  position: absolute;
  top: 0;
  left: -45px;
  content: "\e927";
  font-size: 2em;
  font-family: "elaicon" !important;
}
.gadget-message.timeline .message-container.owner .image-wrapper.face { right: -70px;}
.gadget-message.timeline .message-container.owner .name { text-align: right;}
.gadget-message.timeline .message-container.others {
  align-self: flex-start;
  border-bottom-left-radius: 0;
  background-color: var(--cs-basic-06);
}
.gadget-message.timeline .message-container.others.read::before {
  display: inline-block;
  position: absolute;
  right: -110px;
  bottom: 14px;
  padding: 0.1em 0.5em;
  border-width: 1px;
  border-left-width: 20px;
  border-style: solid;
  border-radius: 5px;
  border-color: var(--cs-ac_02-01);
  content: "みました！";
  color: var(--cs-ac_02-01);
  font-size: 0.8em;
}
.gadget-message.timeline .message-container.others.new::before {
  position: absolute;
  top: 0;
  right: -45px;
  content: "\e927";
  color: var(--cs-ac_02-01);
  font-size: 2em;
  font-family: "elaicon" !important;
}
.gadget-message.timeline .message-container.others .image-wrapper.face { left: -70px;}
.gadget-message.timeline .message-container.others .name { text-align: left;}
.gadget-message.massage-detail {
  position: relative;
  flex-direction: column;
  margin-top: 20px;
  margin-left: 220px;
  padding: 40px 20px 80px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--cs-key-02);
  box-shadow: 20px 60px 10px 5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.1);
}
.gadget-message.massage-detail .message-header {
  display: flex;
  position: relative;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cs-basic-06);
}
.gadget-message.massage-detail .message-header ul.date {
  display: flex;
  margin-left: auto;
  font-size: 0.8em;
}
.gadget-message.massage-detail .message-header .name { margin-left: 0.5em;}
.gadget-message.massage-detail .message-header ul.from, .gadget-message.massage-detail .message-header ul.to { margin-left: 0.5em;}
.gadget-message.massage-detail .message-header ul.from li, .gadget-message.massage-detail .message-header ul.to li { display: block;}
.gadget-message.massage-detail .message-header ul.from li:first-child, .gadget-message.massage-detail .message-header ul.to li:first-child {
  margin-bottom: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.9em;
}
.gadget-message.massage-detail .message-header ul.to {
  position: relative;
  width: 100%;
  padding-top: 1em;
}
.gadget-message.massage-detail .message-header ul.to::before {
  display: block;
  position: absolute;
  top: -0.5em;
  left: 0;
  padding: 0.1em 0.5em 0.1em 0;
  border-radius: 0.5em;
  border-color: var(--cs-key-02);
  content: "送信対象者";
  color: var(--cs-font-02);
}
.gadget-message.massage-detail .message-header ul.to li:not(:first-child) { display: inline-block;}
.gadget-message.massage-detail .message-header ul.to li:not(:first-child)::after {
  display: inline-block;
  margin-right: 0.5em;
  content: ",";
}
.gadget-message.massage-detail .message-title {
  margin-bottom: 1em;
  padding: 0 1em 1em;
  font-weight: bolder;
}
.gadget-message.massage-detail .message-title .form-wrapper {
  display: block;
  margin-right: -1em;
  margin-bottom: 0;
  margin-left: -1em;
}
.gadget-message.massage-detail .message-title .form-wrapper input {
  width: 100%;
  height: 2em;
  margin-right: 0;
  font-weight: inherit;
  font-size: inherit;
}
.gadget-message.massage-detail .message-title .form-wrapper input::placeholder { font-weight: normal;}
.gadget-message.massage-detail .massage-body {
  margin-bottom: 20px;
  padding: 0 1em 0.1em;
  background-image: linear-gradient(to bottom, rgba(var(--cs-table_border-rgb), 0) 97%, rgba(var(--cs-table_border-rgb), 1) 98%, rgba(var(--cs-table_border-rgb), 1) 99%, rgba(var(--cs-table_border-rgb), 0) 100%);
  background-position: 0 -0.2em !important;
  background-size: auto 2em !important;
  line-height: 2em;
}
.gadget-message.massage-detail .massage-body .form-wrapper {
  display: block;
  margin-top: -0.3em;
  margin-right: -1em;
  margin-bottom: -1em;
  margin-left: -1em;
}
.gadget-message.massage-detail .column-wrapper {
  margin-top: 2em;
  margin-bottom: -1em;
}
.gadget-message.massage-detail .column-wrapper .error {
  display: block;
  top: 0px;
  color: var(--cs-ac_02-01);
  font-size: 0.8em;
  text-align: center;
}
.gadget-message-report, .gadget-message-reply {
  margin-bottom: 20px;
  padding: 20px 40px;
  border-width: 4px;
  border-style: solid;
  border-radius: 10px;
  border-color: var(--cs-basic-05);
  background-color: var(--cs-basic-01);
}
.gadget-message-report:nth-of-type(1) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(1) .btn-select .select-body-wrapper { z-index: 1009;}
.gadget-message-report:nth-of-type(2) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(2) .btn-select .select-body-wrapper { z-index: 1008;}
.gadget-message-report:nth-of-type(3) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(3) .btn-select .select-body-wrapper { z-index: 1007;}
.gadget-message-report:nth-of-type(4) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(4) .btn-select .select-body-wrapper { z-index: 1006;}
.gadget-message-report:nth-of-type(5) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(5) .btn-select .select-body-wrapper { z-index: 1005;}
.gadget-message-report:nth-of-type(6) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(6) .btn-select .select-body-wrapper { z-index: 1004;}
.gadget-message-report:nth-of-type(7) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(7) .btn-select .select-body-wrapper { z-index: 1003;}
.gadget-message-report:nth-of-type(8) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(8) .btn-select .select-body-wrapper { z-index: 1002;}
.gadget-message-report:nth-of-type(9) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(9) .btn-select .select-body-wrapper { z-index: 1001;}
.gadget-message-report:nth-of-type(10) .btn-select .select-body-wrapper, .gadget-message-reply:nth-of-type(10) .btn-select .select-body-wrapper { z-index: 1000;}
.gadget-message-report .btn-select.readonly .select-label, .gadget-message-reply .btn-select.readonly .select-label { background-color: var(--cs-basic-04);}
.gadget-message-report .content-block:last-child, .gadget-message-reply .content-block:last-child { margin-bottom: 0;}
.gadget-message-report .content-block > .column-wrapper, .gadget-message-reply .content-block > .column-wrapper { align-items: center;}
.gadget-message-report h4, .gadget-message-reply h4 {
  margin: 0 1em 0 0;
  padding: 0;
  background-color: var(--cs-basic-01);
  background-color: transparent;
  color: var(--cs-key-01);
  font-size: 1.1em;
}
.gadget-message-report .form-wrapper, .gadget-message-reply .form-wrapper { margin-bottom: 20px;}
.gadget-message-report .form-wrapper textarea, .gadget-message-reply .form-wrapper textarea {
  height: 8em !important;
  margin: 0 !important;
}
.gadget-message-reply {
  border-color: var(--cs-key-02);
  background-color: var(--cs-key-03);
}
.gadget-message-reply h3 .contents.already {
  margin-right: 1em;
  padding: 0.1em 1em;
  border-width: 1px;
  border-left-width: 20px;
  border-style: solid;
  border-radius: 5px;
  background-color: var(--cs-basic-01);
  color: var(--cs-ac_02-01) !important;
  font-size: 0.6em;
}
.gadget-message-reply .column-container { margin-right: 0;}
.gadget-message-reply .column-container .button { margin-left: 40px;}
.gadget-message-reply .column-wrapper,
.gadget-message-reply .form-wrapper { margin-bottom: 0;}

.gadget-growimage, .gadget-glowimage {
  --border-w: 0;
  display: block;
  position: relative;
  height: 350px;
  margin: auto;
  overflow: hidden;
  border-width: calc(var(--border-w) * 1px);
  border-style: solid;
  border-color: var(--cs-key-01);
  box-shadow: 0px 5px 10px 1px var(--cs-basic-05) inset;
}
.gadget-growimage > img, .gadget-glowimage > img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.gadget-growimage:not(:has(img[src*="/grows_2025"]))::after, .gadget-glowimage:not(:has(img[src*="/grows_2025"]))::after {
  position: absolute;
  right: 0.25em;
  bottom: 0.25em;
  content: attr(data-level);
  color: var(--cs-key-01);
  font-weight: bolder;
  font-size: 0.9em;
  text-shadow: -1px 0 2px var(--cs-basic-01), 0 1px 2px var(--cs-basic-01), 1px 0 2px var(--cs-basic-01), 0 -1px 2px var(--cs-basic-01);
}

.gadget-medal {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  font-weight: bolder;
  font-size: 1em;
}
.gadget-medal::before {
  display: block;
  transform: scale(75%, 75%);
}
.gadget-medal:after {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  content: "";
}
.gadget-medal.gold {
  background-image: linear-gradient(0deg, #ffa200, #ffeb00);
  box-shadow: inset 0 -2px 1px 0 #b97500, 0 0px 2px 0 #ffffcc;
  color: #b97500;
  text-shadow: #ffffcc 0 -2px 2px;
}
.gadget-medal.gold::after { box-shadow: 0 -1px 1px 0 #b97500, 0 1px 1px 0 #ffffcc;}
.gadget-medal.silver {
  background-image: linear-gradient(0deg, #888888, #cccccc);
  box-shadow: inset 0 -2px 1px 0 #585858, 0 0px 2px 0 #cccccc;
  color: #5a5a5a;
  text-shadow: #efefef 0px -2px 2px;
}
.gadget-medal.silver::after { box-shadow: 0 -1px 1px 0 #585858, 0 1px 1px 0 #ccc;}
.gadget-medal.copper {
  background-image: linear-gradient(0deg, #c76612, #ffbd5a);
  box-shadow: inset 0 -2px 1px 0 #8c501b, 0 0px 2px 0 #ffbd5a;
  color: #8c501b;
  text-shadow: #efefef 0 -2px 2px;
}
.gadget-medal.copper::after { box-shadow: 0 -1px 1px 0 #8c501b, 0 1px 1px 0 #ffbd5a;}
.gadget-medal.blank {
  border: clamp(1px, 0.2vw, 2px) dashed black;
  background-color: #CCC;
  color: transparent;
  opacity: 0.3;
}
.gadget-medal.blank::after { display: none;}
th .gadget-medal, td .gadget-medal { margin-top: -50%;}
th:last-child .gadget-medal, td:last-child .gadget-medal {
  margin-top: -26px;
  margin-right: -26px;
  margin-left: -1em;
}

.gadget-termselector {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0 10px 40px;
  margin-bottom: 40px;
  padding: 10px;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, rgba(var(--cs-key-03-rgb), 0.5), rgba(var(--cs-key-02-rgb), 0.5));
  background-color: var(--cs-basic-01);
  box-shadow: 0 0 10px 2px var(--cs-key-01) inset;
}
.gadget-termselector::before {
  z-index: -1;
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  border: solid 1px var(--cs-basic-01);
  border-radius: 20px;
  background-image: linear-gradient(to bottom, var(--cs-basic-05-rgb), 0.5, var(--cs-basic-03-rgb), 0.5);
  background-repeat: no-repeat;
  content: "";
}
.gadget-termselector .year { display: flex;}
.gadget-termselector .year :is(.left-side, .right-side) .button { margin: 0;}
.gadget-termselector .year .center-side h3 {
  margin: 0 0 0.1em;
  padding: 0;
  background-color: transparent;
  color: var(--cs-key-01);
  font-weight: bolder;
  font-size: 2.2em;
  text-shadow: var(--cs-basic-01) 0 1px 3px, var(--cs-basic-01) 0 0 1px;
}
.windows.chrome .gadget-termselector .year .center-side h3[class*=afterstr-]::before { bottom: 3.5em !important;}

.gadget-termselector .month {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.gadget-termselector .month .button {
  align-self: flex-end;
  width: 7%;
  min-width: auto;
  min-height: 0;
  margin: 0;
  padding: 0.2em 0;
  border-radius: 0.4em;
}
.gadget-termselector .button.nor.unanswered { background-color: var(--cs-ac_02-03);}

.gadget-gauge {
  --wRatio: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: calc(200px * var(--wRatio));
  height: 1em;
  overflow: hidden;
  border: 1px solid;
  border-radius: 0.5em;
  border-color: var(--cs-basic-08);
  background-color: var(--cs-basic-01);
}
.gadget-gauge li { width: calc(var(--w) * 1%);}
.gadget-gauge li[data-width="0"] { --w: 0;}
.gadget-gauge li[data-width="1"] { --w: 1;}
.gadget-gauge li[data-width="2"] { --w: 2;}
.gadget-gauge li[data-width="3"] { --w: 3;}
.gadget-gauge li[data-width="4"] { --w: 4;}
.gadget-gauge li[data-width="5"] { --w: 5;}
.gadget-gauge li[data-width="6"] { --w: 6;}
.gadget-gauge li[data-width="7"] { --w: 7;}
.gadget-gauge li[data-width="8"] { --w: 8;}
.gadget-gauge li[data-width="9"] { --w: 9;}
.gadget-gauge li[data-width="10"] { --w: 10;}
.gadget-gauge li[data-width="11"] { --w: 11;}
.gadget-gauge li[data-width="12"] { --w: 12;}
.gadget-gauge li[data-width="13"] { --w: 13;}
.gadget-gauge li[data-width="14"] { --w: 14;}
.gadget-gauge li[data-width="15"] { --w: 15;}
.gadget-gauge li[data-width="16"] { --w: 16;}
.gadget-gauge li[data-width="17"] { --w: 17;}
.gadget-gauge li[data-width="18"] { --w: 18;}
.gadget-gauge li[data-width="19"] { --w: 19;}
.gadget-gauge li[data-width="20"] { --w: 20;}
.gadget-gauge li[data-width="21"] { --w: 21;}
.gadget-gauge li[data-width="22"] { --w: 22;}
.gadget-gauge li[data-width="23"] { --w: 23;}
.gadget-gauge li[data-width="24"] { --w: 24;}
.gadget-gauge li[data-width="25"] { --w: 25;}
.gadget-gauge li[data-width="26"] { --w: 26;}
.gadget-gauge li[data-width="27"] { --w: 27;}
.gadget-gauge li[data-width="28"] { --w: 28;}
.gadget-gauge li[data-width="29"] { --w: 29;}
.gadget-gauge li[data-width="30"] { --w: 30;}
.gadget-gauge li[data-width="31"] { --w: 31;}
.gadget-gauge li[data-width="32"] { --w: 32;}
.gadget-gauge li[data-width="33"] { --w: 33;}
.gadget-gauge li[data-width="34"] { --w: 34;}
.gadget-gauge li[data-width="35"] { --w: 35;}
.gadget-gauge li[data-width="36"] { --w: 36;}
.gadget-gauge li[data-width="37"] { --w: 37;}
.gadget-gauge li[data-width="38"] { --w: 38;}
.gadget-gauge li[data-width="39"] { --w: 39;}
.gadget-gauge li[data-width="40"] { --w: 40;}
.gadget-gauge li[data-width="41"] { --w: 41;}
.gadget-gauge li[data-width="42"] { --w: 42;}
.gadget-gauge li[data-width="43"] { --w: 43;}
.gadget-gauge li[data-width="44"] { --w: 44;}
.gadget-gauge li[data-width="45"] { --w: 45;}
.gadget-gauge li[data-width="46"] { --w: 46;}
.gadget-gauge li[data-width="47"] { --w: 47;}
.gadget-gauge li[data-width="48"] { --w: 48;}
.gadget-gauge li[data-width="49"] { --w: 49;}
.gadget-gauge li[data-width="50"] { --w: 50;}
.gadget-gauge li[data-width="51"] { --w: 51;}
.gadget-gauge li[data-width="52"] { --w: 52;}
.gadget-gauge li[data-width="53"] { --w: 53;}
.gadget-gauge li[data-width="54"] { --w: 54;}
.gadget-gauge li[data-width="55"] { --w: 55;}
.gadget-gauge li[data-width="56"] { --w: 56;}
.gadget-gauge li[data-width="57"] { --w: 57;}
.gadget-gauge li[data-width="58"] { --w: 58;}
.gadget-gauge li[data-width="59"] { --w: 59;}
.gadget-gauge li[data-width="60"] { --w: 60;}
.gadget-gauge li[data-width="61"] { --w: 61;}
.gadget-gauge li[data-width="62"] { --w: 62;}
.gadget-gauge li[data-width="63"] { --w: 63;}
.gadget-gauge li[data-width="64"] { --w: 64;}
.gadget-gauge li[data-width="65"] { --w: 65;}
.gadget-gauge li[data-width="66"] { --w: 66;}
.gadget-gauge li[data-width="67"] { --w: 67;}
.gadget-gauge li[data-width="68"] { --w: 68;}
.gadget-gauge li[data-width="69"] { --w: 69;}
.gadget-gauge li[data-width="70"] { --w: 70;}
.gadget-gauge li[data-width="71"] { --w: 71;}
.gadget-gauge li[data-width="72"] { --w: 72;}
.gadget-gauge li[data-width="73"] { --w: 73;}
.gadget-gauge li[data-width="74"] { --w: 74;}
.gadget-gauge li[data-width="75"] { --w: 75;}
.gadget-gauge li[data-width="76"] { --w: 76;}
.gadget-gauge li[data-width="77"] { --w: 77;}
.gadget-gauge li[data-width="78"] { --w: 78;}
.gadget-gauge li[data-width="79"] { --w: 79;}
.gadget-gauge li[data-width="80"] { --w: 80;}
.gadget-gauge li[data-width="81"] { --w: 81;}
.gadget-gauge li[data-width="82"] { --w: 82;}
.gadget-gauge li[data-width="83"] { --w: 83;}
.gadget-gauge li[data-width="84"] { --w: 84;}
.gadget-gauge li[data-width="85"] { --w: 85;}
.gadget-gauge li[data-width="86"] { --w: 86;}
.gadget-gauge li[data-width="87"] { --w: 87;}
.gadget-gauge li[data-width="88"] { --w: 88;}
.gadget-gauge li[data-width="89"] { --w: 89;}
.gadget-gauge li[data-width="90"] { --w: 90;}
.gadget-gauge li[data-width="91"] { --w: 91;}
.gadget-gauge li[data-width="92"] { --w: 92;}
.gadget-gauge li[data-width="93"] { --w: 93;}
.gadget-gauge li[data-width="94"] { --w: 94;}
.gadget-gauge li[data-width="95"] { --w: 95;}
.gadget-gauge li[data-width="96"] { --w: 96;}
.gadget-gauge li[data-width="97"] { --w: 97;}
.gadget-gauge li[data-width="98"] { --w: 98;}
.gadget-gauge li[data-width="99"] { --w: 99;}
.gadget-gauge li[data-width="100"] { --w: 100;}
.gadget-gauge li {
  height: 100%;
  transition: width 0.7s;
}
.gadget-gauge li:nth-child(1) { background-color: var(--cs-ac_03-01);}
.gadget-gauge li:nth-child(2) { background-color: var(--cs-key-01);}
.gadget-gauge li:nth-child(3) { background-color: var(--cs-ac_02-01);}
.gadget-gauge li:only-child { background-color: var(--cs-ac_01-01);}

.gadget-historyhead {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  background-image: linear-gradient(to bottom, var(--cs-basic-01) 60%, var(--cs-basic-02) 100%);
}
.gadget-historyhead:not(.su, .koku, .ei, .ri, .sha, .ext) { padding: 30px 20px;}
.gadget-historyhead:not(.su, .koku, .ei, .ri, .sha, .ext) > .title li:nth-child(3) {
  margin-top: 0.5em;
  font-size: 1.1em;
}
.gadget-historyhead:not(.su, .koku, .ei, .ri, .sha, .ext) > ul[class$=title] { margin: auto;}
.gadget-historyhead > .colorball {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.gadget-historyhead > .colorball:has(li > *:onlyt-child) { grid-template-columns: 1.25rem 1fr;}
.gadget-historyhead > .colorball:has(li > *:nth-child(-n+2):last-child) { grid-template-columns: 1.25em auto 1fr;}
.gadget-historyhead > .colorball li {
  display: contents;
  background-color: transparent !important;
}
.gadget-historyhead > .colorball li::before {
  width: 1em;
  height: 1em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  content: "";
}
.gadget-historyhead > .colorball li > *:first-child {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
.gadget-historyhead > .colorball li > *:first-child::after { content: "：";}
.gadget-historyhead > .colorball li > *:not(:first-child) { font-weight: bolder;}
.gadget-historyhead > .colorball li > *:only-child::after { content: "";}
.gadget-historyhead > .colorball li.current { color: var(--cs-ac_01-01);}
.gadget-historyhead > .title {
  position: relative;
  flex-grow: 1;
  background-color: transparent !important;
}
.gadget-historyhead > .title[class*=lv] { margin: 0 10px 0 110px;}
.gadget-historyhead > .title[class*=lv]::before {
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 5px;
  left: -90px;
  width: 3em;
  height: 3em;
  border-radius: 10px;
  box-shadow: 0 10px 20px 2px rgba(0, 0, 0, 0.2) inset;
  content: "";
}
.gadget-historyhead > .title[class*=lv]::after {
  position: absolute;
  top: -5px;
  left: -100px;
  width: calc(3em + 20px);
  height: calc(3em + 20px);
  border-radius: 20px;
  background-image: linear-gradient(to bottom, rgba(var(--cs-basic-07-rgb), 0.5), rgba(var(--cs-basic-01-rgb), 0.5));
  box-shadow: 0 -10px 10px 10px rgba(var(--cs-basic-01-rgb), 1), 0 10px 20px 10px rgba(var(--cs-basic-08-rgb), 0.5);
  content: "";
}
.gadget-historyhead > .title li:is(:nth-child(1), :nth-child(2)) {
  display: inline-block;
  padding: 0.1em 0.5em;
  border: 1px solid;
  border-color: var(--cs-font-03);
  font-size: 0.9em;
}
.gadget-historyhead > .title li:is(:nth-child(3), :nth-child(4)) { margin: 0;}
.windows .gadget-historyhead > .title li { padding-top: 0.2em !important;}

.gadget-historyhead > .title li:nth-child(1) {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  background-color: var(--cs-font-03);
  color: var(--cs-font-lite);
}
.gadget-historyhead > .title li:nth-child(2) {
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  color: var(--cs-font-03);
}
.gadget-historyhead > .title li:nth-child(3) {
  margin-top: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.9em;
}
.windows .gadget-historyhead > .title li:nth-child(3) { margin-top: 0.2em !important;}
.gadget-historyhead > .title li:nth-child(4) { margin-top: 0.2em;}
.windows .gadget-historyhead > .title li:nth-child(4) { margin-top: 0.1em !important;}

.gadget-todrill {
  display: flex;
  position: relative;
  justify-content: center;
  margin: 46px auto 36px auto;
}
.gadget-todrill .content-block {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  min-width: calc(100% - 400px);
  margin: 0;
  padding: 7px;
  border: 1px solid var(--cs-basic-01);
  border-radius: 10px;
  background-color: var(--cs-key-02);
  box-shadow: 0 0 10px 0 var(--cs-key-01) inset;
  text-align: center;
  white-space: nowrap;
}
.gadget-todrill .content-block::before {
  z-index: -1;
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 15px;
  background-image: linear-gradient(to top, var(--cs-basic-01), var(--cs-basic-04));
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  content: "";
}
.gadget-todrill .content-block::after {
  z-index: -2;
  position: absolute;
  top: -16px;
  left: -16px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  border: 1px solid var(--cs-basic-04);
  border-radius: 20px;
  content: "";
}
.gadget-todrill .content-block > p {
  display: inline-block;
  margin-right: 1em;
  color: var(--cs-font-lite);
  line-height: 1;
}
.gadget-todrill .content-block > .button-container { display: inline-flex;}
.gadget-todrill .content-block > .button-container:only-child { width: 100%;}
.gadget-todrill .content-block > .button-container .button:not(:last-child) { margin-right: 1em;}
.gadget-todrill .content-block > .button-container :is(.button, .button-fullwidth).nor { border-color: var(--cs-key-02);}

.gadget-teacherscomment {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  padding-left: 120px;
}
.gadget-teacherscomment::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
  transform: translate(0, -50%);
  border: 4px solid var(--cs-key-01);
  border-radius: 50%;
  content: "\e95e";
  color: var(--cs-key-01);
  font-size: 80px;
  line-height: 90px;
  font-family: "elaicon" !important;
  text-align: center;
  text-indent: -2px;
}
.gadget-teacherscomment::after {
  position: absolute;
  top: calc(50% - 20px);
  left: 60px;
  width: 50px;
  height: 50px;
  transform: translate(0, -50%);
  border-radius: 50%;
  background-color: var(--cs-basic-02);
  content: "\e94c";
  color: var(--cs-key-01);
  font-size: 40px;
  line-height: 50px;
  font-family: "elaicon" !important;
  text-indent: 5px;
}

.gadget-searcher-page, .gadget-searcher-word, .gadget-searcher-resultheader {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-image: linear-gradient(to bottom, rgba(var(--cs-basic-07-rgb), 0.5), rgba(var(--cs-basic-05-rgb), 0.5));
}
.windows.ie .gadget-searcher-page, .windows.ie .gadget-searcher-word, .windows.ie .gadget-searcher-resultheader { padding: 1em !important;}

.gadget-searcher-page input:is([type=text], [type=number], [type=search]), .gadget-searcher-word input:is([type=text], [type=number], [type=search]), .gadget-searcher-resultheader input:is([type=text], [type=number], [type=search]) {
  margin: 0 !important;
  padding-right: 0 !important;
  font-size: 2em !important;
}
.gadget-searcher-page input[type=text].datebox, .gadget-searcher-word input[type=text].datebox, .gadget-searcher-resultheader input[type=text].datebox { width: 7em !important;}
.gadget-searcher-page input[type=text].datebox + span[class*=elaicon-symbol-calender], .gadget-searcher-word input[type=text].datebox + span[class*=elaicon-symbol-calender], .gadget-searcher-resultheader input[type=text].datebox + span[class*=elaicon-symbol-calender] {
  color: var(--cs-btn_font-nor);
  font-size: 1.5em;
}
.gadget-searcher-page input[type=text].dateboxbtn[readonly], .gadget-searcher-word input[type=text].dateboxbtn[readonly], .gadget-searcher-resultheader input[type=text].dateboxbtn[readonly] {
  width: 7em !important;
  border: 1px solid var(--cs-basic-07) !important;
  border: none;
  background-color: var(--cs-basic-03) !important;
  background-color: inherit;
  text-align: right;
  cursor: pointer;
  pointer-events: auto;
}
.gadget-searcher-page input[type=text].dateboxbtn[readonly] + span[class*=elaicon-symbol-calender], .gadget-searcher-word input[type=text].dateboxbtn[readonly] + span[class*=elaicon-symbol-calender], .gadget-searcher-resultheader input[type=text].dateboxbtn[readonly] + span[class*=elaicon-symbol-calender] {
  color: var(--cs-btn_font-nor);
  font-size: 1.5em;
}
.gadget-searcher-page .form-wrapper, .gadget-searcher-word .form-wrapper, .gadget-searcher-resultheader .form-wrapper { margin: 0 !important;}
.gadget-searcher-page .button, .gadget-searcher-word .button, .gadget-searcher-resultheader .button { width: 10em !important;}
.gadget-searcher-page .error, .gadget-searcher-word .error, .gadget-searcher-resultheader .error {
  position: absolute;
  top: -1em;
  right: 0;
  transform: translate(0, -100%);
}
.gadget-searcher-page .form-wrapper.radio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 20px !important;
}
.gadget-searcher-page .form-wrapper.textbox {
  flex-grow: 1;
  align-content: center;
  justify-content: flex-start;
}
.gadget-searcher-page .form-wrapper.textbox .title {
  border-radius: 1em;
  border-color: var(--cs-key-02);
}
.gadget-searcher-page .form-wrapper.textbox input:is([type=text], [type=number]) {
  width: 3.2em;
  padding: 0;
}
.gadget-searcher-page .form-wrapper.textbox p { margin-left: 0.5em;}
.gadget-searcher-page .form-wrapper.textbox p:first-of-type { margin-right: 0.5em;}
.gadget-searcher-page .form-wrapper.textbox p:last-of-type { margin-right: 1em;}
.gadget-searcher-word .form-wrapper {
  align-content: center;
  width: 100%;
  padding-right: 1em;
}
.gadget-searcher-word .form-wrapper.textbox input[type=search] {
  width: 100%;
  padding-right: 0.5em !important;
}

.gadget-drilldirectory {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.75em 1.5em;
}
.gadget-drilldirectory p {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
  font-size: 0.9em;
  line-height: 1;
}
.gadget-drilldirectory p:first-of-type:not(:last-of-type) { color: var(--cs-font-02);}
.gadget-drilldirectory p:last-of-type {
  margin-bottom: 0;
  font-size: 1.1em;
}
.gadget-drilldirectory p:only-of-type { font-size: 1em;}
.gadget-drilldirectory p sup {
  align-items: normal;
  margin-top: -1em;
  line-height: 2;
}
.gadget-drilldirectory dl {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.gadget-drilldirectory dl:first-of-type { margin-bottom: 10px;}
.gadget-drilldirectory dl:last-of-type dd { font-size: 1.1em;}
.gadget-drilldirectory dl dt {
  display: inline-block;
  min-width: 3em;
  margin-right: 1em;
  border-color: var(--cs-font-03);
  color: var(--cs-font-03);
  font-size: 0.9em;
  white-space: nowrap;
}
.windows .gadget-drilldirectory dl dt {
  padding-top: 0.15em 1em 0 !important;
  line-height: 1.2;
}

.gadget-drilldirectory dl dd {
  display: inline-block;
  white-space: nowrap;
}
.windows .gadget-drilldirectory dl dd { padding-top: 0.2em !important;}

.gadget-embedcontents {
  display: block;
  padding: 20px;
  border: 1px solid var(--cs-basic-01);
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 5px 10px 0 #bbc1c3 inset;
  text-align: center;
}
.gadget-embedcontents #cont_id {
  display: block !important;
  margin: 10px auto 0 auto !important;
  padding: 0 !important;
  color: #859499 !important;
  font-size: 0.8em !important;
  text-align: right !important;
}
.gadget-embedcontents.pdf {
  position: relative;
  padding-top: 100%;
}
.gadget-embedcontents.pdf :is(object, iframe) {
  position: absolute;
  top: 20px;
  left: 100px;
  width: calc(100% - 200px);
  height: calc(100% - 40px);
  border: 1px solid #859499;
}
.gadget-embedcontents.image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gadget-embedcontents.image > .image-wrapper img {
  width: 100%;
  height: 100%;
}
.gadget-embedcontents div.blackboard ruby { margin-top: 0;}
.gadget-embedcontents div.blackboard ruby rt {
  transform: translateY(0) !important;
  font-family: inherit;
}
.gadget-button-listening { margin-left: 70px !important;}
.gadget-button-listening .icon-wrap span[class^=elaicon-] { margin: 0;}
.gadget-button-listening.eff {
  background: initial !important;
  background-color: var(--cs-dri-cntl_btn-sel) !important;
  pointer-events: none;
}
.gadget-button-listening.eff .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-sel) !important;}
.gadget-button-listening:first-child { margin-left: 50px !important;}
.gadget-button-listening > .num {
  display: block;
  z-index: -10;
  position: absolute;
  top: 50%;
  left: -25px;
  width: 3em;
  height: 2em;
  transform: translate(-50%, -50%);
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  background-image: linear-gradient(to bottom, var(--cs-basic-06), var(--cs-basic-01));
  background-repeat: no-repeat;
  line-height: 2em;
  text-align: center;
}
.gadget-button-listening > .duration {
  position: absolute;
  top: calc(100% + 10px);
  width: 100% !important;
  color: var(--cs-font-03);
  font-size: 14px;
  text-align: center;
  text-indent: 0 !important;
  white-space: nowrap;
}
.gadget-button-help {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: auto;
  height: 40px;
  border-radius: 50%;
}
.gadget-button-help:before {
  display: inline-block;
  transform: scale(1.5);
  content: "\e922";
  font-family: "elaicon" !important;
}
.gadget-button-help::after {
  position: absolute;
  top: 42px;
  content: "ヘルプ";
  color: rgba(var(--cs-key-02-rgb), 0.8);
  font-size: 0.8em;
  white-space: nowrap;
}

:is(h2, h3) .gadget-button-help::after {
  top: 50%;
  left: -5px;
  transform: translate(-100%, -50%);
  color: currentColor;
}

.gadget-impression {
  display: block !important;
  position: relative;
  border: 2px solid;
  border-radius: 10px;
}
.form-wrapper.btn-radio .gadget-impression.parts { padding: 0.2em 0.5em 0 0 !important;}

.gadget-impression .contents {
  display: table-cell;
  width: 6.5em;
  height: 3em;
  padding-right: 0.2em;
  padding-left: 1.8em;
  line-height: 1;
  vertical-align: middle;
  white-space: normal !important;
}
.gadget-impression .contents::before {
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  font-family: "elaicon" !important;
}
.gadget-impression.top {
  background-color: #a8ffef !important;
  color: #0070ff !important;
  letter-spacing: -2px;
}
.gadget-impression.top .contents::before {
  top: 48%;
  content: "\e966";
}
.gadget-impression.mid {
  background-color: #FFD580 !important;
  color: #976502 !important;
}
.gadget-impression.mid .contents::before { content: "\e962";}
.gadget-impression.low {
  background-color: #FFBFDB !important;
  color: #ba4075 !important;
}
.gadget-impression.low .contents::before { content: "\e989";}
.gadget-impression.nex {
  background-color: #abef28 !important;
  color: #07b015 !important;
}
.gadget-impression.nex .contents {
  padding: 0;
  font-weight: bolder;
  text-align: center;
}
.gadget-impression.non {
  background-color: var(--cs-btn_bg-msk) !important;
  color: var(--cs-btn_font-msk) !important;
}
.gadget-impression.non .contents::before { content: "\e964";}

table .gadget-impression {
  margin: 0 0.5em;
  font-size: 0.7em;
}
table .gadget-impression .contents { text-align: left;}
.form-wrapper.gadget-impression-buttons {
  display: grid;
  grid-template-columns: 1fr auto auto auto auto;
  margin-top: 40px;
  padding: 10px 20px;
  border: 1px solid var(--cs-basic-06);
  border-radius: 20px;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-02);
}
.form-wrapper.gadget-impression-buttons input { position: absolute;}
.form-wrapper.gadget-impression-buttons label { min-height: calc(3.6em + 2px) !important;}
.form-wrapper.gadget-impression-buttons label::before { content: none;}
.form-wrapper.gadget-impression-buttons label:nth-of-type(-n+2)::after {
  position: absolute;
  top: 50%;
  right: -1em;
  width: 1em;
  border: 1px solid var(--cs-basic-06);
  content: "";
}
.form-wrapper.gadget-impression-buttons label .contents::before { left: 1em;}
.form-wrapper.gadget-impression-buttons label[for=next] { margin-left: 1.5em;}
.form-wrapper.gadget-impression-buttons input[name=furi]:not(:checked) + label {
  background-color: var(--cs-btn_bg-nor) !important;
  color: var(--cs-btn_font-nor) !important;
}
.form-wrapper.gadget-impression-buttons input[name=furi]:not(:checked) ~ input[name=next] + label[for=next] {
  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;
}
.form-wrapper.gadget-impression-buttons input[name=furi]:checked + label {
  box-shadow: none;
  pointer-events: none;
}
.form-wrapper.gadget-impression-buttons input[name=furi]:checked ~ input[name=next] + label[for=next] {
  border-width: 2px;
  border-color: var(--cs-btn_border-eff);
  background-color: var(--cs-btn_bg-eff);
  box-shadow: 0 0 10px 2px rgba(var(--cs-btn_border-eff-rgb), 0);
  color: var(--cs-btn_font-eff);
  animation: effectBtn_multi 0.7s linear 0.1s infinite alternate;
  pointer-events: auto !important;
}
.form-wrapper.gadget-impression-buttons input[name=furi]:checked ~ input[name=next] + label[for=next]:active {
  background-color: var(--cs-btn_bg-act);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  color: var(--cs-font_link-act);
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:is(:nth-of-type(1), :nth-of-type(2)) {
  min-width: 6em;
  height: 1.3em;
  padding: 0 0.5em;
  border: 1px solid var(--cs-key-01);
  border-radius: 0.2em;
  color: currentColor;
  font-size: 0.8em;
  line-height: 1.3;
  text-align: center;
}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) {
  display: flex;
  position: relative;
  align-items: center;
  width: 1004px;
  padding: 0 20px;
  border-radius: 10px;
  color: var(--cs-key_smoke-dk);
  line-height: normal;
  text-align: left;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > span {
  position: absolute;
  top: 0.4em;
  font-weight: bolder;
  line-height: 1.1;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 0.4em 0;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1) { margin-left: 0;}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dt { display: none;}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd {
  display: inline-block;
  align-self: center;
  white-space: nowrap;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--cs-key-01);
  background-color: var(--cs-key-01);
  color: var(--cs-font-lite);
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(2) {
  margin-right: 1em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: var(--cs-font-lite);
  color: var(--cs-key-01) !important;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(2):empty {
  min-width: 0.2em;
  padding: 0;
  border-color: var(--cs-key-01);
  background-color: var(--cs-key-01);
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:is(:nth-of-type(1):empty, :nth-of-type(2):empty) {
  width: 0.2em;
  min-width: 0.2em;
  padding: 0;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1):empty { background-color: var(--cs-font-lite);}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1):empty ~ :nth-of-type(2) { border-left-width: 0;}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(2):empty { background-color: var(--cs-key-01);}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1):empty:has(~ :nth-of-type(2):empty) { visibility: hidden;}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(1):empty:has(~ :nth-of-type(2):empty) ~ :nth-of-type(2):empty { visibility: hidden;}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(3) {
  font-size: 0.8em;
  line-height: 1.2;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(3):empty + dt + dd {
  margin-top: 0.3em;
  font-size: 1.4em;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(4) {
  align-self: center;
  font-weight: bolder;
  line-height: 1.2;
  white-space: wrap;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:is(.standard, .basic, .challenge, .test) {
  margin-left: 1em;
  padding: 0.1em 0.5em;
  border-radius: 5px;
  font-size: 0.9em;
  line-height: 1;
  text-align: center;
}
.windows :is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) > dl > dd:is(.standard, .basic, .challenge, .test) { padding-top: 0.2em !important;}

:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline {
  --label-bg: var(--cs-key_smoke-02);
  --limit-bg: var(--cs-basic-01);
  --limit-fc: var(--cs-font-01);
  display: flex;
  border: 4px solid var(--label-bg);
  border-radius: 0.5em;
  background-color: var(--limit-bg);
  white-space: nowrap;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline.today {
  --label-bg: var(--cs-ac_02-01);
  --limit-bg: var(--cs-ac_03-03);
  --limit-fc: var(--cs-ac_02-01);
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline :is(.label, .limit) {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline .label { background-color: var(--label-bg);}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline .label .contents {
  color: var(--cs-font-lite);
  font-size: 0.8em;
}
:is(.gadget-title-drill, .gadget-title-theme, .gadget-title-test, .gadget-title-commentary) .deadline .limit .contents { color: var(--limit-fc);}
:is(.gadget-title-drill, .gadget-title-test, .gadget-title-commentary) > dl > dd:nth-of-type(3) { width: 100%;}
.gadget-title-drill > span { color: var(--cs-key-01);}
.gadget-title-drill > span + dl > dd:nth-of-type(1) { margin-left: 7em;}
.teigakunen .gadget-title-drill > span + dl > dd:nth-of-type(1) { margin-left: 10.5em;}
.gadget-title-test > span { color: var(--cs-ac_02-01);}
.gadget-title-test > span + dl > dd:nth-of-type(1) { margin-left: 7em;}
.teigakunen .gadget-title-test > span + dl > dd:nth-of-type(1) { margin-left: 9em;}
.gadget-title-theme > span { color: var(--cs-key-01);}
.gadget-title-theme > span + dl > dd:nth-of-type(1) { margin-left: 7em;}
.gadget-title-theme > span + dl > dd:nth-of-type(3) { width: 100%;}
.gadget-title-theme > span + dl > dd:nth-of-type(3) > dl {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.gadget-title-theme > span + dl > dd:nth-of-type(3) > dl > dt { display: none;}
.gadget-title-theme > span + dl > dd:nth-of-type(3) > dl > dd:nth-of-type(1) { margin-right: 0.5em;}
.gadget-title-theme > span + dl > dd:nth-of-type(3) > dl > dd:nth-of-type(1) > span:first-of-type {
  margin-right: 0.2em;
  font-weight: bolder;
}
.gadget-title-commentary > span { color: var(--cs-key-01);}
.gadget-title-commentary > dl > dd:nth-of-type(1) { margin-left: 5.25em;}
.teigakunen .gadget-title-commentary > dl > dd:nth-of-type(1) { margin-left: 11.5em;}

.gadget-drillselector #switch10:checked ~ .arrow.prev, .gadget-drillselector #switch9:checked ~ .arrow.next, .gadget-drillselector #switch9:checked ~ .arrow.prev, .gadget-drillselector #switch8:checked ~ .arrow.next, .gadget-drillselector #switch8:checked ~ .arrow.prev, .gadget-drillselector #switch7:checked ~ .arrow.next, .gadget-drillselector #switch7:checked ~ .arrow.prev, .gadget-drillselector #switch6:checked ~ .arrow.next, .gadget-drillselector #switch6:checked ~ .arrow.prev, .gadget-drillselector #switch5:checked ~ .arrow.next, .gadget-drillselector #switch5:checked ~ .arrow.prev, .gadget-drillselector #switch4:checked ~ .arrow.next, .gadget-drillselector #switch4:checked ~ .arrow.prev, .gadget-drillselector #switch3:checked ~ .arrow.next, .gadget-drillselector #switch3:checked ~ .arrow.prev, .gadget-drillselector #switch2:checked ~ .arrow.next, .gadget-drillselector #switch2:checked ~ .arrow.prev, .gadget-drillselector #switch1:checked ~ .arrow.next, .gadget-drillselector #switch1:checked ~ .arrow.prev {
  background-color: var(--cs-btn_bg-nor);
  color: var(--cs-btn_font-nor);
}

.gadget-drillselector .arrow, .gadget-drillselector[data-setamo="10"]:has(#switch10:checked) .arrow.next, .gadget-drillselector[data-setamo="9"]:has(#switch9:checked) .arrow.next, .gadget-drillselector[data-setamo="8"]:has(#switch8:checked) .arrow.next, .gadget-drillselector[data-setamo="7"]:has(#switch7:checked) .arrow.next, .gadget-drillselector[data-setamo="6"]:has(#switch6:checked) .arrow.next, .gadget-drillselector[data-setamo="5"]:has(#switch5:checked) .arrow.next, .gadget-drillselector[data-setamo="4"]:has(#switch4:checked) .arrow.next, .gadget-drillselector[data-setamo="3"]:has(#switch3:checked) .arrow.next, .gadget-drillselector[data-setamo="2"]:has(#switch2:checked) .arrow.next, .gadget-drillselector[data-setamo="1"]:has(#switch1:checked) .arrow.next, .gadget-drillselector[data-setamo="1"] ~ .arrow.next, .gadget-drillselector:has(#switch1:is(:checked)) .arrow.prev {
  border: 1px solid;
  border-radius: 5px;
  background-color: var(--cs-btn_bg-msk);
  color: var(--cs-btn_font-msk);
}

.gadget-drillselector {
  position: relative;
  overflow: hidden;
}
.gadget-drillselector input[name=drillselector] { display: none;}
.gadget-drillselector .buttonset { width: calc(var(--set_n) * 100%);}
.gadget-drillselector :is([id*=switch]):checked ~ .buttonset { transform: translateX(calc(-100% / var(--set_n) * var(--sw_n) - -100% / var(--set_n)));}
.gadget-drillselector:has(#switch1:is(:checked)) .arrow.prev label[for=switch1] { pointer-events: none;}
.gadget-drillselector[data-setamo="1"] ~ .arrow.next label[for=switch1] { pointer-events: none;}
.gadget-drillselector:has(#switch1:is(:checked)) { --sw_n: 1;}
.gadget-drillselector[data-setamo="1"] { --set_n: 1;}
.gadget-drillselector:has(#switch2:is(:checked)) { --sw_n: 2;}
.gadget-drillselector[data-setamo="2"] { --set_n: 2;}
.gadget-drillselector:has(#switch3:is(:checked)) { --sw_n: 3;}
.gadget-drillselector[data-setamo="3"] { --set_n: 3;}
.gadget-drillselector:has(#switch4:is(:checked)) { --sw_n: 4;}
.gadget-drillselector[data-setamo="4"] { --set_n: 4;}
.gadget-drillselector:has(#switch5:is(:checked)) { --sw_n: 5;}
.gadget-drillselector[data-setamo="5"] { --set_n: 5;}
.gadget-drillselector:has(#switch6:is(:checked)) { --sw_n: 6;}
.gadget-drillselector[data-setamo="6"] { --set_n: 6;}
.gadget-drillselector:has(#switch7:is(:checked)) { --sw_n: 7;}
.gadget-drillselector[data-setamo="7"] { --set_n: 7;}
.gadget-drillselector:has(#switch8:is(:checked)) { --sw_n: 8;}
.gadget-drillselector[data-setamo="8"] { --set_n: 8;}
.gadget-drillselector:has(#switch9:is(:checked)) { --sw_n: 9;}
.gadget-drillselector[data-setamo="9"] { --set_n: 9;}
.gadget-drillselector:has(#switch10:is(:checked)) { --sw_n: 10;}
.gadget-drillselector[data-setamo="10"] { --set_n: 10;}
.gadget-drillselector #switch1:checked ~ .arrow.prev label[for=switch0] { pointer-events: auto;}
.gadget-drillselector #switch1:checked ~ .arrow.next label[for=switch2] { pointer-events: auto;}
.gadget-drillselector #switch2:checked ~ .arrow.prev label[for=switch1] { pointer-events: auto;}
.gadget-drillselector #switch2:checked ~ .arrow.next label[for=switch3] { pointer-events: auto;}
.gadget-drillselector #switch3:checked ~ .arrow.prev label[for=switch2] { pointer-events: auto;}
.gadget-drillselector #switch3:checked ~ .arrow.next label[for=switch4] { pointer-events: auto;}
.gadget-drillselector #switch4:checked ~ .arrow.prev label[for=switch3] { pointer-events: auto;}
.gadget-drillselector #switch4:checked ~ .arrow.next label[for=switch5] { pointer-events: auto;}
.gadget-drillselector #switch5:checked ~ .arrow.prev label[for=switch4] { pointer-events: auto;}
.gadget-drillselector #switch5:checked ~ .arrow.next label[for=switch6] { pointer-events: auto;}
.gadget-drillselector #switch6:checked ~ .arrow.prev label[for=switch5] { pointer-events: auto;}
.gadget-drillselector #switch6:checked ~ .arrow.next label[for=switch7] { pointer-events: auto;}
.gadget-drillselector #switch7:checked ~ .arrow.prev label[for=switch6] { pointer-events: auto;}
.gadget-drillselector #switch7:checked ~ .arrow.next label[for=switch8] { pointer-events: auto;}
.gadget-drillselector #switch8:checked ~ .arrow.prev label[for=switch7] { pointer-events: auto;}
.gadget-drillselector #switch8:checked ~ .arrow.next label[for=switch9] { pointer-events: auto;}
.gadget-drillselector #switch9:checked ~ .arrow.prev label[for=switch8] { pointer-events: auto;}
.gadget-drillselector #switch9:checked ~ .arrow.next label[for=switch10] { pointer-events: auto;}
.gadget-drillselector #switch10:checked ~ .arrow.prev label[for=switch9] { pointer-events: auto;}
.gadget-drillselector .buttonset {
  display: flex;
  position: relative;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gadget-drillselector .buttonset .button-container {
  width: 100%;
  margin: 0 60px;
}
.gadget-drillselector .buttonset .button-container .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(20% - 15px);
  min-width: auto;
  height: 1.4em;
  height: 2em;
  margin: 5px;
  padding: 0;
  font-size: 0.8em;
}
.gadget-drillselector .arrow {
  display: flex;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
  transition: 0.4s;
}
.gadget-drillselector .arrow.prev { left: 0;}
.gadget-drillselector .arrow.next { right: 0;}
.gadget-drillselector .arrow label {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
}
.gadget-extractor {
  min-height: auto;
  margin-bottom: 30px;
  padding: 0;
  background-image: linear-gradient(to bottom, var(--cs-basic-01), var(--cs-basic-02));
}
.gadget-extractor dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5em 0.75em;
  border-radius: 0.5em;
}
.gadget-extractor dl .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.gadget-extractor dl .container .button:is(:last-child) { margin-left: auto;}
.gadget-extractor dl dt { margin-right: 0.2em;}
.gadget-extractor dl dt > .contents {
  color: var(--cs-font-03);
  font-size: 0.9em;
  line-height: normal;
  white-space: nowrap;
}
.gadget-extractor dl dd {
  margin-right: 1em;
  color: var(--cs-ac_01-01);
}
.gadget-extractor dl dd > .contents {
  color: var(--cs-ac_01-01);
  line-height: normal;
  white-space: nowrap;
}
.gadget-extractor dl:not(:only-of-type) { border-radius: 0;}
.gadget-extractor dl:not(:only-of-type):first-of-type {
  position: relative;
  padding-bottom: 0;
}
.gadget-extractor dl:not(:only-of-type):first-of-type:has(dt :is(.button)), .gadget-extractor dl:not(:only-of-type):first-of-type:has(dd :is(.button)) { margin-bottom: 0.25em;}
.gadget-extractor dl:not(:only-of-type):not(:first-of-type, :last-of-type) {
  padding-top: 0;
  padding-bottom: 0;
}
.gadget-extractor dl:not(:only-of-type):not(:first-of-type, :last-of-type):has(dt :is(.button)), .gadget-extractor dl:not(:only-of-type):not(:first-of-type, :last-of-type):has(dd :is(.button)) { margin: 0.25em 0;}
.gadget-extractor dl:not(:only-of-type):last-of-type { padding-top: 0;}
.gadget-extractor dl:not(:only-of-type):last-of-type:has(dt :is(.button)), .gadget-extractor dl:not(:only-of-type):last-of-type:has(dd :is(.button)) { margin-top: 0.25em;}
.gadget-extractor dl:has(> .title) {
  margin-bottom: 0.3em;
  border-bottom: 1px solid var(--cs-basic-04);
}
.gadget-extractor dl > .title { line-height: normal;}
.gadget-extractor .button {
  min-width: auto;
  padding: 0.2em 0.6em;
}
.gadget-extractor .button:not(:last-child) { margin-left: auto;}
.gadget-extractor .button .contents { font-size: 0.9em;}
.gadget-extractor .bignum.attention { padding: 0 0.5em;}

.gadget-attentionblock {
  padding: 20px;
  border: 5px solid;
  border-radius: 20px;
  border-color: var(--cs-ac_02-01) !important;
  background-color: var(--cs-ac_02-03) !important;
  text-align: left;
}
.gadget-attentionblock :is(h3, h4) {
  background-color: var(--cs-ac_02-01);
  color: var(--cs-font-lite);
}
.gadget-attentionblock .caption-container { color: var(--cs-font-01);}
.gadget-attentionblock .strong + .caption-container { margin-top: 0.2em;}
.gadget-attentionblock * {
  margin: 0;
  line-height: normal;
}

.gadget-bigform.column-wrapper .column-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.gadget-bigform.column-wrapper .column-container:first-child { flex-grow: 0;}
.gadget-bigform.column-wrapper .column-container:last-child { justify-content: flex-start;}
.gadget-bigform.column-wrapper .column-container:last-child .button { margin-right: 0.5em;}
.gadget-bigform.column-wrapper .column-container:last-child .button:not(:first-child) { margin-left: 4em;}
.gadget-bigform.column-wrapper .column-container:last-child .form-wrapper { width: 100%;}
.gadget-bigform.column-wrapper .column-container:last-child .form-wrapper input:is([type=text],
[type=number],
[type=password]) {
  width: 100%;
  height: 100% !important;
  margin: 0 !important;
  font-size: 2em !important;
}
.gadget-bigform.column-wrapper .column-container:last-child .form-wrapper input[type=number] { text-align: left;}
.gadget-bigform.column-wrapper .column-container p.caption-container {
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}

.gadget-monitor {
  --bd_col: rgba(0, 255, 255, 0.2);
  background-image: linear-gradient(to bottom, rgb(0, 163, 214) 20%, rgba(14, 90, 204, 0));
  background-color: #0e5acc;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) inset;
}
.gadget-monitor .viewer { color: white;}
.gadget-monitor .viewer > dl {
  display: flex;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--bd_col);
}
.gadget-monitor .viewer > dl dt {
  display: flex;
  flex-grow: 0;
  align-items: center;
  justify-content: flex-end;
  min-width: 6em;
  padding: 0.2em 0.5em;
  border-right: 5px solid var(--bd_col);
  color: rgba(170, 255, 255, 0.8);
}
.gadget-monitor .viewer > dl dd {
  flex-grow: 1;
  padding: 0.2em 0.5em;
}
.gadget-monitor .viewer > dl dd ul { display: flex;}
.gadget-monitor .viewer > dl dd ul li {
  display: flex;
  align-items: center;
  margin-right: 0.75em;
}
.gadget-monitor .viewer > dl dd ul li:not(:last-child) { white-space: nowrap;}
.gadget-monitor .viewer > dl dd ul li sup {
  margin-top: -0.75em;
  padding: 0 0.1em;
}
.gadget-monitor .viewer > dl dd ul.fxcol li { line-height: 1.3;}
.gadget-monitor .viewer > dl dd .term { display: flex;}
.gadget-monitor .viewer > dl dd .term::before { content: "（";}
.gadget-monitor .viewer > dl dd .term::after { content: "）";}
.gadget-monitor .viewer > dl dd .term li { margin-right: 0.25em;}
.gadget-monitor .viewer > dl dd .term li.start_time::after {
  margin-left: 0.25em;
  content: "〜";
}
.gadget-monitor .viewer > dl dd .term li.end_time { margin-right: 0;}
.gadget-monitor .viewer .time {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.gadget-monitor .viewer .time .term {
  display: flex;
  flex-direction: column;
  margin-right: 1em;
  text-align: right;
}
.gadget-monitor .viewer .time .term :is(.task, .review) {
  display: flex;
  width: -webkit-fit-content;
  overflow: hidden;
  border: 1px solid;
  border-radius: 50vh;
  line-height: 1.3;
  opacity: 0.9;
}
.gadget-monitor .viewer .time .term :is(.task, .review) :is(dt, dd) {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.gadget-monitor .viewer .time .term :is(.task, .review) dt {
  background-color: white;
  color: #0a6fda;
  font-size: 0.9em;
}
.gadget-monitor .viewer .time .term :is(.task, .review) dd ul { display: flex;}
.gadget-monitor .viewer .time .term :is(.task, .review) dd ul li:not(:last-child) { margin-right: 0.5em;}
.gadget-monitor .viewer .time .term :is(.task, .review) dd ul li.start::after {
  margin-left: 0.5em;
  content: "〜";
}
.gadget-monitor .viewer .time .term .review { margin-top: 0.5em;}
.gadget-monitor .viewer .time dl.reaming {
  display: flex;
  align-items: baseline;
}
.gadget-monitor .viewer .time dl.reaming dd ul {
  display: flex;
  font-size: 3em;
}
.gadget-monitor .viewer .time dl.reaming dd ul li:not(:last-child) { margin-right: 0.15em;}
.gadget-monitor .viewer .time dl.reaming dd ul li span[class*=afterstr-]::after { font-size: 0.4em;}
.gadget-monitor .viewer .time > .button {
  align-self: flex-end;
  min-width: auto;
  margin: 0 0.5em;
}
.gadget-monitor .operation {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  padding: 0.3em;
  border: 1px solid rgba(0, 255, 255, 0.3);
  border-radius: 0.5em;
  background-color: rgba(0, 255, 255, 0.1);
}
.gadget-monitor .operation .button { margin-left: 0.5em;}

.gadget-dataentry > .content-block {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-01);
}
.gadget-dataentry > .content-block:last-child { margin-bottom: 20px;}
.gadget-dataentry > .content-block > .column-wrapper:last-child { margin-bottom: 0;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child { margin-bottom: 0;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:first-child {
  flex-grow: 0;
  width: 10em;
  min-width: 8em;
  margin-right: 1em;
  padding: 0.5em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-02);
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child {
  flex-shrink: 1;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .button:not(:first-child) { margin-left: 1em;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .button + p { margin-left: 0.5em;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper { width: 100%;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper :is(input[type=text],
input[type=number],
input[type=password],
textarea) {
  width: 100%;
  height: 100% !important;
  margin: 0 !important;
  font-size: 2em !important;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper input[type=number] { text-align: left;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper input[type=text].filename {
  width: 75% !important;
  height: 2em !important;
  background-color: var(--cs-basic-05);
  font-size: 1em !important;
  text-indent: 0.5em;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container p.caption-container {
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block {
  width: 100%;
  margin-bottom: 5px;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block:last-child { margin-bottom: 0;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block .column-wrapper { margin-bottom: 0;}
.gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block.term .form-wrapper {
  width: auto;
  font-size: 0.5em;
}
.gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block.term .form-wrapper input.datebtn {
  width: 7.5em;
  padding: calc(0.6em + 1px) 0.6em calc(0.6em + 4px) 0.6em;
}
.safari .gadget-dataentry > .content-block > .column-wrapper > .column-container > .content-block.term .form-wrapper input.datebtn { padding: 0.6em 0.6em calc(0.6em + 2px) 0.6em;}
.gadget-tab > input[type=radio] { display: none;}
.gadget-tab .tab-button-wrapper {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.gadget-tab .tab-button-wrapper::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: -0.5px;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid;
  border-bottom-color: var(--cs-basic-08);
  content: "";
}
.gadget-tab .tab-button-wrapper .tab-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0.5em;
  padding: 0.2em 0;
  border: 1px solid var(--cs-btn_border-nor);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-color: var(--cs-basic-08);
  background-image: linear-gradient(to bottom, var(--cs-btn_bg-nor) 70%, var(--cs-basic-05) 100%);
  background-repeat: no-repeat;
  color: var(--cs-btn_font-nor);
  cursor: pointer;
  transition: 0.4s;
}
.gadget-tab .tab-button-wrapper .tab-button:first-child { margin-left: 0;}
.gadget-tab .tab-button-wrapper .tab-button:last-child { margin-right: 0;}
.gadget-tab .tab-button-wrapper .tab-button .select-label {
  display: block;
  width: 100%;
  padding: 0.6em 0.1em;
  text-align: center;
  cursor: pointer;
}
.gadget-tab .tab-contents {
  display: none;
  width: 100%;
  padding: 20px;
  border: 1px solid var(--cs-basic-08);
  border-top: 0 !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: var(--cs-basic-01);
}
.gadget-tab .tab-contents-wrapper { margin-bottom: 1em;}
.gadget-tab .switch-tc1:checked ~ .tab-button-wrapper .tab-button.tb1 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc1:checked ~ .tab-button-wrapper .tab-button.tb1 .select-label { cursor: auto;}
.gadget-tab .switch-tc1:checked ~ .tab-contents-wrapper .tab-contents.tc1 { display: block;}
.gadget-tab .switch-tc2:checked ~ .tab-button-wrapper .tab-button.tb2 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc2:checked ~ .tab-button-wrapper .tab-button.tb2 .select-label { cursor: auto;}
.gadget-tab .switch-tc2:checked ~ .tab-contents-wrapper .tab-contents.tc2 { display: block;}
.gadget-tab .switch-tc3:checked ~ .tab-button-wrapper .tab-button.tb3 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc3:checked ~ .tab-button-wrapper .tab-button.tb3 .select-label { cursor: auto;}
.gadget-tab .switch-tc3:checked ~ .tab-contents-wrapper .tab-contents.tc3 { display: block;}
.gadget-tab .switch-tc4:checked ~ .tab-button-wrapper .tab-button.tb4 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc4:checked ~ .tab-button-wrapper .tab-button.tb4 .select-label { cursor: auto;}
.gadget-tab .switch-tc4:checked ~ .tab-contents-wrapper .tab-contents.tc4 { display: block;}
.gadget-tab .switch-tc5:checked ~ .tab-button-wrapper .tab-button.tb5 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc5:checked ~ .tab-button-wrapper .tab-button.tb5 .select-label { cursor: auto;}
.gadget-tab .switch-tc5:checked ~ .tab-contents-wrapper .tab-contents.tc5 { display: block;}
.gadget-tab .switch-tc6:checked ~ .tab-button-wrapper .tab-button.tb6 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc6:checked ~ .tab-button-wrapper .tab-button.tb6 .select-label { cursor: auto;}
.gadget-tab .switch-tc6:checked ~ .tab-contents-wrapper .tab-contents.tc6 { display: block;}
.gadget-tab .switch-tc7:checked ~ .tab-button-wrapper .tab-button.tb7 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc7:checked ~ .tab-button-wrapper .tab-button.tb7 .select-label { cursor: auto;}
.gadget-tab .switch-tc7:checked ~ .tab-contents-wrapper .tab-contents.tc7 { display: block;}
.gadget-tab .switch-tc8:checked ~ .tab-button-wrapper .tab-button.tb8 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc8:checked ~ .tab-button-wrapper .tab-button.tb8 .select-label { cursor: auto;}
.gadget-tab .switch-tc8:checked ~ .tab-contents-wrapper .tab-contents.tc8 { display: block;}
.gadget-tab .switch-tc9:checked ~ .tab-button-wrapper .tab-button.tb9 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc9:checked ~ .tab-button-wrapper .tab-button.tb9 .select-label { cursor: auto;}
.gadget-tab .switch-tc9:checked ~ .tab-contents-wrapper .tab-contents.tc9 { display: block;}
.gadget-tab .switch-tc10:checked ~ .tab-button-wrapper .tab-button.tb10 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc10:checked ~ .tab-button-wrapper .tab-button.tb10 .select-label { cursor: auto;}
.gadget-tab .switch-tc10:checked ~ .tab-contents-wrapper .tab-contents.tc10 { display: block;}
.gadget-tab .switch-tc11:checked ~ .tab-button-wrapper .tab-button.tb11 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc11:checked ~ .tab-button-wrapper .tab-button.tb11 .select-label { cursor: auto;}
.gadget-tab .switch-tc11:checked ~ .tab-contents-wrapper .tab-contents.tc11 { display: block;}
.gadget-tab .switch-tc12:checked ~ .tab-button-wrapper .tab-button.tb12 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc12:checked ~ .tab-button-wrapper .tab-button.tb12 .select-label { cursor: auto;}
.gadget-tab .switch-tc12:checked ~ .tab-contents-wrapper .tab-contents.tc12 { display: block;}
.gadget-tab .switch-tc13:checked ~ .tab-button-wrapper .tab-button.tb13 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc13:checked ~ .tab-button-wrapper .tab-button.tb13 .select-label { cursor: auto;}
.gadget-tab .switch-tc13:checked ~ .tab-contents-wrapper .tab-contents.tc13 { display: block;}
.gadget-tab .switch-tc14:checked ~ .tab-button-wrapper .tab-button.tb14 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc14:checked ~ .tab-button-wrapper .tab-button.tb14 .select-label { cursor: auto;}
.gadget-tab .switch-tc14:checked ~ .tab-contents-wrapper .tab-contents.tc14 { display: block;}
.gadget-tab .switch-tc15:checked ~ .tab-button-wrapper .tab-button.tb15 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc15:checked ~ .tab-button-wrapper .tab-button.tb15 .select-label { cursor: auto;}
.gadget-tab .switch-tc15:checked ~ .tab-contents-wrapper .tab-contents.tc15 { display: block;}
.gadget-tab .switch-tc16:checked ~ .tab-button-wrapper .tab-button.tb16 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc16:checked ~ .tab-button-wrapper .tab-button.tb16 .select-label { cursor: auto;}
.gadget-tab .switch-tc16:checked ~ .tab-contents-wrapper .tab-contents.tc16 { display: block;}
.gadget-tab .switch-tc17:checked ~ .tab-button-wrapper .tab-button.tb17 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc17:checked ~ .tab-button-wrapper .tab-button.tb17 .select-label { cursor: auto;}
.gadget-tab .switch-tc17:checked ~ .tab-contents-wrapper .tab-contents.tc17 { display: block;}
.gadget-tab .switch-tc18:checked ~ .tab-button-wrapper .tab-button.tb18 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc18:checked ~ .tab-button-wrapper .tab-button.tb18 .select-label { cursor: auto;}
.gadget-tab .switch-tc18:checked ~ .tab-contents-wrapper .tab-contents.tc18 { display: block;}
.gadget-tab .switch-tc19:checked ~ .tab-button-wrapper .tab-button.tb19 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc19:checked ~ .tab-button-wrapper .tab-button.tb19 .select-label { cursor: auto;}
.gadget-tab .switch-tc19:checked ~ .tab-contents-wrapper .tab-contents.tc19 { display: block;}
.gadget-tab .switch-tc20:checked ~ .tab-button-wrapper .tab-button.tb20 {
  border-bottom: 0;
  border-color: var(--cs-basic-08);
  background: none;
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-tab .switch-tc20:checked ~ .tab-button-wrapper .tab-button.tb20 .select-label { cursor: auto;}
.gadget-tab .switch-tc20:checked ~ .tab-contents-wrapper .tab-contents.tc20 { display: block;}
.gadget-librarylist .column-wrapper.button { align-items: flex-start;}
.gadget-librarylist .column-wrapper.button .column-container {
  flex-wrap: wrap;
  margin-left: 1em;
}
.gadget-librarylist .column-wrapper.button .column-container ul.title {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  padding: 0.3em 1em;
  border-radius: 2em;
  background-color: var(--cs-ac_01-01);
  color: var(--cs-font-lite);
}
.gadget-librarylist .column-wrapper.button .column-container ul.title li { display: inline-block;}
.gadget-librarylist .column-wrapper.button .column-container ul.title li:nth-of-type(1) { font-weight: bolder;}
.gadget-librarylist .column-wrapper.button .column-container ul.title li:nth-of-type(2) {
  font-size: 1.1em;
  text-indent: 1em;
}
.gadget-librarylist .column-wrapper.button .column-container .description {
  padding: 0 1em;
  color: var(--cs-font-01);
  line-height: 1.6;
  text-align: left;
}
.gadget-librarylist > div.column-wrapper.button.nor {
  border-color: var(--cs-key-02);
  background-color: var(--cs-key-03);
  box-shadow: none;
  color: var(--cs-key-01);
  pointer-events: none;
}
.gadget-librarylist > div.column-wrapper.button.nor > .column-container > .description > a { pointer-events: auto !important;}

.gadget-idcard_student {
  display: block;
  position: relative;
  padding: 1em 1em 1em 106px;
  border: 1px solid var(--cs-basic-05);
  border-radius: 0.5em;
  background-color: var(--cs-basic-01);
}
.gadget-idcard_student dl { display: flex;}
.gadget-idcard_student dl:has(.name) { flex-wrap: wrap;}
.gadget-idcard_student dl.current dd { color: var(--cs-ac_01-01);}
.gadget-idcard_student dl:first-of-type:has(.grade) dd { min-width: auto;}
.gadget-idcard_student dl dt {
  display: flex;
  align-items: center;
  min-width: 6em;
}
.gadget-idcard_student dl dt span {
  width: 100%;
  padding: 0.25em 0.5em;
  border: 1px solid;
  border-radius: 0.3em;
  color: var(--cs-basic-07);
  font-size: 0.8em;
  text-align: center;
}
.gadget-idcard_student dl dt.nickname { margin-bottom: 0.25em;}
.gadget-idcard_student dl dd {
  min-width: 8em;
  padding: 0 0.75em 0 0.5em;
  line-height: normal;
}
.gadget-idcard_student dl dd:is(.idnum, .grade) { min-width: 6em;}
.gadget-idcard_student dl dd span { line-height: 2;}
.gadget-idcard_student dl dd:is(.nickname, .name) { width: calc(100% - 6em);}
.gadget-idcard_student dl dd.name span {
  font-weight: bolder;
  font-size: 1.25em;
  line-height: 1.2;
}
.gadget-idcard_student .idphoto {
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  width: 66px;
  height: 88px;
  transform: translateY(-50%);
  background-color: var(--cs-basic-05);
}
.gadget-idcard_student .idphoto::before {
  display: block;
  width: 66px;
  content: "\e960";
  color: var(--cs-basic-01);
  font-size: 66px;
  line-height: 88px;
  font-family: "elaicon";
  text-align: center;
}

.button-smooth {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  margin: 2em 1em;
  padding: 0.5em;
  border: 1px solid var(--cs-key-03);
  border-radius: 0.5em;
  background-position: 0% 0%;
  background-size: 100% 800%;
  cursor: pointer;
  transition: background-position 0.8s, box-shadow 0.4s;
  --sbn_color: #0a6fda;
  --sbn_bgimg:linear-gradient(to bottom, var(--cs-basic-02), var(--cs-basic-02) 20%, transparent 80%);
  --sbn_boxsw:
    0 0em 0em 0em var(--cs-basic-01), //上のハイライト
    0 0em 0em 0em var(--cs-basic-06), //下のシャドウ
    0 0.125em 0.25em 0 var(--cs-basic-04) inset;
}
.button-smooth .contents { -webkit-user-select: none; user-select: none;}
.button-smooth.full { display: flex;}
.button-smooth.nor {
  background-image: var(--sbn_bgimg);
  background-position: 0% 0%;
  background-color: var(--cs-key-03);
  box-shadow: var(--sbn_boxsw);
  color: var(--sbn_color);
}
.button-smooth.nor:active {
  background-position: 0% 100% !important;
  background-color: var(--cs-basic-05) !important;
  color: #ff950a !important;
  transition: none !important;
}
.button-smooth.msk {
  border-color: var(--cs-basic-04);
  background-color: var(--cs-basic-03);
  color: var(--cs-font-03);
  pointer-events: none;
}
.gadget-gridlist.c1grow > .header > .cell:nth-child(1),
.gadget-gridlist.c1grow > .body > .list > .cell:nth-child(1) { flex-grow: 1;}
.gadget-gridlist.c2grow > .header > .cell:nth-child(2),
.gadget-gridlist.c2grow > .body > .list > .cell:nth-child(2) { flex-grow: 1;}
.gadget-gridlist.c3grow > .header > .cell:nth-child(3),
.gadget-gridlist.c3grow > .body > .list > .cell:nth-child(3) { flex-grow: 1;}
.gadget-gridlist.c4grow > .header > .cell:nth-child(4),
.gadget-gridlist.c4grow > .body > .list > .cell:nth-child(4) { flex-grow: 1;}
.gadget-gridlist.c5grow > .header > .cell:nth-child(5),
.gadget-gridlist.c5grow > .body > .list > .cell:nth-child(5) { flex-grow: 1;}
.gadget-gridlist.c6grow > .header > .cell:nth-child(6),
.gadget-gridlist.c6grow > .body > .list > .cell:nth-child(6) { flex-grow: 1;}
.gadget-gridlist.c7grow > .header > .cell:nth-child(7),
.gadget-gridlist.c7grow > .body > .list > .cell:nth-child(7) { flex-grow: 1;}
.gadget-gridlist.c8grow > .header > .cell:nth-child(8),
.gadget-gridlist.c8grow > .body > .list > .cell:nth-child(8) { flex-grow: 1;}
.gadget-gridlist.c9grow > .header > .cell:nth-child(9),
.gadget-gridlist.c9grow > .body > .list > .cell:nth-child(9) { flex-grow: 1;}
.gadget-gridlist.c10grow > .header > .cell:nth-child(10),
.gadget-gridlist.c10grow > .body > .list > .cell:nth-child(10) { flex-grow: 1;}
.gadget-gridlist > .header,
.gadget-gridlist > .body > .list { display: flex;}
.gadget-gridlist > .header > .cell,
.gadget-gridlist > .body > .list > .cell { display: flex;}
.gadget-gridlist > .header > .cell.colspan,
.gadget-gridlist > .body > .list > .cell.colspan {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.gadget-gridlist > .header > .cell.colspan > .cell.upper,
.gadget-gridlist > .body > .list > .cell.colspan > .cell.upper {
  width: 100%;
  margin-bottom: 4px;
}
.gadget-gridlist > .header > .cell.rowspan,
.gadget-gridlist > .body > .list > .cell.rowspan {
  flex-direction: column;
  flex-wrap: wrap;
}
.gadget-gridlist > .header > .cell.rowspan .cell:first-child,
.gadget-gridlist > .body > .list > .cell.rowspan .cell:first-child { margin-bottom: 4px;}
.gadget-gridlist > .header {
  align-items: flex-end;
  margin-bottom: 0.3em;
  padding: 0 10px;
  opacity: 0.8;
}
.gadget-gridlist > .header .cell .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1.5em;
  border-radius: 1em;
  background-color: var(--cs-basic-05);
  line-height: 1;
}
.gadget-gridlist > .header .cell .contents span { font-size: 14px;}
.gadget-gridlist > .body > .list .cell { align-items: center;}
.grid_list {
  --head_fs: 0.7em;
  --body_fs: 1.0em;
  --row_margin: 0.5em;
}
.grid_list.c-amo1 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo2 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo2 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo3 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo3 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo3 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo4 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo4 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo4 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo4 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo5 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo5 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo5 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo5 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo5 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo6 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo6 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo6 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo6 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo6 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo6 .cell.c6 { grid-area: var(--c6_area);}
.grid_list.c-amo7 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo7 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo7 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo7 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo7 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo7 .cell.c6 { grid-area: var(--c6_area);}
.grid_list.c-amo7 .cell.c7 { grid-area: var(--c7_area);}
.grid_list.c-amo8 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo8 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo8 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo8 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo8 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo8 .cell.c6 { grid-area: var(--c6_area);}
.grid_list.c-amo8 .cell.c7 { grid-area: var(--c7_area);}
.grid_list.c-amo8 .cell.c8 { grid-area: var(--c8_area);}
.grid_list.c-amo9 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo9 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo9 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo9 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo9 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo9 .cell.c6 { grid-area: var(--c6_area);}
.grid_list.c-amo9 .cell.c7 { grid-area: var(--c7_area);}
.grid_list.c-amo9 .cell.c8 { grid-area: var(--c8_area);}
.grid_list.c-amo9 .cell.c9 { grid-area: var(--c9_area);}
.grid_list.c-amo10 .cell.c1 { grid-area: var(--c1_area);}
.grid_list.c-amo10 .cell.c2 { grid-area: var(--c2_area);}
.grid_list.c-amo10 .cell.c3 { grid-area: var(--c3_area);}
.grid_list.c-amo10 .cell.c4 { grid-area: var(--c4_area);}
.grid_list.c-amo10 .cell.c5 { grid-area: var(--c5_area);}
.grid_list.c-amo10 .cell.c6 { grid-area: var(--c6_area);}
.grid_list.c-amo10 .cell.c7 { grid-area: var(--c7_area);}
.grid_list.c-amo10 .cell.c8 { grid-area: var(--c8_area);}
.grid_list.c-amo10 .cell.c9 { grid-area: var(--c9_area);}
.grid_list.c-amo10 .cell.c10 { grid-area: var(--c10_area);}
.grid_list.col1 :is(.header, .body) { grid-template-columns: var(--tr1);}
.grid_list.col2 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2);}
.grid_list.col3 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3);}
.grid_list.col4 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4);}
.grid_list.col5 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5);}
.grid_list.col6 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5) var(--tr6);}
.grid_list.col7 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5) var(--tr6) var(--tr7);}
.grid_list.col8 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5) var(--tr6) var(--tr7) var(--tr8);}
.grid_list.col9 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5) var(--tr6) var(--tr7) var(--tr8) var(--tr9);}
.grid_list.col10 :is(.header, .body) { grid-template-columns: var(--tr1) var(--tr2) var(--tr3) var(--tr4) var(--tr5) var(--tr6) var(--tr7) var(--tr8) var(--tr9) var(--tr10);}
.grid_list.row1 :is(.header, .body) { grid-template-rows: var(--r1-h);}
.grid_list.row2 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h);}
.grid_list.row3 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h);}
.grid_list.row4 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h);}
.grid_list.row5 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h);}
.grid_list.row6 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h) var(--r6-h);}
.grid_list.row7 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h) var(--r6-h) var(--r7-h);}
.grid_list.row8 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h) var(--r6-h) var(--r7-h) var(--r8-h);}
.grid_list.row9 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h) var(--r6-h) var(--r7-h) var(--r8-h) var(--r9-h);}
.grid_list.row10 :is(.header, .body) { grid-template-rows: var(--r1-h) var(--r2-h) var(--r3-h) var(--r4-h) var(--r5-h) var(--r6-h) var(--r7-h) var(--r8-h) var(--r9-h) var(--r10-h);}
.grid_list :is(.row.header, .row.body) {
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.grid_list .cell {
  display: flex;
  align-items: center;
}
.grid_list .header { margin: 0.5em 0;}
.grid_list .header .cell {
  align-items: center;
  justify-content: center;
  margin: 0.1em 0.25em;
  border-radius: 50Vh;
  background-color: var(--cs-basic-04);
}
.grid_list .header .cell .contents span {
  margin: auto;
  font-size: var(--head_fs);
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
}
.grid_list .header .cell:has(.contents:empty) { background-color: transparent !important;}
.grid_list .header:has(+ .link) { padding-right: 1.5em;}
.grid_list.table .body {
  position: relative;
  padding-bottom: 0.5em;
}
.grid_list.table .body::before {
  z-index: 1;
  position: absolute;
  bottom: 0.5em;
  left: 0;
  width: 1px;
  height: calc(75% - 0.5em);
  border-left: 0.25em solid var(--cs-basic-06);
  content: "";
}
.grid_list.table .body .cell {
  position: relative;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0.5em;
  border-bottom: 1px solid var(--cs-basic-05);
}
.grid_list.table .body .cell::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.5em;
  border-right: 1px solid var(--cs-basic-05);
  content: "";
}
.grid_list.table .body .cell .contents span {
  margin-top: var(--row_margin);
  font-size: var(--body_fs);
  vertical-align: bottom;
}
.grid_list.table .body.link { padding-right: 1.5em;}
.grid_list.table .body.link::after {
  position: absolute;
  right: 0;
  bottom: calc(50% - 0.25em);
  content: " \e905";
  line-height: 1;
  font-family: "elaicon" !important;
}
.grid_list.table .body.link .cell { transition: background-color 1s, color 1s;}
.grid_list.table .body.link.nor:active .cell {
  color: #ff950a;
  transition: none;
}
.grid_list.table .body.link.nor::after { color: var(--cs-font_link-nor);}
.grid_list.table .body.link.nor:active::after { color: var(--cs-font_link-act);}
.grid_list.table .body.link.sel::after { color: var(--cs-font_link-sel);}
.grid_list.table .body.link.msk::after { color: var(--cs-font-03);}
.grid_list.box .body.row {
  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);
}
.grid_list.box .body.row .cell { padding: 0.25em 0.5em;}
.grid_list.box .body.row .cell .define {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.grid_list.box .body.row .cell .define_label, .grid_list.box .body.row .cell .define_item { white-space: nowrap;}
.grid_list.box .body.row .cell .define_label {
  margin-right: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.grid_list.box .body.row .cell .define_item { margin-right: 1em;}
.grid_list.box .body.link {
  padding-right: 1.5em;
  transition: background-color 1s, color 1s;
}
.grid_list.box .body.link::after {
  position: absolute;
  right: 0.25em;
  bottom: calc(50% - 0.25em);
  content: " \e905";
  line-height: 1;
  font-family: "elaicon" !important;
}
.grid_list.box .body.link.nor:active {
  color: var(--cs-font_link-act);
  transition: none;
}
.grid_list.box .body.link.nor::after { color: var(--cs-font_link-nor);}
.grid_list.box .body.link.nor:active::after { color: var(--cs-font_link-act);}
.grid_list.box .body.link.sel::after { color: var(--cs-font_link-sel);}
.grid_list.box .body.link.msk::after { color: var(--cs-font_link-msk);}
.grid_list.box .body.better { background-color: var(--cs-ac_01-03);}
.grid_list.box .body.attention { background-color: var(--cs-ac_02-03);}
.grid_list.box .body.warnin { background-color: var(--cs-ac_03-03);}
.grid_list.box .body:is(.better, .attention, .warnin) .cell > .contents { color: var(--cs-font-01);}

.tile_map.contentsContainer {
  width: auto;
  min-width: 1024px;
  max-width: 70%;
  margin-top: -1em;
}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(9n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 10) { --counter: 2;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 19) { --counter: 3;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 28) { --counter: 4;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 37) { --counter: 5;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 46) { --counter: 6;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 55) { --counter: 7;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 64) { --counter: 8;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 73) { --counter: 9;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 82) { --counter: 10;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 91) { --counter: 11;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 100) { --counter: 12;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 109) { --counter: 13;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 118) { --counter: 14;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 127) { --counter: 15;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 136) { --counter: 16;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 145) { --counter: 17;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 154) { --counter: 18;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 163) { --counter: 19;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 172) { --counter: 20;}
.hex-map__wrapper.colNum_9 .hex-map__item:nth-of-type(n + 181) { --counter: 21;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(10n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 11) { --counter: 2;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 21) { --counter: 3;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 31) { --counter: 4;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 41) { --counter: 5;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 51) { --counter: 6;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 61) { --counter: 7;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 71) { --counter: 8;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 81) { --counter: 9;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 91) { --counter: 10;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 101) { --counter: 11;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 111) { --counter: 12;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 121) { --counter: 13;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 131) { --counter: 14;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 141) { --counter: 15;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 151) { --counter: 16;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 161) { --counter: 17;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 171) { --counter: 18;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 181) { --counter: 19;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 191) { --counter: 20;}
.hex-map__wrapper.colNum_10 .hex-map__item:nth-of-type(n + 201) { --counter: 21;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(11n + 11) { grid-column: 21/span 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 12) { --counter: 2;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 23) { --counter: 3;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 34) { --counter: 4;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 45) { --counter: 5;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 56) { --counter: 6;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 67) { --counter: 7;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 78) { --counter: 8;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 89) { --counter: 9;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 100) { --counter: 10;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 111) { --counter: 11;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 122) { --counter: 12;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 133) { --counter: 13;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 144) { --counter: 14;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 155) { --counter: 15;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 166) { --counter: 16;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 177) { --counter: 17;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 188) { --counter: 18;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 199) { --counter: 19;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 210) { --counter: 20;}
.hex-map__wrapper.colNum_11 .hex-map__item:nth-of-type(n + 221) { --counter: 21;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 11) { grid-column: 21/span 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(12n + 12) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 23/span 3;
}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 13) { --counter: 2;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 25) { --counter: 3;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 37) { --counter: 4;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 49) { --counter: 5;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 61) { --counter: 6;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 73) { --counter: 7;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 85) { --counter: 8;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 97) { --counter: 9;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 109) { --counter: 10;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 121) { --counter: 11;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 133) { --counter: 12;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 145) { --counter: 13;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 157) { --counter: 14;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 169) { --counter: 15;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 181) { --counter: 16;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 193) { --counter: 17;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 205) { --counter: 18;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 217) { --counter: 19;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 229) { --counter: 20;}
.hex-map__wrapper.colNum_12 .hex-map__item:nth-of-type(n + 241) { --counter: 21;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 11) { grid-column: 21/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 12) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 23/span 3;
}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(13n + 13) { grid-column: 25/span 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 14) { --counter: 2;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 27) { --counter: 3;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 40) { --counter: 4;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 53) { --counter: 5;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 66) { --counter: 6;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 79) { --counter: 7;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 92) { --counter: 8;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 105) { --counter: 9;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 118) { --counter: 10;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 131) { --counter: 11;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 144) { --counter: 12;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 157) { --counter: 13;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 170) { --counter: 14;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 183) { --counter: 15;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 196) { --counter: 16;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 209) { --counter: 17;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 222) { --counter: 18;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 235) { --counter: 19;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 248) { --counter: 20;}
.hex-map__wrapper.colNum_13 .hex-map__item:nth-of-type(n + 261) { --counter: 21;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 11) { grid-column: 21/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 12) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 23/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 13) { grid-column: 25/span 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(14n + 14) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 27/span 3;
}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 15) { --counter: 2;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 29) { --counter: 3;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 43) { --counter: 4;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 57) { --counter: 5;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 71) { --counter: 6;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 85) { --counter: 7;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 99) { --counter: 8;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 113) { --counter: 9;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 127) { --counter: 10;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 141) { --counter: 11;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 155) { --counter: 12;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 169) { --counter: 13;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 183) { --counter: 14;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 197) { --counter: 15;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 211) { --counter: 16;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 225) { --counter: 17;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 239) { --counter: 18;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 253) { --counter: 19;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 267) { --counter: 20;}
.hex-map__wrapper.colNum_14 .hex-map__item:nth-of-type(n + 281) { --counter: 21;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 1) { grid-column: 1/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 2) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 3/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 3) { grid-column: 5/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 4) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 7/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 5) { grid-column: 9/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 6) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 11/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 7) { grid-column: 13/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 8) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 15/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 9) { grid-column: 17/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 10) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 19/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 11) { grid-column: 21/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 12) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 23/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 13) { grid-column: 25/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 14) {
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
  grid-column: 27/span 3;
}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(15n + 15) { grid-column: 29/span 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 16) { --counter: 2;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 31) { --counter: 3;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 46) { --counter: 4;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 61) { --counter: 5;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 76) { --counter: 6;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 91) { --counter: 7;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 106) { --counter: 8;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 121) { --counter: 9;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 136) { --counter: 10;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 151) { --counter: 11;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 166) { --counter: 12;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 181) { --counter: 13;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 196) { --counter: 14;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 211) { --counter: 15;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 226) { --counter: 16;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 241) { --counter: 17;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 256) { --counter: 18;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 271) { --counter: 19;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 286) { --counter: 20;}
.hex-map__wrapper.colNum_15 .hex-map__item:nth-of-type(n + 301) { --counter: 21;}
.hex-map__list { --counter: 1;}
.hex-map .first-letter, .hex-map svg.hex {
  position: absolute;
  margin: auto;
}
.hex-map svg.hex {
  fill: var(--cs-basic-01);
  stroke: var(--cs-basic-03);
  stroke-width: 0;
  width: 100%;
  height: 100%;
  cursor: auto;
  pointer-events: none;
  transition: ease-out 0.4s all;
}
.hex-map .first-letter {
  display: flex;
  z-index: 12;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: auto;
  pointer-events: none;
  -webkit-user-select: none;
  font-family: serif;
          user-select: none;
}
.hex-map .first-letter svg { width: 100%;}
.hex-map .first-letter svg text {
  text-anchor: middle;
  dominant-baseline: central;
  fill: transparent;
  font-weight: lighter;
  font-size: 20px;
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0) {
  cursor: pointer;
  pointer-events: auto;
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0).selHex {
  z-index: 10;
  cursor: auto !important;
  pointer-events: none !important;
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0).selHex .first-letter {
  width: 130% !important;
  height: 130% !important;
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0).selHex svg.hex {
  filter: drop-shadow(0 0 5px black);
  stroke-width: 1.5;
  stroke-dasharray: 10;
  width: 130% !important;
  height: 130% !important;
  animation: dash 2s linear infinite 0s;
}
@keyframes dash {from { stroke-dashoffset: 0;}
to { stroke-dashoffset: 20;}
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0):not(.hitHex) .first-letter {
  width: 70%;
  height: 70%;
}
.hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0):not(.hitHex) svg.hex {
  width: 70%;
  height: 70%;
}
.hex-map .pt0 svg.hex {
  fill: var(--cs-basic-03);
  stroke: var(--cs-basic-06);
  stroke-width: 0.1;
}
.hex-map .pt0 .first-letter svg text { fill: var(--cs-basic-06);}
.hex-map :is(.pt3, .pt2, .pt1) .first-letter text { fill: white;}
.hex-map :is(.pt3, .pt2, .pt1) svg.hex { fill: rgba(var(--hex-color-rgb), 1);}

.hex-map__wrapper .symbol-hex {
  position: absolute;
  width: 0;
  height: 0;
}
.hex-map__list {
  display: grid;
  position: relative;
  grid-template-columns: repeat(var(--colNum), 1fr 2fr) 1fr;
  grid-gap: 3px 7px;
  width: 100%;
  margin: 0;
  list-style-type: none;
}
.hex-map__item {
  position: relative;
  grid-row: calc(var(--counter) + var(--counter))/span 2;
  height: 0;
  padding-bottom: 92%;
  cursor: auto;
  pointer-events: none;
}
.hex-map__content {
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.hex-map__item:is(.center, .central) .hex-map__content { display: none;}
.hex-map__item.center { position: relative;}
.hex-map__item.center::before, .hex-map__item.center::after {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.hex-map__item.center::after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 202%;
  height: 223%;
  background-image: linear-gradient(var(--cs-basic-04), var(--cs-basic-03));
  box-shadow: inset 0 3px 3px 1px var(--cs-basic-06), 0 5px 5px 3px var(--cs-basic-01), 0 0px 8px 4px var(--cs-basic-06);
  content: var(--subject);
  color: var(--subject-color);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1;
  font-family: serif;
  text-shadow: 0 0 2px var(--subject-color), 0 10px 5px var(--cs-basic-07);
  white-space: pre-wrap;
}
.hex-map__item.center::before {
  width: 242%;
  height: 263%;
  background-image: repeating-conic-gradient(var(--cs-basic-05), var(--cs-basic-05) 1deg, transparent 2deg, transparent 30deg);
  content: "";
}
.hex-map.koku .hex-map__item.center::after { font-size: clamp(18px, 1.35vw, 33px);}

.hex-map {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 600px 1fr;
  grid-template-columns: minmax(600px, calc(100% - 364px)) 364px;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
}
.hex-map .c1 { grid-area: 1/1/2/2;}
.hex-map .c2 { grid-area: 2/1/3/2;}
.hex-map .c3 { grid-area: 1/2/3/3;}
.hex-map :where(.c1, .c2, .c3) { display: flex;}
.hex-map .categories.c1 {
  position: relative;
  align-items: flex-end;
}
.hex-map .categories.c1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
  margin-bottom: 1em;
}
.hex-map .categories.c1 ul li {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin: 0.15em 0.5em 0 0.15em;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.4s;
}
.hex-map .categories.c1 ul li .contents {
  font-size: 0.7em;
  line-height: 1.2;
  white-space: nowrap;
}
.hex-map .categories.c1 ul li.cateBtn {
  position: relative;
  padding: 0 3px 0 13px;
  overflow: hidden;
  border: 1px solid;
  background-color: #f8f8f8;
  color: var(--subject-color);
  opacity: 0.7;
}
.hex-map .categories.c1 ul li.cateBtn::before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 10px;
  height: 100%;
  background-color: var(--subject-color);
  content: "";
  transition: all 0.4s;
}
.hex-map .categories.c1 ul li.cateBtn.nor {
  border-radius: 0.25em;
  opacity: 0.4;
}
.hex-map .categories.c1 ul li.cateBtn.nor::before { left: -10px;}
.hex-map .categories.c1 ul li.cateBtn.sel::before { left: 0px;}
.hex-map .categories.c1 ul li.all {
  padding: 0 8px;
  border: 1px solid var(--cs-btn_border-nor);
  border-top-right-radius: 50vw;
  border-bottom-right-radius: 50vw;
  background-color: var(--cs-btn_bg-nor);
  color: var(--cs-btn_font-nor);
  line-height: 1.4;
}
.hex-map .categories.c1 ul li.all.msk {
  border-color: var(--cs-btn_boder-msk);
  background-color: var(--cs-btn_bg-msk);
  box-shadow: none;
  color: var(--cs-btn_font-msk);
  pointer-events: none;
}
.hex-map .hex-map__wrapper.c2 {
  position: relative;
  align-items: flex-start;
}
.hex-map .c3 {
  position: relative;
  flex-direction: column;
}
.hex-map .c3::before { content: "";}
.hex-map .c3::after { content: "";}
.hex-map .c3 .subsub_categories {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 1em 1em 0;
  overflow-y: scroll;
  border-bottom: 1px solid var(--cs-basic-04);
  background-image: linear-gradient(to right, var(--cs-basic-02), var(--cs-basic-01));
  background-repeat: no-repeat;
}
.hex-map .c3 .subsub_categories .hex_wrapper { position: relative;}
.hex-map .c3 .subsub_categories .hex_wrapper .first-letter {
  font-weight: lighter;
  line-height: 0;
  text-align: center;
  pointer-events: none;
}
.hex-map .c3 .subsub_categories .head {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  margin-bottom: 1em;
}
.hex-map .c3 .subsub_categories .head .hex_wrapper { grid-area: 1/1/3/2;}
.hex-map .c3 .subsub_categories .head .title { grid-area: 1/2/2/3;}
.hex-map .c3 .subsub_categories .head .datas { grid-area: 2/2/3/3;}
.hex-map .c3 .subsub_categories .head li.hex_wrapper { width: 60px;}
.hex-map .c3 .subsub_categories .head li.title .contents {
  color: var(--cs-font-03);
  font-size: 0.9em;
}
.hex-map .c3 .subsub_categories .head li.title::first-letter {
  color: var(--subject-color);
  font-size: 1.5em;
  text-shadow: 0 0 2px var(--cs-font-lite), 0 0 4px var(--cs-font-lite);
}
.hex-map .c3 .subsub_categories .head li.datas {
  font-size: 1.2em;
  white-space: nowrap;
}
.hex-map .c3 .subsub_categories .head li.datas .label {
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.hex-map .c3 .subsub_categories .head li.datas .number { font-size: 1em;}
.hex-map .c3 .subsub_categories .head li.datas .percent {
  color: var(--cs-ac_01-01);
  font-size: 1.6em;
}
.hex-map .c3 .subsub_categories .subsub_area {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container {
  display: flex;
  visibility: hidden;
  position: relative;
  flex-wrap: wrap;
  height: 0.25em;
  margin-top: -1em;
  padding: 0 0.75em;
  opacity: 0;
  transition: ease-out all 0.5s;
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper {
  width: 40px;
  height: 40px;
  cursor: pointer;
  pointer-events: auto;
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper svg.hex {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: var(--cs-basic-02);
  stroke-width: 1;
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper.sel {
  cursor: auto;
  pointer-events: none;
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper.sel .first-letter svg text { font-size: 1.2em;}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper.sel svg.hex {
  z-index: 5;
  width: 120% !important;
  height: 120% !important;
  animation: dashSub 2s linear infinite 0s;
  filter: drop-shadow(0 0 4px red) drop-shadow(0 0 1px magenta);
  stroke-width: 2;
}
@keyframes dashSub {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 10;
  }
  70% {
    stroke-dashoffset: 80;
    stroke-dasharray: 40;
  }
  100% {
    stroke-dashoffset: 20;
    stroke-dasharray: 10;
  }
}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper.pt0 .first-letter svg text { fill: var(--cs-font-03);}
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper.pt0 svg.hex { stroke: var(--cs-basic-06);}
.hex-map .c3 .subsub_categories .subsub_area .label {
  --longHex: polygon(0.75em 0%, calc(100% - 0.75em) 0%, 100% 50%, calc(100% - 0.75em) 100%, 0.75em 100%, 0% 50%);
  z-index: 10;
  position: relative;
  padding: 0.5em 1.75em 0.5em 1em;
  background-color: var(--cs-basic-02);
  clip-path: var(--longHex);
  cursor: pointer;
  pointer-events: auto;
}
.hex-map .c3 .subsub_categories .subsub_area .label::before {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%) rotate(0);
  content: "╋";
  color: white;
  font-size: 0.75em;
  transition: transform 0.3s;
}
.hex-map .c3 .subsub_categories .subsub_area .label:is(.pt1, .pt2, .pt3) {
  background-color: rgba(var(--hex-color-rgb), 1);
  color: white;
}
.hex-map .c3 .subsub_categories .subsub_area .label:is(.pt1, .pt2, .pt3)::before, .hex-map .c3 .subsub_categories .subsub_area .label:is(.pt1, .pt2, .pt3)::after { background-color: inherit;}
.hex-map .c3 .subsub_categories .subsub_area .label.pt0 {
  width: 100%;
  height: 100%;
  background-color: var(--cs-basic-06);
  color: var(--cs-font-02);
}
.hex-map .c3 .subsub_categories .subsub_area .label.pt0::after {
  z-index: 1;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--cs-basic-03);
  content: "";
  clip-path: var(--longHex);
}
.hex-map .c3 .subsub_categories .subsub_area .label.pt0::before {
  z-index: 2;
  color: var(--cs-font-02);
}
.hex-map .c3 .subsub_categories .subsub_area .label.pt0 .contents {
  z-index: 2;
  position: relative;
}
.hex-map .c3 .subsub_categories .subsub_area.open .label::before {
  transform: translateY(-50%) rotate(180deg);
  content: "━";
}
.hex-map .c3 .subsub_categories .subsub_area.open .hex_container {
  visibility: visible;
  height: auto;
  margin-top: 0.25em;
  opacity: 1;
}
.hex-map .c3 .thumbnail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 1em;
  border-bottom: 1px solid var(--cs-basic-04);
  border-left: 1px solid var(--cs-basic-04);
  background-image: linear-gradient(to right, var(--cs-basic-01), var(--cs-basic-02));
  background-repeat: no-repeat;
}
.hex-map .c3 .thumbnail .title {
  padding-left: 0.5em;
  border-left: 10px solid var(--cs-basic-06);
}
.hex-map .c3 .thumbnail .title::first-letter {
  color: var(--subject-color);
  font-size: 1.3em;
  text-shadow: 0 0 2px var(--cs-font-lite), 0 0 4px var(--cs-font-lite);
}
.hex-map .c3 .thumbnail .image-wrapper {
  position: relative;
  width: 100%;
  min-height: 120px;
  padding: 10px;
  overflow: hidden;
  border: 4px solid var(--cs-key-02);
  border-radius: 1em;
  background-color: #f8f8f8;
  cursor: pointer;
  pointer-events: auto;
}
.hex-map .c3 .thumbnail .image-wrapper .question-content-1st .image-wrapper::after { content: none;}
.hex-map .c3 .thumbnail .image-wrapper .question-content-1st .judge-place,
.hex-map .c3 .thumbnail .image-wrapper .question-content-1st .judge-place-single { visibility: hidden;}
.hex-map .c3 .thumbnail .image-wrapper > img {
  width: 100%;
  height: auto;
}
.hex-map .c3 .thumbnail .image-wrapper::after {
  position: absolute;
  right: 0.2em;
  bottom: 0.2em;
  padding: 0.2em;
  border: 2px solid var(--cs-btn_border-nor);
  border-radius: 50%;
  background-color: var(--cs-btn_bg-nor);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  content: "\e98e";
  color: var(--cs-btn_font-nor);
  font-size: 2em;
  font-family: "elaicon" !important;
  transition: box-shadow 0.2s, background-color 0.2s;
}
.hex-map .c3 .thumbnail .datas {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 0.25em 0;
}
.hex-map .c3 .thumbnail .datas dt { margin-right: 0.25em;}
.hex-map .c3 .thumbnail .datas dt .contents {
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.hex-map .c3 .thumbnail .datas dd {
  color: var(--cs-ac_01-01);
  font-size: 1.5em;
}
.hex-map .c3 .thumbnail .datas dd:not(:last-of-type) { margin-right: 1em;}
.hex-map .c3 .thumbnail .datas.button {
  margin-top: 1em;
  padding: 0.5em 0.25em;
}
.hex-map .c3 :is(.subsub_categories, .thumbnail) > p.empty {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: var(--cs-font-02);
  font-size: 1em;
  line-height: 1;
  text-align: center;
}
.hex-map .c3 :is(.subsub_categories, .thumbnail) > p.empty::before {
  z-index: -1;
  position: absolute;
  width: 5.5em;
  height: 5em;
  margin: auto;
  inset: 0;
  background-color: var(--cs-basic-03);
  content: "";
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.tile_map ul.conditions {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  padding: 0.5em;
  background-color: var(--cs-basic-05);
}
.tile_map ul.conditions::before {
  position: absolute;
  inset: 0;
  background-color: var(--cs-basic-02);
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5px), calc(100% - 364px) calc(100% - 5px), calc(100% - 369px) calc(100% - 1px), 0 calc(100% - 1px));
}
.tile_map ul.conditions > li {
  z-index: 2;
  position: relative;
}
.tile_map ul.conditions > li:not(:last-child) { margin-right: 1em;}
.tile_map ul.conditions > li > .label { line-height: 1.75;}
.tile_map.teacher ul.conditions .label {
  color: var(--cs-font-03);
  font-size: 0.8em;
}
.tile_map.teacher ul.conditions .label::after { content: " : ";}
.tile_map.teacher ul.conditions.student { display: none;}
.tile_map.teacher .hex-map .right_column.c3 .subsub_categories { height: 380px;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail { height: 300px;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail .title { order: 1;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail .image-wrapper { order: 2;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail .datas { order: 3;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail .buttons { display: none;}
.tile_map.teacher .hex-map .right_column.c3 .thumbnail .title { margin-bottom: 1em;}
.tile_map.student ul.conditions .segment {
  display: flex;
  align-items: center;
}
.tile_map.student ul.conditions .segment .contents { line-height: 1;}
.tile_map.student ul.conditions .segment .school { margin-right: 1em;}
.tile_map.student ul.conditions .segment .school.contents { color: var(--cs-font-03);}
.tile_map.student ul.conditions .segment .school::after {
  margin-left: 1em;
  content: "━";
}
.tile_map.student ul.conditions .segment .subject.contents {
  font-size: 2em;
  font-family: serif;
}
.tile_map.student ul.conditions.teacher { display: none;}
.tile_map.student .hex-map .right_column.c3 .subsub_categories { height: 300px;}
.tile_map.student .hex-map .right_column.c3 .thumbnail { height: 380px;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .title { order: 1;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .image-wrapper { order: 3;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .datas { order: 2;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons { order: 4;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .title { margin-bottom: 0;}
.teigakunen .tile_map.student .hex-map .right_column.c3 .thumbnail .datas dt { margin-right: 0;}
.teigakunen .tile_map.student .hex-map .right_column.c3 .thumbnail .datas dd { font-size: 1.3em;}
.teigakunen .tile_map.student .hex-map .right_column.c3 .thumbnail .datas dd .contents::after { content: none;}
.teigakunen .tile_map.student .hex-map .right_column.c3 .thumbnail .datas dd:not(:last-of-type) { margin-right: 0.5em;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons { margin-top: 0.5em;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons .difficulty {
  display: flex;
  justify-content: space-between;
}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons .difficulty .button {
  min-width: 30%;
  padding: 0.3em 0.5em;
}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons .trial { margin-top: 0.5em;}
.tile_map.student .hex-map .right_column.c3 .thumbnail .buttons .trial p {
  color: var(--subject-color);
  font-size: 0.9em;
  text-align: center;
  text-shadow: 0 0 2px var(--cs-font-lite), 0 0 4px var(--cs-font-lite);
}
.gadget-simple-dataline {
  margin-bottom: 0.5em;
  border-bottom: 1px solid;
  border-left: 10px solid;
  border-color: var(--cs-basic-05);
}
.gadget-simple-dataline .title {
  display: block;
  margin-bottom: 0.5em;
  padding-top: 0.25em;
  padding-left: 0.5em;
  color: var(--cs-key-01);
  font-size: 0.9em;
}
.gadget-simple-dataline ul { display: flex;}
.gadget-simple-dataline ul > li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 0.25em;
  padding-left: 0.5em;
}
.gadget-simple-dataline ul > li:not(:last-of-type) {
  margin-right: 0.75em;
  padding-right: 1.25em;
  border-right: 1px solid;
  border-color: var(--cs-basic-04);
}
.gadget-simple-dataline ul > li .head {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
}
.gadget-simple-dataline ul > li .head .label { margin: 0;}
.gadget-simple-dataline ul > li .head .button {
  order: 3;
  min-width: auto;
  min-height: auto;
  padding: 1px 0.5em;
  border: none;
  background: none;
  box-shadow: none !important;
  font-size: 0.8em;
}
.gadget-simple-dataline ul > li .head .button .contents { line-height: 1;}
.gadget-simple-dataline ul > li .head::after {
  flex-grow: 1;
  margin: 0 0.5em;
  border-top: 1px solid;
  border-color: var(--cs-basic-05);
  content: "";
}
.gadget-simple-dataline ul > li :is(.label, .cols-label) {
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  color: var(--cs-font-03);
  font-size: 0.75em;
  white-space: nowrap;
}
.gadget-simple-dataline ul > li .contents {
  line-height: 1.2;
  white-space: nowrap;
}
.gadget-simple-dataline ul > li .button {
  min-width: 3em;
  padding: 0.1em 0.5em;
}
.gadget-simple-dataline ul > li .cols-label {
  margin-bottom: 0.5em;
  border-radius: 50vh;
  background-color: var(--cs-basic-04);
  line-height: 1.2;
  text-align: center;
}
.gadget-simple-dataline ul > li .contents-container .contents:not(:last-of-type) { margin-right: 1em;}
.gadget-simple-dataline ul > li .contents-container .contents.box {
  display: inline-block;
  margin: 0.1em 0.5em 0 0;
  padding: 0.05em 0.5em;
  border-radius: 50vh;
  background-color: var(--cs-basic-04);
  font-size: 0.8em;
}
.gadget-simple-dataline ul > li.fullwidth {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.5em;
  padding-right: 0;
  border-right: none;
  white-space: wrap;
}
.gadget-simple-dataline ul > li.fullwidth:last-child {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
.gadget-simple-dataline ul > li.fullwidth .contents { align-self: flex-start;}
.gadget-simple-dataline ul > li ul {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.gadget-simple-dataline ul > li ul li { margin-bottom: 0;}
.gadget-simple-dataline ul:has(.cols-label) > li { justify-content: flex-end;}
.gadget-simple-dataline ul:has(li.fullwidth) { flex-wrap: wrap;}

div[class*=gadget-decoframe-].gadget-simple-dataline {
  margin-bottom: 25px;
  border-left: none;
}
div[class*=gadget-decoframe-].gadget-simple-dataline .title {
  padding: 0.25em 0.5em;
  border: 1px solid var(--cs-basic-01);
  border-radius: 0.25em;
  background-color: var(--cs-key-03);
  box-shadow: 0 1px 4px 0 var(--cs-key-02) inset;
}
div[class*=gadget-decoframe-].gadget-simple-dataline li { justify-content: flex-start;}
div[class*=gadget-decoframe-].gadget-simple-dataline li .head, div[class*=gadget-decoframe-].gadget-simple-dataline li > .label { margin-bottom: 0.5em;}
div[class*=-lift].gadget-simple-dataline { margin-bottom: 40px;}

.gadget-rating-stars {
  display: flex;
  justify-content: center;
  padding: 0.1em 0.5em;
  border-radius: 50vh;
  background-color: var(--cs-basic-02);
}
.gadget-rating-stars .star-wrapper {
  width: 1em;
  height: 1em;
  margin: 0 0.25em;
}
.gadget-rating-stars .star-wrapper svg.star {
  width: 100%;
  height: 100%;
  fill: var(--cs-basic-07);
}
.gadget-rating-stars.r0 .star-wrapper:nth-child(-n+0) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r1 .star-wrapper:nth-child(-n+1) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r2 .star-wrapper:nth-child(-n+2) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r3 .star-wrapper:nth-child(-n+3) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r4 .star-wrapper:nth-child(-n+4) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r5 .star-wrapper:nth-child(-n+5) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r6 .star-wrapper:nth-child(-n+6) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r7 .star-wrapper:nth-child(-n+7) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r8 .star-wrapper:nth-child(-n+8) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r9 .star-wrapper:nth-child(-n+9) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}
.gadget-rating-stars.r10 .star-wrapper:nth-child(-n+10) svg.star {
  fill: #ff950a;
  stroke: var(--cs-ac_02-01);
}

.gadget-gauge_circle_svg {
  --gauge-w:90;
  --innerOfset:10;
  --label: "";
  position: relative;
  width: calc(var(--gauge-w) * 1px);
  border-radius: 50%;
  background-color: var(--cs-basic-04);
}
.gadget-gauge_circle_svg svg {
  transform: rotate(-90deg);
  stroke-width: 32;
  fill: transparent;
  stroke: #0ade1c;
  transition: all ease-in-out 1.5s;
}
.gadget-gauge_circle_svg .inner {
  display: flex;
  position: absolute !important;
  top: 50%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc((var(--gauge-w) - var(--innerOfset)) * 1px);
  height: calc((var(--gauge-w) - var(--innerOfset)) * 1px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.gadget-gauge_circle_svg .inner:not(.gadget-gauge_circle_svg .inner.candyPlate) { background-color: var(--cs-basic-01);}
.gadget-gauge_circle_svg .inner::before {
  content: var(--label);
  color: var(--cs-font-03);
  font-size: 0.65em;
}
.gadget-gauge_circle_svg .inner .inner_str {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}
.gadget-gauge_circle_svg .inner .inner_str::before {
  content: var(--percentage-str);
  font-size: 1.5em;
}
.gadget-gauge_circle_svg.type_fraction { stroke-dasharray: calc(var(--numer) / var(--denom) * 100) 100 !important;}
.chrome .gadget-gauge_circle_svg.type_fraction { stroke-dasharray: calc(var(--numer) / var(--denom) * 100.5) 100 !important;}
.gadget-gauge_circle_svg.type_fraction .inner_str .numer { font-size: 1.5em;}
.gadget-gauge_circle_svg.type_fraction .inner_str .denom {
  display: inline-block;
  margin-bottom: -0.25em;
  font-size: 0.9em;
  white-space: nowrap;
}
.gadget-gauge_circle_svg.type_fraction .inner_str .denom::before { content: "/";}
.gadget-gauge_circle_svg.type_percentage { stroke-dasharray: var(--percentage) 100 !important;}
.chrome .gadget-gauge_circle_svg.type_percentage { stroke-dasharray: calc(var(--percentage) * 1.005) 100 !important;}
.gadget-gauge_circle_svg.type_percentage .inner_str { font-size: 1.5em;}
.gadget-gauge_circle_svg.type_percentage .inner_str .percentage::after {
  content: "%";
  font-size: 0.6em;
}

.gadget-progress_bar {
  --bar-height: 18;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: calc(var(--bar-height) * 1px);
  overflow: hidden;
  border: 1px solid var(--cs-basic-04);
  border-radius: 50vw;
  background-color: var(--cs-basic-03);
  --bar-width: 0;
}
.gadget-progress_bar::before {
  width: calc(var(--bar-width) * 1%);
  content: "";
}
.gadget-progress_bar.percentage::before { width: calc(var(--numer) / var(--denom) * 100%);}
.gadget-progress_bar::before {
  height: 100%;
  transition: width 0.7s;
  background-IMAGE: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 100%);
  background-size: 32px 32px;
  animation: stripe-animation 2s linear infinite;
}
@keyframes stripe-animation {0% { background-position: 0 0;}
100% { background-position: 32px 32px;}
}
.gadget-progress_bar.blue::before { background-color: var(--cs-key-01);}
.gadget-progress_bar.green::before { background-color: var(--cs-ac_01-01);}
.gadget-progress_bar.red::before { background-color: var(--cs-ac_02-01);}

.gadget-signboard {
  display: flex;
  justify-content: center;
}
.gadget-signboard .frame {
  display: inline-block;
  margin: 1em;
  padding: 1em 2em;
  border: 8px solid var(--cs-key-02);
  border-radius: 1em;
  background-color: var(--cs-basic-03);
}
.gadget-signboard .label { text-align: center;}
.gadget-signboard .label .contents {
  color: var(--cs-font-01);
  font-size: 1.5em;
  line-height: 1.3;
}
.gadget-signboard .label:has(.contents:empty) { display: none;}
.gadget-signboard .label.big { font-size: 2em;}
.gadget-signboard p.contents {
  line-height: 2;
  text-align: center;
}
.gadget-signboard.attention {
  border-color: var(--cs-ac_02-01);
  background-color: #fbc7dd;
}
.gadget-signboard.attention .label .contents { color: var(--cs-ac_02-01);}
.gadget-signboard.attention p.contents { color: #f23786;}
.gadget-data_entry { --min-w: 10;}
.gadget-data_entry > .content-block {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-01);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.gadget-data_entry > .content-block > .column-wrapper { display: contents;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container {
  display: flex;
  align-items: center;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:first-child {
  width: auto !important;
  min-width: calc(var(--min-w) * 1em);
  margin-right: 0;
  padding: 0.5em 1em;
  border: 1px solid var(--cs-basic-06);
  border-radius: 5px;
  background-color: var(--cs-basic-02);
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child { flex-wrap: wrap;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .button:not(:first-child) { margin-left: 1em;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .button + p { margin-left: 0.5em;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper { width: 100%;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper :is(input[type=text],
input[type=number],
input[type=password],
textarea) {
  width: 100%;
  height: 100% !important;
  margin: 0 !important;
  font-size: 2em !important;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper input[type=number] { text-align: left;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container:last-child .form-wrapper input[type=text].filename {
  width: 75% !important;
  height: 2em !important;
  background-color: var(--cs-basic-05);
  font-size: 1em !important;
  text-indent: 0.5em;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container p.caption-container {
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container > .content-block {
  width: 100%;
  margin-bottom: 5px;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container > .content-block:last-child { margin-bottom: 0;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container > .content-block .column-wrapper { margin-bottom: 0;}
.gadget-data_entry > .content-block > .column-wrapper > .column-container > .content-block.term .form-wrapper {
  width: auto;
  height: 4.8em;
  font-size: 0.5em;
}
.gadget-data_entry > .content-block > .column-wrapper > .column-container > .content-block.term .form-wrapper input.datebtn { width: 7.5em;}

.gadget-pagination .pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2em 0;
}
.gadget-pagination li {
  margin: 0 0.1em;
  padding: 0.5em 0.75em;
  border: none;
  background-color: transparent;
  box-shadow: none !important;
}
.gadget-pagination li:active { box-shadow: none !important;}
.gadget-pagination li span.page-numbers {
  font-size: 1.1em;
  line-height: 1.3;
}
.gadget-pagination li.dots {
  padding: 0.5em 0em;
  color: var(--cs-font-03);
  pointer-events: none;
}
.gadget-pagination li.allow .page-numbers { font-family: "elaicon" !important;}
.gadget-pagination li.allow:first-of-type .page-numbers::before { content: "\e911";}
.gadget-pagination li.allow:last-of-type .page-numbers::before { content: "\e912";}
.gadget-resultdrill { position: relative;}
.gadget-resultdrill > ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.gadget-resultdrill > ul li {
  position: relative;
  min-width: 150px;
  margin: 0 20px;
}
.gadget-resultdrill > ul li dl {
  color: var(--cs-key-01);
  font-weight: bolder;
  text-align: center;
}
.gadget-resultdrill > ul li dl dd {
  min-height: auto;
  margin-bottom: 10px;
}
.gadget-resultdrill > ul li dl dd > .contents { display: inline-block;}
.gadget-resultdrill > ul li dl dd > .contents::after { color: var(--cs-font-03);}
.gadget-resultdrill > ul li dl dd > .contents::before { color: var(--cs-font-03);}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dt {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 70%;
  padding-bottom: 0.2em;
  transform: translateX(-50%);
  border-bottom: 1px solid var(--cs-basic-08);
  color: var(--cs-font-03);
  font-size: 1.2em;
}
.windows-app .gadget-resultdrill > ul li:nth-of-type(2).score dl dt { z-index: 10;}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dd {
  width: 400px;
  height: 280px;
  margin: 20px;
  font-size: 8em;
}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dd::before {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}
.windows-app .gadget-resultdrill > ul li:nth-of-type(2).score dl dd::before {
  z-index: 0;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  width: 440px;
  height: 320px;
  transform: translate(-50%, -50%);
  background: none;
}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents {
  margin-top: 50px;
  transform: scale(1.2, 1);
  text-shadow: 0 20px 30px rgba(0, 163, 214, 0.2);
}
.windows .gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents, .windows-app .gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents { transform: scale(1, 1);}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents::after {
  display: inline-block;
  font-size: 30%;
}
.gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents::before {
  right: -0.25em;
  bottom: 2.5em;
  font-size: 15%;
}
.windows .gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents::before { bottom: 3em !important;}
.chrome .gadget-resultdrill > ul li:nth-of-type(2).score dl dd > .contents::before { zoom: 0.15 !important;}

.gadget-resultdrill > ul li:is(:first-of-type.score,
.time,
.retry) dl dt {
  z-index: 10;
  position: relative;
  color: #a3afad;
  font-weight: normal;
}
.windows-app .gadget-resultdrill > ul li:is(:first-of-type.score,
.time,
.retry) dl dd::before {
  z-index: 0;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  width: 150px;
  height: calc(2em + 40px);
  transform: translate(-50%, -50%);
  background: none;
}
.gadget-resultdrill > ul li:is(:first-of-type.score,
.time,
.retry) dl dd > .contents { font-size: 2em;}
.windows .gadget-resultdrill > ul li:is(:first-of-type.score,
.time,
.retry) dl dd > .contents::after { top: -0.3em;}

.gadget-resultdrill p {
  display: flex;
  position: absolute;
  top: 210px;
  bottom: 20px;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 400px;
  padding: 0 10px;
  transform: translateX(-50%);
}
.gadget-resultdrill p .contents {
  color: var(--cs-key-dark);
  line-height: 1.3;
  text-align: center;
  text-shadow: 0 23px 10px rgba(var(--cs-key-dark-rgb), 0.3);
}
.gadget-resultdrill + .content-block { margin-top: 40px;}

.gadget-medal_counter {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 0;
  grid-column-gap: var(--gap);
}
.gadget-medal_counter .counter-unit { width: calc(var(--counter-w) * 1px);}
.gadget-medal_counter .counter-unit:nth-of-type(1) .gauge circle { animation-delay: 0s;}
.gadget-medal_counter .counter-unit:nth-of-type(2) .gauge circle { animation-delay: 0.4s;}
.gadget-medal_counter .counter-unit:nth-of-type(3) .gauge circle { animation-delay: 0.8s;}
.gadget-medal_counter .counter-unit:nth-of-type(1) {
  --color-m1: #9bc6d4;
  --color-m2: #5aaec8;
  --color-m3: #00a3d6;
}
.gadget-medal_counter .counter-unit:nth-of-type(2) {
  --color-m1: #abc1b0;
  --color-m2: #74ac81;
  --color-m3: #1ab93f;
}
.gadget-medal_counter .counter-unit:nth-of-type(3) {
  --color-m1: #d4b0c0;
  --color-m2: #c37497;
  --color-m3: #df0c6a;
}
.gadget-medal_counter .counter-unit.medal-00 .gauge circle { stroke: var(--color-m1);}
.gadget-medal_counter .counter-unit.medal-01 .gauge circle { stroke: var(--color-m2);}
.gadget-medal_counter .counter-unit.medal-02 .gauge circle { stroke: var(--color-m3);}
.gadget-medal_counter .counter-unit.changed dl.label dd::after { content: "";}
.gadget-medal_counter .counter-unit dl.label {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  border-left: 2px solid var(--cs-key-02);
  color: var(--cs-font-02);
}
.teigakunen .gadget-medal_counter .counter-unit dl.label dt .contents { line-height: 2.4;}
.gadget-medal_counter .counter-unit dl.label dd {
  position: relative;
  overflow: hidden;
}
.gadget-medal_counter .counter-unit dl.label dd .current {
  color: var(--cs-font-01);
  font-size: 2em;
}
.gadget-medal_counter .counter-unit dl.label dd .current::before {
  bottom: 2.8em;
  width: 2.5em;
  font-size: 0.2em;
}
.chrome .gadget-medal_counter .counter-unit dl.label dd .current::before {
  font-size: 100% !important;
  zoom: 0.2 !important;
}
.gadget-medal_counter .counter-unit dl.label dd .current::after { font-size: 0.5em;}
.gadget-medal_counter .counter-unit dl.label dd::after {
  display: inline-block;
  position: absolute;
  bottom: 0.25em;
  width: 1.5em;
  height: 1.5em;
  background-image: linear-gradient(red, orange);
  content: none;
  animation: num_up 3s linear 2s infinite;
  clip-path: polygon(0 54.7%, 50% 0, 100% 54.7%, 73.3% 54.7%, 73.3% 100%, 26.7% 100%, 26.7% 54.7%);
}
@keyframes num_up {0% { bottom: 0.25em;}
87% { bottom: 0.25em;}
  92% {
    visibility: hidden;
    bottom: 3em;
  }
  93% {
    visibility: hidden;
    bottom: -3em;
  }
  94% {
    visibility: visible;
    bottom: -3em;
  }
99% { bottom: 0.5em;}
100% { bottom: 0.25em;}
}
.gadget-medal_counter .counter-unit .counter-wrapper {
  position: relative;
  width: calc(var(--counter-w) * 1px);
  margin: auto;
}
.gadget-medal_counter .counter-unit .counter-wrapper .medal_block {
  display: grid;
  position: absolute;
  bottom: 0;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 22.7979274611%;
}
.gadget-medal_counter .counter-unit .counter-wrapper .medal_block .medal_wrapper {
  visibility: hidden;
  width: 95%;
  height: 100%;
  overflow: hidden;
}
.gadget-medal_counter .counter-unit .counter-wrapper .medal_block .medal_wrapper.medal_wrapper02 { margin: auto;}
.gadget-medal_counter .counter-unit .counter-wrapper .medal_block .medal_wrapper.medal_wrapper03 { margin-left: auto;}
.gadget-medal_counter .counter-unit .counter-wrapper .medal_block .medal_wrapper svg {
  position: relative;
  left: 0;
  height: 100%;
}
.gadget-medal_counter .counter-unit.medal-01 .medal_wrapper:is(.medal_wrapper01) { visibility: visible;}
.gadget-medal_counter .counter-unit.medal-02 .medal_wrapper:is(.medal_wrapper01, .medal_wrapper02) { visibility: visible;}
.gadget-medal_counter .counter-unit.medal-03 .medal_wrapper { visibility: visible !important;}
.gadget-medal_counter .counter-unit.medal-01.get_medal .medal_wrapper.medal_wrapper01 svg, .gadget-medal_counter .counter-unit.medal-02.get_medal .medal_wrapper.medal_wrapper02 svg, .gadget-medal_counter .counter-unit.medal-03.get_medal .medal_wrapper.medal_wrapper03 svg { animation: medal-spin 0.7s steps(6) infinite;}
@keyframes medal-spin {100% { left: -600%;}
}
.gadget-medal_counter .counter-unit .num-counter .target {
  font-size: 56px;
  fill: var(--cs-key-01);
}
.gadget-medal_counter .counter-unit .counter-wrapper .max-sign { display: none;}
.gadget-medal_counter .counter-unit.medal-03 .max-sign { display: block;}
.gadget-medal_counter .counter-unit.medal-03 :is(.unit-times__kou,
.unit-times__tei,
.num-counter,
.gauge) { visibility: hidden;}
.gadget-medal_counter .gauge {
  --progress: calc(1 - var(--length) / 100);
  fill: none;
  stroke-width: 16;
  stroke-dasharray: 389.557408;
  stroke-dashoffset: 389.557408;
}
@keyframes medals-gauge {to { stroke-dashoffset: calc(389.557408 * (1 - var(--length) / 100));}
}
.gadget-medal_counter .gauge circle {
  transform: rotate(-90deg);
  transform-origin: center;
  animation: medals-gauge 1s ease-in-out forwards;
}
.teigakunen .gadget-medal_counter {
  --visible-tei: inline;
  --visible-kou: none;
}
.kougakunen .gadget-medal_counter {
  --visible-tei: none;
  --visible-kou: inline;
}
.gadget-hex { position: relative;}
.gadget-hex svg.hex {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  stroke-width: 1;
  pointer-events: none;
  transition: ease-out 0.2s all;
}
.gadget-hex .first-letter {
  z-index: 12;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  font-weight: lighter;
  line-height: 0;
  font-family: serif;
  cursor: auto;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.gadget-hex .first-letter svg { width: 100%;}
.gadget-hex .first-letter svg text {
  text-anchor: middle;
  dominant-baseline: central;
  font-weight: lighter;
  font-size: 20px;
}
.gadget-hex.pt0 svg.hex {
  fill: var(--cs-font-03);
  stroke: var(--cs-basic-06);
  stroke-width: 0.1;
}
.gadget-hex.pt0 .first-letter svg text { fill: var(--cs-basic-06);}
.gadget-hex:is(.pt3, .pt2, .pt1) svg.hex { fill: rgba(var(--hex-color-rgb), 1);}
.gadget-hex:is(.pt3, .pt2, .pt1) .first-letter text { fill: white;}
.gadget-hex.nor {
  cursor: pointer;
  pointer-events: auto;
}
.gadget-hex.nor svg.hex {
  stroke: var(--cs-btn_border-nor);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}
.gadget-hex.msk svg.hex { stroke: var(--cs-btn_border-msk);}
.gadget-hex.empty .first-letter { display: none;}
.gadget-hex.empty svg.hex {
  fill: transparent;
  stroke: var(--cs-font-03);
  stroke-width: 0.5;
  stroke-dasharray: 1.5, 1;
}
.gadget-medal_container { position: relative;}
.gadget-medal_container[data-medal="0"] .medal_wrapper,
.gadget-medal_container .medal_wrapper.blank .medal_wrapper {
  border: 1px dashed var(--cs-font-03);
  background-color: rgba(var(--cs-basic-01-rgb), 0.25);
}
.gadget-medal_container[data-medal="0"] .medal_wrapper svg,
.gadget-medal_container .medal_wrapper.blank .medal_wrapper svg { display: none;}
.gadget-medal_container .medal_wrapper {
  padding: 0;
  overflow: hidden;
  border-radius: 100%;
}
.gadget-medal_container .medal_wrapper svg {
  position: relative;
  left: 0;
}
.gadget-medal_container[data-medal]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.04em 0.28em;
  border: clamp(1px, 0.2vw, 2px) solid;
  border-radius: 50vh;
  background-color: var(--cs-ac_02-01);
  content: attr(data-medal);
  color: var(--cs-font-lite);
  font-size: 0.9em;
  line-height: 1.08;
}
.gadget-medal_container[data-medal="1"]::after, .gadget-medal_container[data-medal="0"]::after { content: none;}
.gadget-medal_container:has(.blank)::after { content: none;}
.gadget-chart-line {
  display: flex;
  align-content: center;
  padding: 1em;
  color: white;
}
.gadget-chart-line table {
  position: relative;
  width: 100%;
}
.gadget-chart-line table caption {
  margin-bottom: 1em;
  padding: 0.2em 1em;
  border-radius: 50vh;
  background: rgba(var(--cs-ac_03-03-rgb), 0.3);
  text-align: left;
}
.gadget-chart-line table tbody tr.g-body { height: calc(var(--chart-height) * 1px);}
.gadget-chart-line table tbody tr.g-body th {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: calc(var(--chart-height) * 1px);
  font-weight: normal;
  font-size: 0.8em;
}
.gadget-chart-line table tbody tr.g-body th span {
  display: block;
  margin-right: 15px;
}
.gadget-chart-line table tbody tr.g-body th span[class^=afterstr-]::after {
  color: white;
  font-size: 0.8em;
}
.gadget-chart-line table tbody tr.g-body th span[class^=beforestr-]::before {
  color: white;
  font-size: 0.8em;
}
.gadget-chart-line table tbody tr.g-body th span:nth-child(1) { margin-top: -0.5em;}
.gadget-chart-line table tbody tr.g-body th span:nth-child(2) { margin-top: -0.25em;}
.gadget-chart-line table tbody tr.g-body th span:nth-child(4) { margin-bottom: -0.25em;}
.gadget-chart-line table tbody tr.g-body th span:nth-child(5) { margin-bottom: -0.5em;}
.gadget-chart-line table tbody tr.g-body td {
  position: relative;
  width: 7.6923076923%;
  height: calc(var(--chart-height) * 1px);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  vertical-align: middle;
  vertical-align: bottom;
}
.gadget-chart-line table tbody tr.g-body td::before {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: "";
}
.gadget-chart-line table tbody tr.g-body td:first-of-type::before {
  left: -10px;
  width: calc(100% + 10px);
}
.gadget-chart-line table tbody tr.g-body td:last-of-type { border-right: 1px solid rgba(255, 255, 255, 0.3);}
.gadget-chart-line table tbody tr.g-body td:last-of-type::before {
  right: 10px;
  width: calc(100% + 10px);
}
.gadget-chart-line table tbody tr.g-body td span {
  display: block;
  width: 50%;
  height: calc(var(--length) * 1%);
  margin: auto;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.gadget-chart-line table tbody tr:not(:first-child) td {
  height: 2em;
  border-right: none;
  border-left: none;
  vertical-align: middle;
}
.gadget-chart-line table tbody tr:last-child td { border-bottom: none;}
.gadget-chart-line table tbody tr.label-row td { position: relative;}
.gadget-chart-line table tbody tr.label-row td .contents {
  display: block;
  width: 80%;
  margin: auto;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.gadget-chart-line table tbody tr.label-row td::before, .gadget-chart-line table tbody tr.label-row td::after {
  position: absolute;
  top: -1px;
  bottom: 50%;
  left: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
  content: "";
}
.gadget-chart-line table tbody tr.label-row td::before { border-right: none;}
.gadget-chart-line table tbody tr.label-row td::after { border: none;}
.gadget-chart-line table tbody tr.label-row td:first-of-type::before {
  left: -10px;
  width: calc(100% + 10px);
  border-left: none;
}
.gadget-chart-line table tbody tr.label-row td:first-of-type::after {
  width: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.gadget-chart-line table tbody tr.label-row td:last-of-type::before {
  right: 10px;
  width: calc(100% + 10px);
}
.gadget-chart-line table tbody tr.label-row td:last-of-type::after {
  left: 1px;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.gadget-chart-line table tbody tr.value-row { text-align: center;}
.gadget-chart-line table tbody tr.value-row .box {
  border: 1px solid rgba(var(--cs-basic-01-rgb), 0.2);
  border-radius: 0.5em;
  background-color: rgba(var(--cs-basic-01-rgb), 0.1);
}

.gadget-marquee {
  --font-size: 1;
  --ypos: 0;
  --y_padding: 1;
  --list_margin: 3;
  --height: calc(var(--font-size) + var(--y_padding) * 2);
}
.gadget-marquee:has(li) {
  --scroll_time: 20s;
  z-index: 100;
  position: absolute;
  top: calc(var(--ypos) * 1% + var(--height) * 0.5em);
  left: 50%;
  width: 0;
  height: 0;
  padding: 0 5px;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transform-origin: center;
  border: 1px solid var(--cs-ac_03-03);
  background: rgba(var(--cs-key_smoke-dk-rgb), 0.9);
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-name: animation-marquee-open;
  opacity: 0;
}
.gadget-marquee:has(li) ul.marquee-list {
  position: absolute;
  width: max-content;
  white-space: nowrap;
  animation-duration: var(--scroll_time);
  animation-timing-function: linear;
  animation-delay: 0.7s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-name: animation-marquee-move;
}
.gadget-marquee:has(li) ul.marquee-list li.marquee-item {
  display: inline;
  padding-right: calc(var(--list_margin) * 1em);
  color: var(--cs-ac_03-03);
  font-size: calc(var(--font-size) * 1em);
  line-height: var(--height);
  white-space: nowrap;
}
.gadget-marquee:has(li) ul.marquee-list li.marquee-item:first-child { padding: 0 calc(var(--list_margin) * 1em) 0 100vw;}
@keyframes animation-marquee-move {0% { transform: translate(0%);}
100% { transform: translate(-100%);}
}
@keyframes animation-marquee-open {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: calc(var(--height) * 1em);
    opacity: 1;
  }
}
@keyframes animation-marquee-close {
  10% {
    width: 100%;
    height: calc(var(--height) * 1em);
    opacity: 1;
  }
99% { opacity: 1;}
  100% {
    width: 0;
    height: 0;
    opacity: 0;
  }
}

.gadget-gauge_bar {
  --height: 0em;
  --width: 0em;
  --bar-01-percentage: 0;
  --bar-02-percentage: 0;
  --bar-03-percentage: 0;
  --bar-04-percentage: 0;
  --bar-01-col: var(--cs-key-01);
  --bar-02-col: var(--cs-ac_03-01);
  --bar-03-col: var(--cs-ac_01-01);
  --bar-04-col: var(--cs-ac_02-01);
  --round: 50vh;
  --radius: var(--radius, 0);
  --bar-01-pos: var(--bar-01-percentage);
  --bar-02-pos: calc(var(--bar-01-pos) + var(--bar-02-percentage));
  --bar-03-pos: calc(var(--bar-02-pos) + var(--bar-03-percentage));
  --bar-04-pos: calc(var(--bar-03-pos) + var(--bar-04-percentage));
  display: block;
  width: var(--width);
  min-width: 30px;
  height: var(--height);
  min-height: 5px;
  border-radius: var(--radius);
  background-image: linear-gradient(to right, var(--bar-01-col) 0%, var(--bar-01-col) calc(var(--bar-01-pos) * 1%), transparent calc(var(--bar-01-pos) * 1%), var(--bar-02-col) calc(var(--bar-01-pos) * 1%), var(--bar-02-col) calc(var(--bar-02-pos) * 1%), transparent calc(var(--bar-02-pos) * 1%), var(--bar-03-col) calc(var(--bar-02-pos) * 1%), var(--bar-03-col) calc(var(--bar-03-pos) * 1%), transparent calc(var(--bar-03-pos) * 1%), var(--bar-04-col) calc(var(--bar-03-pos) * 1%), var(--bar-04-col) calc(var(--bar-04-pos) * 1%), transparent calc(var(--bar-04-pos) * 1%));
  background-repeat: no-repeat;
  background-color: var(--cs-basic-03);
  transition: all 0.2s;
}
.gadget-gauge_bar.add_border { border: 1px solid var(--cs-basic-05);}

.gadget-exhistory {
  --review_w: auto;
  --border-col: var(--cs-basic-06);
  --symbol_bg: var(--cs-basic-01-rgb);
  margin-top: 2em;
}
.gadget-exhistory .list .c4 .review, .gadget-exhistory .list .c3 .score, .gadget-exhistory .list .c2 .symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 0.25em;
  outline: 1px solid rgba(var(--cs-basic-08-rgb), 0.5);
  outline-offset: -1px;
}
.gadget-exhistory :is(.head, .list) {
  display: grid;
  -moz-column-gap: 1em;
  grid-template-columns: 1fr 6em 7em var(--review_w);
       column-gap: 1em;
}
.teigakunen .gadget-exhistory :is(.head, .list) { grid-template-columns: 1fr 6em 8.5em var(--review_w);}
.gadget-exhistory:has(.button.nor) .head { margin-right: calc(2.5em + 3px);}
.gadget-exhistory:has(.button.nor) .list {
  align-items: unset;
  padding: 0 2.5em 0 0;
  color: inherit;
  text-align: unset;
  vertical-align: unset;
}
.gadget-exhistory:has(.button.nor) .list:not(:hover, :active) {
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01);
}
.gadget-exhistory:has(.button.nor) .list:not(:active) { color: var(--cs-font-01) !important;}
.gadget-exhistory:has(.button.nor) .list::after {
  position: absolute;
  top: 50%;
  right: 0.25em;
  transform: translateY(-50%);
  content: " \e905";
  color: var(--cs-font_link-nor);
  font-size: 1.5em;
  line-height: 1;
  font-family: "elaicon" !important;
}
.gadget-exhistory .head {
  position: relative;
  margin-right: calc(0.5em + 3px);
  margin-bottom: 0.25em;
  white-space: nowrap;
}
.gadget-exhistory .head .c1 { grid-area: 1/1/2/2;}
.gadget-exhistory .head .c2 { grid-area: 1/2/2/3;}
.gadget-exhistory .head .c3 { grid-area: 1/3/2/4;}
.gadget-exhistory .head .c4 { grid-area: 1/4/2/5;}
.gadget-exhistory .head::before {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 3px;
  margin: auto;
  inset: 0;
  background-color: var(--cs-basic-05);
  content: "";
}
.gadget-exhistory .head li.c1 .label { padding-left: 0.5em;}
.gadget-exhistory .head li:not(.c1) .label {
  justify-content: center;
  text-align: center;
}
.gadget-exhistory .head li .label {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0.25em;
  border: 3px solid var(--cs-basic-05);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0.2em;
  background-color: var(--cs-basic-03);
  color: var(--cs-font-03);
  font-size: 0.75em;
}
.gadget-exhistory .list {
  position: relative;
  padding: 0 0.5em 0 0;
  overflow: hidden;
  border: 3px solid var(--border-col);
  border-radius: 0.5em;
  --head_bg: var(--cs-btn_bg-nor-rgb);
}
.gadget-exhistory .list .c1 { grid-area: 1/1/3/2;}
.gadget-exhistory .list .c2 { grid-area: 1/2/2/3;}
.gadget-exhistory .list .c3 { grid-area: 1/3/2/4;}
.gadget-exhistory .list .c4 { grid-area: 1/4/2/5;}
.gadget-exhistory .list .c5 { grid-area: 2/2/3/5;}
.gadget-exhistory .list:not(.button) {
  background-color: var(--cs-basic-01);
  color: var(--cs-font-01) !important;
}
.gadget-exhistory .list.warnin {
  --symbol_bg: var(--cs-ac_03-03-rgb);
  --score_fc: var(--cs-font-dark);
  --head_bg: var(--cs-ac_03-03-rgb);
}
.gadget-exhistory .list.attention {
  --symbol_bg: var(--cs-ac_02-03-rgb);
  --score_fc: var(--cs-font-lite);
  --head_bg: var(--cs-ac_02-03-rgb);
}
.gadget-exhistory .list:not(:last-of-type) { margin-bottom: 1em;}
.gadget-exhistory .list > li {
  margin-left: 0;
  list-style: none;
}
.gadget-exhistory .list :is(.c2, .c3, .c4) {
  padding: 0.45em 0 0;
  line-height: 1;
}
.gadget-exhistory .list :is(.c2, .c4) .symbol > span {
  margin: 0;
  line-height: 0;
}
.gadget-exhistory .list .c1 .label {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.5em;
  border-right: 1px solid var(--border-col);
  background-color: rgba(var(--head_bg), 1);
}
.gadget-exhistory .list .c1 .label span { font-size: 1.1em;}
.gadget-exhistory .list .c2 .symbol {
  background-color: rgba(var(--symbol_bg), 1);
  text-align: center;
}
.gadget-exhistory .list .c2 .symbol > span { font-size: 1.5em;}
.gadget-exhistory .list .c3 .score { text-align: center;}
.gadget-exhistory .list .c3 .score > span { font-size: 1.5em;}
.gadget-exhistory .list .c4 .review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5em;
}
.gadget-exhistory .list .c4 .review li {
  display: flex;
  align-items: center;
  margin: 0;
  list-style: none;
}
.gadget-exhistory .list .c4 .review:has(.score > span:is(:empty)) { justify-content: center;}
.gadget-exhistory .list .c4 .score:has(> span:is(:empty)) { display: none;}
.gadget-exhistory .list .c4 :is(.symbol, .score) > span {
  margin: 0 0.25em;
  font-size: 1.5em;
  line-height: 1;
}
.gadget-exhistory .list .c4:not(:has([class*=afterstr-score])) .score { font-size: 0.75em;}
.gadget-exhistory .list .c4 .symbol span::before {
  color: #F897C0 !important;
  line-height: 1.3;
}
.gadget-exhistory .list .c5 { padding: 0.4em 0.5em 0.25em;}
.gadget-exhistory .list .c5 .comment {
  display: flex;
  align-items: center;
}
.gadget-exhistory .list .c5 .comment::before {
  content: "\e93e";
  color: var(--cs-ac_01-02);
  font-family: "elaicon" !important;
}
.gadget-exhistory .list .c5 .comment span {
  padding-left: 0.5em;
  color: var(--cs-font-03);
  font-size: 0.9em;
  line-height: 1.3;
}
@media (any-hover: hover) {
  .gadget-pagination li:hover, .gadget-button-help:hover {
    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);
    text-decoration: none;
  }
.gadget-pagination li.eff:hover, .eff.gadget-button-help:hover { animation: effectBtn_multi 0.2s linear 0.1s infinite alternate;}
.gadget-button-listening:is(.nor, .eff):hover { background-color: var(--cs-dri-cntl_btn-nor-st1);}
.gadget-button-listening:is(.nor, .eff):hover .icon-wrap span[class^=elaicon-] { color: var(--cs-dri-cntl_btn_font-hov);}
.gadget-calendar .calendar-day:has(.times, .average):hover { box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);}
  .gadget-calendar .calendar-day:has(.times, .average):active {
    background-color: var(--cs-btn_bg-act) !important;
    box-shadow: none;
    transition: none;
  }
.gadget-calendar .calendar-day:has(.times, .average):active .date-num { color: var(--cs-btn_font-act);}
.gadget-todrill .content-block > .button-container :is(.button, .button-fullwidth).nor:hover { border-color: inherit;}
  .form-wrapper.gadget-impression-buttons input[name=furi]:checked ~ input[name=next] + label[for=next]:hover {
    background-color: var(--cs-btn_bg-hov);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);
    color: var(--cs-font_link-hov);
  }
  .gadget-drillselector #switch10:checked ~ .arrow.prev:hover, .gadget-drillselector #switch9:checked ~ .arrow.next:hover, .gadget-drillselector #switch9:checked ~ .arrow.prev:hover, .gadget-drillselector #switch8:checked ~ .arrow.next:hover, .gadget-drillselector #switch8:checked ~ .arrow.prev:hover, .gadget-drillselector #switch7:checked ~ .arrow.next:hover, .gadget-drillselector #switch7:checked ~ .arrow.prev:hover, .gadget-drillselector #switch6:checked ~ .arrow.next:hover, .gadget-drillselector #switch6:checked ~ .arrow.prev:hover, .gadget-drillselector #switch5:checked ~ .arrow.next:hover, .gadget-drillselector #switch5:checked ~ .arrow.prev:hover, .gadget-drillselector #switch4:checked ~ .arrow.next:hover, .gadget-drillselector #switch4:checked ~ .arrow.prev:hover, .gadget-drillselector #switch3:checked ~ .arrow.next:hover, .gadget-drillselector #switch3:checked ~ .arrow.prev:hover, .gadget-drillselector #switch2:checked ~ .arrow.next:hover, .gadget-drillselector #switch2:checked ~ .arrow.prev:hover, .gadget-drillselector #switch1:checked ~ .arrow.next:hover, .gadget-drillselector #switch1:checked ~ .arrow.prev:hover {
    background-color: var(--cs-btn_bg-hov);
    color: var(--cs-btn_font-hov);
  }
  .gadget-tab .tab-button-wrapper .tab-button:hover {
    border-color: var(--cs-btn_border-hov);
    border-bottom-color: var(--cs-basic-08);
    background: none;
    background-color: var(--cs-btn_bg-hov);
    color: var(--cs-btn_font-hov);
  }
  .button-smooth.nor:hover {
    background-position: 0% 100%;
    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;
  }
.grid_list.table .body.link.nor:hover { cursor: pointer;}
  .grid_list.table .body.link.nor:hover .cell {
    background-color: var(--cs-key-03);
    color: #11489B;
    transition: background-color 0.3s, color 0.3s;
  }
.grid_list.table .body.link.nor:hover::after { color: var(--cs-font_link-hov);}
  .grid_list.box .body.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;
  }
.grid_list.box .body.link.nor:hover::after { color: var(--cs-font_link-hov);}
  .hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0):hover svg.hex {
    width: 130% !important;
    height: 130% !important;
    filter: drop-shadow(0 0 5px black);
    stroke-width: 2 !important;
    z-index: 11;
  }
  .hex-map .hex-map__item:is(.pt3, .pt2, .pt1, .pt0):hover .first-letter {
    width: 130% !important;
    height: 130% !important;
  }
.hex-map .categories.c1 ul li.cateBtn.nor:hover { opacity: 1;}
.hex-map .categories.c1 ul li.cateBtn.sel:hover::before { left: -10px;}
  .hex-map .categories.c1 ul li.all:hover {
    border: 1px solid var(--cs-btn_border-hov);
    background-color: var(--cs-btn_bg-hov);
    color: var(--cs-btn_font-hov);
  }
  .hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper:hover svg.hex {
    z-index: 10;
    width: 120% !important;
    height: 120% !important;
    filter: drop-shadow(0 0 3px black);
    stroke-width: 2;
  }
.hex-map .c3 .subsub_categories .subsub_area .hex_container .hex_wrapper:hover .first-letter svg text { font-size: 1.2em;}
  .hex-map .c3 .thumbnail .image-wrapper:hover::after {
    background-color: var(--cs-btn_bg-hov);
    box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .gadget-hex.nor:hover svg.hex {
    z-index: 11;
    width: 120% !important;
    height: 120% !important;
    filter: drop-shadow(0 6px 2px rgba(0, 0, 0, 0.5));
    stroke-width: 2;
  }
.gadget-hex.nor:hover .first-letter svg text { font-size: 1.2em;}
.gadget-exhistory:has(.button.nor) .list:hover .c1 .label { background-color: rgba(var(--head_bg), 0.5);}
.gadget-exhistory:has(.button.nor) .list:hover .c2 .symbol { background-color: rgba(var(--symbol_bg), 0.5);}
}
@media screen and (max-width: 479.98px) {
  .gadget-calendar .calendar-day .datas-wrapper .datas {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr;
  }
.gadget-calendar .calendar-day .datas-wrapper .datas .contents.times { grid-area: 1/1/2/2;}
.gadget-calendar .calendar-day .datas-wrapper .datas .contents.average { grid-area: 2/1/3/2;}
.gadget-calendar .calendar-day .datas-wrapper .datas::before { content: none;}
}
@media (prefers-color-scheme: dark) {.ios .hex-map .c3 .subsub_categories { background-image: linear-gradient(to right, var(--cs-basic-02), var(--cs-basic-01) calc(100% - 0.6em), var(--cs-basic-04) calc(100% - 0.5em), var(--cs-basic-05) calc(100% - 0.1em));}
}