@charset "utf-8";
/* Override to default style */
input[type=checkbox],
input[type=radio] {
  height: auto;
}
*.P5msg {
  background-color: #cfc;
  border: 1px solid green;
  border-radius: 6px;
  box-sizing: border-box;
  color: green;
  display: block;
  font-size: 0.83rem;
  margin: auto auto 1em;
  padding: 0.5em 0.8em;
}
*.P5err {
  color: red;
}
input.P5err, select.P5err, textarea.P5err {
  background-color: #ffc;
  color: #024;
}
td.P5err, th.P5err {
    background: #ffcccc !important;
}
#err-system .P5err {
  background: #fcc;
  border: 1px solid #c00;
  border-radius: 6px;
  box-sizing: border-box;
  color: #c00;
  display: block;
  font-size: 0.8rem;
  margin: 0.5em auto;
  padding: 0.5em 1em;
}
.error-message .P5err {
  background: #dc0000;
  border: 1px solid #999;
  color: #fff;
  display: block;
  font-size: 0.72rem;
  margin: 0 0 -1px;
  padding: 0.25em 0.5em;
}
.error-message .P5err:before {
  content: '▼';
  margin-right: 0.4em;
}
.visibility-hidden {
  visibility: hidden;
}
.visibility-hidden.display-none {
  display: none;
}
.controls {
  display: block;
}
.controls .save {
  align-items: end;
  display: flex;
  gap: 10px;
  margin-bottom: 1.5em;
}
.controls .save .button {
  min-width: 200px;
}
.controls .save small {
  color: #f00;
  font-size: 0.75rem;
}
.controls .navigation {
  display: flex;
}
.controls .confirmation {
  margin-top: 0.7em;
}
.controls .button {
  line-height: 1;
  padding: 0.8em;
}
.controls .button:focus {
  background-color: #009FE8;
}
div.controls .button:disabled {
  background-color: #cdcdcd;
  cursor: default;
}

/*
.controls .left {
  margin-right: auto;
}
.controls .normal-anchor {
  align-self: start;
  font-size: 0.75rem;
}
.controls .text-link {
  background-color: transparent;
  border: 0 none transparent;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: inline;
  font-size: 0.9rem;
  text-decoration-line: underline;
}
*/

/* disabled */
input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=hidden]):disabled,
select:disabled,
textarea:disabled {
  background-color: #eee;
  color: #ccc;
}
select:disabled.readonly {
  background-color: initial;
  color: initial;
}
a.disabled {
  cursor: default;
  pointer-events: none;
}

*.hide-by-inputenabler:not(.use-visibility) {
  display: none;
}
*.hide-by-inputenabler.use-visibility {
  visibility: hidden;
}

html.mokuji #qblock-mokuji-sp dt label,
html.mokuji #qblock-mokuji dt label {
  cursor: pointer;
}
html.mokuji #qblock-mokuji-sp dt input[name=index],
html.mokuji #qblock-mokuji dt input[name=index] {
  display: none;
}
html.mokuji #qblock-mokuji-sp input[name=index]:disabled + label,
html.mokuji #qblock-mokuji input[name=index]:disabled + label {
  color: #999;
  cursor: default;
}

html.pwcheck input[name=password].ok,
html.pwcheck input[name=retype].ok {
  background: #cfc;
}
html.pwcheck input[name=password].ng,
html.pwcheck input[name=retype].ng {
  background: #ffc;
}
html.pwcheck input[name=password].bad,
html.pwcheck input[name=retype].bad {
  background: #fcc;
}

html.question-reminder #err-nologin {
  margin-top: 1.5em;
}
html.question-reminder #err-nologin p {
  color: #f00;
  font-size: 0.8rem;
}

html.confirm .readonly-field.isempty {
  color: #999;
}

.c-controls-btn:focus {
  background-color: #009fe8;
  color: #fff;
}

.hidden {
  display: none !important;
}

html.mokuji #server-response {
  color: #f00;
  font-size: 0.8rem;
}

html.mokuji .l-mokuji .c-frame dt {
  color: #005075;
}
html.mokuji #index-f + label {
  font-weight: bolder;
}
html.mokuji .first-action {
  color: #f00;
  font-size: smaller;
}
html.mokuji .answer-sent #qblock-mokuji-sp input[name=index]:disabled + label,
html.mokuji .answer-sent #qblock-mokuji input[name=index]:disabled + label {
  color: #005075;
}

#result-movie .video {
  text-align: center;
  width: 100%;
}
#result-movie div.controls {
  justify-content: center;
}
html.contact div.controls .cancel-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
html.contact div.controls {
  justify-content: center;
}

.l-login .c-field-group__fieldset label,
.l-reminder .c-field-group__fieldset label,
.l-reset .c-field-group__fieldset label {
  white-space: nowrap;
}
.l-login .c-field-group__fieldset input:is([type=text],[type=password]),
.l-reminder .c-field-group__fieldset input:is([type=text],[type=password]),
.l-reset .c-field-group__fieldset input:is([type=text],[type=password]) {
  width: 210px;
}
/* tb追記2026.3.7 */
.l-mokuji .c-tabs li div span.sent.unsent-cm {
  background: #ff4d4f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 999px;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.l-mokuji .c-tabs li div span.sent.unsent-cm label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.l-mokuji .c-tabs li div span.sent-sp.unsent-cs {
  background: #ff4d4f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 999px;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.l-mokuji .c-tabs li div span.sent-sp.unsent-cs label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}