@charset "UTF-8";
.horizontal-dropdown-menu {
  width: 100%;
}

.horizontal-dropdown-menu li {
  float: left;
  width: 16.66%;
  text-align: center;
}

.portlet {
  margin: 0 1em 1em 0;
  padding: 0.3em;
}

.portlet-header {
  padding: 0.2em 0.3em;
  margin-bottom: 0.5em;
  position: relative;
}

.portlet-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}

.portlet-content {
  padding: 0.4em;
}

.portlet-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px;
}

#load-setting .load-tab .nav li a {
  border-bottom: 1px solid transparent;
}

#load-setting .load-type-header {
  background-color: #eaf6fd;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.5em 1em;
}

#add-load-navi {
  border: 1px solid #898989;
  padding: 1em 0;
}

.add-load-item-wrapper {
  margin: 15px 0;
}

.next-back a.prev, .next-back a.next {
  opacity: 1;
}

i.math {
  display: inline-block;
  padding: 0 4px 0 2px;
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
  font-family: "Times New Roman", sans-serif;
}

#result-form h5, #load-setting h5 {
  font-size: 1.4em;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 600;
}

#confirm-size .calc-label {
  width: 200px;
}

#confirm-size #accordion h4 a {
  display: block;
}

#confirm-size .select-list tr.reduction-ratio td, #confirm-size .select-list tr.reduction-ratio th {
  background-color: #eaf6fd;
  color: #333;
}

#confirm-size label.radio {
  opacity: 1;
  font-weight: normal;
}

#confirm-size .result-table .select-list label.radio:before {
  margin-top: -3px;
  font-size: 22px;
}

#confirm-size .result-table .select-list input[type="radio"]:checked + label:before {
  margin-top: -4px;
  font-size: 22px;
}

#product-code .select-list label.radio.motor-none:before {
  margin-left: -25px;
  margin-top: 2px;
}

#product-code h4.product-number-name {
  text-align: center;
  font-size: 40px;
}

#product-code h4.product-number-name-fixed {
  display: block;
  border: 8px solid white;
  border-left: 0;
  position: fixed;
  z-index: 200;
  top: 60px;
}

.result-table {
  font-size: 14px;
}

.result-table th {
  min-width: 80px;
}

.performance-table {
  font-size: 14px;
}

.performance-table td {
  text-align: center;
}

.performance-table td.title {
  text-align: left;
}

.performance-table td.grid16 {
  width: 6.25%;
}

.performance-table th.grid16 {
  width: 6.25%;
}

.performance-table th.grid8, .performance-table td.grid8 {
  width: 12.5%;
}

.performance-table th.grid3, .performance-table td.grid3 {
  width: 12%;
}

.performance-table th.grid6, .performance-table td.grid6 {
  width: 24%;
}

.performance-table th.w-50, .performance-table td.w-50 {
  width: 12%;
}

.performance-table th.w-33, .performance-table td.w-33 {
  width: 4%;
}

.performance-table .data-lg th.grid3, .performance-table .data-lg td.grid3 {
  width: 18%;
}

.performance-table .data-lg th.grid6, .performance-table .data-lg td.grid6 {
  width: 36%;
}

.performance-table .data-lg th.w-50, .performance-table .data-lg td.w-50 {
  width: 18%;
}

.performance-table .data-lg th.w-33, .performance-table .data-lg td.w-33 {
  width: 6%;
}

.performance-table .modal-xl th.grid8, .performance-table .modal-xl td.grid8 {
  width: 12.5%;
}

.performance-table .modal-xl th.grid3, .performance-table .modal-xl td.grid3 {
  width: 15%;
}

.performance-table .modal-xl th.grid6, .performance-table .modal-xl td.grid6 {
  width: 30%;
}

.performance-table .modal-xl th.w-50, .performance-table .modal-xl td.w-50 {
  width: 15%;
}

.performance-table .modal-xl th.w-33, .performance-table .modal-xl td.w-33 {
  width: 5%;
}

.performance-table .modal-xl .data-lg th.grid3, .performance-table .modal-xl .data-lg td.grid3 {
  width: 30%;
}

.performance-table .modal-xl .data-lg th.grid6, .performance-table .modal-xl .data-lg td.grid6 {
  width: 60%;
}

.performance-table .modal-xl .data-lg th.w-50, .performance-table .modal-xl .data-lg td.w-50 {
  width: 15%;
}

.performance-table .modal-xl .data-lg th.w-33, .performance-table .modal-xl .data-lg td.w-33 {
  width: 10%;
}

#confirm-size .performance-table td.border-right-none {
  border-right-color: transparent;
}

#confirm-size .performance-table td.border-right-none + td {
  border-left-color: transparent;
}

#product-code table.table tr.ra-setting td {
  vertical-align: bottom;
}

.next-back {
  font-size: 12px;
}

/* report */
table.result {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
}

table.result th {
  text-align: center;
  border: 1px solid black;
  border-spacing: 0px;
  border-collapse: collapsed;
  background-color: #eee;
  height: 24px;
}

table.result td {
  border: 1px solid black;
  border-spacing: 0px;
  border-collapse: collapsed;
  background-color: #eee;
  height: 24px;
}

.report-subtitle {
  margin: 20px 0 10px;
}

table.result-head th {
  background-color: #ccc;
}

table.result .item {
  width: 32%;
}

table.result .item-group {
  width: 12%;
}

table.result .item-name {
  width: 20%;
}

table.result .expression {
  width: 8%;
}

table.result .value {
  width: 22%;
}

table.result .unit {
  width: 8%;
}

table.result .comment {
  width: 30%;
}

table.result th {
  background-color: #eee;
}

table.result th.header-row {
  font-size: 20px;
  padding: 4px;
}

table.result .unit {
  background-color: #ccc;
}

table.result .item-name, table.result .item-name-extend {
  padding-left: 4px;
  text-align: left;
}

table.result .value, table.result .value-extend {
  text-align: center;
}

table.result .unit {
  background-color: #ccc;
}

table.result .expression {
  font-family: serif;
  font-weight: bold;
  font-style: italic;
}

table.result .unit {
  text-align: center;
  font-family: ipa-mincho;
}

table.result-body .chart {
  text-align: center;
  height: 40px;
}

table.result-body .chart img {
  width: 600px;
  height: 200px;
}

table.result .motor-row-first th, table.result .motor-row-first td {
  border-top-width: 3px;
}

table.result .motor-row:last-of-type th, table.result .motor-row:last-of-type td {
  border-bottom-width: 3px;
}

table.result .motor-row th:first-of-type {
  border-left-width: 3px;
}

table.result .motor-row td:last-of-type {
  border-right-width: 3px;
}

p.comment {
  font-size: 16px;
}

.label-lubrication {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1em;
  font-size: 0.7em;
  margin: 0 4px 4px 0;
  padding: 4px 8px;
  border-radius: 8px;
  color: white;
}

.label-grease {
  background-color: #53cc5e;
}

.label-oil {
  background-color: #5d99e9;
}

.badge-grease, .badge-oil {
  color: #333;
  margin: 2px 0 0;
  display: inline-block;
  font-weight: bold;
  font-family: "メイリオ", "Meiryo", sans-serif;
}

.initial-value .badge-grease, .initial-value .badge-oil {
  color: #999;
}

.modal-suggestion .label-lubrication {
  display: block;
  padding: 8px;
}

.modal-suggestion .model-list {
  margin-left: 8px;
}

.modal-suggestion .model-list li {
  display: inline-block;
  min-width: 80px;
  margin: 0 4px;
  line-height: 1.5em;
  font-size: 0.75em;
}

article.container.float-suggestion .left-column {
  position: fixed;
  top: 60px;
}

article.container.float-suggestion .right-column {
  margin-left: 25%;
}

.icon-circle {
  display: inline-block;
}

.icon-circle::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.8 22.4' style='enable-background:new 0 0 22.8 22.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E60012;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19.4,3.3c-2.2-2.2-4.9-3.3-8-3.3c-3.1,0-5.8,1.1-8,3.3C1.1,5.5,0,8.1,0,11.2c0,3.1,1.1,5.8,3.4,7.9 c2.2,2.2,4.9,3.3,8,3.3s5.8-1.1,8-3.3c2.2-2.2,3.4-4.8,3.4-7.9C22.8,8.1,21.7,5.5,19.4,3.3z M20.5,11.2c0,2.5-0.9,4.6-2.7,6.4 c-1.8,1.8-3.9,2.6-6.4,2.6c-2.5,0-4.6-0.9-6.4-2.6c-1.8-1.8-2.7-3.9-2.7-6.4c0-2.5,0.9-4.7,2.6-6.4c1.8-1.8,3.9-2.7,6.4-2.7 c2.5,0,4.7,0.9,6.4,2.7C19.6,6.6,20.5,8.7,20.5,11.2z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.icon-x {
  display: inline-block;
}

.icon-x::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.8 18.8' style='enable-background:new 0 0 18.8 18.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23231815;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='18.8,1.7 17.1,0 9.4,7.7 1.7,0 0,1.7 7.7,9.4 0,17.1 1.7,18.8 9.4,11.1 17.1,18.8 18.8,17.1 11.1,9.4 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.icon-triangle {
  display: inline-block;
}

.icon-triangle::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.8 18.8' style='enable-background:new 0 0 18.8 18.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23004E9D;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0,17.6L9.4,1.2l9.4,16.4H0z M15.8,15.9L9.4,4.7L3,15.9H15.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  article.container.float-suggestion .right-column {
    margin-left: 16.66666667%;
  }
  article.container.float-suggestion .left-column {
    width: 16.66666667%;
    max-width: 160px;
  }
  .modal-xl {
    width: 90%;
    max-width: 1300px;
  }
}

@media (min-width: 1200px) {
  article.container.float-suggestion .right-column {
    margin-left: 25%;
  }
  article.container.float-suggestion .left-column {
    width: 25%;
    max-width: 292.5px;
  }
}

.text-red {
  color: #e60012;
}

.text-black {
  color: #333;
}

.fw-bold {
  font-weight: bold;
}

.mt-1 {
  margin-top: 4px;
}

.required-label {
  color: #e60012;
  margin-left: .5em;
  font-size: .85em;
  font-style: normal;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25em;
  font-size: 0.75em;
  color: #e60012;
}

.has-error .form-control {
  border-color: #e60012;
}

.has-error .invalid-feedback {
  display: block;
}