@charset "UTF-8";
/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box; }

ul[class],
ol[class] {
  padding: 0; }

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

ul[class],
ol[class] {
  list-style: none; }

a:not([class]) {
  text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  max-height: 100%;
  display: block; }

article > * + * {
  margin-top: 1em; }

input,
button,
textarea,
select {
  font: inherit; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

img:not([alt]) {
  filter: blur(10px); }

[v-cloak] {
  display: none !important; }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

a {
  text-decoration: none; }

input[type="radio"] {
  display: none; }

html,
body {
  color: #212121; }

html {
  font-size: 62.5%; }

body {
  font-size: 1.5rem;
  max-width: 1500px;
  margin: 0 auto; }

.layout-content > .section {
  padding: 20px 0; }
  .layout-content > .section.-gray {
    background: #f0f0f0; }

.layout-content > .single {
  min-height: 100vh; }
  .layout-content > .single > .center {
    display: flex;
    justify-content: center;
    align-items: center; }

.layout-column {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-top: -20px; }
  .layout-column > .item {
    width: 50%;
    padding-left: 20px;
    padding-top: 20px; }
    .layout-column > .item.-long {
      width: 100%; }

.layout-row {
  margin-top: -20px; }
  .layout-row > .item {
    width: 100%;
    padding-top: 20px; }

.layout-content-inner {
  width: 90%;
  margin: 0 auto; }
  .layout-content-inner > .content,
  .layout-content-inner > .table {
    margin-top: 40px; }
  .layout-content-inner > .table {
    display: flex;
    flex-wrap: wrap; }
    .layout-content-inner > .table > .body {
      width: 90%;
      overflow-x: scroll; }
      .layout-content-inner > .table > .body::-webkit-scrollbar {
        width: 10px;
        height: 10px; }
      .layout-content-inner > .table > .body::-webkit-scrollbar-track {
        background: #fff;
        border-left: solid 1px #ececec; }
      .layout-content-inner > .table > .body::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
        box-shadow: inset 0 0 0 1px #fff; }
    .layout-content-inner > .table > .edit {
      width: 10%; }
    .layout-content-inner > .table > .number {
      margin-top: 5px;
      width: 100%;
      text-align: right;
      font-size: 1.2rem; }

.layout-search.list-top {
  display: flex;
  justify-content: space-between; }
  .layout-search.list-top > .buttons {
    display: flex; }
    .layout-search.list-top > .buttons .parts-button:nth-child(2) {
      margin-left: 10px; }

.layout-search > .quick {
  display: flex;
  justify-content: flex-end; }
  .layout-search > .quick > .form {
    margin-right: 20px; }

.layout-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }

.layout-margin-top-large {
  margin-top: 40px; }

nav.setting-nav ul, nav.others-nav ul, nav.analysis-nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 20px auto;
  margin-bottom: -1px; }
  nav.setting-nav ul li, nav.others-nav ul li, nav.analysis-nav ul li {
    width: 100px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 12px 12px 0 0;
    padding: 5px; }
    nav.setting-nav ul li:nth-child(n + 2), nav.others-nav ul li:nth-child(n + 2), nav.analysis-nav ul li:nth-child(n + 2) {
      margin-left: -1px; }
    nav.setting-nav ul li.active, nav.others-nav ul li.active, nav.analysis-nav ul li.active {
      background: #f0f0f0; }
    nav.setting-nav ul li a, nav.others-nav ul li a, nav.analysis-nav ul li a {
      height: 100%;
      width: 100%;
      display: inline-block;
      color: inherit;
      font-size: 1.4rem; }

nav.analysis-nav ul li {
  width: 160px; }

.layout-content._border {
  border: 1px solid #333;
  width: 90%;
  margin: 0 auto 40px; }

.item-border {
  padding: 20px !important;
  margin: 20px 0;
  border: 1px solid lightgray;
  border-radius: 10px;
  box-shadow: #eee 1px 1px 8px 1px; }

.pointer {
  cursor: pointer; }

.header-logo {
  width: 90%;
  text-align: center;
  margin: 20px 120px 15px; }
  .header-logo img {
    width: 220px;
    display: inline-block; }
  .header-logo .logout-button {
    float: right; }

header {
  width: 90%;
  margin: 5px auto; }
  header .menu {
    display: flex;
    justify-content: center; }
    header .menu .item:nth-child(n + 1) {
      margin-right: 5px; }
    header .menu .item:hover {
      cursor: pointer;
      transform: translate(2px, 2px);
      transition: 0.15s; }

.parts-head-main {
  color: #263238;
  padding-bottom: 40px;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 4px;
  position: relative;
  margin-top: 20px; }
  .parts-head-main::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #263238;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

.form-area {
  width: 80%;
  margin: auto; }

.form-block {
  border: 1px solid #d0d0d0;
  width: 100%;
  background: #fff; }
  .form-block.-transparent {
    border: none;
    background: transparent; }
  .form-block input[type="text"],
  .form-block input[type="number"],
  .form-block input[type="date"],
  .form-block input[type="time"],
  .form-block input[type="month"],
  .form-block input[type="datetime-local"],
  .form-block input[type="password"],
  .form-block select,
  .form-block textarea {
    border: none;
    padding: 10px;
    width: 100%; }
    .form-block input[type="text"]::placeholder,
    .form-block input[type="number"]::placeholder,
    .form-block input[type="date"]::placeholder,
    .form-block input[type="time"]::placeholder,
    .form-block input[type="month"]::placeholder,
    .form-block input[type="datetime-local"]::placeholder,
    .form-block input[type="password"]::placeholder,
    .form-block select::placeholder,
    .form-block textarea::placeholder {
      color: #d0d0d0;
      font-weight: bold; }
  .form-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: #fff;
    border-radius: none; }
  .form-block.-range {
    display: flex; }
    .form-block.-range > .form {
      width: 100%; }
    .form-block.-range > .scale {
      background: #fff; }
      .form-block.-range > .scale::before {
        display: flex;
        justify-content: center;
        align-items: center;
        content: attr(data-scale) "";
        padding: 0 10px;
        color: #d0d0d0;
        font-weight: bold;
        height: 100%; }
  .form-block.family-first {
    display: flex; }
    .form-block.family-first .input {
      width: 50%; }
      .form-block.family-first .input:first-child {
        border-right: 1px solid #d0d0d0; }
  .form-block._fortextarea {
    border: none; }
    .form-block._fortextarea textarea {
      border: 1px solid #d0d0d0 !important;
      border-radius: 4px; }
  .form-block._date, .form-block._yearmonth {
    width: 168px; }
  .form-block._shop {
    width: 200px; }
  .form-block > .before {
    display: flex; }
    .form-block > .before::before {
      display: flex;
      justify-content: center;
      align-items: center;
      content: attr(data-scale) "";
      padding: 0 10px;
      color: #d0d0d0;
      font-weight: bold; }
  .form-block > .after {
    display: flex; }
    .form-block > .after::after {
      display: flex;
      justify-content: center;
      align-items: center;
      content: attr(data-scale) "";
      padding: 0 10px;
      color: #d0d0d0;
      font-weight: bold; }
  .form-block > .select {
    position: relative; }
    .form-block > .select::after {
      content: "▼";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      pointer-events: none; }
  .form-block > .radio,
  .form-block > .checkbox {
    display: flex; }
    .form-block > .radio > label,
    .form-block > .checkbox > label {
      display: flex;
      align-items: center;
      padding: 10px;
      user-select: none;
      cursor: pointer; }
      .form-block > .radio > label > input,
      .form-block > .checkbox > label > input {
        opacity: 0;
        appearance: none;
        position: absolute; }
      .form-block > .radio > label > .text,
      .form-block > .checkbox > label > .text {
        position: relative;
        display: flex;
        align-items: center;
        font-weight: bold; }
        .form-block > .radio > label > .text::before,
        .form-block > .checkbox > label > .text::before {
          content: "";
          display: block;
          border: 1px solid #d0d0d0;
          background: #fff;
          width: 16px;
          height: 16px;
          margin-right: 5px; }
  .form-block > .radio > label > .text::before {
    border-radius: 50%; }
  .form-block > .radio > label > input:checked + .text::after {
    content: "";
    display: block;
    border-radius: 50%;
    background: #212121;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 4px; }
  .form-block > .checkbox > label > input:checked + .text::after {
    content: "L";
    font-size: 24px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    bottom: -4px;
    transform: rotateY(200deg) rotateZ(-45deg); }
  .form-block > .image > .list {
    display: flex;
    margin-left: -20px; }
    .form-block > .image > .list > .img {
      width: 150px;
      height: 150px;
      object-fit: contain;
      margin-left: 20px; }
  .form-block > .image > .input {
    margin-top: 10px; }
  .form-block > .textarea {
    display: flex;
    align-items: center; }
    .form-block > .textarea > textarea {
      height: 100%;
      resize: none; }

.form-top {
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 10px; }

.error-message {
  color: #c1272d;
  font-weight: bold; }

.title > span {
  background: #c1272d;
  color: white;
  padding: 3px 5px;
  margin-left: 6px;
  font-size: 14px; }

.form-title.-inline {
  display: flex;
  align-items: center; }
  .form-title.-inline > .title {
    width: 20%; }
  .form-title.-inline > .form,
  .form-title.-inline > .text {
    width: 80%;
    margin-top: 0;
    margin-left: 10px; }
    .form-title.-inline > .form.-short,
    .form-title.-inline > .text.-short {
      width: 60%; }
  .form-title.-inline > .text {
    font-weight: bold;
    padding: 10px 0; }
    .form-title.-inline > .text > .button {
      margin-top: 10px; }

.form-title > .title {
  font-weight: bold; }
  .form-title > .title.-required::after {
    content: "必須";
    margin-left: 5px;
    font-size: 1.2rem;
    padding: 0 5px;
    background: #c1272d;
    color: #fff; }

.form-title > .form {
  margin: 3px 0;
  width: 100%; }
  .form-title > .form.-short {
    width: 70%; }

.form-title > .text.-large {
  font-size: 2rem; }

.table > .body._margin-r-minus {
  margin-right: -1px; }

.table-block > table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #d0d0d0; }
  .table-block > table td {
    border-color: #d0d0d0;
    padding: 10px; }
  .table-block > table tr.high-tr {
    height: 60px; }
  .table-block > table > thead > tr > td {
    border-top: solid;
    border-left: solid;
    border-right: solid;
    border-color: #c0c0c0;
    border-width: 1px;
    text-align: center;
    background: #f0f0f0;
    font-size: 1.2rem; }
    .table-block > table > thead > tr > td.blank {
      background: #fff;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: solid;
      border-color: #c0c0c0;
      border-width: 1px;
      visibility: hidden; }
    .table-block > table > thead > tr > td.large {
      min-width: 380px; }
    .table-block > table > thead > tr > td.medium {
      min-width: 150px; }
    .table-block > table > thead > tr > td.small {
      min-width: 104px; }
    .table-block > table > thead > tr > td.code, .table-block > table > thead > tr > td.name {
      min-width: 132px; }
    .table-block > table > thead > tr > td.category {
      min-width: 128px; }
    .table-block > table > thead > tr > td.status {
      min-width: 120px; }
    .table-block > table > thead > tr > td.phone {
      min-width: 118px; }
    .table-block > table > thead > tr > td.date {
      min-width: 110px; }
    .table-block > table > thead > tr > td.price, .table-block > table > thead > tr > td.shop {
      min-width: 100px; }
    .table-block > table > thead > tr > td.grade, .table-block > table > thead > tr > td.status-s {
      min-width: 82px; }
    .table-block > table > thead > tr > td.leadtime {
      min-width: 80px; }
    .table-block > table > thead > tr > td.state {
      min-width: 70px; }
    .table-block > table > thead > tr > td.sales-type {
      min-width: 52px; }
    .table-block > table > thead > tr > td.purchase-num, .table-block > table > thead > tr > td.id {
      min-width: 46px; }
  .table-block > table > tbody > tr td {
    border-bottom: dashed;
    border-left: solid;
    border-right: solid;
    border-color: #c0c0c0;
    border-width: 1px;
    text-align: center;
    font-size: 1.2rem; }
    .table-block > table > tbody > tr td.overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 10px; }
      .table-block > table > tbody > tr td.overflow.-sm {
        max-width: 100px; }
    .table-block > table > tbody > tr td.no-wrap {
      white-space: nowrap; }
    .table-block > table > tbody > tr td.edit {
      color: #c1272d;
      text-align: center;
      width: 70px;
      min-width: 70px; }
      .table-block > table > tbody > tr td.edit:hover {
        background: #c1272d;
        color: #fff;
        cursor: pointer; }
    .table-block > table > tbody > tr td.disable {
      color: #c0c0c0;
      text-align: center;
      width: 70px;
      min-width: 70px; }
    .table-block > table > tbody > tr td.red {
      background: white; }
    .table-block > table > tbody > tr td.yellow {
      background: #fcf7b1; }
    .table-block > table > tbody > tr td.lightblue {
      background: #dbfafd; }
    .table-block > table > tbody > tr td.blue {
      background: #98c8ef; }
    .table-block > table > tbody > tr td.pink {
      background: #f8d9e4; }
    .table-block > table > tbody > tr td.green {
      background: #cffac8; }
    .table-block > table > tbody > tr td.gray {
      background: #d0d0d0; }
    .table-block > table > tbody > tr td.lightgray {
      background: #f0f0f0; }

.table-block > .number {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: right; }

.page-nation {
  display: flex;
  justify-content: center;
  align-items: center; }
  .page-nation > .item {
    display: inline-block;
    color: #d0d0d0;
    font-weight: bold;
    cursor: pointer; }
    .page-nation > .item:hover {
      background: #f5f5f5; }
    .page-nation > .item:nth-child(n + 1) {
      margin-left: -1px; }
    .page-nation > .item.-current {
      color: #777;
      background: #f0f0f0;
      padding: 5px 10px; }
    .page-nation > .item .link {
      padding: 5px 10px;
      color: #777; }

.personal-data-head, .top-data > .head {
  display: flex;
  align-items: center; }
  .personal-data-head > .photo, .top-data > .head > .photo {
    width: 100px;
    height: 100px;
    object-fit: cover; }
  .personal-data-head > .text, .top-data > .head > .text {
    margin-left: 20px;
    font-weight: bold;
    font-size: 1.8rem; }
    .personal-data-head > .text > .code, .top-data > .head > .text > .code {
      font-size: 1.5rem; }

.top-data {
  background: #fff;
  padding: 10px 40px 0; }
  .top-data > .head {
    padding-bottom: 10px; }
  .top-data > .data {
    margin-top: 20px; }
    .top-data > .data > .list {
      margin-left: -20px;
      margin-top: -20px;
      display: flex;
      flex-wrap: wrap; }
      .top-data > .data > .list.four-columns > .item {
        width: 25%; }
      .top-data > .data > .list.two-columns > .item {
        width: 50%; }
      .top-data > .data > .list > .item {
        padding-left: 10px;
        padding-bottom: 10px; }
        .top-data > .data > .list > .item .item-data {
          background: #f0f0f0;
          border: 2px solid #d0d0d0;
          text-align: center;
          padding: 20px; }
          .top-data > .data > .list > .item .item-data > .head {
            font-weight: bold; }
          .top-data > .data > .list > .item .item-data > .data {
            font-weight: bolder;
            font-size: 3rem;
            color: #c1272d;
            line-height: 1;
            margin-top: 5px;
            display: flex;
            justify-content: center;
            align-items: baseline; }
            .top-data > .data > .list > .item .item-data > .data > .subdata {
              font-size: 1.5rem;
              margin-left: 5px; }

.parts-button {
  display: inline-block;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  background: #fff;
  font-weight: bold; }
  .parts-button._border-gray {
    font-size: 1.2rem;
    padding: 5px 10px;
    border: 2px solid #d0d0d0;
    background: #f5f5f5;
    border-radius: 4px; }
    .parts-button._border-gray:hover {
      border: 2px solid #c0c0c0; }
    .parts-button._border-gray._medium {
      width: 160px;
      text-align: center; }
  .parts-button._border-black, .parts-button._update {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 220px;
    transition: 0.15s; }
    .parts-button._border-black:hover, .parts-button._update:hover {
      color: #fff;
      transform: translate(2px, 2px); }
  .parts-button._border-black {
    border: 1px solid #263238;
    color: #263238; }
    .parts-button._border-black:hover {
      background: #263238; }
    .parts-button._border-black._narrow {
      padding: 5px; }
    .parts-button._border-black._radius {
      border-radius: 3px; }
    .parts-button._border-black._bg-gray {
      background: #f5f5f5; }
      .parts-button._border-black._bg-gray:hover {
        color: #263238; }
  .parts-button._update {
    border: 1px solid #c1272d;
    color: #c1272d;
    margin-bottom: 20px; }
    .parts-button._update:hover {
      background: #c1272d; }
  .parts-button.logout-button {
    margin-left: auto;
    margin-right: 5%;
    width: 120px;
    padding: 5px;
    font-weight: normal; }

.search-btn {
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d0d0d0;
  border-radius: 12px;
  width: 80px;
  height: 44px; }
  .search-btn > img {
    width: 20px;
    margin-left: 5px; }

.search-field {
  border: 1px solid #263238;
  display: flex;
  align-items: center;
  border-radius: 30px;
  width: 100%;
  padding-left: 20px;
  padding-right: 10px; }
  .search-field.-short {
    width: 360px; }
  .search-field > input {
    border: none;
    padding: 10px;
    flex-grow: 1; }
  .search-field > button {
    background: transparent;
    border: none;
    width: 30px;
    height: 100%;
    cursor: pointer; }

.toggle-switch {
  display: flex;
  width: 280px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  position: relative; }
  .toggle-switch > .bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #d0d0d0;
    width: 50%;
    height: 100%;
    z-index: -1;
    border-radius: 5px;
    transition: 0.3s; }
  .toggle-switch > .item {
    width: 50%;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    transition: 0.3s;
    user-select: none; }
    .toggle-switch > .item.true {
      color: #d0d0d0; }
    .toggle-switch > .item.false {
      color: #212121; }
  .toggle-switch > input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0; }
    .toggle-switch > input:checked ~ .bg {
      left: 50%; }
    .toggle-switch > input:checked ~ .true {
      color: #212121; }
    .toggle-switch > input:checked ~ .false {
      color: #d0d0d0; }
  .toggle-switch.-right > .bg {
    left: 50%; }
  .toggle-switch.-right > .true {
    color: #212121; }
  .toggle-switch.-right > .false {
    color: #d0d0d0; }

.stock-detail > .item {
  display: flex;
  margin-top: -20px;
  margin-left: -20px; }
  .stock-detail > .item > .column {
    padding-left: 20px;
    padding-top: 20px; }
  .stock-detail > .item > .photo {
    width: 30%;
    display: flex;
    align-items: center; }
    .stock-detail > .item > .photo > .img {
      position: relative;
      width: 100%; }
      .stock-detail > .item > .photo > .img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
      .stock-detail > .item > .photo > .img > .inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .stock-detail > .item > .detail {
    width: 40%; }
    .stock-detail > .item > .detail > .head {
      font-size: 1.8rem;
      font-weight: bold; }
    .stock-detail > .item > .detail > .note > .item {
      margin-top: 6px;
      padding-left: 5px;
      border-left: 1px solid #c1272d; }
    .stock-detail > .item > .detail > .achievement {
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
      padding: 10px 0;
      color: #d0d0d0;
      margin-top: 20px; }
    .stock-detail > .item > .detail > .price {
      margin-top: 20px; }
      .stock-detail > .item > .detail > .price > .item {
        margin-top: 5px; }
  .stock-detail > .item > .price {
    width: 30%; }

.stock-detail > .textarea {
  margin-top: 20px; }

.status-card > .status > .head,
.status-card > .data {
  font-size: 1.2rem; }

.status-card > .status {
  text-align: center; }
  .status-card > .status > .value {
    padding: 5px;
    width: 150px;
    margin: 10px auto 0;
    font-weight: bold;
    color: #212121;
    background: #d0d0d0;
    border: 1px solid #333; }
    .status-card > .status > .value.red {
      background: #ffb0ae; }
    .status-card > .status > .value.yellow {
      background: #fcf7b1; }
    .status-card > .status > .value.blue {
      background: #dbfafd; }
    .status-card > .status > .value.pink {
      background: #e46d98; }
    .status-card > .status > .value.green {
      background: #cffac8; }
    .status-card > .status > .value.gray {
      background: #d0d0d0; }

.status-card > .data {
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }
  .status-card > .data > .item > .head {
    text-align: center;
    margin-bottom: 5px; }
  .status-card > .data > .item > .value {
    margin-top: 14px; }
  .status-card > .data > .item > .status {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    background: #f0f0f0;
    padding: 5px 20px;
    border: 1px solid #333; }
    .status-card > .data > .item > .status.red {
      background: #ffb0ae; }
    .status-card > .data > .item > .status.yellow {
      background: #fcf7b1; }
    .status-card > .data > .item > .status.blue {
      background: #dbfafd; }
    .status-card > .data > .item > .status.pink {
      background: #e46d98; }
    .status-card > .data > .item > .status.green {
      background: #cffac8; }
    .status-card > .data > .item > .status.gray {
      background: #d0d0d0; }

.side-card {
  border: 2px solid #d0d0d0;
  padding: 40px 20px;
  margin-top: 40px; }
  .side-card > .name {
    margin-top: 10px;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px; }
    .side-card > .name > .firstname {
      margin-left: 10px; }
  .side-card > .subtotal,
  .side-card > .total,
  .side-card > .button {
    margin-top: 40px; }
  .side-card > .subtotal > .item,
  .side-card > .total,
  .side-card > .point,
  .side-card > .tax {
    display: flex;
    justify-content: space-between; }
    .side-card > .subtotal > .item > .count,
    .side-card > .total > .count,
    .side-card > .point > .count,
    .side-card > .tax > .count {
      font-weight: bold; }
  .side-card > .subtotal > .item {
    margin-top: 10px; }
  .side-card > .total > .count {
    font-size: 3rem; }
  .side-card > .button > .block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .side-card > .button > .block > .button > .parts-button {
      margin-bottom: 20px; }

.toggle-card > .toggle {
  display: flex;
  justify-content: flex-end; }
  .toggle-card > .toggle > .switch {
    cursor: pointer;
    user-select: none;
    width: 120px;
    font-size: 1.2rem;
    padding: 5px 10px;
    background: #f0f0f0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .toggle-card > .toggle > .switch::after {
      content: "＋"; }

.toggle-card > .body {
  background: #f0f0f0;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s; }
  .toggle-card > .body > .inner {
    padding: 40px 20px; }

.toggle-card.-show > .toggle > .switch::after {
  content: "－"; }

.toggle-card.-show > .body {
  max-height: 1800px; }

.head-with-content > .head {
  font-weight: bold;
  font-size: 1.8rem; }

.head-with-content > .content {
  margin-top: 20px; }

.search-suggest-container {
  border: 1px solid #d0d0d0;
  margin-top: 20px;
  overflow: hidden; }
  .search-suggest-container > .add,
  .search-suggest-container > .result > .item {
    cursor: pointer; }
    .search-suggest-container > .add:hover,
    .search-suggest-container > .result > .item:hover {
      background: #f0f0f0; }
  .search-suggest-container > .notice {
    margin: 10px;
    font-weight: bold; }
  .search-suggest-container > .result {
    max-height: 450px;
    overflow-y: scroll;
    margin-top: 5px; }
    .search-suggest-container > .result > .item {
      padding: 10px; }
  .search-suggest-container > .add {
    padding: 20px 10px;
    border-top: 1px solid #d0d0d0;
    margin-top: 10px; }

.search-suggest-item {
  display: flex;
  align-items: center; }
  .search-suggest-item > .photo {
    width: 96px;
    height: 96px;
    object-fit: cover; }
  .search-suggest-item > .detail {
    margin-left: 20px; }
    .search-suggest-item > .detail > .head {
      font-size: 1.8rem;
      font-weight: bold; }
    .search-suggest-item > .detail > .note > .item {
      margin-top: 6px;
      padding-left: 5px;
      border-left: 1px solid #c1272d;
      display: flex; }
      .search-suggest-item > .detail > .note > .item > .data {
        margin-left: 5px; }

.modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  overflow: scroll; }
  .modal.checkout .head {
    margin-left: 20px; }
  .modal.checkout .data {
    width: 25% !important; }
    .modal.checkout .data input {
      width: 70px; }
  .modal.checkout .total,
  .modal.checkout .result,
  .modal.checkout .difference {
    font-size: 18px;
    font-weight: bold;
    padding: 0 40px;
    width: 300px;
    display: flex;
    justify-content: space-between; }
  .modal.checkout .result {
    border-bottom: 1px solid #d0d0d0; }
  .modal .modal-bg {
    width: 100%;
    height: 100%;
    background: #666;
    opacity: 0.8;
    position: fixed;
    z-index: 1; }
  .modal .modal-content {
    width: 60%;
    max-width: 800px;
    margin: auto;
    background: white;
    z-index: 2;
    display: flex;
    flex-direction: column;
    border: 1px solid #333; }
    .modal .modal-content .main {
      display: flex;
      flex-direction: column;
      width: 90%;
      margin: 20px auto; }
      .modal .modal-content .main > .title {
        justify-content: center;
        font-weight: bold;
        font-size: 1.8rem;
        margin-bottom: 20px;
        display: flex; }
      .modal .modal-content .main > .item {
        display: flex;
        margin-bottom: 10px; }
        .modal .modal-content .main > .item > .head {
          margin-right: 20px;
          font-weight: bold;
          font-size: 1.8rem;
          width: 20%;
          min-width: 110px;
          text-align: right;
          align-self: center; }
        .modal .modal-content .main > .item > .data {
          display: flex;
          align-items: center;
          width: 80%; }
          .modal .modal-content .main > .item > .data .unit {
            margin-left: 5px; }
          .modal .modal-content .main > .item > .data .image {
            width: 200px;
            margin-right: 20px; }
    .modal .modal-content .buttons {
      display: flex;
      justify-content: space-around;
      margin-bottom: 20px; }
      .modal .modal-content .buttons .parts-button {
        width: 180px; }

.mypage .staff-analysis,
.mypage .shop-analysis,
.analysis .staff-analysis,
.analysis .shop-analysis {
  font-weight: bold; }
  .mypage .staff-analysis .title,
  .mypage .shop-analysis .title,
  .analysis .staff-analysis .title,
  .analysis .shop-analysis .title {
    font-size: 2rem;
    margin-bottom: 10px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #d0d0d0; }
  .mypage .staff-analysis .content,
  .mypage .shop-analysis .content,
  .analysis .staff-analysis .content,
  .analysis .shop-analysis .content {
    width: 700px;
    margin: 40px auto; }
    .mypage .staff-analysis .content .item,
    .mypage .shop-analysis .content .item,
    .analysis .staff-analysis .content .item,
    .analysis .shop-analysis .content .item {
      display: flex;
      font-size: 1.8rem;
      text-align: right;
      margin-top: 20px; }
      .mypage .staff-analysis .content .item .head,
      .mypage .shop-analysis .content .item .head,
      .analysis .staff-analysis .content .item .head,
      .analysis .shop-analysis .content .item .head {
        width: 30%; }
      .mypage .staff-analysis .content .item .data,
      .mypage .shop-analysis .content .item .data,
      .analysis .staff-analysis .content .item .data,
      .analysis .shop-analysis .content .item .data {
        width: 70%; }

footer {
  background: #f0f0f0;
  border: 1px solid #d0d0d0;
  width: 90%;
  margin: 20px auto;
  display: flex;
  font-weight: bold;
  padding: 20px 60px; }
  footer .shopname {
    margin-left: 20px; }
  footer .divider {
    margin: 0 5px; }

header > .menu > .item {
  flex: 1; }

.member-search {
  max-height: 1300px;
  overflow: hidden;
  transition: 0.3s; }
  .member-search.-hide {
    max-height: 0px;
    padding: 0; }

.suggest-enter-active {
  transition: 0.3s; }

.suggest-enter {
  max-height: 0px; }

.suggest-enter-to {
  max-height: 480px; }

.modal-enter-active, .modal-leave-active {
  transition: opacity 0.3s; }

.modal-enter, .modal-leave-active {
  opacity: 0; }

.analysis > .section > .title {
  font-weight: bold;
  font-size: 1.8rem;
  margin-left: 5%;
  margin-bottom: 5px; }

.analysis > .section > .layout-search {
  display: flex;
  justify-content: space-between;
  margin: 40px auto 20px; }
  .analysis > .section > .layout-search .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%; }
    .analysis > .section > .layout-search .flex-box p {
      font-weight: bold; }
  .analysis > .section > .layout-search .sortarea {
    display: flex;
    justify-content: center;
    align-items: center; }
    .analysis > .section > .layout-search .sortarea .form-block {
      width: 180px; }
    .analysis > .section > .layout-search .sortarea .margin-right {
      margin-right: 5px; }

.analysis > .section > .searcharea {
  display: flex;
  align-items: center; }
  .analysis > .section > .searcharea > *:not(:last-child) {
    margin-right: 20px; }
  .analysis > .section > .searcharea > .form-block._span {
    width: 88px; }
  .analysis > .section > .searcharea > .name {
    font-weight: bold;
    font-size: 1.8rem; }
  .analysis > .section > .searcharea > ._shop,
  .analysis > .section > .searcharea > ._staff,
  .analysis > .section > .searcharea > ._category {
    width: 180px; }

.analysis > .section table thead td {
  font-weight: bold; }

.analysis > .section table td {
  min-width: 75px;
  max-width: 75px;
  padding: 5px; }
  .analysis > .section table td.head {
    background: #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #fff;
    font-weight: bold; }
  .analysis > .section table td.blank {
    border: 1px solid transparent; }
  .analysis > .section table td .checkbox {
    justify-content: center; }

.analysis > .section .content {
  margin: 0; }
  .analysis > .section .content .table-block {
    overflow-x: scroll; }
    .analysis > .section .content .table-block table .category-head, .analysis > .section .content .table-block table .category-row {
      position: sticky;
      left: 0; }
    .analysis > .section .content .table-block table .category-row {
      background-color: white; }

.analysis > .section .productdata {
  display: flex; }

.analysis > .section .metaldata {
  display: flex; }
  .analysis > .section .metaldata > .head {
    width: 18%;
    margin-right: 2%;
    align-self: center; }
  .analysis > .section .metaldata .form {
    min-width: 210px;
    margin-top: 20px; }
  .analysis > .section .metaldata .table-block {
    width: 80%; }

.analysis._training .table {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto 40px; }

.analysis._training .spec-table {
  width: 90%;
  margin: 0 auto 40px; }

.analysis._training .table-block table {
  width: 100%; }

.analysis._training .section table td {
  min-width: 130px;
  max-width: none;
  padding: 10px;
  white-space: nowrap; }

.analysis._training tbody td {
  padding: 15px; }

.analysis._training .scroll-col {
  width: 60%;
  margin-right: -1px;
  overflow-x: scroll; }
  .analysis._training .scroll-col::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  .analysis._training .scroll-col::-webkit-scrollbar-track {
    background: #fff;
    border-left: solid 1px #ececec; }
  .analysis._training .scroll-col::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #fff; }

.analysis._training .scroll-col .td-category {
  min-width: 130px; }

.analysis._training .fixed-col {
  width: 25%; }

.analysis._training .half-table td {
  width: 50%; }

.analysis._training .staff-col {
  width: 15%;
  margin-right: -1px; }

.buyerform .notice {
  color: #c1272d;
  margin-top: 20px; }

.delivery-edit .layout-content-inner {
  width: 80%;
  margin: 20px auto 0; }
  .delivery-edit .layout-content-inner .delivery-list-info {
    margin-bottom: 40px; }
    .delivery-edit .layout-content-inner .delivery-list-info > div {
      display: flex;
      align-items: center;
      margin-bottom: 20px; }
      .delivery-edit .layout-content-inner .delivery-list-info > div > .head {
        width: 20%;
        font-weight: bold;
        font-size: 1.8rem;
        text-align: right;
        margin-right: 20px; }
      .delivery-edit .layout-content-inner .delivery-list-info > div > .form-block {
        width: 60%;
        margin: 0 !important; }
    .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn {
      display: flex; }
      .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li {
        width: 160px;
        text-align: center;
        border: 1px solid lightgray;
        font-weight: bold;
        cursor: pointer; }
        .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li label {
          cursor: pointer;
          display: block;
          padding: 7px 0; }
        .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li:nth-child(n + 2) {
          margin-left: -1px; }
        .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li:nth-child(1) {
          border-radius: 5px 0 0 5px; }
        .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li:nth-child(3) {
          border-radius: 0 5px 5px 0; }
        .delivery-edit .layout-content-inner .delivery-list-info .kind .selectbtn li.selected {
          background: lightgray; }
  .delivery-edit .layout-content-inner .search-field {
    width: 80%;
    margin: 0 auto; }
  .delivery-edit .layout-content-inner .parts-button {
    margin: 40px auto 0; }

.delivery-edit .modal .head {
  width: 50% !important;
  margin-right: 10% !important; }

.acceptlist-edit .layout-search {
  width: 60%;
  margin: 0 auto; }

.financial-records .parts-button {
  margin: 20px auto; }

.financial-records .cash-check {
  display: flex;
  justify-content: space-around;
  width: 600px;
  margin: 40px auto; }
  .financial-records .cash-check .item {
    display: flex; }
  .financial-records .cash-check .left .item {
    margin: 10px 0; }
    .financial-records .cash-check .left .item .head {
      font-weight: bold;
      width: 80px;
      margin-right: 20px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .financial-records .cash-check .left .item .data {
      display: flex; }
      .financial-records .cash-check .left .item .data input {
        width: 80px; }
      .financial-records .cash-check .left .item .data .unit {
        margin-left: 5px;
        display: flex;
        align-items: center; }
  .financial-records .cash-check .right {
    font-weight: bold;
    font-size: 1.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .financial-records .cash-check .right .item {
      padding: 5px 20px; }
      .financial-records .cash-check .right .item.border-top {
        border-top: 1px solid #d0d0d0; }
      .financial-records .cash-check .right .item .data {
        width: 200px;
        text-align: right; }

.detail-record-modal .item._date {
  width: 400px;
  margin: 0 auto; }

.detail-record-modal .item > .data._time {
  display: flex;
  align-items: center; }
  .detail-record-modal .item > .data._time b {
    width: 150px; }
  .detail-record-modal .item > .data._time .form-block {
    width: 100px; }

.home {
  width: 90%;
  margin: 20px auto 0;
  font-weight: bold; }
  .home .top .layout-search {
    font-weight: normal; }
  .home .shop-analysis .title,
  .home .staff-analysis .title,
  .home .day-sales-data .title,
  .home .training-data .title {
    font-size: 2rem;
    margin-bottom: 10px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #d0d0d0; }
  .home .shop-analysis .shopname,
  .home .shop-analysis .staffname,
  .home .staff-analysis .shopname,
  .home .staff-analysis .staffname,
  .home .day-sales-data .shopname,
  .home .day-sales-data .staffname,
  .home .training-data .shopname,
  .home .training-data .staffname {
    display: flex;
    align-items: center;
    padding-left: 10px; }
    .home .shop-analysis .shopname .name,
    .home .shop-analysis .staffname .name,
    .home .staff-analysis .shopname .name,
    .home .staff-analysis .staffname .name,
    .home .day-sales-data .shopname .name,
    .home .day-sales-data .staffname .name,
    .home .training-data .shopname .name,
    .home .training-data .staffname .name {
      font-size: 2rem; }
    .home .shop-analysis .shopname .form-block,
    .home .shop-analysis .staffname .form-block,
    .home .staff-analysis .shopname .form-block,
    .home .staff-analysis .staffname .form-block,
    .home .day-sales-data .shopname .form-block,
    .home .day-sales-data .staffname .form-block,
    .home .training-data .shopname .form-block,
    .home .training-data .staffname .form-block {
      width: 250px;
      font-size: 1.5rem; }
  .home .shop-analysis .content,
  .home .staff-analysis .content,
  .home .day-sales-data .content,
  .home .training-data .content {
    width: 700px;
    margin: 40px auto; }
    .home .shop-analysis .content .item,
    .home .staff-analysis .content .item,
    .home .day-sales-data .content .item,
    .home .training-data .content .item {
      display: flex;
      font-size: 1.8rem;
      text-align: right;
      margin-top: 20px; }
      .home .shop-analysis .content .item .head,
      .home .staff-analysis .content .item .head,
      .home .day-sales-data .content .item .head,
      .home .training-data .content .item .head {
        width: 30%; }
      .home .shop-analysis .content .item .data,
      .home .staff-analysis .content .item .data,
      .home .day-sales-data .content .item .data,
      .home .training-data .content .item .data {
        width: 70%; }
  .home .border {
    margin: 10px auto;
    border: 1px solid #d0d0d0; }
  .home .shop-analysis .allshopdata {
    display: flex; }
    .home .shop-analysis .allshopdata .table-block.-head {
      width: 20%;
      margin-right: -1px;
      z-index: 2; }
      .home .shop-analysis .allshopdata .table-block.-head .headtable {
        margin-top: 44px; }
        .home .shop-analysis .allshopdata .table-block.-head .headtable td {
          background: #f0f0f0;
          border-style: solid;
          border-right: #fff; }
    .home .shop-analysis .allshopdata .table-block td {
      font-size: 16px; }
    .home .shop-analysis .allshopdata .table-block.-data {
      overflow-x: scroll;
      width: 78%; }
  .home .day-sales-data .table-block, .home .training-data .table-block {
    font-weight: normal; }
    .home .day-sales-data .table-block .stock-info, .home .training-data .table-block .stock-info {
      display: flex; }
      .home .day-sales-data .table-block .stock-info img, .home .training-data .table-block .stock-info img {
        max-width: 80px;
        max-height: 80px; }
      .home .day-sales-data .table-block .stock-info .info-string, .home .training-data .table-block .stock-info .info-string {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 10px; }
        .home .day-sales-data .table-block .stock-info .info-string .name, .home .training-data .table-block .stock-info .info-string .name {
          max-width: 300px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }

.login img {
  width: 400px;
  margin: 6vh auto; }

.login .center {
  width: 100%; }
  .login .center .single {
    min-height: 20vh; }
  .login .center .layout-content-inner {
    width: 70%; }
    .login .center .layout-content-inner .parts-button {
      margin-top: 20px; }

.metalmarketprice .marketname {
  display: flex;
  align-items: center;
  margin-top: 20px; }
  .metalmarketprice .marketname .head {
    font-weight: bold;
    font-size: 1.8rem;
    margin: 0 40px 0 10px; }
  .metalmarketprice .marketname .form {
    width: 100%; }

.metalmarketprice .title {
  font-weight: bold;
  font-size: 1.6rem;
  margin: 5px;
  color: #555; }

.metalmarketprice .table-block {
  display: flex;
  justify-content: space-between; }
  .metalmarketprice .table-block table {
    width: 50%; }
  .metalmarketprice .table-block table:first-of-type {
    margin-right: 20px; }
  .metalmarketprice .table-block .form-title {
    justify-content: center; }
    .metalmarketprice .table-block .form-title .form {
      margin-right: 5px;
      width: 60px; }
      .metalmarketprice .table-block .form-title .form input {
        padding: 5px !important; }
    .metalmarketprice .table-block .form-title .name {
      font-size: 1.4rem;
      padding: 9px; }

.metalmarketprice .parts-button {
  margin: auto; }

.mypage .home {
  margin: 20px auto 60px; }

.mypage > .my-analysis {
  margin-top: 20px;
  margin-bottom: 40px; }
  .mypage > .my-analysis .searcharea {
    justify-content: flex-end; }
  .mypage > .my-analysis > .title {
    width: 90%;
    font-weight: bold;
    font-size: 2rem;
    padding: 0 0 5px 10px;
    margin-left: 5%;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d0d0; }
  .mypage > .my-analysis > .searcharea {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px; }
    .mypage > .my-analysis > .searcharea > *:not(:last-child) {
      margin-right: 20px; }
    .mypage > .my-analysis > .searcharea > .form-block._span {
      width: 88px; }
    .mypage > .my-analysis > .searcharea > .name {
      font-weight: bold;
      font-size: 1.8rem; }
    .mypage > .my-analysis > .searcharea > ._shop,
    .mypage > .my-analysis > .searcharea > ._staff,
    .mypage > .my-analysis > .searcharea > ._category {
      width: 180px; }

.mypage .category-table thead td {
  font-weight: bold; }

.mypage .layout-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.mypage .training-data .form-block {
  border-radius: 2px; }

.mypage .training-data tbody td {
  padding: 15px; }

.mypage .training-data tbody td.view-commentary {
  padding: 5px; }

.mypage .training-data .is-freeanswer {
  min-width: 100px; }

.mypage .training-data .answer-date {
  min-width: 150px; }

.mypage .table-block table {
  width: 100%; }

.mypage .table {
  display: flex;
  flex-wrap: wrap; }

.mypage .half-table td {
  width: 50%; }

.mypage .scroll-col {
  width: 60%;
  margin-right: -1px;
  overflow-x: scroll; }
  .mypage .scroll-col::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  .mypage .scroll-col::-webkit-scrollbar-track {
    background: #fff;
    border-left: solid 1px #ececec; }
  .mypage .scroll-col::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #fff; }
  .mypage .scroll-col .td-category {
    min-width: 130px;
    white-space: nowrap; }

.mypage .fixed-col {
  width: 40%; }

.mypage .date-zone {
  display: flex;
  align-items: center; }

.mypage .change-date {
  display: flex;
  align-items: center;
  margin-left: 40px; }
  .mypage .change-date input {
    font-weight: normal;
    padding: 10px; }

.mypage .toggle, .mypage .toggle-reverse {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

.mypage .toggle::after {
  content: '◀';
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%); }

.mypage .toggle-reverse::after {
  content: '▶';
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%); }

.mypage .training-button {
  display: inline-block;
  width: 100px;
  padding: 8px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  background: #263238;
  color: #fff;
  font-weight: bold;
  border: 1px solid #263238;
  border-radius: 3px; }

.market-price-answer-container {
  display: grid;
  grid-template: auto / 1fr 1fr;
  grid-gap: 20px; }

.market-price-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px; }

.market-price-box .input-text-container {
  display: grid;
  grid-template: 1fr / 4rem 1fr 2rem;
  grid-gap: 10px;
  align-items: center; }

.market-price-title {
  font-size: 1.6rem;
  font-weight: bold;
  row-gap: 10px; }

.market-price-input {
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 4rem;
  min-width: 16rem;
  padding: 0 1rem;
  font-size: 1.6rem;
  text-align: right; }

.yen {
  align-self: end; }

/* 回答エリア */
.pricingTraining-question .answer-details .container {
  margin-bottom: auto; }

.pricingTraining-question .answer-details .market-price-title {
  text-align: center; }

.pricingTraining-question .answer-details .question-result-container .question-answer-inner {
  text-align: center;
  max-height: 55px; }

.pricingTraining-question .question-result-container .question-answer-inner-title-text {
  border: none; }

.pricingTraining-question .answer-details .question-answer-inner-title.market-price-input-text-box {
  align-self: flex-start;
  line-height: 2.5rem; }

.pricingTraining-question .question-result-container .question-answer-inner .question-answer-inner-title .question-answer-inner-title-text.market-price-input-text {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: right; }

.pricingTraining-question .question-result-container .yen {
  font-size: 1.8rem;
  font-weight: bold;
  align-self: center;
  text-align: right; }

/* 答え表示部分 */
.pricingTraining-question .question-result-container .question-answer-inner.answer .input-text-container {
  flex: 1 1 0;
  display: grid;
  grid-template: 1fr / 6rem 1fr 2rem;
  grid-gap: 10px;
  align-items: center; }

.pricingTraining-question .answer-details .correctAnswer-container .answer .input-text-container p.question-answer-inner-title-text {
  text-align: right;
  font-size: 2.5rem;
  font-weight: bold; }

#pricingTraining-dashboard .pricing-training-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0; }

#pricingTraining-dashboard .pricing-training-block .pricing-training-table tbody {
  background: #fff;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  border: none; }

#pricingTraining-dashboard .training-table-block td,
#pricingTraining-dashboard .training-table-block th {
  padding: 16px;
  text-align: center;
  font-size: 1.2rem; }

#pricingTraining-dashboard .pricing-training-block tbody .start-answer-td {
  padding: 5px;
  text-align: center;
  font-size: 1.2rem; }

#pricingTraining-dashboard .start-answer-btn {
  display: inline-block;
  height: auto;
  width: 100px;
  padding: 8px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  background: #263238;
  color: #fff;
  font-weight: bold;
  border: 1px solid #263238;
  border-radius: 3px;
  letter-spacing: 1px; }

.pricing-category-form-input-col {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5rem; }

.pricing-category-form-button-col {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 1px; }

.pricing-category-form-input-row {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem; }

.pricing-input-name {
  width: 100%; }

.pricing-input-date {
  width: 250px !important; }

.category-input-wrapper {
  min-width: 600px; }

.category-name-label {
  width: 90px; }

.pdf {
  margin: 20px auto;
  width: 1080px;
  padding: 40px; }
  .pdf.purchase-receipt {
    font-weight: bold;
    text-align: center; }
    .pdf.purchase-receipt table {
      border: 2px solid #6da6d4;
      border-collapse: collapse; }
      .pdf.purchase-receipt table.items th,
      .pdf.purchase-receipt table.items td, .pdf.purchase-receipt table.member th,
      .pdf.purchase-receipt table.member td, .pdf.purchase-receipt table.sum th,
      .pdf.purchase-receipt table.sum td {
        padding: 6px; }
      .pdf.purchase-receipt table th {
        background: #eaf7fa;
        border: 1px solid #6da6d4; }
      .pdf.purchase-receipt table td {
        border: 1px solid #6da6d4; }
        .pdf.purchase-receipt table td.align-left {
          text-align: left; }
    .pdf.purchase-receipt .top {
      display: flex;
      justify-content: space-between;
      margin-top: 44px; }
      .pdf.purchase-receipt .top .left table {
        width: 160px; }
      .pdf.purchase-receipt .top .title {
        color: rgba(47, 149, 233, 0.288);
        font-size: 60px;
        letter-spacing: 50px;
        text-indent: 50px;
        margin-top: auto; }
      .pdf.purchase-receipt .top .right {
        margin-top: auto; }
        .pdf.purchase-receipt .top .right .date {
          width: 160px;
          border-bottom: 1px solid #333;
          margin-bottom: 20px; }
        .pdf.purchase-receipt .top .right table {
          width: 160px; }
    .pdf.purchase-receipt .itemdata {
      margin-bottom: 20px; }
      .pdf.purchase-receipt .itemdata table {
        width: 100%; }
        .pdf.purchase-receipt .itemdata table.sum {
          border: none;
          margin-top: -2px; }
          .pdf.purchase-receipt .itemdata table.sum th {
            width: 26%;
            border: 2px solid #6da6d4; }
          .pdf.purchase-receipt .itemdata table.sum td.no-border {
            border-bottom: none;
            border-left: none;
            border-right: none; }
          .pdf.purchase-receipt .itemdata table.sum td.sum-value {
            width: 15%;
            border-bottom: 2px solid #6da6d4; }
          .pdf.purchase-receipt .itemdata table.sum td.whitespace {
            width: 13%;
            border-bottom: 2px solid #6da6d4;
            border-right: 2px solid #6da6d4 !important; }
        .pdf.purchase-receipt .itemdata table th.index {
          width: 3%; }
        .pdf.purchase-receipt .itemdata table th.name {
          width: 43%; }
        .pdf.purchase-receipt .itemdata table th.serial, .pdf.purchase-receipt .itemdata table th.accessory {
          width: 13%; }
        .pdf.purchase-receipt .itemdata table th.sum {
          width: 15%; }
        .pdf.purchase-receipt .itemdata table th.tax {
          width: 6%; }
        .pdf.purchase-receipt .itemdata table th.note {
          width: 7%; }
        .pdf.purchase-receipt .itemdata table td {
          height: 25px;
          word-break: break-all; }
    .pdf.purchase-receipt .memo table {
      width: 100%; }
      .pdf.purchase-receipt .memo table th {
        padding: 16px 0;
        width: 14%; }
      .pdf.purchase-receipt .memo table td {
        text-align: left;
        padding-left: 20px; }
    .pdf.purchase-receipt .customerinfo {
      margin-bottom: 20px; }
      .pdf.purchase-receipt .customerinfo .title {
        text-align: left;
        font-size: 24px;
        color: rgba(47, 149, 233, 0.288);
        letter-spacing: 10px;
        margin-bottom: 10px; }
      .pdf.purchase-receipt .customerinfo table {
        width: 100%; }
        .pdf.purchase-receipt .customerinfo table th {
          width: 15%; }
        .pdf.purchase-receipt .customerinfo table td {
          height: 25px; }
  .pdf.customer-copy .top {
    font-size: 1.8rem;
    font-weight: bold; }
    .pdf.customer-copy .top .title {
      text-align: center;
      font-size: 32px;
      letter-spacing: 10px;
      font-family: serif;
      border: 1px solid #000;
      border-radius: 10px;
      margin-bottom: 5px; }
    .pdf.customer-copy .top .imgs {
      display: flex;
      align-items: baseline;
      justify-content: space-between; }
      .pdf.customer-copy .top .imgs .logo {
        width: 50%;
        padding-bottom: 13px; }
      .pdf.customer-copy .top .imgs .lineqr {
        width: 38%; }
    .pdf.customer-copy .top .url {
      display: flex;
      justify-content: space-between;
      background: #d82318;
      color: #fff;
      margin-top: 5px; }
      .pdf.customer-copy .top .url .left {
        width: 50%;
        text-align: center;
        font-size: 26px;
        font-weight: normal;
        letter-spacing: 4px;
        margin-left: 20px; }
      .pdf.customer-copy .top .url .right {
        margin-right: 120px;
        display: flex;
        align-items: center; }
        .pdf.customer-copy .top .url .right .searchbox {
          border: 2px solid #fff;
          padding: 0 40px;
          border-radius: 4px;
          font-size: 18px;
          letter-spacing: 3px; }
        .pdf.customer-copy .top .url .right .searchbtn {
          margin-left: 10px;
          color: #d82318;
          background: #fff;
          border-radius: 4px;
          padding: 0 5px;
          font-size: 20px;
          letter-spacing: 2px; }
        .pdf.customer-copy .top .url .right img {
          width: 40px;
          transform: rotate(60deg);
          margin-left: -14px; }
  .pdf.customer-copy table {
    font-weight: bold;
    border: 2px solid #333;
    border-collapse: collapse; }
    .pdf.customer-copy table th,
    .pdf.customer-copy table td {
      border: 1px solid #333; }
    .pdf.customer-copy table .gray {
      background: #e0e0e0; }
  .pdf.customer-copy .customer-info table {
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 15px; }
    .pdf.customer-copy .customer-info table tr.high-tr {
      height: 60px; }
    .pdf.customer-copy .customer-info table tr.mid-tr {
      height: 35px; }
    .pdf.customer-copy .customer-info table tr td.space-l {
      letter-spacing: 10px;
      text-indent: 10px; }
    .pdf.customer-copy .customer-info table tr td.space-s {
      letter-spacing: 2px;
      text-indent: 2px; }
    .pdf.customer-copy .customer-info table tr td.second-col {
      width: 44%; }
  .pdf.customer-copy .itemdata table {
    width: 100%;
    table-layout: fixed; }
    .pdf.customer-copy .itemdata table th {
      padding: 0; }
      .pdf.customer-copy .itemdata table th.category {
        width: 10%; }
      .pdf.customer-copy .itemdata table th.brand {
        width: 20%; }
      .pdf.customer-copy .itemdata table th.serial {
        width: 15%; }
      .pdf.customer-copy .itemdata table th.name {
        width: 28%; }
      .pdf.customer-copy .itemdata table th.price {
        width: 12%; }
      .pdf.customer-copy .itemdata table th.tax {
        width: 6%; }
      .pdf.customer-copy .itemdata table th.note {
        width: 7%; }
    .pdf.customer-copy .itemdata table td {
      padding: 10px 10px;
      word-break: break-all; }
      .pdf.customer-copy .itemdata table td.index {
        text-align: center;
        padding: 0;
        width: 3%; }
    .pdf.customer-copy .itemdata table.sum {
      border: none;
      margin-left: auto;
      margin-top: -2px;
      width: 100%; }
      .pdf.customer-copy .itemdata table.sum th {
        border: 2px solid; }
      .pdf.customer-copy .itemdata table.sum td.no-border {
        border: none; }
      .pdf.customer-copy .itemdata table.sum td.sum-value {
        width: 12%;
        border-bottom: 2px solid; }
      .pdf.customer-copy .itemdata table.sum td.whitespace {
        width: 13%;
        border-bottom: 2px solid;
        border-right: 2px solid; }
  .pdf.customer-copy .notes .notes-title {
    font-size: 18px;
    text-align: center;
    background: #e0e0e0;
    letter-spacing: 6px; }
  .pdf.customer-copy .notes ol {
    font-size: 16px;
    margin: 10px 0; }
  .pdf.customer-copy .notes .confirm {
    border-bottom: 1px solid #333;
    font-size: 16px;
    display: block;
    width: 78%;
    margin: 0 auto;
    text-align: center; }
  .pdf.customer-copy .bottom {
    font-size: 16px; }
    .pdf.customer-copy .bottom .body {
      border: 1px solid #333;
      font-weight: bold;
      margin-top: -1px;
      display: flex;
      justify-content: space-between;
      padding: 5px 100px; }

.product-edit .main > .form-area {
  width: 90%; }
  .product-edit .main > .form-area .item {
    margin: 10px; }
    .product-edit .main > .form-area .item .photo {
      width: 180px; }
      .product-edit .main > .form-area .item .photo .parts-button {
        margin-top: 5px;
        width: 20px;
        margin-right: auto; }

.product-detail .imagearea {
  display: flex;
  width: 80%;
  margin: auto; }
  .product-detail .imagearea > .title {
    width: 10%;
    display: flex;
    align-items: center;
    font-weight: bold; }
  .product-detail .imagearea > .images {
    width: 90%;
    display: flex;
    margin-top: 10px; }
    .product-detail .imagearea > .images > .image {
      padding: 0 20px;
      width: 25%; }

.product-detail .layout-row {
  width: 600px; }
  .product-detail .layout-row .item .form-title {
    text-align: right;
    font-size: 1.8rem; }
    .product-detail .layout-row .item .form-title .title {
      width: 40%; }
    .product-detail .layout-row .item .form-title .text {
      width: 60%;
      min-height: 47px; }

.purchasehist-list .table > .body {
  margin-right: -1px; }

.purchasehist-detail > .layout-content-inner > .member-info {
  margin-top: 10px; }

.purchasehist-detail > .layout-content-inner > .purchase-data {
  width: 90%;
  margin: 20px auto; }
  .purchasehist-detail > .layout-content-inner > .purchase-data .common {
    display: flex;
    justify-content: space-around; }
  .purchasehist-detail > .layout-content-inner > .purchase-data .purchase-memo {
    width: 90%;
    margin: 20px auto; }
    .purchasehist-detail > .layout-content-inner > .purchase-data .purchase-memo .title {
      font-weight: bold; }
    .purchasehist-detail > .layout-content-inner > .purchase-data .purchase-memo .memo {
      margin-top: 10px;
      margin-left: 20px; }
  .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .data {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px; }
    .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .data.-product {
      justify-content: center; }
      .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .data.-product .img {
        width: 140px;
        margin-right: 60px; }
      .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .data.-product .productinfo {
        display: flex;
        flex-direction: column;
        justify-content: center; }
  .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .stock-memo {
    margin: 20px 40px; }
  .purchasehist-detail > .layout-content-inner > .purchase-data .stocklist .item .toggle-switch {
    margin: 0 auto; }

.purchaseinfo-form {
  display: flex; }
  .purchaseinfo-form > .content {
    width: 65%;
    padding-right: 40px;
    margin-top: -40px; }
    .purchaseinfo-form > .content._addnew {
      width: 100%;
      padding-right: 0; }
    .purchaseinfo-form > .content > .block {
      margin-top: 40px; }
      .purchaseinfo-form > .content > .block.staff-shop > .item-border > .item {
        display: flex;
        align-items: center; }
        .purchaseinfo-form > .content > .block.staff-shop > .item-border > .item:first-child {
          margin-bottom: 10px; }
        .purchaseinfo-form > .content > .block.staff-shop > .item-border > .item .title {
          width: 80px;
          font-weight: bold;
          font-size: 1.6rem; }
        .purchaseinfo-form > .content > .block.staff-shop > .item-border > .item .form {
          width: 300px; }
      .purchaseinfo-form > .content > .block.purchased-at > .item-border {
        display: flex;
        align-items: center; }
        .purchaseinfo-form > .content > .block.purchased-at > .item-border > .head {
          margin-right: 30px; }
        .purchaseinfo-form > .content > .block.purchased-at > .item-border > .content {
          margin-top: 0; }
          .purchaseinfo-form > .content > .block.purchased-at > .item-border > .content > .form-block {
            width: 230px; }
      .purchaseinfo-form > .content > .block.user-info > .item-border > .addnew-member > .button {
        margin: 8px 0; }
      .purchaseinfo-form > .content > .block.user-info > .item-border > .content {
        margin: 0; }
        .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name {
          margin-top: 20px;
          display: flex;
          align-items: flex-end; }
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name > .button {
            margin-left: 20px; }
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name > .firstname,
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name > .familyname {
            font-weight: bold;
            margin-right: 20px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name > .firstname > .name,
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .name > .familyname > .name {
              font-size: 2rem; }
        .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .data {
          margin-top: 10px;
          display: flex; }
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .data > .item:not(:first-child) {
            margin-left: 40px; }
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .user-data > .data > .item > .head {
            font-size: 1.2rem; }
        .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card {
          margin-top: 10px; }
          .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner {
            padding-top: 20px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner > .content {
              margin-bottom: 20px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form-modal {
              padding: 50px; }
              .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form-modal .user-form-btn {
                display: flex; }
                .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form-modal .user-form-btn #user-form-cancel {
                  margin-left: 10px;
                  margin-bottom: 20px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form > .data .checkbox {
              flex-direction: column; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form > .data > .register {
              display: flex;
              justify-content: center;
              align-items: center;
              margin-top: 40px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form > .identify {
              margin-top: 40px; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content {
              display: flex;
              flex-direction: column; }
              .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .image {
                display: flex;
                align-items: flex-end; }
                .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .image > .list {
                  display: flex;
                  justify-content: space-around; }
                  .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .image > .list .img img {
                    width: 160px; }
                .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .image > #btn-uploadImage {
                  height: 36px;
                  min-width: 210px;
                  margin-bottom: 20px; }
              .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .data {
                margin-top: 20px; }
                .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .data .title {
                  width: 140px; }
                .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .content > .data .form {
                  width: 100%; }
            .purchaseinfo-form > .content > .block.user-info > .item-border > .content > .toggle-card > .body > .inner .user-form .identification-credential > .register {
              display: flex;
              justify-content: center;
              align-items: center;
              margin-top: 20px; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .add {
        display: flex;
        align-items: center; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .add > .button {
          margin-left: 10px; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .search {
        margin-top: 20px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .search .layout-search {
          display: flex;
          align-items: center;
          margin-bottom: 10px; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .search .layout-search .quick {
            width: 80%; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .search .layout-search .button {
            margin-left: 10px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .search .search-suggest-container {
          margin-top: 0; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .stock-detail > .buttons {
        margin: 20px 0 40px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .stock-detail > .buttons > .item {
          width: 33.33%; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .stock-detail > .buttons > .item.toggle {
            display: flex;
            justify-content: center;
            align-items: center; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .stock-detail > .buttons > .item.delete {
            display: flex;
            justify-content: flex-end; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form {
          width: 22%; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .mark {
          font-size: 2rem; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._denomination {
          min-width: 200px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._weight, .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._rate {
          min-width: 80px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._marketPrice {
          min-width: 80px; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._marketPrice > div[name="marketPrice"] {
            height: 42px;
            text-align: center;
            padding: 10px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form._purchasePrice {
          min-width: 120px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .form > .head {
          text-align: center;
          margin-bottom: 3px;
          font-weight: bold; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .calc > .mark {
          margin: 0 3px -22px; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .price {
        display: flex;
        align-items: center;
        margin-top: 15px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .price > .item:first-child {
          margin-right: 20px; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .price > .manual-input {
          margin-left: auto; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .status,
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .name {
        width: 300px;
        margin-top: 15px; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .textarea,
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .buttons {
        margin-top: 20px; }
      .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .buttons {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .buttons > .item {
          width: 33.33%; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .buttons > .item.toggle {
            display: flex;
            justify-content: center;
            align-items: center; }
          .purchaseinfo-form > .content > .block.assessment .purchase-add > .purchase-list .metal-calculate > .buttons > .item.delete {
            display: flex;
            justify-content: flex-end; }
  .purchaseinfo-form > .side {
    width: 35%; }

.purchaseinfo-list .table > .body {
  margin-right: -1px; }
  .purchaseinfo-list .table > .body tbody td.status {
    padding: 2px 10px; }

.purchaseinfo-list .printbtn {
  width: 60px;
  padding: 2px;
  margin: 2px auto 0; }
  .purchaseinfo-list .printbtn:hover {
    transform: none; }

.question-section .question-image-container .gallery-top-2 .swiper-slide .placeholder-text.main-image-2 {
  width: auto;
  /* 画像の枠の中央に表示する */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #ccc;
  padding: 64px 100px;
  white-space: nowrap;
  background-color: white;
  border: 1px solid #ccc;
  text-align: center; }

.question-section .title.layout-content-inner.question .head {
  margin-bottom: 40px; }

.question-content-table {
  font-weight: inherit !important; }

.question-section .question-content-table .question-content-table-th {
  width: 40%;
  font-weight: normal !important;
  text-align: center;
  background-color: #f0f0f0;
  padding: 1.5rem 0; }

.question-section .question-content-table .question-content-table-td {
  width: 60%;
  text-align: center;
  padding: 1.25rem 0; }

.question-section .question-content-table tr:not(:last-child) {
  border-bottom: #ccc dotted 1px; }

*[data-answered="true"] .show-only-before {
  display: none !important; }

.show-only-after {
  display: none; }

*[data-answered="true"] .show-only-after {
  display: block !important; }

#correct-answer-span,
#para-correct-answer {
  text-wrap: nowrap; }

#answer-note {
  width: 100%;
  text-wrap: wrap; }

.justify-start {
  justify-content: flex-start !important; }

.question-section .question-image-container .gallery-top .swiper-slide .placeholder-text.main-image {
  width: auto;
  /* 画像の枠の中央に表示する */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #ccc;
  padding: 64px 100px;
  white-space: nowrap;
  background-color: white;
  border: 1px solid #ccc;
  text-align: center; }

.question-section .placeholder-box {
  width: 320px;
  height: 200px;
  background-color: white; }

.question-section .question-result-container .question-answer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  border: lightgray solid 1px;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 3px; }

.question-section input.question-answer-inner-input-text#entered-text {
  width: auto;
  padding: initial;
  border: none;
  appearance: none;
  background: white;
  font-size: 1.8rem;
  font-weight: bold;
  color: black; }

.question-section .question-answer-inner .input-box {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  flex: 1 1 70%; }

.question-section .question-answer-inner .input-box.isFreeAnswer .question-result-text {
  margin: initial;
  font-size: 1.8rem;
  font-weight: bold;
  border: none;
  background: initial;
  padding: initial; }

.question-section .question-result-container .question-answer-inner .question-answer-inner-title {
  flex: 1 1 0; }

.question-section .question-result-container .question-answer-inner .question-answer-inner-title .question-answer-inner-title-text {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center; }

.question-section .input-value-container .question-answer-inner-title-text {
  color: black; }

.question-section .input-value-container input[type="radio"] {
  user-select: none;
  appearance: none; }

.question-section .input-value-container input[type="radio"] + label {
  user-select: none;
  appearance: none; }

.question-section .input-value-container .parts-button._border-black:hover {
  background: initial;
  transform: none;
  color: black; }

.question-section .question-result-inner.answer {
  background-color: red;
  color: white; }

.question-section .question-result-container .question-answer-inner-title.isFreeAnswer {
  flex: 0 0 10rem; }

.question-section .question-result-text {
  text-align: center;
  margin-left: 1.5rem;
  border: lightgray solid 1px;
  border-radius: 0.5rem;
  padding: 1rem 3rem;
  font-weight: bold;
  background: #f5f5f5;
  user-select: none; }

.question-section .question-result-text .p {
  color: black; }

.question-section .isFreeAnswer .question-result-text .p {
  color: white; }

/*----------------------------------------------
   * 解説エリア
   *---------------------------------------------*/
.question-section .judgment-result {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  border: none;
  flex: 1 1 100%;
  text-align: center;
  margin: 2rem auto; }

.question-section .judgment-result .judgment-result-text {
  font-size: 24px;
  font-weight: bold;
  color: #263238; }

/*----------------------------------------------*/
.question-section .question-image-container > .swiper-container {
  height: min(200px, 100%); }

.question-section .answer-details {
  width: 90%;
  margin: 0 auto; }

.question-section .answer-details-container p {
  text-align: justify; }

.question-section .answer-details-container {
  width: 100%; }

.question-section .answer-details-container tr {
  width: 50%; }

.question-section .answer-details-container tbody tr {
  justify-content: center;
  justify-self: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  align-self: flex-start; }

.question-section .answer-details-container thead {
  display: flex;
  background: #263238;
  color: #fff; }

.question-section .answer-details-container thead tr {
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around; }

.question-section .answer-details-container thead th {
  flex: 1 1 50%;
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-bottom: none;
  text-align: center;
  background: #f0f0f0;
  font-size: 1.2rem;
  color: #000; }

.question-section .answer-details-container thead th:first-child {
  border-right: none; }

.question-section .answer-details-container tbody {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  border: 1px solid #c0c0c0;
  border-top: none; }

.question-section .answer-details-container tbody tr {
  min-height: 420px; }

.question-section .answer-details-container-inner-content-table-td {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  align-content: flex-end;
  padding: 2rem 3.5rem; }

.question-section .answer-details-container-inner-content-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column; }

.question-section .answer-details-container tbody tr:last-child {
  border-left: 1px solid #c0c0c0; }

.question-section .isCorrect-container.correctAnswer {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  flex: 1 1 70%;
  justify-content: center; }

.question-section .isCorrect-box {
  text-align: center;
  border: #ccc solid 1px;
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin: 0.5rem;
  display: flex;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  background: #fff;
  font-weight: bold;
  flex: 0 1 20%; }

.question-section .title.layout-content-inner.question .head {
  margin-bottom: 1rem; }

.question-section .question-content-table .question-content-table-th {
  width: 40%;
  text-align: center;
  background-color: #ccc; }

.question-section .question-content-table .question-content-table-td {
  width: 60%;
  text-align: center; }

.question-section .question-content-table tbody {
  width: 100%;
  text-align: center; }

.question-section .question-content-table tr {
  display: flex;
  flex-direction: row; }

.question-section .question-content-table tr:not(:last-child) {
  line-height: 2;
  border-bottom: #ccc dotted 1px; }

.question-section .question-content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start; }

.question-section .question-answer-container {
  margin: 1rem 0rem;
  text-align: center; }

.question-section .question-answer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  border: #ccc solid 1px;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 3px; }

.question-section .question-answer-inner-title {
  flex: 1 1 0; }

.question-section .question-answer-inner-title-text {
  font-size: 1.8rem;
  font-weight: bold; }

.question-section .question-answer-inner-input {
  flex: 1 1 80%; }

.question-addnew .layout-row > .item {
  padding-top: 10px; }

.question-addnew .layout-row > .item.regist-button {
  padding-top: 40px; }

.question-addnew .question-title {
  width: 80%;
  margin: 20px auto 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem; }

.question-addnew input[type="radio"] {
  display: inline; }

.question-addnew .form-title.-inline {
  align-items: stretch; }

.question-addnew .form-title.-inline > div {
  padding: 15px; }

.question-addnew .form-title.-inline > .title {
  display: flex;
  align-items: center;
  background-color: #F0F0F0; }

.question-addnew .title > span {
  line-height: normal; }

.question-addnew textarea {
  width: 100%;
  padding: 15px 10px;
  resize: none;
  background: #fff;
  border: 1px solid #d0d0d0; }

.question-addnew .parts-button {
  margin-bottom: 20px; }

.question-addnew .spec {
  display: flex; }

.question-addnew .spec-list {
  display: flex;
  width: 90%;
  padding: 10px 5px;
  border: 1px solid #d0d0d0; }

.question-addnew .spec-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin: 0 10px; }

.question-addnew .spec-item > div {
  width: 87%; }

.question-addnew .spec-item > label {
  width: auto;
  text-align: center; }

.question-addnew .spec-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%; }

.question-addnew .spec-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer; }

.question-addnew .visible-selectanswer {
  display: none; }

.question-addnew .visible-freeanswer {
  display: none; }

.question-addnew .op-select .form-block {
  width: 30%; }

.question-addnew .op-select select {
  background-color: white;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  background-image: linear-gradient(45deg, transparent 50%, #333333 50%), linear-gradient(135deg, #333333 50%, transparent 50%), linear-gradient(to right, #F0F0F0, #F0F0F0);
  background-position: calc(100% - 21px) calc(1em + 4px), calc(100% - 16px) calc(1em + 4px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.8em 100%;
  background-repeat: no-repeat; }

.question-addnew .image-input {
  display: none; }

.question-addnew .image-input-caution {
  color: #707070;
  font-size: 0.75rem; }

.question-addnew .image-list {
  display: flex;
  flex-wrap: wrap; }

.question-addnew .image-list > * {
  width: 95px;
  height: 80px;
  border: 1px solid #d0d0d0;
  margin: 0.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.question-addnew .image-list > * > img {
  object-fit: contain; }

.question-addnew .image-list .delete-btn {
  position: absolute;
  display: flex;
  border: solid 0.5px #707070;
  background-color: white;
  opacity: 0.5;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  top: 5%;
  right: 5%;
  user-select: none; }

.question-addnew .delete-btn img {
  margin: 2px;
  height: 5px;
  width: 5px; }

.ranking {
  width: 90%;
  margin: 20px auto 0;
  font-weight: bold; }
  .ranking > .top .layout-search {
    font-weight: normal; }
  .ranking > .ranking-wrapper {
    margin-top: 40px; }
    .ranking > .ranking-wrapper > .ranking-title {
      margin-top: 40px;
      font-size: 1.8rem;
      text-align: center; }
    .ranking > .ranking-wrapper > .ranking-list {
      margin: 10px auto;
      display: flex;
      justify-content: center; }
      .ranking > .ranking-wrapper > .ranking-list > .ranking-item {
        width: 28%;
        display: flex;
        flex-direction: column;
        border: 2px solid #d0d0d0;
        background: #f0f0f0;
        padding: 5px;
        max-width: 254px; }
        .ranking > .ranking-wrapper > .ranking-list > .ranking-item:not(:first-child) {
          margin-left: 15px; }
        .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-title {
          align-self: center; }
        .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-data {
          display: flex;
          align-items: center;
          margin-top: 20px; }
          .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-data > .ranking-number {
            font-size: 2rem;
            margin: 0 10px;
            min-width: 36px; }
          .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-data > .data {
            font-size: 1.8rem; }
            .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-data > .data > .name {
              display: flex; }
            .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .ranking-item-data > .data > .detail {
              color: #c1272d; }
        .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .current-position {
          margin-top: 10px;
          align-self: center;
          display: flex;
          margin-right: 20px;
          font-size: 1.8rem; }
          .ranking > .ranking-wrapper > .ranking-list > .ranking-item > .current-position > .head {
            margin-right: 20px; }
    .ranking > .ranking-wrapper > .last-month-ranking-title {
      margin-top: 20px;
      padding-bottom: 5px;
      border-bottom: 1px solid #333;
      margin-bottom: 40px; }

.sales-form {
  display: flex; }
  .sales-form > .content {
    width: 65%;
    padding-right: 40px;
    margin-top: -40px; }
    .sales-form > .content > .block {
      margin-top: 40px; }
      .sales-form > .content > .block > .item-border > .head {
        margin-bottom: 3px; }
      .sales-form > .content > .block > .item-border .table-block {
        margin-top: 20px; }
        .sales-form > .content > .block > .item-border .table-block td.delete {
          width: 70px;
          min-width: 70px; }
        .sales-form > .content > .block > .item-border .table-block td.image {
          width: 140px;
          min-width: 140px; }
        .sales-form > .content > .block > .item-border .table-block td.number {
          width: 80px;
          min-width: 80px; }
        .sales-form > .content > .block > .item-border .table-block td.salesunit-price, .sales-form > .content > .block > .item-border .table-block td.adjust-salesunit-price {
          width: 110px;
          min-width: 110px; }
        .sales-form > .content > .block > .item-border .table-block td.sales-price, .sales-form > .content > .block > .item-border .table-block td.adjust-sales-price {
          width: 50%; }
        .sales-form > .content > .block > .item-border .table-block td > .parts-button {
          width: 40px;
          margin: auto; }
        .sales-form > .content > .block > .item-border .table-block td > .amount {
          display: flex;
          justify-content: center;
          align-items: center; }
          .sales-form > .content > .block > .item-border .table-block td > .amount > .unit {
            margin: 0 5px; }
          .sales-form > .content > .block > .item-border .table-block td > .amount > input {
            padding-left: 5px;
            width: 70px; }
        .sales-form > .content > .block > .item-border .table-block td > .stock {
          margin: 5px 0;
          display: flex;
          justify-content: center; }
          .sales-form > .content > .block > .item-border .table-block td > .stock .data {
            margin-left: 5px; }
      .sales-form > .content > .block.sold-at > .item-border {
        display: flex;
        align-items: center; }
        .sales-form > .content > .block.sold-at > .item-border > .head {
          margin-right: 30px; }
        .sales-form > .content > .block.sold-at > .item-border > .content {
          margin-top: 0; }
          .sales-form > .content > .block.sold-at > .item-border > .content > .form-block {
            width: 230px; }
      .sales-form > .content > .block.buyer-info .buyer-data > .name {
        margin-top: 20px;
        display: flex;
        align-items: flex-end; }
        .sales-form > .content > .block.buyer-info .buyer-data > .name > .companyname,
        .sales-form > .content > .block.buyer-info .buyer-data > .name > .firstname,
        .sales-form > .content > .block.buyer-info .buyer-data > .name > .familyname {
          font-weight: bold;
          margin-right: 20px; }
          .sales-form > .content > .block.buyer-info .buyer-data > .name > .companyname > .name,
          .sales-form > .content > .block.buyer-info .buyer-data > .name > .firstname > .name,
          .sales-form > .content > .block.buyer-info .buyer-data > .name > .familyname > .name {
            font-size: 2rem; }
        .sales-form > .content > .block.buyer-info .buyer-data > .name > #removeBuyer {
          margin-left: auto;
          margin-right: 20px; }
      .sales-form > .content > .block.buyer-info .buyer-data > .year-data {
        margin: 10px 0;
        display: flex; }
        .sales-form > .content > .block.buyer-info .buyer-data > .year-data > .item:not(:first-child) {
          margin-left: 40px; }
        .sales-form > .content > .block.buyer-info .buyer-data > .year-data > .item > .head {
          font-size: 1.2rem; }
      .sales-form > .content > .block.buyer-info .buyer-data > .individual-data {
        margin-bottom: 10px; }
        .sales-form > .content > .block.buyer-info .buyer-data > .individual-data > .item {
          display: flex; }
      .sales-form > .content > .block.sales-product .menu-buttons {
        display: flex;
        justify-content: space-around;
        margin-top: 10px; }
      .sales-form > .content > .block.sales-product .add-multiple > .table-block {
        margin-bottom: 10px; }
      .sales-form > .content > .block.sales-product .add-multiple > .add-button {
        width: 150px; }
  .sales-form > .side {
    width: 35%; }
    .sales-form > .side > .status > .status-card > .data {
      justify-content: space-around; }
      .sales-form > .side > .status > .status-card > .data > .item {
        width: 110px;
        text-align: center; }
    .sales-form > .side > .side-card {
      padding: 20px; }
      .sales-form > .side > .side-card > .content > .section {
        margin-top: 20px;
        padding: 0 20px; }
        .sales-form > .side > .side-card > .content > .section.border-bottom {
          border-bottom: 1px solid #d0d0d0; }
        .sales-form > .side > .side-card > .content > .section > .item {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          .sales-form > .side > .side-card > .content > .section > .item > .head {
            display: flex;
            align-items: center; }
          .sales-form > .side > .side-card > .content > .section > .item > .data {
            display: flex; }
            .sales-form > .side > .side-card > .content > .section > .item > .data.sum {
              font-size: 3rem;
              font-weight: bold; }
            .sales-form > .side > .side-card > .content > .section > .item > .data > .sl {
              margin: 0 5px; }

.sales-list .total-data {
  width: 480px;
  margin: 0 auto;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #263238; }
  .sales-list .total-data .item {
    display: flex; }
    .sales-list .total-data .item:first-child {
      margin-right: 20px; }

.sales-list .table > .body {
  width: 85%; }

.sales-list .table > .edit {
  width: 15%; }

.sales-list .modal .main > .item {
  justify-content: center; }
  .sales-list .modal .main > .item > .head {
    width: 40px;
    min-width: 40px; }
  .sales-list .modal .main > .item > .data {
    width: 200px; }

.staff-form > .personal-data-head, .top-data.staff-form > .head {
  display: flex;
  align-items: center;
  margin: 10px 20px 20px; }
  .staff-form > .personal-data-head > .photo, .top-data.staff-form > .head > .photo {
    width: 100px;
    height: 100px;
    object-fit: cover; }
  .staff-form > .personal-data-head > .text, .top-data.staff-form > .head > .text {
    margin-left: 20px;
    font-weight: bold;
    font-size: 1.8rem; }
    .staff-form > .personal-data-head > .text > .code, .top-data.staff-form > .head > .text > .code {
      font-size: 1.5rem; }

.staff-form .belongshops .form-title {
  flex-wrap: wrap; }
  .staff-form .belongshops .form-title > .title {
    margin-bottom: -44px; }
  .staff-form .belongshops .form-title > .form {
    display: flex;
    margin-left: 20%;
    padding: 10px;
    border: 1px solid #333;
    margin-top: -4px; }
    .staff-form .belongshops .form-title > .form > .shoplist {
      width: 24%;
      min-width: 24%;
      height: 44px;
      align-self: center; }
    .staff-form .belongshops .form-title > .form > .checkall {
      min-width: 94px;
      width: 94px;
      align-self: center; }
    .staff-form .belongshops .form-title > .form > .auths {
      width: 75%; }
      .staff-form .belongshops .form-title > .form > .auths .checkbox {
        margin-left: 0;
        display: flex;
        flex-wrap: wrap; }
    .staff-form .belongshops .form-title > .form .parts-button {
      width: 50px;
      height: 30px;
      align-self: center;
      margin-right: 10px;
      border-radius: 6px; }

.staff-form .belongshops .controlbuttons .parts-button {
  border-radius: 0 0 4px 4px;
  margin-top: -4px;
  width: 160px;
  display: inline-block;
  text-align: center; }
  .staff-form .belongshops .controlbuttons .parts-button:hover {
    transform: none; }
  .staff-form .belongshops .controlbuttons .parts-button:first-child {
    margin-left: 20%; }

.staff-list .table-block td.auths {
  text-align: left;
  padding-left: 20px; }

.stocks .stock-info > .info {
  width: 90%;
  margin: auto; }
  .stocks .stock-info > .info > .item {
    display: flex;
    margin: 20px 0; }
    .stocks .stock-info > .info > .item > .title {
      width: 18%;
      font-weight: bold; }
      .stocks .stock-info > .info > .item > .title.center {
        align-self: center; }
    .stocks .stock-info > .info > .item > .form {
      width: 82%;
      display: flex;
      flex-wrap: wrap; }
      .stocks .stock-info > .info > .item > .form > .image {
        width: 25%;
        padding: 10px 40px 10px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .stocks .stock-info > .info > .item > .form > .image .parts-button {
          margin-top: 5px;
          width: 20px;
          margin-right: auto; }
        .stocks .stock-info > .info > .item > .form > .image .form-block {
          margin-top: 5px; }
      .stocks .stock-info > .info > .item > .form > label {
        margin-top: 10px; }
      .stocks .stock-info > .info > .item > .form > .form-block.-short {
        width: 300px; }
      .stocks .stock-info > .info > .item > .form > a.parts-button {
        margin-top: 10px; }

.stocks._addnew .stock-info > .form-top {
  margin-bottom: 40px; }

.stocks._addnew .stock-info > .search {
  margin-bottom: 20px; }
  .stocks._addnew .stock-info > .search > .container {
    display: flex; }
    .stocks._addnew .stock-info > .search > .container > .layout-search {
      width: 70%;
      margin-right: 40px; }

.stocks._addnew .stock-info > .stock-detail > .item {
  justify-content: center; }
  .stocks._addnew .stock-info > .stock-detail > .item > .photo > .img {
    width: 220px; }

.stocks._edit > .section > .layout-content-inner > .parts-head-main {
  margin-bottom: 20px; }

.stocks._edit > .section > .layout-content-inner > .head {
  width: 90%;
  margin: 0 auto;
  display: flex; }
  .stocks._edit > .section > .layout-content-inner > .head > .head-left {
    width: 80%; }
    .stocks._edit > .section > .layout-content-inner > .head > .head-left > img {
      width: 20%;
      margin-right: 20px;
      display: inline-block;
      vertical-align: top; }
    .stocks._edit > .section > .layout-content-inner > .head > .head-left > .product-info {
      display: inline-block;
      width: 75%; }
      .stocks._edit > .section > .layout-content-inner > .head > .head-left > .product-info > .name {
        font-weight: bold;
        font-size: 3rem; }
  .stocks._edit > .section > .layout-content-inner > .head .head-right {
    margin-left: auto; }
    .stocks._edit > .section > .layout-content-inner > .head .head-right > .parts-button:first-child {
      margin-bottom: 20px; }

.stocks._edit > .section > .layout-content-inner > .sale-price > .parts-button {
  margin-left: auto; }

.stocks._edit > .section > .layout-content-inner > .sale-price > .price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 60px; }
  .stocks._edit > .section > .layout-content-inner > .sale-price > .price > .tax-ex {
    font-size: 2rem; }
  .stocks._edit > .section > .layout-content-inner > .sale-price > .price > .tax-in {
    color: #777; }

.stocks._edit > .section > .layout-content-inner > .stock-info > .info > .parts-button {
  margin: 40px auto 0; }

.stocks._edit > .section > .layout-content-inner .metalmarketprice .price {
  width: 500px;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem; }

.stocks._edit > .section > .layout-content-inner .stock-amount > .table-block {
  width: 90%;
  margin: 20px 20px 0 auto; }
  .stocks._edit > .section > .layout-content-inner .stock-amount > .table-block > table > thead {
    border-bottom: 1px solid #d0d0d0; }
  .stocks._edit > .section > .layout-content-inner .stock-amount > .table-block > table .gray {
    background: #f0f0f0; }
  .stocks._edit > .section > .layout-content-inner .stock-amount > .table-block > table td {
    width: 10px; }

.stocks._edit > .section > .layout-content-inner > .stock-log > .form-top .form-top-sub {
  display: inline-block;
  margin-left: 10px;
  color: #777; }

.stocks._edit > .section > .layout-content-inner > .stock-log > .table-block {
  width: 90%;
  margin: 20px auto 0; }

.stocks._edit .modal #divProductSearch {
  display: block; }

.stocks._list .stocklist-tab > .tab {
  display: flex;
  justify-content: flex-end;
  margin-right: 40px; }
  .stocks._list .stocklist-tab > .tab > div {
    padding: 2px 40px;
    border: 2px solid #d0d0d0;
    border-radius: 14px 14px 0 0;
    font-size: 1.4rem;
    cursor: pointer; }
    .stocks._list .stocklist-tab > .tab > div:first-child {
      margin-right: -2px; }
    .stocks._list .stocklist-tab > .tab > div.active {
      background: #f0f0f0; }

.stocks._list .stock-keeping-info {
  margin: 20px auto 40px; }
  .stocks._list .stock-keeping-info > .form-top {
    margin-bottom: 20px; }
  .stocks._list .stock-keeping-info > .table-block {
    width: 90%;
    margin: auto; }
    .stocks._list .stock-keeping-info > .table-block .shopname {
      background: #f0f0f0; }
    .stocks._list .stock-keeping-info > .table-block .stocknumber {
      cursor: pointer;
      padding: 0; }
      .stocks._list .stock-keeping-info > .table-block .stocknumber:hover {
        background: #d0d0d0; }
      .stocks._list .stock-keeping-info > .table-block .stocknumber a {
        color: inherit;
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px; }

.stocktakes-addnew .layout-content-inner > .content {
  width: 80%;
  margin: 20px auto 0; }
  .stocktakes-addnew .layout-content-inner > .content .head-with-content > .head.border-gray {
    border-bottom: 1px solid #d0d0d0; }
  .stocktakes-addnew .layout-content-inner > .content .head-with-content .stocktakes-info {
    width: 70%;
    margin: 40px auto; }
    .stocktakes-addnew .layout-content-inner > .content .head-with-content .stocktakes-info > div {
      display: flex;
      margin-bottom: 20px; }
      .stocktakes-addnew .layout-content-inner > .content .head-with-content .stocktakes-info > div > .head {
        margin-right: 20px;
        font-weight: bold;
        font-size: 1.8rem; }
      .stocktakes-addnew .layout-content-inner > .content .head-with-content .stocktakes-info > div > .data {
        display: flex;
        align-items: center; }
  .stocktakes-addnew .layout-content-inner > .content .form-block {
    margin-top: 40px; }
  .stocktakes-addnew .layout-content-inner > .content .search-field {
    width: 80%;
    margin: 0 auto; }
    .stocktakes-addnew .layout-content-inner > .content .search-field + .parts-button {
      margin-bottom: 40px; }

.stocktakes-addnew .layout-content-inner .parts-button {
  margin: 40px auto 0; }
  .stocktakes-addnew .layout-content-inner .parts-button.-gray {
    padding: 20px 0; }

.stocktakes-addnew .layout-content-inner .stocktakes-buttons {
  display: flex;
  justify-content: space-around; }
  .stocktakes-addnew .layout-content-inner .stocktakes-buttons > .parts-button {
    margin: 20px 10px 40px; }

#message-searchstock {
  margin-bottom: 10px; }

nav.test-nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 20px auto;
  margin-bottom: -1px; }

nav.test-nav ul li {
  width: 100px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 12px 12px 0 0;
  padding: 5px; }

nav.test-nav ul li:nth-child(n + 2) {
  margin-left: -1px; }

nav.test-nav ul li.active {
  background: #f0f0f0; }

nav.test-nav ul li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  color: inherit;
  font-size: 1.4rem; }

.training-table-block .testList-table th:first-child {
  min-width: 52px;
  white-space: nowrap; }

.training-table-block .testList-table th:last-child {
  min-width: 140px; }

.training-table-block .testList-table .test-category {
  min-width: 264px; }

.training-table-block .testList-table .test-training {
  min-width: 324px; }

.training-table-block .testList-table .test-set {
  min-width: 120px; }

.training-table-block .testList-table .test-select-box {
  position: relative;
  padding: 0.5rem 1.5rem; }
  .training-table-block .testList-table .test-select-box .bgc-white {
    background-color: #fff; }

.training-table-block .testList-table .test-select-category {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0); }

.training-table-block .testList-table .select-border {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 25px;
  width: 10px;
  height: calc(10px / 2 * tan(60deg));
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #333333; }

nav.training-nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 20px auto;
  margin-bottom: -1px; }

nav.training-nav ul li {
  width: 100px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 12px 12px 0 0;
  padding: 5px; }

nav.training-nav ul li:nth-child(n + 2) {
  margin-left: -1px; }

nav.training-nav ul li.active {
  background: #f0f0f0; }

nav.training-nav ul li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  color: inherit;
  font-size: 1.4rem; }

.layout-content-inner.training {
  width: 750px;
  margin: 0 auto; }

.layout-content-inner > .content.category-table {
  margin-bottom: 60px; }

.training .table-block > table td {
  padding: 10px; }

.training .total {
  display: flex;
  width: 100%;
  margin: 20px auto 0; }

.training .total .total-title {
  letter-spacing: 1.2px; }

.training .total > div {
  width: 250px;
  padding: 10px;
  background-color: #263238;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem; }

.training .total > div:nth-child(2) {
  border-right: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0; }

.training-category {
  width: 250px; }

.training .selectcategory {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.training .selectcategory li {
  flex-basis: calc(25% - 7.5px);
  margin: 5px;
  border: 1px #C0C0C0 solid;
  border-radius: 3px;
  font-weight: bold; }

.training .selectcategory li:nth-child(4n) {
  margin-right: 0; }

.training .selectcategory li:nth-child(4n-3) {
  margin-left: 0; }

.training .training-form {
  width: 750px;
  margin: 0 auto; }

.training .selectcategory li input[type="radio"] + label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  padding: 10px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer; }

.training .selectcategory li input[type="radio"]:checked + label {
  background-color: #263238;
  color: #fff; }

.training .selectcategory li input[type="radio"]:disabled + label {
  background-color: #e6e6e6;
  pointer-events: none; }

.training .parts-button._update.training-button {
  margin: 40px auto 20px;
  font-size: 1.8rem; }

.training-table-block .trainingList-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .training-table-block .trainingList-table thead {
    border-top: 1px solid #212a39;
    border-right: 1px solid #212a39;
    border-left: 1px solid #212a39;
    background-color: #212a39;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem 0.5rem; }
  .training-table-block .trainingList-table tbody {
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    box-sizing: border-box; }
    .training-table-block .trainingList-table tbody tr:nth-child(odd) {
      background-color: #f0f0f0; }
    .training-table-block .trainingList-table tbody tr:nth-child(even) {
      background-color: #fff; }
  .training-table-block .trainingList-table th,
  .training-table-block .trainingList-table td {
    text-align: left; }
  .training-table-block .trainingList-table th {
    font-weight: bold;
    text-align: center;
    padding: 1.5rem; }
  .training-table-block .trainingList-table td:not(:last-child),
  .training-table-block .trainingList-table th:not(:last-child) {
    border-right: 2px dotted #d0d0d0; }
  .training-table-block .trainingList-table td {
    padding: 1rem;
    font-size: 1.2rem;
    text-align: center; }
  .training-table-block .trainingList-table td:last-child {
    padding: 1rem 3rem; }
  .training-table-block .trainingList-table td:last-child .flex-button-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    column-gap: 5px; }
    .training-table-block .trainingList-table td:last-child .flex-button-wrapper button {
      width: 6rem;
      height: 3rem;
      background: white;
      color: black;
      border: 1px solid gray;
      border-radius: 5px; }
  .training-table-block .trainingList-table .isVisible-cell {
    width: 150px; }

div#content.training-manage {
  display: flex;
  justify-content: center; }
  div#content.training-manage .add-btn-block {
    margin-bottom: 4rem; }
    div#content.training-manage .add-btn-block .parts-button._border-black {
      padding: 8px;
      width: 160px; }
  div#content.training-manage .plus-icon {
    padding-left: 8px;
    color: gray; }
  div#content.training-manage .category-edit--section {
    margin-bottom: 6rem; }
  div#content.training-manage .section {
    width: 90%; }
    div#content.training-manage .section .title {
      width: 90%;
      margin: 20px auto 40px;
      font-weight: bold;
      font-size: 1.8rem; }
  div#content.training-manage .layout-content-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 20px auto; }
  div#content.training-manage .form-block.-range .form.input {
    width: initial;
    border: solid 1px black;
    border-radius: 5px; }
  div#content.training-manage .category-name-label {
    font-weight: bold; }
  div#content.training-manage input[type="radio"] {
    display: initial; }
  div#content.training-manage .training-table-block .categoriesList-table th:first-child {
    padding: 1rem 6rem;
    white-space: nowrap; }
  div#content.training-manage .training-table-block .categoriesList-table th:last-child {
    padding: 1rem 3rem;
    width: 0; }

input[type="checkbox"].isVisible-chk {
  margin: auto auto auto 1rem;
  position: relative;
  width: 50px;
  height: 25px;
  border-radius: 15px;
  background-color: lightgray;
  cursor: pointer;
  transition: .2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  input[type="checkbox"].isVisible-chk:checked {
    background-color: limegreen; }
    input[type="checkbox"].isVisible-chk:checked::before {
      position: absolute;
      left: 5.5rem;
      content: "表示";
      color: black;
      font-size: 1.2rem;
      text-align: center;
      line-height: 1.5rem;
      width: 4rem; }
    input[type="checkbox"].isVisible-chk:checked::after {
      content: "";
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      left: 2.5rem;
      transition: .2s; }
  input[type="checkbox"].isVisible-chk::before {
    position: absolute;
    left: 5.5rem;
    content: "非表示";
    color: black;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5rem;
    width: 4rem; }
  input[type="checkbox"].isVisible-chk::after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0.1rem;
    transition: .2s; }

div#content.training-edit {
  display: flex;
  justify-content: center; }
  div#content.training-edit .section {
    width: 90%; }
    div#content.training-edit .section .title {
      font-weight: bold;
      font-size: 1.8rem;
      margin-left: 5%;
      margin-bottom: 4rem; }
  div#content.training-edit .layout-content-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
  div#content.training-edit .category-edit--section {
    margin-bottom: 6rem; }
  div#content.training-edit .form-block.-range .form.input {
    width: initial;
    border: solid 1px black;
    border-radius: 5px; }
    div#content.training-edit .form-block.-range .form.input input {
      border-radius: 5px; }
  div#content.training-edit .category-name-label {
    font-weight: bold; }
  div#content.training-edit button#btn-resister {
    width: 10rem;
    height: 4rem;
    background: #212a39;
    color: #fff;
    border-radius: 5px; }
  div#content.training-edit .form-block.-range {
    border: initial;
    display: grid;
    grid-template: auto 1fr / auto 1fr auto;
    grid-gap: 1rem 1.8rem;
    align-items: center; }
    div#content.training-edit .form-block.-range .category-all--radio {
      font-size: 1.2rem;
      grid-area: 2 / 2 / 3 / 4; }
    div#content.training-edit .form-block.-range input[type="radio"] {
      display: initial; }
  div#content.training-edit .add-btn-block {
    margin-bottom: 4rem; }
    div#content.training-edit .add-btn-block .parts-button._border-black {
      padding: 8px;
      width: 160px; }
    div#content.training-edit .add-btn-block .plus-icon {
      padding-left: 8px;
      color: gray; }
  div#content.training-edit .training-table-block .questionList-table th:first-child {
    padding: 1rem 6rem;
    white-space: nowrap; }
  div#content.training-edit .training-table-block .questionList-table th:last-child {
    padding: 1rem 3rem;
    width: 0; }
  div#content.training-edit .is-freeanswer {
    min-width: 100px; }

input[type="checkbox"].isVisible-chk {
  margin: auto auto auto 1rem;
  position: relative;
  width: 50px;
  height: 25px;
  border-radius: 15px;
  background-color: lightgray;
  cursor: pointer;
  transition: .2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  input[type="checkbox"].isVisible-chk:checked {
    background-color: limegreen; }
    input[type="checkbox"].isVisible-chk:checked::before {
      position: absolute;
      left: 5.5rem;
      content: "表示";
      color: black;
      font-size: 1.2rem;
      text-align: center;
      line-height: 1.5rem;
      width: 4rem; }
    input[type="checkbox"].isVisible-chk:checked::after {
      content: "";
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      left: 2.5rem;
      transition: .2s; }
  input[type="checkbox"].isVisible-chk::before {
    position: absolute;
    left: 5.5rem;
    content: "非表示";
    color: black;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5rem;
    width: 4rem; }
  input[type="checkbox"].isVisible-chk::after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0.1rem;
    transition: .2s; }

.question-section {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0; }
  .question-section .layout-content-inner.question {
    width: 90%; }
  .question-section .question-answer-inner .input-radio-container {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    flex: 1 1 70%; }
    .question-section .question-answer-inner .input-radio-container label {
      width: 100%;
      text-align: center;
      border: lightgray solid 1px;
      border-radius: 0.5rem; }
    .question-section .question-answer-inner .input-radio-container input[type="radio"] {
      display: inline-block;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 0;
      height: 0;
      margin: 0;
      padding: 0;
      opacity: 0; }
      .question-section .question-answer-inner .input-radio-container input[type="radio"] + label {
        display: block;
        padding: 1rem;
        cursor: pointer; }
      .question-section .question-answer-inner .input-radio-container input[type="radio"]:focus + label {
        outline: 2px solid #000; }
      .question-section .question-answer-inner .input-radio-container input[type="radio"]:checked + label {
        background: #263238;
        color: #fff;
        transform: translate(2px, 2px); }
  .question-section .button-container {
    display: flex;
    column-gap: 3rem;
    justify-content: center; }
    .question-section .button-container .button {
      display: flex;
      justify-content: center;
      margin: 2rem 0;
      border-radius: 5px; }
      .question-section .button-container .button:focus {
        outline: 2px solid #000;
        background: #263238;
        color: #fff;
        transform: translate(2px, 2px); }

.question-section .swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .question-section .swiper-container.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    height: 50%; }
  .question-section .swiper-container .swiper-button-next,
  .question-section .swiper-container .swiper-button-prev {
    top: calc(50% - 10px);
    color: gray; }
    .question-section .swiper-container .swiper-button-next:after,
    .question-section .swiper-container .swiper-button-prev:after {
      font-size: 24px; }
  .question-section .swiper-container .swiper-button-next:after {
    content: '>'; }
  .question-section .swiper-container .swiper-button-prev:after {
    content: '<'; }
  .question-section .swiper-container .swiper-button-prev {
    left: 0; }
  .question-section .swiper-container .swiper-button-next {
    right: 0; }
  .question-section .swiper-container .swiper-pagination-bullets {
    position: absolute;
    bottom: 0.5px;
    left: 50%;
    transform: translateX(-50%); }
    .question-section .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: black; }
  .question-section .swiper-container .swiper-img {
    max-height: 280px; }
  .question-section .swiper-container.gallery-thumbs, .question-section .swiper-container.gallery-thumbs-2 {
    box-sizing: border-box;
    padding: 10px 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0 2rem; }
    .question-section .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .swiper-thumbs img, .question-section .swiper-container.gallery-thumbs-2 .swiper-wrapper .swiper-slide .swiper-thumbs img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .question-section .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .thumbnail-image, .question-section .swiper-container.gallery-thumbs-2 .swiper-wrapper .swiper-slide .thumbnail-image {
      width: 100%;
      height: auto;
      object-fit: contain; }

.question-section .container {
  margin-bottom: 2rem; }

.question-section .question-container {
  margin-top: 40px;
  border: 1px solid lightgray;
  border-radius: 3px; }
  .question-section .question-container .question-container-inner {
    margin: 2rem; }
    .question-section .question-container .question-container-inner .head {
      margin-bottom: 1rem; }
    .question-section .question-container .question-container-inner .question-title {
      margin-bottom: 5rem;
      font-size: 20px; }
    .question-section .question-container .question-container-inner .question-content {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 40px; }
      .question-section .question-container .question-container-inner .question-content .question-image-container {
        width: 40%; }
        .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top, .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top-2 {
          position: relative;
          padding-bottom: 20px; }
          .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top .swiper-slide, .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top-2 .swiper-slide {
            padding-inline: 24px;
            padding-bottom: 10px; }
            .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top .swiper-slide .main-image,
            .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top .swiper-slide .main-image-2, .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top-2 .swiper-slide .main-image,
            .question-section .question-container .question-container-inner .question-content .question-image-container .swiper-container.gallery-top-2 .swiper-slide .main-image-2 {
              height: auto;
              object-fit: contain;
              width: auto;
              margin: auto; }
        .question-section .question-container .question-container-inner .question-content .question-image-container .gallery-thumbs .swiper-slide,
        .question-section .question-container .question-container-inner .question-content .question-image-container .gallery-thumbs-2 .swiper-slide {
          padding: 5px; }
        .question-section .question-container .question-container-inner .question-content .question-image-container .gallery-thumbs .thumbnail-image,
        .question-section .question-container .question-container-inner .question-content .question-image-container .gallery-thumbs-2 .thumbnail-image {
          width: 100%;
          height: auto;
          object-fit: contain; }
    .question-section .question-container .question-container-inner .question-content-table-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      flex: 0.2 1 40%; }
      .question-section .question-container .question-container-inner .question-content-table-container tbody {
        width: 100%;
        text-align: center; }
        .question-section .question-container .question-container-inner .question-content-table-container tbody tr {
          display: flex;
          flex-direction: row;
          align-items: center; }
      .question-section .question-container .question-container-inner .question-content-table-container .question-content-table {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: lightgray solid 1px;
        min-width: 100%; }
        .question-section .question-container .question-container-inner .question-content-table-container .question-content-table .question-content-table-th {
          flex: 1 1 50%;
          text-align: center;
          background-color: lightgray; }
        .question-section .question-container .question-container-inner .question-content-table-container .question-content-table .question-content-table-th.long-text {
          font-size: 12px; }
        .question-section .question-container .question-container-inner .question-content-table-container .question-content-table .question-content-table-td {
          flex: 1 1 50%;
          text-align: center; }
        .question-section .question-container .question-container-inner .question-content-table-container .question-content-table .question-content-table-td.long-text {
          font-size: 12px; }
  .question-section .question-container .question-title-text {
    font-size: 1.8rem;
    font-weight: bold; }

.question-section .question-answer-container {
  margin: 1rem 0rem;
  text-align: center; }
  .question-section .question-answer-container .question-answer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    border: lightgray solid 1px;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 3px; }
    .question-section .question-answer-container .question-answer-inner .question-answer-inner-title {
      flex: 1 1 0; }
      .question-section .question-answer-container .question-answer-inner .question-answer-inner-title .question-answer-inner-title-text {
        font-size: 1.8rem;
        font-weight: bold; }
    .question-section .question-answer-container .question-answer-inner .question-answer-inner-input {
      flex: 1 1 80%; }
      .question-section .question-answer-container .question-answer-inner .question-answer-inner-input input.question-answer-inner-input-text[type="text"] {
        width: 90%;
        padding: 12px;
        border: lightgray solid 1px;
        border-radius: 0.5rem; }
  .question-section .question-answer-container button.answer-button {
    background: red;
    border: none;
    color: white;
    padding: 8px 24px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    width: 12rem;
    margin: auto auto;
    user-select: none; }

.question-section .answer-details-container .question-image-container {
  flex: 1 1 100%;
  display: inline-block;
  text-align: center;
  width: 80%;
  max-height: 100%;
  object-fit: contain;
  margin-left: auto; }
  .question-section .answer-details-container .question-image-container .swiper-container.gallery-top, .question-section .answer-details-container .question-image-container .swiper-container.gallery-top-2 {
    position: relative;
    padding-bottom: 20px; }
    .question-section .answer-details-container .question-image-container .swiper-container.gallery-top .swiper-slide, .question-section .answer-details-container .question-image-container .swiper-container.gallery-top-2 .swiper-slide {
      padding-inline: 24px;
      padding-bottom: 10px; }
      .question-section .answer-details-container .question-image-container .swiper-container.gallery-top .swiper-slide .main-image,
      .question-section .answer-details-container .question-image-container .swiper-container.gallery-top .swiper-slide .main-image-2, .question-section .answer-details-container .question-image-container .swiper-container.gallery-top-2 .swiper-slide .main-image,
      .question-section .answer-details-container .question-image-container .swiper-container.gallery-top-2 .swiper-slide .main-image-2 {
        width: auto;
        height: auto;
        object-fit: contain;
        margin: auto; }
  .question-section .answer-details-container .question-image-container .swiper-container.gallery-thumbs .swiper-slide, .question-section .answer-details-container .question-image-container .swiper-container.gallery-thumbs-2 .swiper-slide {
    padding: 5px; }
    .question-section .answer-details-container .question-image-container .swiper-container.gallery-thumbs .swiper-slide .thumbnail-image, .question-section .answer-details-container .question-image-container .swiper-container.gallery-thumbs-2 .swiper-slide .thumbnail-image {
      width: 100%;
      height: auto;
      object-fit: contain; }

#pricingTraining-dashboard .pricing-training-block .pricing-training-table {
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 0 8px; }
  #pricingTraining-dashboard .pricing-training-block .pricing-training-table tbody {
    background: #fff;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    border: none; }
    #pricingTraining-dashboard .pricing-training-block .pricing-training-table tbody tr {
      height: 50px; }
    #pricingTraining-dashboard .pricing-training-block .pricing-training-table tbody .question-name-td {
      padding: 5px;
      padding-left: 24px;
      text-align: left;
      border: 1px solid #263238; }
    #pricingTraining-dashboard .pricing-training-block .pricing-training-table tbody .start-answer-td {
      padding: 5px;
      text-align: center;
      font-size: 1.2rem;
      max-width: 32px; }

#pricingTraining-dashboard .training-table-block td,
#pricingTraining-dashboard .training-table-block th {
  padding: 16px;
  text-align: center;
  font-size: 1.2rem; }

#pricingTraining-dashboard .start-answer-btn {
  display: inline-block;
  height: auto;
  width: 120px;
  padding: 8px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  background: #263238;
  color: #fff;
  font-weight: bold;
  border: 1px solid #263238;
  border-radius: 3px;
  letter-spacing: 1px; }

.pricingTraining .purchase-price .form-block,
.pricingTraining .selling-price .form-block {
  border: none;
  display: grid;
  grid-template: 1fr / 1fr 1fr;
  grid-gap: 24px; }
  .pricingTraining .purchase-price .form-block .purchase-price-input-box,
  .pricingTraining .purchase-price .form-block .selling-price-input-box,
  .pricingTraining .selling-price .form-block .purchase-price-input-box,
  .pricingTraining .selling-price .form-block .selling-price-input-box {
    display: grid;
    grid-template: 1fr / 7rem 1fr 1rem;
    align-items: center;
    justify-items: center;
    grid-column-gap: 8px; }
    .pricingTraining .purchase-price .form-block .purchase-price-input-box input[type="number"].purchase-price-input,
    .pricingTraining .purchase-price .form-block .purchase-price-input-box input[type="number"].selling-price-input,
    .pricingTraining .purchase-price .form-block .selling-price-input-box input[type="number"].purchase-price-input,
    .pricingTraining .purchase-price .form-block .selling-price-input-box input[type="number"].selling-price-input,
    .pricingTraining .selling-price .form-block .purchase-price-input-box input[type="number"].purchase-price-input,
    .pricingTraining .selling-price .form-block .purchase-price-input-box input[type="number"].selling-price-input,
    .pricingTraining .selling-price .form-block .selling-price-input-box input[type="number"].purchase-price-input,
    .pricingTraining .selling-price .form-block .selling-price-input-box input[type="number"].selling-price-input {
      border: 1px solid #ccc;
      min-width: 96px;
      min-height: 40px;
      text-align: right; }
    .pricingTraining .purchase-price .form-block .purchase-price-input-box .yen,
    .pricingTraining .purchase-price .form-block .selling-price-input-box .yen,
    .pricingTraining .selling-price .form-block .purchase-price-input-box .yen,
    .pricingTraining .selling-price .form-block .selling-price-input-box .yen {
      align-self: end; }