@charset "UTF-8";



.tt-calc {
  margin: 1.6em 0 0;
  padding: 1.2em 1.2em .4em;
  background: var(--tt-bg-white);
  border: 1px solid var(--tt-line);
  border-top: 3px solid var(--tt-brand);
}
.tt-calc__set {
  margin: 0 0 1.2em;
  padding: 0;
  border: none;
}
.tt-calc__legend {
  padding: 0;
  margin: 0 0 .5em;
  font-weight: 700;
  color: var(--tt-brand);
  line-height: var(--tt-lh-tight);
}
.tt-calc__hint {
  margin: .4em 0 .8em;
  font-size: .88em;
  line-height: 1.75;
  color: var(--tt-sub);
}
.tt-calc__radios {
  display: flex;
  flex-wrap: wrap;
  gap: .5em .8em;
}
.tt-calc__radio {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  padding: .5em .9em;
  border: 1px solid var(--tt-line-form);
  background: var(--tt-bg);
  cursor: pointer;
  line-height: 1.4;
}
.tt-calc__radio:hover { background: var(--tt-bg-soft); }
.tt-calc__radio:focus-within { outline: 3px solid var(--tt-link); outline-offset: 1px; }

.tt-calc__field {
  display: block;
  margin: 0 0 .9em;
}
.tt-calc__label {
  display: block;
  margin-bottom: .35em;
  font-size: .95em;
}
.tt-calc__inputwrap {
  display: inline-flex;
  align-items: baseline;
  gap: .4em;
}
.tt-calc__inputwrap input[type="number"] {
  width: 11em;
  max-width: 100%;
  padding: .45em .6em;
  border: 1px solid var(--tt-line-form);
  background: #fff;
  color: var(--tt-ink);
  font-size: 1.05em;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.tt-calc__inputwrap input[type="number"]:focus-visible {
  outline: 3px solid var(--tt-link);
  outline-offset: 1px;
}
.tt-calc__unit { color: var(--tt-sub); font-size: .95em; }

.tt-calc__derived {
  margin: 0 0 .4em;
  font-size: .95em;
}
.tt-calc__derived output {
  font-weight: 700;
  color: var(--tt-brand);
  font-variant-numeric: tabular-nums;
}

.tt-calc__acts {
  display: flex;
  flex-wrap: wrap;
  gap: .6em;
  margin: 0 0 1.2em;
}


.tt-calc__result {
  margin: 0 0 1.8em;
  padding: 1.1em 1.2em;
  background: var(--tt-bg-soft);
  border: 1px solid var(--tt-line);
  border-top: none;
}

.tt-calc__result h3.tt-calc__resulth {
  margin: 0 0 .7em;
  padding: 0;
  border: none;
  font-size: 1.05em;
  color: var(--tt-brand);
  line-height: var(--tt-lh-tight);
}
.tt-calc__out { margin: 0 0 .8em; }
.tt-calc__outrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .4em 1em;
  padding: .55em 0;
  border-bottom: 1px dotted var(--tt-line);
}
.tt-calc__outrow dt {
  margin: 0;
  font-size: .92em;
  color: var(--tt-sub);
  font-weight: 400;
}
.tt-calc__outrow dd {
  margin: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.tt-calc__outrow--main dt { color: var(--tt-ink); font-weight: 700; }

.tt-calc__outrow--main dd {
  font-size: 1.35em;
  color: var(--tt-brand);
}

.tt-calc__msg {
  margin: .5em 0 0;
  padding: .6em .8em;
  font-size: .9em;
  line-height: 1.75;
  background: var(--tt-bg-white);
  border-left: 3px solid var(--tt-brand);
}
.tt-calc__msg--warn {
  background: var(--tt-bg-warn);
  border-left-color: var(--tt-warn);
  color: var(--tt-ink);
}
.tt-calc__note {
  margin: .9em 0 0;
  font-size: .85em;
  line-height: 1.8;
  color: var(--tt-sub);
}


.tt-toolpage {}
.tt-toolpage--shobyo {}


.tt-toolpage__noscript {
  margin: 1em 0;
  padding: .8em 1em;
  background: var(--tt-bg-warn);
  border-left: 3px solid var(--tt-warn);
  font-size: .92em;
}



.tt-formula {
  margin: 1.4em 0;
  padding: 1.1em 1.2em;
  background: var(--tt-bg-white);
  border: 1px solid var(--tt-line);
  border-left: 4px solid var(--tt-brand);
}
.tt-formula__line {
  margin: 0 0 .8em;
  font-size: 1.02em;
  line-height: 1.9;
  font-weight: 700;
  color: var(--tt-brand);
}
.tt-formula__box {
  display: inline-block;
  padding: .1em .5em;
  background: var(--tt-bg-soft);
  border-bottom: 2px solid var(--tt-brand);
  font-weight: 700;
}

.post_content .tt-formula__steps {
  margin: 0 0 .8em;
  padding-left: 1.4em;
}
.tt-formula__steps li { margin: .35em 0; line-height: 1.85; }
.tt-formula__warn {
  margin: 0;
  padding: .6em .8em;
  background: var(--tt-bg-warn);
  border-left: 3px solid var(--tt-warn);
  font-size: .92em;
  line-height: 1.8;
}


.post_content .tt-work {
  margin: .8em 0 1.4em;
  padding: .9em 1em .9em 2.4em;
  background: var(--tt-bg-white);
  border: 1px solid var(--tt-line);
  counter-reset: none;
}
.tt-work li {
  margin: .4em 0;
  line-height: 1.9;
  font-variant-numeric: tabular-nums;
}
.tt-work li strong { color: var(--tt-brand); }

.tt-work li:last-child strong { color: var(--tt-brand); font-size: 1.05em; }


.post_content .tt-srclist {
  list-style: none;
  margin: 1em 0 1.6em;
  padding: 0;
}
.tt-srclist > li {
  margin: 0;
  padding: .8em 0;
  border-bottom: 1px dotted var(--tt-line);
  line-height: 1.85;
}
.tt-srclist > li:first-child { border-top: 1px dotted var(--tt-line); }
.tt-srclist a { word-break: break-all; font-size: .92em; }
.tt-srclist__what {
  display: block;
  margin-top: .3em;
  font-size: .85em;
  color: var(--tt-sub);
}


.tt-disclaim {
  margin: 1.8em 0;
  padding: 1em 1.2em;
  background: var(--tt-bg);
  border: 1px solid var(--tt-line);
}
.tt-disclaim__h {
  margin: 0 0 .5em;
  font-weight: 700;
  color: var(--tt-brand);
}
.post_content .tt-disclaim ul {
  margin: 0;
  padding-left: 1.3em;
}
.post_content .tt-disclaim ul > li {
  margin: .4em 0;
  font-size: .9em;
  line-height: 1.85;
  color: var(--tt-ink);
}


.post_content .tt-relate {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
}
.tt-relate > li {
  margin: 0;
  padding: .7em 0;
  border-bottom: 1px dotted var(--tt-line);
  line-height: 1.85;
}
.tt-relate > li:first-child { border-top: 1px dotted var(--tt-line); }


@media (max-width: 600px) {
  .tt-calc { padding: 1em .9em .3em; }
  .tt-calc__result { padding: .9em; }
  .tt-calc__inputwrap input[type="number"] { width: 100%; }
  .tt-calc__inputwrap { display: flex; }
  .tt-calc__outrow { flex-direction: column; align-items: flex-start; }
  .tt-calc__outrow--main dd { font-size: 1.25em; }
  .tt-calc__acts .tt-btn { width: 100%; justify-content: center; }
  .tt-work { padding-left: 2em; }
}


.tt-shobyo-gate {
  box-sizing: border-box;
  margin: 1.8em 0;
  padding: 1.1em 1.2em;
  background: var(--tt-bg-white);
  border: 2px solid var(--tt-brand);
  border-radius: var(--tt-r-card, 5px);
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.tt-shobyo-gate * { box-sizing: inherit; }
.tt-shobyo-gate p { margin: 0 0 .7em; }
.tt-shobyo-gate p:last-child { margin-bottom: 0; }
.tt-shobyo-gate__h {
  font-size: 1.02em;
  font-weight: 700;
  color: var(--tt-brand);
  letter-spacing: .02em;
}
.post_content .tt-shobyo-gate__list {
  margin: 0 0 .8em;
  padding-left: 1.3em;
}
.tt-shobyo-gate__list > li {
  margin: 0 0 .35em;
  line-height: 1.8;
}
.tt-shobyo-gate__go {
  font-weight: 700;
}
.tt-shobyo-gate__else {
  font-size: .93em;
  color: var(--tt-sub);
}

.tt-shobyo-gate__recheck {
  margin: 1em 0;
  padding: .7em .9em;
  background: var(--tt-bg-soft);
  border-left: 2px solid var(--tt-brand);
  line-height: 1.8;
}
@media (max-width: 600px) {
  .tt-shobyo-gate { padding: .9em 1em; }
}