@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* inline-svg
-------------------------------------------------- */
/*
エラー画面
----------------------------------------------------------------------
*/
#sn-error section {
  text-align: center;
  padding: 2em;
}
#sn-error section header {
  padding: 2em 0;
  font-size: 16px;
}
#sn-error section main {
  padding: 0 0 2em;
}
#sn-error section main p {
  font-weight: bold;
}
#sn-error section footer {
  padding: 2em 0;
}
#sn-error section footer .button {
  display: inline-block;
  text-decoration: none;
  line-height: 1.8em;
}

#sn-login {
  position: relative;
}
@media screen and (min-width: 1200px) {
  #sn-login::after {
    content: "";
    position: absolute;
    right: 50%;
    top: 100px;
    display: inline-block;
    width: 600px;
    height: 500px;
    background-image: url("./images/3m_signage_illust_color_s.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    background-blend-mode: lighten;
  }
}
#sn-login #title {
  width: 100%;
  text-align: center;
  font-size: 24px;
}
#sn-login #frame {
  width: 100%;
  height: 100%;
}
#sn-login #layout {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 650px 550px;
  background-position: 10px bottom;
}
#sn-login #layout td.logo {
  text-align: right;
  vertical-align: top;
}
#sn-login #layout td.loginBox {
  padding-left: 255px;
}
#sn-login .header,
#sn-login #header h1 {
  font-size: 24px;
  line-height: 1.5;
  color: #0D4278;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  #sn-login .header,
#sn-login #header h1 {
    padding: 60px 0;
  }
}
#sn-login .corpLogo {
  padding: 20px 20px 24px;
}
@media screen and (min-width: 1200px) {
  #sn-login .corpLogo {
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  #sn-login .corpLogo img {
    position: absolute;
    top: 36px;
    left: 35px;
  }
}
@media screen and (max-width: 1199px) {
  #sn-login .corpLogo img {
    left: 0;
  }
}
#sn-login #header > h1 {
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 4.26vw;
  margin-right: 4.26vw;
}
@media screen and (max-width: 575px) {
  #sn-login #header > h1 {
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
#sn-login #loginBox {
  margin-left: 4.26vw;
  margin-right: 4.26vw;
  padding: 24px 44px;
  background-color: #F5F9FC;
  border-radius: 8px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  #sn-login #loginBox {
    max-width: 353px;
    margin-left: auto;
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 1400px) {
  #sn-login #loginBox {
    margin-right: auto;
    transform: translate(346.5px, 0);
  }
}
#sn-login #loginBox form {
  display: flex;
  flex-direction: column;
  margin: 0;
}
#sn-login #loginBox form label {
  display: block;
  position: relative;
  margin-bottom: 8px;
}
#sn-login #loginBox form label b {
  display: block;
}
#sn-login #loginBox form label .eyeButton {
  height: 40px;
  width: 40px;
}
#sn-login #loginBox form label input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #E4E7EB;
  padding-left: 8px;
}
#sn-login #loginBox form .error-message {
  color: #FF4C4C;
}
#sn-login #loginBox form .error-message.hidden {
  display: none;
}
#sn-login #loginBox form button[type=submit] {
  height: 44px;
  margin-top: 24px;
  margin-bottom: 16px;
  background-color: #2585EE;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  border: 0 none transparent;
  border-radius: 2px;
}
#sn-login #loginBox form a {
  text-align: center;
}
#sn-login #loginBox.error form label input {
  border-color: #FF4C4C;
}
#sn-login #loginBox.error form .error-message {
  display: block;
  margin: 8px 0 0;
  color: #FF4C4C;
}
#sn-login #loginBox div.loginImg {
  text-align: center;
}
#sn-login #loginBox div.loginImg img {
  display: none;
}
#sn-login #loginBox div.loginImg::before,
#sn-login #loginBox h2 {
  content: "LOGIN";
  margin: 0;
}
#sn-login #loginBox h2 {
  margin-bottom: 16px;
}
#sn-login #loginBox div.param {
  margin: 10px;
}
#sn-login #loginBox div.label {
  float: left;
  position: relative;
  width: 80px;
  font-size: 10pt;
  margin-top: 5px;
}
#sn-login #loginBox div.edit {
  float: left;
  position: relative;
  width: 180px;
}
#sn-login #loginBox div.sumErrMsg {
  margin-top: 15px;
  margin-left: 15px;
  height: 30px;
  font-size: 9pt;
  color: Red;
}
#sn-login #loginBox div.loginButton {
  float: left;
  margin-left: 70px;
}
#sn-login #loginBox div.sendPass {
  margin-top: 10px;
  margin-left: 90px;
  font-size: 9pt;
}
#sn-login #infoArea {
  width: auto;
  height: auto;
  background: #F5F9FC;
  padding: 4.26vw;
}
@media screen and (min-width: 1200px) {
  #sn-login #infoArea {
    height: 165px;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: center;
  }
}
#sn-login #infoArea h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background-color: transparent;
}
@media screen and (max-width: 575px) {
  #sn-login #infoArea h3 {
    margin-bottom: 4.26vw;
  }
}
@media screen and (min-width: 992px) {
  #sn-login #infoArea h3 {
    align-self: center;
    width: 160px;
    min-width: 160px;
    text-align: left;
    position: relative;
    height: 100%;
    line-height: 100%;
    display: flex;
    align-items: center;
  }
  #sn-login #infoArea h3::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7rem;
    height: 100%;
    border-left: 1px solid #E4E7EB;
  }
}
#sn-login #infoArea ul {
  position: relative;
  margin: 0;
  padding: 1em 0 0;
  overflow: auto;
}
@media screen and (min-width: 992px) {
  #sn-login #infoArea ul {
    max-height: 165px;
    padding: 0.75em 0;
    margin: 1.5em 0;
  }
}
@media screen and (max-width: 575px) {
  #sn-login #infoArea ul::after {
    content: "";
    position: absolute;
    top: 0;
    left: 8em;
    height: 100%;
    border-left: 1px solid #E4E7EB;
  }
}
#sn-login #infoArea ul li {
  position: relative;
  padding-left: 9em;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  #sn-login #infoArea ul li {
    margin-bottom: 32px;
  }
}
#sn-login #infoArea ul li time {
  position: absolute;
  left: 8px;
}
#sn-login #infoArea ul li h4 {
  margin: 0 0 8px;
}
#sn-login #infoArea ul li p {
  margin: 0;
}
#sn-login #infoArea div.newsImg img {
  width: 580px;
}
#sn-login #infoArea table.infoListLayout {
  width: 100%;
}
#sn-login #infoArea table.infoListLayout tr {
  height: 30px;
}
#sn-login #infoArea table.infoListLayout td#infoTitle {
  font-weight: bold;
}
#sn-login #infoList {
  height: 80%;
  overflow: auto;
  font-size: 14px;
}
#sn-login .sn-popup#passReminder .sn-popup_body main h4 {
  text-align: center;
}
#sn-login .sn-popup#passReminder .sn-popup_body main p {
  margin: 0 0 24px;
  text-align: center;
}

#sn-consent_extra .sn-wrapper iframe {
  height: calc(100VH - 100px) !important;
}
#sn-consent_extra .sn-wrapper .footer_buttons {
  border: 0 none transparent;
}
#sn-consent_extra .sn-wrapper .footer_buttons .button {
  width: 10em;
}
#sn-consent_extra .sn-wrapper .footer_buttons .button + .button {
  margin-left: 24px;
}

#sn-password_update .blue.button {
  margin-left: 16px;
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
}

#sn-home {
  background-image: url("./images/3m_signage_illust_mono_s.png");
  background-size: 1280px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: lighten;
}
@media screen and (max-width: 575px) {
  #sn-home {
    background-size: 98%;
    background-position: center bottom 5%;
  }
  #sn-home header h1 span {
    display: none;
  }
}
#sn-home main {
  position: relative;
}
#sn-home main .sn-status {
  position: absolute;
  top: 12px;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 24px;
}
@media screen and (max-width: 575px) {
  #sn-home main .sn-status {
    top: 8px;
  }
}
#sn-home main .sn-status .notice button {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 575px) {
  #sn-home main .sn-status .notice button {
    margin-left: auto;
    margin-right: auto;
  }
}
#sn-home main .sn-status .notice button::before {
  content: "";
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  margin-right: 0.25em;
  background: transparent url("./images/icons/icon_attention.svg") no-repeat scroll center bottom;
  background-size: 100%;
}
#sn-home main .sn-status .notice button ~ ul {
  max-height: 73px;
}
#sn-home main .sn-status .notice ul {
  padding: 8px 16px;
  max-height: 98px;
  overflow: auto;
  border: 1px solid #CBCED1;
  border-radius: 3px;
  background-color: #FFF;
}
@media screen and (max-width: 575px) {
  #sn-home main .sn-status .notice ul {
    position: absolute;
    top: 16em;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
  }
}
#sn-home main .sn-status .notice ul li {
  margin-bottom: 4px;
}
#sn-home main .sn-status .notice ul li:last-child {
  margin-bottom: 0;
}
#sn-home main .sn-status .notice ul li a {
  color: #2585EE;
  display: flex;
  align-items: center;
}
#sn-home main .sn-status .notice ul li a::before {
  content: "";
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  margin-right: 0.25em;
  background: transparent url("./images/icons/icon_bell.svg") no-repeat scroll center bottom;
  background-size: 100%;
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  #sn-home main .sn-status .siyou {
    display: none;
  }
}
#sn-home main h2 {
  height: 41px;
}
#sn-home main .sn-nav_home {
  padding: 40px 0;
}
#sn-home main .sn-nav_home ul {
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  #sn-home main .sn-nav_home ul {
    margin-right: -24px;
  }
  #sn-home main .sn-nav_home ul::after {
    order: 6;
    content: "";
    width: 100%;
  }
}
#sn-home main .sn-nav_home ul li {
  width: 100%;
  border-radius: 8px;
  background-color: #e7f1f8;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  #sn-home main .sn-nav_home ul li {
    display: none;
  }
  #sn-home main .sn-nav_home ul li.customer {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  #sn-home main .sn-nav_home ul li {
    width: calc((100% - 72px) / 3);
    margin-right: 24px;
  }
}
#sn-home main .sn-nav_home ul li a {
  display: flex;
  align-items: center;
  color: #4A4A4A;
  text-decoration: none;
  height: 88px;
  padding: 0 16px;
  font-size: 18px;
}
@media screen and (min-width: 1200px) {
  #sn-home main .sn-nav_home ul li a {
    height: 129px;
  }
}
#sn-home main .sn-nav_home ul li a::before {
  content: "";
  display: block;
  height: 56px;
  width: 56px;
  margin-right: 24px;
  border-radius: calc( 56px / 2 );
  background-color: #000;
}
@media screen and (min-width: 1200px) {
  #sn-home main .sn-nav_home ul li.customer {
    order: 1;
  }
  #sn-home main .sn-nav_home ul li.search {
    order: 2;
  }
  #sn-home main .sn-nav_home ul li.registration {
    order: 3;
  }
  #sn-home main .sn-nav_home ul li.maintenance {
    order: 4;
  }
  #sn-home main .sn-nav_home ul li.dbuse {
    order: 5;
  }
  #sn-home main .sn-nav_home ul li.archive {
    order: 7;
  }
  #sn-home main .sn-nav_home ul li.excel {
    order: 8;
  }
}
#sn-home main .sn-nav_home ul li.archive a, #sn-home main .sn-nav_home ul li.excel a {
  padding: 0 28px;
}
@media screen and (min-width: 1200px) {
  #sn-home main .sn-nav_home ul li.archive a, #sn-home main .sn-nav_home ul li.excel a {
    height: 88px;
  }
  #sn-home main .sn-nav_home ul li.archive a::before, #sn-home main .sn-nav_home ul li.excel a::before {
    margin-right: 16px;
    height: 32px;
    width: 32px;
  }
}
#sn-home main .sn-nav_home ul li.customer a:before {
  background: #60B5D0 url("./images/icons/icon_building.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.search a:before {
  background: #F8CE4F url("./images/icons/icon_search.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.registration a:before {
  background: #34BE87 url("./images/icons/icon_pin.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.maintenance a:before {
  background: #FF76A8 url("./images/icons/icon_maintenance.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.dbuse a:before {
  background: #ABA2F1 url("./images/icons/icon_graph.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.archive a:before {
  background: transparent url("./images/icons/icon_history_color.svg") no-repeat scroll center center;
}
#sn-home main .sn-nav_home ul li.excel a:before {
  background: transparent url("./images/icons/icon_excel_color.svg") no-repeat scroll center center;
}

#sn-password_app .messageBox {
  text-align: center;
}
#sn-password_app .messageBox .buttons {
  justify-content: center;
}
#sn-password_app .messageBox .buttons .button {
  width: 140px;
}
#sn-password_app .messageBox .buttons .button + .button {
  margin-left: 16px;
}

#list table.main thead tr > th.mb_detail,
#list table.main tbody tr > th.mb_detail,
#list table.main tbody tr > td.mb_detail {
  display: none;
}
@media screen and (max-width: 575px) {
  #list table.main thead tr > th,
#list table.main tbody tr > th,
#list table.main tbody tr > td {
    display: none;
  }
  #list table.main thead tr > th.mb_index,
#list table.main tbody tr > th.mb_index,
#list table.main tbody tr > td.mb_index {
    display: table-cell;
  }
  #list table.main thead tr > th.mb_detail,
#list table.main tbody tr > th.mb_detail,
#list table.main tbody tr > td.mb_detail {
    display: table-cell;
    width: 50px !important;
    position: relative;
  }
  #list table.main thead tr > th.mb_detail .button,
#list table.main tbody tr > th.mb_detail .button,
#list table.main tbody tr > td.mb_detail .button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    transform: translate(-50%, -50%);
  }
  #list table.main thead tr > th .transpose-inner,
#list table.main tbody tr > th .transpose-inner,
#list table.main tbody tr > td .transpose-inner {
    width: 100%;
  }
}
#list table.main.bodySpecs tbody tr > th {
  display: none;
}
#list table.main.bodySpecs tbody tr > th.mb_index {
  display: table-cell;
}

@media screen and (max-width: 575px) {
  .mb_table_detail .sn-wrapper #contentsMain form[action="/LocationInfo"] .table-A,
.mb_table_detail .sn-wrapper #contentsMain form[action="/LocationInfo"] .table-A table,
.mb_table_detail .sn-wrapper #contentsMain .section-input.overall,
.mb_table_detail .sn-wrapper #contentsMain .sn-nav_toolbar + .Customer,
.mb_table_detail .sn-wrapper #contentsMain .location-status,
.mb_table_detail .sn-wrapper #contentsMain #tabmenu,
.mb_table_detail .sn-wrapper #contentsMain #searchCondition,
.mb_table_detail .sn-wrapper #contentsMain .pager,
.mb_table_detail .sn-wrapper #contentsMain table {
    display: none;
  }
  .mb_table_detail .sn-wrapper #contentsMain .sn-nav_toolbar:first-child a.previous {
    display: none !important;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main {
    position: relative;
    -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main.current_table {
    display: inline-table;
    max-width: calc(100vw - 16px - 16px);
    height: unset !important;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr {
    display: none;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail {
    display: table-row;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr .mb_index,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr .mb_detail,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr td {
    display: none;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main caption,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td {
    display: table-cell !important;
    height: auto;
    min-height: 36px;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main caption.mb_detail,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th.mb_detail,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th.mb_detail,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td.mb_detail {
    display: none !important;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main caption .transpose-inner,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th .transpose-inner,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th .transpose-inner,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    width: 100%;
    white-space: normal;
    min-height: 36px;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main caption .transpose-inner > b,
.mb_table_detail .sn-wrapper #contentsMain #list table.main caption .transpose-inner div,
.mb_table_detail .sn-wrapper #contentsMain #list table.main caption .transpose-inner label,
.mb_table_detail .sn-wrapper #contentsMain #list table.main caption .transpose-inner select,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th .transpose-inner > b,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th .transpose-inner div,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th .transpose-inner label,
.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th .transpose-inner select,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th .transpose-inner > b,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th .transpose-inner div,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th .transpose-inner label,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > th .transpose-inner select,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner > b,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner div,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner label,
.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner select {
    width: 100%;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th {
    width: 7.5rem !important;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100vw - 7.5rem - 32px);
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td .transpose-inner {
    min-width: calc(100vw - 7.5rem - 32px - 16px - 1px);
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td.PartsPointPhenomenons, .mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail > td.PartsPointInspections {
    height: 72px;
  }
  .mb_table_detail .sn-wrapper #contentsMain #list table.main caption {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    transform: translate(0, -100%);
  }
  .mb_table_detail .sn-wrapper .close_mb_detail {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background-color: #0D4278;
  }
  .mb_table_detail .sn-wrapper .close_mb_detail .button {
    height: 32px;
    padding: 0 6px;
    border: #C9CBD3 2px solid;
    border-radius: 2px;
    font-size: 16px;
    color: inherit;
    background-color: #FFF;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .mb_table_detail .sn-wrapper .close_mb_detail .button.sq {
    max-width: 32px;
    min-width: unset;
    padding: 0;
  }
  .mb_table_detail .sn-wrapper .close_mb_detail .button {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  #sn-customer .sn-nav_toolbar_sub.search .search_inner,
#sn-customer .sn-nav_toolbar_sub.search form {
    width: 100%;
  }
  #sn-customer .sn-nav_toolbar_sub.search .search_inner label,
#sn-customer .sn-nav_toolbar_sub.search form label {
    flex: 1;
  }
  #sn-customer .sn-nav_toolbar_sub.search .search_inner label input[type=text],
#sn-customer .sn-nav_toolbar_sub.search form label input[type=text] {
    width: 100%;
  }
  #sn-customer .sn-nav_toolbar_sub.search .search_inner .button[type=submit],
#sn-customer .sn-nav_toolbar_sub.search form .button[type=submit] {
    width: 64px;
  }
  #sn-customer .sn-nav_toolbar_sub.search .search_inner .button.reduce,
#sn-customer .sn-nav_toolbar_sub.search form .button.reduce {
    margin-right: 0;
  }
  #sn-customer table.main tr.current_detail td {
    max-width: calc(100vw - (32px + 8em));
  }
}
@media screen and (min-width: 992px) {
  #sn-customer .layout-compact .sn-nav_toolbar_sub.search {
    min-height: 48px;
  }
  #sn-customer .layout-compact section.main {
    padding: 24px;
  }
  #sn-customer .layout-compact table.main {
    display: block;
    overflow: auto;
  }
  #sn-customer .layout-compact table.main thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
  }
}
#sn-customer #list table.main {
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
  /* 

  ボタンを表示
    jsで表示しておくがデフォルト非表示

  ボタンを押したときの動作
  　-bodyにclass追加
  　-ボタンが押された行にクラス追加
  　-table>thを表示
  　-ページャを消す

  表示状態
  　-table 以外の要素を削除 (削除クラスをつける？)
  　-table 行列入れ替え
  　-ボタンが押された行のデータを表示
  　-フッタに閉じるボタンを表示

  閉じるボタンを押したときの動作
  　-bodyにclass削除
  　-ボタンが押された行にクラス削除
  　-ページャを表示

  */
}
@media screen and (min-width: 992px) {
  #sn-customer #list table.main thead tr > th:nth-child(1) {
    width: 8em;
    min-width: 8em;
    max-width: 8em;
  }
  #sn-customer #list table.main thead tr > th:nth-child(2) {
    width: calc(0.28 * (100vw - (24px * 2 + 8em + 70px)));
  }
  #sn-customer #list table.main thead tr > th:nth-child(3) {
    width: calc(0.36 * (100vw - (24px * 2 + 8em + 70px)));
  }
  #sn-customer #list table.main thead tr > th:nth-child(4) {
    width: calc(0.36 * (100vw - (24px * 2 + 8em + 70px)));
  }
  #sn-customer #list table.main thead tr > th:nth-child(5) {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
}
#sn-customer #list table.main thead tr > th {
  border-right-width: 0;
}
#sn-customer #list table.main tbody tr > td {
  border-right-width: 0;
  border-bottom-width: 0;
}
#sn-customer #list .mb_index > a {
  display: block;
  padding: 0.5em 0;
}
#sn-customer .sn-popup.optional .sn-popup_body {
  width: 540px;
}
@media screen and (min-width: 992px) {
  #sn-customer .sn-popup.optional .sn-popup_body {
    height: 300px;
  }
  #sn-customer .sn-popup.optional .sn-popup_body footer {
    position: absolute;
    bottom: 16px;
    right: 16px;
  }
}

/* E_001 Location
----------------------------------------------------------------------
*/
@media screen and (max-width: 575px) {
  #sn-locations #contentsMain {
    padding-bottom: 48px;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 48px;
    background-color: #0D4278;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child a.previous {
    display: none;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items {
    flex: 1;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items .export-pdf,
#sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items .inport-csv,
#sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items .export-csv {
    display: none;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items .reload {
    margin-left: 0;
    flex: 1;
  }
  #sn-locations #contentsMain > .sn-nav_toolbar:first-child .local_items .reload button {
    width: 100%;
  }
  #sn-locations .sn-nav_toolbar_sub.search {
    flex-wrap: wrap;
    padding: 8px 16px;
  }
  #sn-locations .sn-nav_toolbar_sub.search .search_inner,
#sn-locations .sn-nav_toolbar_sub.search form {
    width: 100%;
  }
  #sn-locations .sn-nav_toolbar_sub.search .search_inner label,
#sn-locations .sn-nav_toolbar_sub.search form label {
    flex: 1;
  }
  #sn-locations .sn-nav_toolbar_sub.search .search_inner label input[type=text],
#sn-locations .sn-nav_toolbar_sub.search form label input[type=text] {
    width: 100%;
  }
  #sn-locations .sn-nav_toolbar_sub.search .search_inner .button[type=submit],
#sn-locations .sn-nav_toolbar_sub.search form .button[type=submit] {
    width: 64px;
  }
  #sn-locations .sn-nav_toolbar_sub.search .search_inner .button.reduce,
#sn-locations .sn-nav_toolbar_sub.search form .button.reduce {
    margin-right: 0;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select {
    margin-top: 8px;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select label {
    display: block;
    margin-left: 0;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select label b {
    margin-bottom: 4px;
    display: inline-block;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select label:first-of-type {
    flex: 1;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select label + label {
    margin-left: 16px;
  }
  #sn-locations .sn-nav_toolbar_sub.search .select label + label select {
    width: 100% !important;
  }
  #sn-locations table.main tr.current_detail td {
    max-width: calc(100vw - (32px + 8em));
  }
  #sn-locations.mb_table_detail .locationVenderUser > label:nth-of-type(1)::before {
    content: "1次請";
    margin-right: 0.5em;
  }
  #sn-locations.mb_table_detail .locationVenderUser > label:nth-of-type(2)::before {
    content: "2次請";
    margin-right: 0.5em;
  }
}
@media screen and (min-width: 992px) {
  #sn-locations #contentsMain > .sn-nav_toolbar .sn-status {
    flex: 1;
    text-align: right;
  }
}
#sn-locations #list table.main {
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
@media screen and (min-width: 992px) {
  #sn-locations #list table.main thead tr > th:nth-child(1) {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
  }
  #sn-locations #list table.main thead tr > th:nth-child(2) {
    width: 8em;
    min-width: 8em;
    max-width: 8em;
  }
  #sn-locations #list table.main thead tr > th:nth-child(3) {
    width: calc(0.18 * (100vw - (24px * 2 + 90px + 8em)));
  }
  #sn-locations #list table.main thead tr > th:nth-child(4) {
    width: calc(0.28 * (100vw - (24px * 2 + 90px + 8em)));
  }
  #sn-locations #list table.main thead tr > th:nth-child(5) {
    width: calc(0.1 * (100vw - (24px * 2 + 90px + 8em)));
  }
  #sn-locations #list table.main thead tr > th:nth-child(6) {
    width: calc(0.12 * (100vw - (24px * 2 + 90px + 8em)));
  }
  #sn-locations #list table.main thead tr > th:nth-child(7) {
    width: calc(0.22 * (100vw - (24px * 2 + 90px + 8em)));
  }
  #sn-locations #list table.main thead tr > th:nth-child(8) {
    width: calc(0.1 * (100vw - (24px * 2 + 90px + 8em)));
  }
}
#sn-locations #list table.main thead tr > th,
#sn-locations #list table.main tbody tr > td {
  overflow: auto;
}
#sn-locations #list table.main thead tr > th {
  border-right-width: 0;
}
#sn-locations #list table.main tbody tr > td {
  padding: 4px;
  border-right-width: 0;
  border-bottom-width: 0;
}
#sn-locations #list table.main tbody tr > td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 575px) {
  #sn-locations #list table.main tbody tr > td.locationImage img {
    width: auto;
    height: auto !important;
    max-height: 100% !important;
    max-width: calc(100vw - 12em) !important;
  }
}
#sn-locations #list table.main tbody tr > td.locationName a {
  display: block;
  padding: 0.5em 0;
}
#sn-locations #list table.main tbody tr > td.locationOrder label label {
  height: 32px;
  padding-left: 4px;
}
#sn-locations #list table.main tbody tr > td.locationOrder select {
  margin-top: 4px;
}
#sn-locations #list table.main tbody tr > td.locationVender, #sn-locations #list table.main tbody tr > td.locationVenderUser {
  padding: 0;
}
#sn-locations #list table.main tbody tr > td.locationVender label, #sn-locations #list table.main tbody tr > td.locationVenderUser label {
  margin: 0;
}
@media screen and (max-width: 575px) {
  #sn-locations #list table.main tbody tr > td.locationVender .transpose-inner > label, #sn-locations #list table.main tbody tr > td.locationVenderUser .transpose-inner > label {
    padding: 4px;
    border-bottom: 1px solid #CBCED1;
    min-height: 41px;
  }
  #sn-locations #list table.main tbody tr > td.locationVender .transpose-inner > label:last-child, #sn-locations #list table.main tbody tr > td.locationVenderUser .transpose-inner > label:last-child {
    border-bottom: 0 none transparent;
  }
}
#sn-locations #list table.main tbody tr > td label {
  display: flex;
  align-items: center;
  min-height: 32px;
}
#sn-locations #list table.main tbody tr > td label b {
  margin-right: 0.5em;
}
#sn-locations #list table.main tbody tr > td label select {
  flex: 1;
}
#sn-locations #list table.main tbody tr > td select {
  height: 32px;
  width: 100%;
}
#sn-locations #list table.main tbody tr > td label + label,
#sn-locations #list table.main tbody tr > td select + select {
  margin-top: 4px;
}
#sn-locations #list table.main tbody tr.complete > td {
  background-color: #ffffff;
}
@media screen and (min-width: 992px) {
  #sn-locations .layout-compact .sn-nav_toolbar_sub.search {
    min-height: 48px;
  }
  #sn-locations .layout-compact section.main {
    padding: 24px;
  }
  #sn-locations .layout-compact #list table.main {
    display: block;
    overflow: auto;
  }
  #sn-locations .layout-compact #list table.main thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td {
    padding: 2px 4px;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td:nth-child(1) {
    padding: 0 4px;
    overflow: hidden;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td.locationOrder label label {
    height: auto;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td.locationVender .transpose-inner > label, #sn-locations .layout-compact #list table.main tbody tr > td.locationVenderUser .transpose-inner > label {
    min-height: 24px;
    padding: 2px 4px;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td label {
    min-height: auto;
  }
  #sn-locations .layout-compact #list table.main tbody tr > td select {
    height: 24px;
  }
}
#sn-locations .sn-popup.optional .sn-popup_body {
  width: 716px;
}
#sn-locations .sn-popup.optional .sn-popup_body main {
  display: flex;
  flex-wrap: wrap;
}
#sn-locations .sn-popup.optional .sn-popup_body main h4,
#sn-locations .sn-popup.optional .sn-popup_body main label:last-child {
  width: 100%;
}
#sn-locations .sn-popup.optional .sn-popup_body main label:last-child input.dateTimeTextBox {
  width: 12em;
  flex: unset;
}
#sn-locations .sn-popup.optional .sn-popup_body main label:last-child input.dateTimeTextBox::after {
  content: "あ";
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  margin-right: 0.5em;
  background: transparent url("./images/icons/icon_csv.svg") no-repeat scroll center center;
  background-size: auto 100%;
}
#sn-locations .sn-popup.optional .sn-popup_body main label:last-child p {
  margin: 0 0.5em;
}
#sn-locations .sn-popup.optional .sn-popup_body label {
  width: 50%;
  padding: 0 1em;
}
#sn-locations .sn-popup.optional .sn-popup_body label > b {
  padding-left: calc( 24px + 0.75em );
}
#sn-locations .sn-popup.optional .sn-popup_body label input[type=checkbox] ~ label:first-of-type.boxonly {
  max-width: 24px;
  margin: 0 8px 0 0;
}
#sn-locations .sn-popup.optional .sn-popup_body label .calenderWrapper {
  width: auto;
}
@media screen and (max-width: 575px) {
  #sn-locations .sn-popup.optional .sn-popup_body label {
    padding: 0;
    margin-bottom: 8px;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label b {
    margin-bottom: 4px;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(1) {
    width: 48%;
    margin-right: 2%;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(2) {
    width: 48%;
    margin-left: 2%;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(3), #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(4) {
    width: 100%;
    min-width: 100%;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(5) {
    width: 100%;
    min-width: 100%;
  }
  #sn-locations .sn-popup.optional .sn-popup_body label:nth-of-type(5) input.dateTimeTextBox {
    width: 9.5em !important;
    font-size: 95%;
  }
}

#sn-dialog_report {
  overflow: hidden;
}
#sn-dialog_report .sn-header .sn-dialog_close {
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
  color: transparent;
}
#sn-dialog_report .sn-header .sn-dialog_close::before, #sn-dialog_report .sn-header .sn-dialog_close::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(32px/2 - 14px/2);
  top: calc(32px/2 - 2px/2);
  width: 19.796px;
  height: 2px;
  background: #FFFFFF;
}
#sn-dialog_report .sn-header .sn-dialog_close::before {
  transform: rotate(-45deg);
}
#sn-dialog_report .sn-header .sn-dialog_close::after {
  transform: rotate(45deg);
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message {
  padding-left: 24px;
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message > div:last-child .button {
  width: 140px;
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message.Creating {
  background-color: #FFFCCF;
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message.Finish {
  background-color: #FFFCCF;
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message.Finish .download .button {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
}
#sn-dialog_report .sn-nav_toolbar.sn-report_message.Output {
  background-color: #D3F1F8;
}
#sn-dialog_report #contentsMain section.main {
  background-color: #e7f1f8;
  padding: 24px 16px;
}
@media screen and (min-width: 992px) {
  #sn-dialog_report #contentsMain section.main main {
    display: flex;
  }
}
#sn-dialog_report #contentsMain section.main main section {
  margin-bottom: 40px;
}
#sn-dialog_report #contentsMain section.main main section h3 {
  padding: 0;
  height: auto;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1;
}
#sn-dialog_report #contentsMain section.main main section.select {
  flex: 1;
}
#sn-dialog_report #contentsMain section.main main section.select .search-location {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}
#sn-dialog_report #contentsMain section.main main section.select .search-location input[type=text] {
  flex: 1;
}
#sn-dialog_report #contentsMain section.main main section.select .search-location input[type=text] {
  width: 30em;
}
#sn-dialog_report #contentsMain section.main main section.select .search-location .button {
  padding: 0 1em;
}
#sn-dialog_report #contentsMain section.main main section.select .select-location {
  max-height: 27.7em;
  min-height: 24.2em;
  background-color: transparent;
}
#sn-dialog_report #contentsMain section.main main section.select .select-location #locationList label {
  background-color: #FFF;
}
#sn-dialog_report #contentsMain section.main main section.select .select-location #locationList label .code {
  width: 7em;
}
#sn-dialog_report #contentsMain section.main main section.select .select-location #locationList.checkedOnly > label {
  display: none;
}
#sn-dialog_report #contentsMain section.main main section.select .select-location #locationList.checkedOnly > label.checkedLocation {
  display: flex;
}
@media screen and (min-width: 992px) {
  #sn-dialog_report #contentsMain section.main main section.settings {
    width: 20em;
    margin-left: 24px;
  }
}
#sn-dialog_report #contentsMain section.main main section.settings ul {
  padding: 16px;
  background-color: #FFF;
  border-radius: 8px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li {
  line-height: 1;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(1) {
  margin-bottom: 16px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(6).disabled ul span.radio {
  opacity: 0.3;
  cursor: unset;
  pointer-events: none;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(6) ul {
  margin-left: 12px;
  padding: 0;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(6) ul li {
  border-left: 1px solid #eee;
  margin-bottom: 8px;
  padding-left: 12px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(6) ul li > b {
  display: block;
  padding-top: 8px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li:nth-child(6) ul li label {
  margin-bottom: 0;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li input[type=text] {
  width: 100%;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li label {
  height: 24px;
  margin-bottom: 8px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li label[for=repTitle] + div {
  padding-left: 24px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li label[for=repTitle] + div label {
  height: 32px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li label[for=repTitle] + div label > b {
  flex: none;
  width: 3.5em;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li label[for=repTitle] + div label > b + * {
  flex: 1;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li .radio label {
  margin-top: 8px;
}
#sn-dialog_report #contentsMain section.main main section.settings ul li input[type=checkbox] ~ label:first-of-type::before,
#sn-dialog_report #contentsMain section.main main section.settings ul li input[type=radio] ~ label:first-of-type::before {
  margin-right: 8px;
}
#sn-dialog_report #contentsMain section.main footer {
  display: flex;
  justify-content: space-between;
}
#sn-dialog_report #contentsMain section.main footer .button {
  width: 140px;
}

/*
sn-location 拠点系 共通
----------------------------------------------------------------------
*/
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain {
    padding-bottom: 48px;
  }
}
body[id^=sn-location_] #contentsMain .location-status {
  display: flex;
  justify-content: space-between;
  background-color: #e7f1f8;
  padding: 16px 24px;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status {
    padding: 16px;
  }
}
@media screen and (max-width: 991px) {
  body[id^=sn-location_] #contentsMain .location-status {
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text {
    flex: 1;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text h2 {
  font-size: 18px;
  margin-bottom: 12px;
  text-align: left;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text h2 b {
  margin-left: 1em;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li {
  margin-bottom: 4px;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li {
    display: inline-block;
  }
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li + li:nth-of-type(2)::before {
    content: " / ";
    opacity: 0.3;
  }
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li.LocationType, body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li.LocationExtra {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li {
    grid-column: 1/2;
  }
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li.LocationExtra {
    position: relative;
    grid-column: 2/3;
    grid-row: 1/5;
    padding-left: 2.5em;
  }
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label {
    display: inline;
  }
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label label {
    display: inline;
  }
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label {
    display: flex;
    align-content: center;
  }
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label label {
    display: inline;
    white-space: nowrap;
    align-self: flex-start;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label > .button {
  max-width: unset;
  height: 24px;
  background-size: auto 105%;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label > .button {
    width: 64px;
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-text ul > li > label > .button {
    position: absolute;
    top: 1.25em;
    left: 0;
    margin-left: 0.25em;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text .sn-popup_body {
  width: 480px;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text .sn-popup_body select {
  width: 100%;
  height: 40px;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-text .sn-popup_body textarea {
  width: 100%;
  height: 5em;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img {
  align-self: flex-end;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul {
  display: flex;
  margin-bottom: 0;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li {
  position: relative;
  margin-left: 1em;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li {
    margin-left: 0;
    margin-top: 8px;
    margin-right: 16px;
    flex: 1;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li b {
  display: inline-block;
  margin-bottom: 8px;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li b {
    display: none;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li a {
  display: flex;
  background-color: #E4E7EB;
  text-decoration: unset;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li a {
    width: 120px;
    height: 90px;
  }
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li a img {
  pointer-events: auto;
  width: 100%;
  height: auto;
  position: relative;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li a::before {
  content: "No Image";
  position: absolute;
  z-index: 0;
  color: #fff;
}
body[id^=sn-location_] #contentsMain .location-status .location-status-img ul li button {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
@media screen and (min-width: 992px) {
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-text h2 {
    margin-bottom: 10px;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-text ul {
    max-height: 70px;
    width: 100%;
    margin-bottom: -8px;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-text ul li {
    margin-bottom: 6px;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-text ul li:nth-child(4) {
    padding-left: 1em;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-img ul li b {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    text-indent: 0.5em;
    font-size: 91%;
    line-height: 1.3;
    background-color: #ffffffc0;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-img ul li a {
    align-items: flex-start;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .location-status .location-status-img ul li button {
    z-index: 2;
  }
  body[id^=sn-location_] #contentsMain.layout-compact .sn-nav_toolbar.sn-nav_location_function {
    height: 52px;
  }
}
body[id^=sn-location_] #tabmenu.sn-nav-location ~ section.main {
  padding: 0;
}
body[id^=sn-location_] #tabmenu.sn-nav-location ul {
  display: flex;
}
body[id^=sn-location_] #tabmenu.sn-nav-location ul li {
  flex: 1;
  text-align: center;
  line-height: 40px;
}
body[id^=sn-location_] #tabmenu.sn-nav-location ul li a {
  display: block;
  height: 40px;
  color: #fff;
  text-decoration: unset;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] #tabmenu.sn-nav-location ul li.location_appfile {
    display: none;
  }
}
body[id^=sn-location_]#sn-location_info #tabmenu.sn-nav-location .location_info a, body[id^=sn-location_]#sn-location_items #tabmenu.sn-nav-location .location_items a, body[id^=sn-location_]#sn-location_estlist #tabmenu.sn-nav-location .location_estlist a, body[id^=sn-location_]#sn-location_app #tabmenu.sn-nav-location .location_app a, body[id^=sn-location_]#sn-location_appfile #tabmenu.sn-nav-location .location_appfile a, body[id^=sn-location_]#sn-location_file #tabmenu.sn-nav-location .location_file a {
  background-color: #0D4278;
}
body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function {
  height: 56px;
}
body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function ul {
  margin: 0;
}
body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function ul li.LocationType .button {
  width: 11em;
}
body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function ul li.LocationType .sn-popup_body {
  width: 520px;
}
@media screen and (max-width: 575px) {
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background-color: #0D4278;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function .button {
    height: 32px;
    padding: 0 6px;
    border: #C9CBD3 2px solid;
    border-radius: 2px;
    font-size: 16px;
    color: inherit;
    background-color: #FFF;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function .button.sq {
    max-width: 32px;
    min-width: unset;
    padding: 0;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function ul {
    margin-left: -12px;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li {
    flex: 1;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li .button {
    width: 100%;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li .button.blue {
    background-color: #2585EE;
    color: #fff;
    border: none transparent 0;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li.export-csv, body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li.inport-csv {
    display: none;
  }
  body[id^=sn-location_] .sn-nav_toolbar.sn-nav_location_function li.duplicate .button {
    font-size: 100%;
  }
}
body[id^=sn-location_] #list {
  padding: 16px;
}
@media screen and (min-width: 1200px) {
  body[id^=sn-location_] #list {
    padding: 0 24px 24px;
  }
}
body[id^=sn-location_] table.main {
  table-layout: fixed;
}
body[id^=sn-location_] table.main select {
  height: 32px;
}
body[id^=sn-location_] table.main tr td input[type=text],
body[id^=sn-location_] table.main tr td select {
  width: 100%;
}
body[id^=sn-location_] table.main thead tr th {
  padding: 4px 8px;
}
body[id^=sn-location_] table.main tbody tr > td {
  padding: 4px 8px;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
}

.buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
F_00-location 
----------------------------------------------------------------------
*/
#sn-location .locationVender b {
  white-space: nowrap;
}

/*
F_020-location_item アイテム一覧
----------------------------------------------------------------------
*/
#sn-location_items {
  height: 100vh;
}
#sn-location_items .sn-wrapper {
  height: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
}
#sn-location_items #contentsMain,
#sn-location_items section.main,
#sn-location_items form#AllUpdate,
#sn-location_items #list {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 575px) {
  #sn-location_items .LocationType {
    display: none;
  }
}
#sn-location_items #list {
  overflow: auto;
}
#sn-location_items #list select {
  height: 32px;
}
#sn-location_items #list table.main {
  overflow: auto;
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
#sn-location_items #list table.main thead tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 1px;
}
#sn-location_items #list table.main tr > th,
#sn-location_items #list table.main tr > td {
  border-right-width: 0;
  border-bottom-width: 0;
}
@media screen and (max-width: 575px) {
  #sn-location_items #list table.main tr:not(.current_detail) .mb_index .sn-item-option.Flags {
    display: none;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(1),
#sn-location_items #list table.main tbody tr > td:nth-child(1) {
    width: 32px;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(2),
#sn-location_items #list table.main tbody tr > td:nth-child(2) {
    width: 88px;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(4),
#sn-location_items #list table.main tbody tr > td:nth-child(4) {
    width: calc(100vw - 202px);
  }
  #sn-location_items #list table.main tr.current_detail td {
    max-width: calc(100vw - (32px + 8em));
  }
}
@media screen and (min-width: 1200px) {
  #sn-location_items #list table.main thead tr > th:nth-child(1),
#sn-location_items #list table.main tbody tr > td:nth-child(1) {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(2),
#sn-location_items #list table.main tbody tr > td:nth-child(2) {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(3),
#sn-location_items #list table.main tbody tr > td:nth-child(3) {
    width: calc((100vw - (173px + 6em + 100px)) * 0.1);
  }
  #sn-location_items #list table.main thead tr > th:nth-child(4),
#sn-location_items #list table.main tbody tr > td:nth-child(4) {
    width: calc((100vw - (173px + 6em + 100px)) * 0.38);
  }
  #sn-location_items #list table.main thead tr > th:nth-child(5),
#sn-location_items #list table.main tbody tr > td:nth-child(5) {
    width: calc((100vw - (173px + 6em + 100px)) * 0.22);
  }
  #sn-location_items #list table.main thead tr > th:nth-child(6),
#sn-location_items #list table.main tbody tr > td:nth-child(6) {
    width: calc((100vw - (173px + 6em + 100px)) * 0.14);
  }
  #sn-location_items #list table.main thead tr > th:nth-child(7),
#sn-location_items #list table.main tbody tr > td:nth-child(7) {
    width: calc((100vw - (173px + 6em + 100px)) * 0.16);
  }
  #sn-location_items #list table.main thead tr > th:nth-child(8),
#sn-location_items #list table.main tbody tr > td:nth-child(8) {
    width: 6em;
    min-width: 6em;
    max-width: 6em;
  }
  #sn-location_items #list table.main thead tr > th:nth-child(9),
#sn-location_items #list table.main tbody tr > td:nth-child(9) {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}
#sn-location_items #list table.main thead tr > th {
  padding: 4px 8px;
}
#sn-location_items #list table.main thead tr > th b {
  display: block;
}
@media screen and (max-width: 575px) {
  #sn-location_items #list table.main thead tr > th.Name b:last-child {
    display: none;
  }
}
#sn-location_items #list table.main tbody tr > td {
  padding: 4px;
  vertical-align: top;
  line-height: 1;
}
#sn-location_items #list table.main tbody tr > td:nth-child(1), #sn-location_items #list table.main tbody tr > td:nth-child(2), #sn-location_items #list table.main tbody tr > td:nth-child(9) {
  vertical-align: middle;
  text-align: center;
}
#sn-location_items #list table.main tbody tr > td:nth-child(1) input {
  margin-right: 24px;
}
#sn-location_items #list table.main tbody tr > td:nth-child(2) a {
  display: block;
}
#sn-location_items #list table.main tbody tr > td:nth-child(2) img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 992px) {
  #sn-location_items #list table.main tbody tr > td:nth-child(2) img {
    width: auto;
    max-width: 100%;
    max-height: 58px;
  }
}
#sn-location_items #list table.main tbody tr > td:nth-child(4) a, #sn-location_items #list table.main tbody tr > td:nth-child(4) b {
  display: block;
  padding: 0.5em 0;
  padding: 10px 4px;
  align-self: center;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5), #sn-location_items #list table.main tbody tr > td:nth-child(6) {
  padding: 0;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5) .transpose-inner > label, #sn-location_items #list table.main tbody tr > td:nth-child(6) .transpose-inner > label {
  padding: 4px;
  margin: 0;
  border-bottom: 1px solid #CBCED1;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5) .transpose-inner > label label, #sn-location_items #list table.main tbody tr > td:nth-child(6) .transpose-inner > label label {
  border-bottom: 0 none transparent;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5) .transpose-inner > label > b, #sn-location_items #list table.main tbody tr > td:nth-child(6) .transpose-inner > label > b {
  font-size: 12px;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5) .transpose-inner > label:nth-child(3), #sn-location_items #list table.main tbody tr > td:nth-child(6) .transpose-inner > label:nth-child(3) {
  border-bottom: 0 none transparent;
  min-height: 32px;
}
#sn-location_items #list table.main tbody tr > td:nth-child(5) .transpose-inner > label:nth-child(3) input, #sn-location_items #list table.main tbody tr > td:nth-child(6) .transpose-inner > label:nth-child(3) input {
  width: 100%;
}
#sn-location_items #list table.main tbody tr > td:nth-child(7) label {
  min-height: 24px;
}
#sn-location_items #list table.main tbody tr > td:nth-child(8) select {
  width: 100%;
}
#sn-location_items #list table.main tbody tr > td:nth-child(9) .button {
  width: 100%;
  height: auto;
  min-height: 32px;
}
#sn-location_items #list table.main tbody tr > td:nth-child(9) .button[disabled] {
  display: none;
}
#sn-location_items #list table.main tbody tr > td label {
  display: flex;
  align-items: center;
}
#sn-location_items #list table.main tbody tr > td label b {
  margin-right: 0.5em;
}
#sn-location_items #list table.main tbody tr > td label select {
  flex: 1;
}
#sn-location_items #list table.main tbody tr > td select {
  height: 32px;
  width: 100%;
}
#sn-location_items #list table.main tbody tr > td label + label,
#sn-location_items #list table.main tbody tr > td select + select {
  margin-top: 4px;
}
#sn-location_items #list table.main tbody tr > td .cell {
  padding: 10px 8px;
  line-height: 1.2;
}
#sn-location_items #list table.main tbody tr > td .cell + .cell {
  padding-top: 0;
}
#sn-location_items #list table.main tbody tr > td .cell + select {
  margin-top: 4px;
}
#sn-location_items #list table.main tbody tr > td .sn-item-option {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
  padding-left: 4px;
}
@media screen and (max-width: 575px) {
  #sn-location_items #list table.main tbody tr > td .sn-item-option {
    width: calc(100vw - 12em);
  }
}
#sn-location_items #list table.main tbody tr > td .sn-item-option label {
  margin-top: 0;
  margin-bottom: 8px;
  margin-right: 8px;
  min-height: 18px;
}
@media screen and (min-width: 992px) {
  #sn-location_items #list table.main tbody tr > td .sn-item-option label input[type=checkbox] ~ label:first-of-type::before {
    min-width: 18px;
  }
}
#sn-location_items #list table.main tbody tr > td .sn-item-option label label {
  margin-bottom: 0;
  margin-right: 0;
}
#sn-location_items #list table.main tbody tr > td .button.active {
  color: #FF4C4C;
}
@media screen and (min-width: 992px) {
  #sn-location_items #list table.main tbody tr > td .button.active {
    font-size: 95%;
  }
}
@media screen and (min-width: 1200px) {
  #sn-location_items #list table.main tbody tr > td .button.active {
    font-size: inherit;
  }
}
#sn-location_items #list table.main tbody tr > td .button.execTarget {
  font-size: 95%;
}
#sn-location_items #list table.main tbody tr > td .ExtraFldValue input[type=text] {
  height: 32px;
}
#sn-location_items #list table.main tbody tr > td .OrderDivision,
#sn-location_items #list table.main tbody tr > td .OrderDivisionStatus {
  margin-left: 4px;
  margin-right: 4px;
}
#sn-location_items #list table.main tbody tr > td .OrderDivisionStatus {
  margin-top: 4px;
}
#sn-location_items #list table.main tbody tr.current_detail > td:nth-child(2) img {
  width: calc(100vw - 12em);
}
@media screen and (min-width: 992px) {
  #sn-location_items .layout-compact .sn-nav_toolbar_sub.search {
    min-height: 48px;
  }
  #sn-location_items .layout-compact section.main {
    padding: 24px;
  }
  #sn-location_items .layout-compact #list table.main thead tr b {
    line-height: 1.2;
  }
  #sn-location_items .layout-compact #list table.main thead tr th.Order b:nth-child(n+2) {
    display: inline;
  }
  #sn-location_items .layout-compact #list table.main thead tr th.Order b:nth-child(2):after {
    content: "、";
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(1), #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(2), #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(9) {
    vertical-align: middle;
    text-align: center;
    padding: 0 4px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(4) {
    padding: 0 4px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(5) .transpose-inner > label, #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(6) .transpose-inner > label {
    padding: 3px 4px 0;
    border-bottom: 0 none transparent;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(5) .transpose-inner > label:nth-child(1), #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(6) .transpose-inner > label:nth-child(1) {
    padding-top: 4px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(5) .transpose-inner > label:nth-child(3), #sn-location_items .layout-compact #list table.main tbody tr > td:nth-child(6) .transpose-inner > label:nth-child(3) {
    min-height: 0;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td.Name .td_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td.Name .td_inner a {
    width: 100%;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td.Name .td_inner .sn-item-option {
    flex: 1;
    padding-top: 0;
    font-size: 12.5px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td.Name .td_inner .sn-item-option label {
    margin-bottom: 0;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td .cell {
    max-width: 12em;
    padding: 2px 8px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td .OrderDivisionStatus {
    margin-top: 2px;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td label {
    min-height: auto;
  }
  #sn-location_items .layout-compact #list table.main tbody tr > td select,
#sn-location_items .layout-compact #list table.main tbody tr > td .ExtraFldValue input[type=text] {
    height: 16px;
    font-size: 13px;
  }
}
#sn-location_items .sn-popup.optional#sn-popup_select_item .sn-popup_body {
  width: 600px;
}
#sn-location_items .sn-popup.optional#sn-popup_select_item .sn-popup_body label {
  width: 100%;
  padding: 0;
}
#sn-location_items .sn-popup.optional#sn-popup_select_item .sn-popup_body label.search {
  margin-bottom: 1em;
}
#sn-location_items .sn-popup.optional#sn-popup_select_item .sn-popup_body label.search input {
  width: 100%;
}
#sn-location_items .sn-popup.optional#sn-popup_itemcopy .sn-popup_body {
  width: auto;
  padding: 0;
  overflow: hidden;
  line-height: 0;
}
#sn-location_items .sn-popup.optional#sn-popup_itemcopy .sn-popup_body iframe {
  border: 0 none transparent;
}
@media screen and (max-width: 575px) {
  #sn-location_items .sn-popup.optional#sn-popup_itemcopy .sn-popup_body iframe {
    width: calc(100vw - 24px);
  }
}
#sn-location_items .sn-popup.optional .sn-popup_body main {
  display: flex;
  flex-wrap: wrap;
}
#sn-location_items .sn-popup.optional .sn-popup_body main h4,
#sn-location_items .sn-popup.optional .sn-popup_body main label:last-child {
  width: 100%;
}
#sn-location_items #sn-popup_exectarget #popup_exectarget {
  border: 0 none transparent;
}
#sn-location_items #sn-popup_exectarget .sn-popup_body {
  padding: 0;
  line-height: 0;
  overflow: hidden;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th:nth-child(1), #sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th:nth-child(2), #sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th:nth-child(4),
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr > td:nth-child(1),
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr > td:nth-child(2),
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr > td:nth-child(4) {
  width: unset;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th {
  position: unset;
  border-bottom: 0 none transparent;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th:nth-child(3) {
  width: unset;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th b + b {
  margin-top: 8px;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main thead tr > th.Name b:last-child {
  display: block;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr td.VenderUser > label:nth-of-type(1)::before {
  content: "1次請";
  margin-right: 0.5em;
  font-size: 12px;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr td.VenderUser > label:nth-of-type(2)::before {
  content: "2次請";
  margin-right: 0.5em;
  font-size: 12px;
}
#sn-location_items.mb_table_detail .sn-wrapper #contentsMain #list table.main tr > .copy_check {
  display: none !important;
}

#sn-report_itemuset main h4,
#sn-report_itemupload main h4,
#sn-location_itemcopy main h4 {
  width: 100%;
}
#sn-report_itemuset main .search,
#sn-report_itemupload main .search,
#sn-location_itemcopy main .search {
  display: flex;
  margin-bottom: 1em;
}
#sn-report_itemuset main .search input[type=text],
#sn-report_itemupload main .search input[type=text],
#sn-location_itemcopy main .search input[type=text] {
  flex: 1;
}
#sn-report_itemuset main .search .button,
#sn-report_itemupload main .search .button,
#sn-location_itemcopy main .search .button {
  width: 72px;
}
#sn-report_itemuset main .input-checklist,
#sn-report_itemupload main .input-checklist,
#sn-location_itemcopy main .input-checklist {
  height: 170px;
  max-height: 170px;
  overflow-x: none;
  overflow-y: auto;
}
#sn-report_itemuset main .input-checklist .input-listitem,
#sn-report_itemupload main .input-checklist .input-listitem,
#sn-location_itemcopy main .input-checklist .input-listitem {
  width: 100%;
  padding: 0;
}
#sn-report_itemuset main .input-checklist .input-listitem > *:nth-child(n+3),
#sn-report_itemupload main .input-checklist .input-listitem > *:nth-child(n+3),
#sn-location_itemcopy main .input-checklist .input-listitem > *:nth-child(n+3) {
  padding-left: 0.5em;
}
#sn-report_itemuset main .input-checklist .input-listitem :not(label),
#sn-report_itemupload main .input-checklist .input-listitem :not(label),
#sn-location_itemcopy main .input-checklist .input-listitem :not(label) {
  pointer-events: none;
}
@media screen and (min-width: 992px) {
  #sn-report_itemuset main .input-checklist .input-listitem .item_id,
#sn-report_itemupload main .input-checklist .input-listitem .item_id,
#sn-location_itemcopy main .input-checklist .input-listitem .item_id {
    min-width: 6.5em;
  }
  #sn-report_itemuset main .input-checklist .input-listitem .item_name,
#sn-report_itemupload main .input-checklist .input-listitem .item_name,
#sn-location_itemcopy main .input-checklist .input-listitem .item_name {
    min-width: 11em;
  }
}
#sn-report_itemuset main .input-checklist .input-listitem .copy_origin,
#sn-report_itemupload main .input-checklist .input-listitem .copy_origin,
#sn-location_itemcopy main .input-checklist .input-listitem .copy_origin {
  flex: 1;
  text-align: right;
  padding: 0 1em 0 0;
}

#sn-location_items_target .sn-popup_body {
  position: unset;
  transform: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#sn-location_items_target .sn-popup_body label {
  margin-bottom: 0;
}

#sn-location_info #list {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 575px) {
  #sn-location_info section.section-input {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  #sn-location_info section.section-input:nth-child(1) {
    display: table !important;
  }
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(1) {
  display: flex;
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(2) {
  table-layout: fixed;
}
@media screen and (max-width: 575px) {
  #sn-location_info section.section-input:nth-child(1) table:nth-child(2) {
    display: inline-table !important;
  }
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr > th:first-child {
  width: 140px;
}
@media screen and (min-width: 1200px) {
  #sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr > th {
    width: 200px;
  }
  #sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr > th:first-child {
    width: 200px;
  }
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr > *.Memo {
  max-width: 100%;
  width: auto !important;
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr th.has-input {
  min-width: 0;
  max-width: unset;
  border-right-width: 0;
}
#sn-location_info section.section-input:nth-child(1) table:nth-child(2) tr th.has-input + td {
  background-color: #e7f1f8;
  border-left-width: 0;
}
#sn-location_info section.section-input:nth-child(6) {
  margin-bottom: 24px;
}
#sn-location_info section.section-input:nth-child(6) table tbody + tbody {
  height: 100%;
}
#sn-location_info section.section-input:nth-child(6) table tbody + tbody tr th, #sn-location_info section.section-input:nth-child(6) table tbody + tbody tr td {
  height: 144px;
}
#sn-location_info section.section-input:nth-child(6) table tbody + tbody tr th textarea, #sn-location_info section.section-input:nth-child(6) table tbody + tbody tr td textarea {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 575px) {
  #sn-location_info.mb_table_detail section.section-input.table-A main {
    display: flex;
  }
  #sn-location_info.mb_table_detail section.section-input.table-A main table.main thead tr th {
    max-width: 8.5em;
    min-width: 0;
    width: auto;
  }
  #sn-location_info.mb_table_detail section.section-input.table-A main table.main th.has-input {
    border-right-width: 1px;
  }
}

/*
F_040-location_estlist 評価一覧
----------------------------------------------------------------------
*/
#sn-location_estlist {
  height: 100vh;
}
#sn-location_estlist .sn-wrapper {
  height: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
}
#sn-location_estlist #contentsMain,
#sn-location_estlist section.main,
#sn-location_estlist #list {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#sn-location_estlist .sn-nav_toolbar.sn-nav_location_function .button {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}
#sn-location_estlist .sn-nav_toolbar.sn-nav_location_function .button.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
@media screen and (max-width: 575px) {
  #sn-location_estlist #list {
    overflow: auto;
  }
}
#sn-location_estlist #list table.main {
  overflow: auto;
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
#sn-location_estlist #list table.main thead tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 1px;
}
#sn-location_estlist #list table.main tr > th,
#sn-location_estlist #list table.main tr > td {
  border-right-width: 0;
  border-bottom-width: 0;
}
@media screen and (min-width: 992px) {
  #sn-location_estlist #list table.main thead tr > th {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  #sn-location_estlist #list table.main thead tr[colspan] {
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(3) {
    width: calc(100vw - 132px);
  }
}
@media screen and (min-width: 1200px) {
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(1) {
    width: 5.3vw;
    text-align: left;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(2) {
    width: 7.5vw;
    text-align: left;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(3) {
    width: 12.7vw;
    text-align: left;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(4) {
    width: unset;
    height: 27px;
    border-bottom: 0;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(5) {
    width: unset;
    height: 27px;
    border-bottom: 0;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(6) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(7) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(8) {
    width: 8.3vw;
  }
  #sn-location_estlist #list table.main thead tr.th_main th:nth-child(9) {
    width: 8.3vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th {
    top: 27px;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(1) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(2) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(3) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(4) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(5) {
    width: 6.8vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(6) {
    width: 4.9vw;
  }
  #sn-location_estlist #list table.main thead tr.th_sub th:nth-child(7) {
    width: 4.9vw;
  }
}
#sn-location_estlist #list table.main tbody tr > td {
  text-align: center;
}
#sn-location_estlist #list table.main tbody tr > td:nth-child(1), #sn-location_estlist #list table.main tbody tr > td:nth-child(2), #sn-location_estlist #list table.main tbody tr > td:nth-child(3) {
  text-align: left;
}
#sn-location_estlist #list table.main tbody tr > td:nth-child(3) a {
  display: block;
  padding: 10px 0;
  align-self: center;
}
#sn-location_estlist #list table.main tbody tr.complete > td {
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  #sn-location_estlist .sn-popup.notes .sn-popup_body {
    width: 100%;
  }
}
#sn-location_estlist .sn-popup.notes .sn-popup_body h4 {
  margin: 0.5em 0;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul {
  margin: 1em;
}
@media screen and (max-width: 575px) {
  #sn-location_estlist .sn-popup.notes .sn-popup_body ul {
    margin: 1em 0 1em 0.5em;
  }
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul li {
  display: flex;
  margin-bottom: 4px;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul li b {
  flex: none;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul.grades b {
  width: 6em;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul.status b {
  width: 5em;
  text-align: center;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body ul + h4 {
  margin-top: 1.5em;
}
#sn-location_estlist .sn-popup.notes .sn-popup_body footer {
  justify-content: center;
}
@media screen and (max-width: 575px) {
  #sn-location_estlist .sn-popup.notes .sn-popup_body footer .button {
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  #sn-location_estlist.mb_table_detail #list table.main thead tr th {
    border-bottom: 0;
    position: unset;
    line-height: 1.2;
  }
  #sn-location_estlist.mb_table_detail #list table.main thead tr th[colspan] {
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    width: calc(1rem + 8px + 8px) !important;
  }
  #sn-location_estlist.mb_table_detail #list table.main thead tr th[colspan] .transpose-inner {
    height: 100%;
    text-align: center;
  }
  #sn-location_estlist.mb_table_detail #list table.main thead tr th:nth-child(3) {
    width: unset;
  }
  #sn-location_estlist.mb_table_detail #list table.main thead tr th b {
    display: none;
  }
  #sn-location_estlist.mb_table_detail #list table.main thead tr.th_sub th {
    width: calc(6.5rem - 8px - 8px) !important;
  }
}

/*
F_050-location_app 役所申請
----------------------------------------------------------------------
*/
#sn-location_app {
  height: 100vh;
}
#sn-location_app .sn-wrapper {
  height: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
}
#sn-location_app #contentsMain,
#sn-location_app section.main,
#sn-location_app #list,
#sn-location_app .table-wrapper {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#sn-location_app #list {
  display: block !important;
}
#sn-location_app #list .table-wrapper {
  overflow: auto;
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
  overflow: auto;
  width: 100%;
  border-left-width: 1px;
}
#sn-location_app #list .table-wrapper thead tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 1px;
}
#sn-location_app #list .table-wrapper tr > th,
#sn-location_app #list .table-wrapper tr > td {
  border-right-width: 0;
  border-bottom-width: 0;
}
@media screen and (max-width: 575px) {
  #sn-location_app #list .table-wrapper {
    table-layout: auto;
    max-height: 100%;
  }
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper {
    display: flex;
    flex-direction: row;
    height: auto;
    max-height: 100%;
    border-right-width: 0;
  }
}
@media screen and (max-width: 575px) {
  #sn-location_app #list .table-wrapper table {
    display: none;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper table {
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper table:nth-child(1) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    left: 0;
    width: calc(15em + 1px);
    border-width: 0;
    table-layout: auto;
  }
  #sn-location_app #list .table-wrapper table:nth-child(1) ul li,
#sn-location_app #list .table-wrapper table:nth-child(1) h4 {
    padding: 0 0.5em;
    border: 1px solid #CBCED1;
    border-width: 0 1px 1px 0;
  }
  #sn-location_app #list .table-wrapper table:nth-child(1) h4 {
    width: 15em;
  }
}
#sn-location_app #list .table-wrapper table:nth-child(1) ul {
  width: 100%;
}
#sn-location_app #list .table-wrapper table:nth-child(1) ul li.itemDivCode {
  width: 5em;
}
#sn-location_app #list .table-wrapper table:nth-child(1) ul li.itemCode {
  width: 10em;
}
#sn-location_app #list .table-wrapper table:nth-child(1) tr th {
  border-left-width: 1px;
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper table:nth-child(1) tr th {
    border-right-width: 1px;
  }
}
#sn-location_app #list .table-wrapper table:nth-child(1) tr th ul li {
  justify-content: flex-start;
}
#sn-location_app #list .table-wrapper table:nth-child(1) tr th h4 {
  height: 64px;
  justify-content: flex-start;
  white-space: unset;
}
#sn-location_app #list .table-wrapper table:nth-child(1) tr:nth-child(n+3) th {
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  #sn-location_app #list .table-wrapper table:nth-child(1) {
    display: table;
    table-layout: auto;
  }
  #sn-location_app #list .table-wrapper table:nth-child(1) tr th.pivot,
#sn-location_app #list .table-wrapper table:nth-child(1) tr th ul {
    display: none;
  }
  #sn-location_app #list .table-wrapper table:nth-child(1) tr th h4 {
    height: auto;
  }
}
#sn-location_app #list .table-wrapper table tr:nth-child(1) th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 0;
}
#sn-location_app #list .table-wrapper table tr:nth-child(1) th::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #CBCED1;
  border-left-width: 0;
  border-right-width: 2px;
}
#sn-location_app #list .table-wrapper table tr:nth-child(2) th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  #sn-location_app #list .table-wrapper table tr:nth-child(2) th.mb_index, #sn-location_app #list .table-wrapper table tr:nth-child(2) th.mb_detail {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  #sn-location_app #list .table-wrapper table tr:nth-child(2) th.mb_index::before, #sn-location_app #list .table-wrapper table tr:nth-child(2) th.mb_detail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #CBCED1;
    border-width: 1px 0;
    box-sizing: border-box;
  }
  #sn-location_app #list .table-wrapper table tr:nth-child(2) th.mb_index {
    width: calc(100% - 50px);
  }
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper table tr:nth-child(2) th {
    top: 24px;
  }
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper tr th,
#sn-location_app #list .table-wrapper tr td {
    padding: 0;
    border-width: 0 0 1px 0;
  }
}
#sn-location_app #list .table-wrapper tr th ul,
#sn-location_app #list .table-wrapper tr td ul {
  display: flex;
}
#sn-location_app #list .table-wrapper tr th ul li,
#sn-location_app #list .table-wrapper tr th h4,
#sn-location_app #list .table-wrapper tr td ul li,
#sn-location_app #list .table-wrapper tr td h4 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}
#sn-location_app #list .table-wrapper tr th.reporttype {
  border-width: 1px 0 1px 0;
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper tr th.reporttype {
    width: 401px;
  }
  #sn-location_app #list .table-wrapper tr th.reporttype::after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px solid #CBCED1;
    border-right-width: 2px;
  }
}
#sn-location_app #list .table-wrapper tr th.pivot {
  border-top-width: 1px;
}
#sn-location_app #list .table-wrapper tr th.pivot::after {
  border-right-width: 1px !important;
}
#sn-location_app #list .table-wrapper tr ul.report {
  text-align: center;
  border-right: 1px solid #CBCED1;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper tr ul.report {
    width: 401px;
  }
}
#sn-location_app #list .table-wrapper tr ul.report li {
  border: 1px solid #CBCED1;
  border-width: 0 1px 1px 0;
  overflow: auto;
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper tr ul.report li.applicant {
    width: 200px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.representative {
    width: 160px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.file {
    width: 40px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.permitted {
    width: 100px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.update {
    width: 100px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.destination {
    width: 100px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.required {
    width: 60px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.required select {
    padding-right: 1.4em;
    background-position: right 0.4em center;
    background-size: auto 5.5px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.exists {
    width: 40px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.agencycosts {
    width: 100px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.commission {
    width: 100px;
  }
  #sn-location_app #list .table-wrapper tr ul.report li.note {
    width: 200px;
  }
}
#sn-location_app #list .table-wrapper tr ul.report li.applicant, #sn-location_app #list .table-wrapper tr ul.report li.representative, #sn-location_app #list .table-wrapper tr ul.report li.destination, #sn-location_app #list .table-wrapper tr ul.report li.agencycosts, #sn-location_app #list .table-wrapper tr ul.report li.commission, #sn-location_app #list .table-wrapper tr ul.report li.note {
  padding: 0 4px;
}
#sn-location_app #list .table-wrapper tr ul.report li.permitted span, #sn-location_app #list .table-wrapper tr ul.report li.update span, #sn-location_app #list .table-wrapper tr ul.report li.agencycosts span, #sn-location_app #list .table-wrapper tr ul.report li.commission span {
  font-size: 90%;
}
#sn-location_app #list .table-wrapper tbody > tr:first-child th.reporttype,
#sn-location_app #list .table-wrapper tbody > tr:first-child th:empty {
  height: 24px;
  text-align: center;
}
#sn-location_app #list .table-wrapper tbody > tr:first-child > th:first-child h4 {
  height: 48px;
}
#sn-location_app #list .table-wrapper tbody > tr:first-child ul li {
  height: 24px;
}
@media screen and (min-width: 992px) {
  #sn-location_app #list .table-wrapper tbody tr ul li {
    height: 32px;
  }
}
#sn-location_app #list .table-wrapper tbody tr > td select,
#sn-location_app #list .table-wrapper tbody tr > td input[type=text] {
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
#sn-location_app #list .table-wrapper tbody tr > td select {
  padding-left: 4px;
}
#sn-location_app #list .table-wrapper tbody tr > td .note input {
  border: 0 none transparent;
}
#sn-location_app #list .table-wrapper tbody tr > td .note input::-moz-placeholder {
  font-size: 90%;
  opacity: 0.4;
}
#sn-location_app #list .table-wrapper tbody tr > td .note input:-ms-input-placeholder {
  font-size: 90%;
  opacity: 0.4;
}
#sn-location_app #list .table-wrapper tbody tr > td .note input::placeholder {
  font-size: 90%;
  opacity: 0.4;
}
#sn-location_app #list .table-wrapper tbody tr > td ul.report li.applicant, #sn-location_app #list .table-wrapper tbody tr > td ul.report li.representative, #sn-location_app #list .table-wrapper tbody tr > td ul.report li.destination, #sn-location_app #list .table-wrapper tbody tr > td ul.report li.note {
  justify-content: flex-start;
}
#sn-location_app #list .table-wrapper tbody tr.complete > td {
  background-color: #ffffff;
}
#sn-location_app .sn-popup.notes .sn-popup_body h4 {
  margin: 0.5em 0;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul {
  margin: 1em;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul li {
  display: flex;
  margin-bottom: 4px;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul li b {
  flex: none;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul.grades b {
  width: 6em;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul.status b {
  width: 5em;
  text-align: center;
}
#sn-location_app .sn-popup.notes .sn-popup_body ul + h4 {
  margin-top: 1.5em;
}
#sn-location_app .sn-popup.notes .sn-popup_body footer {
  justify-content: center;
}
@media screen and (max-width: 575px) {
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list .table-wrapper {
    border-width: 0;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table {
    width: 100%;
    display: table;
    margin-bottom: 32px;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table.main {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr:nth-of-type(2),
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail {
    display: table-row;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr:nth-of-type(2) th:not(.mb_detail),
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table.main tbody tr.current_detail th:not(.mb_detail) {
    display: table-cell !important;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr {
    display: none;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(1),
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(2),
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr.current_detail {
    display: table-row;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(1) th,
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(2) th,
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr.current_detail th {
    position: relative;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(1) th {
    padding: 0;
    border-width: 1px 0 1px 1px;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody tr:nth-of-type(1) th::after {
    border-width: 0 1px 0 0;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td {
    padding: 0;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report {
    display: flex;
    border-right-width: 0;
    width: calc(100vw - 33px);
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li {
    height: 32px;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.applicant, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.applicant {
    order: 1;
    width: 50%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.representative, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.representative {
    order: 2;
    width: calc(100% - (50% + 40px));
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.file, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.file {
    order: 3;
    width: 40px;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.permitted, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.permitted {
    order: 4;
    width: 25%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.update, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.update {
    order: 5;
    width: 25%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.destination, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.destination {
    order: 6;
    width: 50%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.required, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.required {
    order: 9;
    width: calc(100% - (50% + 40px));
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.exists, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.exists {
    order: 10;
    width: 40px;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.agencycosts, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.agencycosts {
    order: 7;
    width: 25%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.commission, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.commission {
    order: 8;
    width: 25%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item th ul.report li.note, #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table tbody .sn-location-item td ul.report li.note {
    order: 11;
    width: 100%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) ul li,
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) h4 {
    padding: 0 0.5em;
    border: 1px solid #CBCED1;
    border-width: 0 1px 1px 0;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th {
    padding: 0;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th ul li,
#sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th h4 {
    height: 32px;
    display: flex;
    align-items: center;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th ul {
    display: flex;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th ul li:nth-of-type(1) {
    width: 40%;
  }
  #sn-location_app.mb_table_detail .sn-wrapper #contentsMain #list table:nth-child(1) tr th ul li:nth-of-type(2) {
    width: auto;
    flex: 1;
  }
}

/*
F_060-location_appfile 申請書一覧
----------------------------------------------------------------------
*/
#sn-location_appfile #list {
  display: flex;
  flex-wrap: wrap;
}
#sn-location_appfile #list select {
  height: 32px;
}
#sn-location_appfile #list table.main {
  flex: 1;
}
#sn-location_appfile #list table.main tr.row:hover {
  background-color: #D3F1F8;
}
#sn-location_appfile #list table.main tr.row td:not(.function) {
  cursor: pointer;
}
#sn-location_appfile #list table.main tr th,
#sn-location_appfile #list table.main tr td {
  text-align: left;
}
#sn-location_appfile #list table.main tr th:nth-child(1),
#sn-location_appfile #list table.main tr td:nth-child(1) {
  width: 120px;
}
#sn-location_appfile #list table.main tr th:nth-child(2),
#sn-location_appfile #list table.main tr td:nth-child(2) {
  width: 180px;
}
#sn-location_appfile #list table.main tr th:nth-child(3),
#sn-location_appfile #list table.main tr td:nth-child(3) {
  width: auto;
}
#sn-location_appfile #list table.main tr th:nth-child(4),
#sn-location_appfile #list table.main tr td:nth-child(4) {
  width: auto;
}
#sn-location_appfile #list table.main tr th:nth-child(5),
#sn-location_appfile #list table.main tr td:nth-child(5) {
  width: 174px;
}
#sn-location_appfile #list table.main tr th:nth-child(6),
#sn-location_appfile #list table.main tr td:nth-child(6) {
  width: 100px;
}
#sn-location_appfile #list table.main thead tr th {
  text-align: center;
}
#sn-location_appfile #list table.main tbody tr.complete > td {
  background-color: #ffffff;
}
#sn-location_appfile #list .list_sub {
  flex: unset;
  width: 250px;
  margin-left: 24px;
}
#sn-location_appfile #list .list_sub h3 {
  margin-bottom: 8px;
}
#sn-location_appfile #list .list_sub select {
  width: 100%;
  height: 15em;
  overflow: auto;
  background-image: unset;
}
@media screen and (min-width: 992px) {
  #sn-location_appfile #list .list_sub select {
    position: absolute;
    width: 250px;
  }
}
#sn-location_appfile #list .list_sub select option::before {
  background-image: url("./images/icons/icon_download.svg");
  opacity: 0.3;
}
#sn-location_appfile #list .pager {
  width: 100%;
}
#sn-location_appfile #contentsMain section.section-input:first-child main {
  display: flex;
}
#sn-location_appfile section.section-input main {
  flex-wrap: wrap;
}
#sn-location_appfile section.section-input main ul.input_items li label {
  width: 330px;
}
@media screen and (min-width: 992px) {
  #sn-location_appfile section.section-input main form#EditForm {
    width: 50%;
    min-width: 560px;
    padding-right: 3em;
  }
}
@media screen and (max-width: 575px) {
  #sn-location_appfile section.section-input main form#EditForm ul.input_items li label {
    width: auto;
  }
}
#sn-location_appfile section.section-input main form#EditForm + ul.input_items li label {
  width: 330px;
}
#sn-location_appfile section.section-input main form#EditForm + ul.input_items li label #Item {
  height: 210px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 330px;
  min-height: 4.6em;
  padding: 0.5em;
  border: 1px solid #CBCED1;
  background-image: none;
}
#sn-location_appfile section.section-input main form#EditForm + ul.input_items li label #Item option {
  pointer-events: none;
}
#sn-location_appfile section.section-input main form#EditForm + ul.input_items li label #Item + button {
  position: absolute;
  bottom: 0;
  right: 0;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body h4 {
  margin: 0.5em 0;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul {
  margin: 1em;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul li {
  display: flex;
  margin-bottom: 4px;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul li b {
  flex: none;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul.grades b {
  width: 6em;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul.status b {
  width: 5em;
  text-align: center;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body ul + h4 {
  margin-top: 1.5em;
}
#sn-location_appfile .sn-popup.notes .sn-popup_body footer {
  justify-content: center;
}
#sn-location_appfile .sn-popup#sn-popup_itemReportSet .sn-popup_body, #sn-location_appfile .sn-popup#sn-popup_itemReportUpload .sn-popup_body {
  padding: 0;
  overflow: hidden;
  line-height: 0;
}
#sn-location_appfile .sn-popup#sn-popup_itemReportSet .sn-popup_body iframe, #sn-location_appfile .sn-popup#sn-popup_itemReportUpload .sn-popup_body iframe {
  border: 0 none transparent;
}
#sn-location_appfile .sn-popup #LinkItem {
  width: 100%;
  padding: 0;
  max-height: 12em;
}
#sn-location_appfile .sn-popup .buttons label {
  flex: 1;
  justify-content: flex-start;
  margin-bottom: 0;
  cursor: pointer;
}
#sn-location_appfile .sn-popup .buttons label input {
  width: auto;
  margin-right: 1.25em;
  margin-left: 0.5em;
}
#sn-location_appfile table#FileList.main {
  margin-bottom: 0;
}
#sn-location_appfile table#FileList.main tr th,
#sn-location_appfile table#FileList.main tr td {
  text-align: left;
}
#sn-location_appfile table#FileList.main tr th:nth-child(1),
#sn-location_appfile table#FileList.main tr td:nth-child(1) {
  width: unset;
}
#sn-location_appfile table#FileList.main tr th:nth-child(2),
#sn-location_appfile table#FileList.main tr td:nth-child(2) {
  width: 165px;
}
#sn-location_appfile table#FileList.main tbody tr:nth-child(1) > td {
  border-top-width: 1px;
}
#sn-location_appfile table#FileList.main tbody tr > td:nth-child(2) button {
  width: 70px;
  overflow: hidden;
}

#sn-report_itemupload #UploadForm {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
#sn-report_itemupload input[type=file] {
  width: 100%;
  line-height: 24px;
  background-color: #FFF;
}

#sn-report_itemuset main .input-checklist {
  height: 215px;
  max-height: 215px;
}
@media screen and (min-width: 992px) {
  #sn-report_itemuset .buttons label {
    flex: 1;
    margin-bottom: 0;
  }
}

/* F_080-location_file 関連ファイル
----------------------------------------------------------------------
*/
#sn-item_files section.main,
#sn-location_file section.main {
  padding-top: 0;
}
@media screen and (min-width: 1200px) {
  #sn-item_files #list table.main tr th,
#sn-item_files #list table.main tr td,
#sn-location_file #list table.main tr th,
#sn-location_file #list table.main tr td {
    text-align: left;
  }
  #sn-item_files #list table.main tr th:nth-child(1),
#sn-item_files #list table.main tr td:nth-child(1),
#sn-location_file #list table.main tr th:nth-child(1),
#sn-location_file #list table.main tr td:nth-child(1) {
    width: 25%;
  }
  #sn-item_files #list table.main tr th:nth-child(2),
#sn-item_files #list table.main tr td:nth-child(2),
#sn-location_file #list table.main tr th:nth-child(2),
#sn-location_file #list table.main tr td:nth-child(2) {
    width: unset;
    white-space: pre-wrap;
  }
  #sn-item_files #list table.main tr th:nth-child(3),
#sn-item_files #list table.main tr td:nth-child(3),
#sn-location_file #list table.main tr th:nth-child(3),
#sn-location_file #list table.main tr td:nth-child(3) {
    width: 200px;
  }
  #sn-item_files #list table.main tr th:nth-child(4),
#sn-item_files #list table.main tr td:nth-child(4),
#sn-location_file #list table.main tr th:nth-child(4),
#sn-location_file #list table.main tr td:nth-child(4) {
    width: 240px;
  }
}
#sn-item_files #list table.main tbody tr > td:nth-child(4) button,
#sn-location_file #list table.main tbody tr > td:nth-child(4) button {
  width: 70px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  #sn-item_files #list table.main tbody tr > td:nth-child(4) button,
#sn-location_file #list table.main tbody tr > td:nth-child(4) button {
    width: 48%;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_files #list table.main tbody tr > td .button.download,
#sn-location_file #list table.main tbody tr > td .button.download {
    display: none;
  }
}
#sn-item_files #list .pager,
#sn-location_file #list .pager {
  width: 100%;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body {
  width: 487px;
  padding: 16px;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body h4, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body h4,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body h4,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body h4 {
  margin: 0 0 1em;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body input[type=text],
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body textarea, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body input[type=text],
#sn-item_files .sn-popup#sn-popup_edit .sn-popup_body textarea,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body input[type=text],
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body textarea,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body input[type=text],
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body textarea {
  width: 100%;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body input[type=file], #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body input[type=file],
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body input[type=file],
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body input[type=file] {
  line-height: 24px;
  background-color: #FFF;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body textarea, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body textarea,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body textarea,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body textarea {
  height: 6em;
  padding: 0.75em;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul {
  margin: 0;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul li, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul li,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul li,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul li {
  display: flex;
  margin-bottom: 16px;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul li:last-child, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul li:last-child,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul li:last-child,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul li:last-child {
  margin-bottom: 0;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul li b, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul li b,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul li b,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul li b {
  flex: none;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul.grades b, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul.grades b,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul.grades b,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul.grades b {
  width: 6em;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul.status b, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul.status b,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul.status b,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul.status b {
  width: 5em;
  text-align: center;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body ul + h4, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body ul + h4,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body ul + h4,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body ul + h4 {
  margin-top: 1.5em;
}
#sn-item_files .sn-popup#sn-popup_new .sn-popup_body h4, #sn-item_files .sn-popup#sn-popup_edit .sn-popup_body h4,
#sn-location_file .sn-popup#sn-popup_new .sn-popup_body h4,
#sn-location_file .sn-popup#sn-popup_edit .sn-popup_body h4 {
  line-height: 1;
}
@media screen and (max-width: 575px) {
  #sn-item_files.mb_table_detail .sn-wrapper #contentsMain #list table.main thead th,
#sn-location_file.mb_table_detail .sn-wrapper #contentsMain #list table.main thead th {
    max-width: 7rem;
  }
}

/*
sn-item 拠点系 共通
----------------------------------------------------------------------
*/
body[id^=sn-item] .Customer {
  background-color: #e7f1f8;
}
body[id^=sn-item] .Customer ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.75em 0 0.75em 24px;
  line-height: 1.5em;
  font-size: 18px;
}
body[id^=sn-item] .Customer ul li {
  margin-right: 1em;
}
body[id^=sn-item]#sn-item_specs #tabmenu.sn-nav-item .item_specs a, body[id^=sn-item]#sn-item_estimations #tabmenu.sn-nav-item .item_estimations a, body[id^=sn-item]#sn-item_images #tabmenu.sn-nav-item .item_images a, body[id^=sn-item]#sn-item_thumbnails #tabmenu.sn-nav-item .item_thumbnails a, body[id^=sn-item]#sn-item_historys #tabmenu.sn-nav-item .item_historys a, body[id^=sn-item]#sn-item_files #tabmenu.sn-nav-item .item_files a {
  background-color: #0D4278;
}
body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function {
  height: 56px;
  padding: 0 24px;
}
body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function ul {
  margin: 0;
}
@media screen and (max-width: 575px) {
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background-color: #0D4278;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function .button {
    height: 32px;
    padding: 0 6px;
    border: #C9CBD3 2px solid;
    border-radius: 2px;
    font-size: 16px;
    color: inherit;
    background-color: #FFF;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function .button.sq {
    max-width: 32px;
    min-width: unset;
    padding: 0;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function ul {
    margin-left: -12px;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li {
    flex: 1;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li .button {
    width: 100%;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li .button.blue {
    background-color: #2585EE;
    color: #fff;
    border: none transparent 0;
  }
  body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li.duplicate body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li.export-csv, body[id^=sn-item] .sn-nav_toolbar.sn-nav_item_function li.inport-csv {
    display: none;
  }
}
body[id^=sn-item] #list {
  padding: 0 24px 24px;
}
body[id^=sn-item] table.main {
  table-layout: fixed;
}
body[id^=sn-item] table.main select {
  height: 32px;
}
body[id^=sn-item] table.main tr td input[type=text],
body[id^=sn-item] table.main tr td select {
  width: 100%;
}
body[id^=sn-item] table.main thead tr th {
  padding: 4px 8px;
}
body[id^=sn-item] table.main tbody tr:nth-child(1) > td {
  border-top-width: 2px;
}
body[id^=sn-item] table.main tbody tr > td {
  padding: 4px 8px;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
}

/*
G_001-item_specs アイテム調査結果登録: 本体仕様 (マスタメンテナンス画面も共用)
----------------------------------------------------------------------
*/
@media screen and (max-width: 575px) {
  #sn-item_specs section.section-input-wrapper,
#sn-master_item_specdefault_edit section.section-input-wrapper {
    padding-bottom: 48px;
  }
}
#sn-item_specs section.section-input-wrapper section.section-input main,
#sn-master_item_specdefault_edit section.section-input-wrapper section.section-input main {
  padding: 24px 24px 40px;
}
#sn-item_specs section.section-input main table tr td,
#sn-master_item_specdefault_edit section.section-input main table tr td {
  padding: 4px;
}
#sn-item_specs section.section-input main table tr td:empty,
#sn-master_item_specdefault_edit section.section-input main table tr td:empty {
  background-color: #e7f1f8;
}
#sn-item_specs section.section-input main table tr td:empty::after,
#sn-master_item_specdefault_edit section.section-input main table tr td:empty::after {
  content: "-";
  margin-left: 1em;
}
#sn-item_specs section.section-input main table tr th:first-child,
#sn-master_item_specdefault_edit section.section-input main table tr th:first-child {
  min-width: 200px;
  max-width: 200px;
}
@media screen and (max-width: 575px) {
  #sn-item_specs section.section-input main ul.input_items li,
#sn-master_item_specdefault_edit section.section-input main ul.input_items li {
    flex-wrap: wrap;
  }
  #sn-item_specs section.section-input main ul.input_items li > label,
#sn-master_item_specdefault_edit section.section-input main ul.input_items li > label {
    margin: 0 16px 16px 0;
  }
  #sn-item_specs section.section-input main ul.input_items li > label:last-child,
#sn-master_item_specdefault_edit section.section-input main ul.input_items li > label:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li label + label,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li label + label {
    margin-left: 1.25em;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items label[class$=DateString],
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items label[class$=DateString] {
    width: 80vw;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items label[class$=DateString] input,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items label[class$=DateString] input {
    width: 175px;
  }
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main,
#sn-master_item_specdefault_edit section.section-input#specification-basic main {
    position: relative;
    padding-right: calc(40px + 19vw + 24px);
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:last-child,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:last-child {
    margin-bottom: 0;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .Name, #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .Name input,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedContents,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedContents input,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .Name,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .Name input,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedContents,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedContents input {
    flex: 1;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedSideCount input,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .DisplayedSideCount input {
    width: 3em;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .FirstVender,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .SecondVender,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .FirstVender,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .SecondVender {
    min-width: 22em;
    min-width: 50%;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .FirstVender select,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .SecondVender select,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .FirstVender select,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .SecondVender select {
    flex: 1;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser {
    margin-right: 3em;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser, #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser select,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser,
#sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser select,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .FirstVenderUser select,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .SecondVenderUser select {
    flex: 1;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li .WorkDetail textarea,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li .WorkDetail textarea {
    flex: 1;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items .calenderWrapper,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items .calenderWrapper {
    width: 9.5em;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items .calenderWrapper input[type=text],
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items .calenderWrapper input[type=text] {
    min-width: 9.5em;
  }
}
@media screen and (min-width: 1200px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items {
    display: grid;
    grid-template-rows: 44px 44px 44px 44px 44px;
    grid-template-columns: 48% 52%;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li {
    margin-bottom: 0;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(1),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(2),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(3),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(4),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(4) {
    grid-row: 4/5;
    grid-column: 1/2;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(5),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(5) {
    grid-row: 3/4;
    grid-column: 2/3;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(6),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(6) {
    grid-row: 5/6;
    grid-column: 1/2;
  }
  #sn-item_specs section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(7),
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.basic-items li:nth-child(7) {
    grid-row: 4/6;
    grid-column: 2/3;
  }
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images {
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.images,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1;
    width: 19vw;
  }
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li,
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li img,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.images li,
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li img,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li img {
    width: 19vw;
  }
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li {
  position: relative;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.images li,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li {
    display: block;
  }
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li b,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li b {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li a,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li a {
  display: block;
  background-color: #E4E7EB;
  border: 1px solid #f0f0f0;
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-basic main ul.input_items.images li a,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li a {
    height: 13.49vw;
    width: 19vw;
    overflow: hidden;
  }
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li img,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li img {
  display: block;
  height: auto;
  text-align: center;
}
#sn-item_specs section.section-input#specification-basic main ul.input_items.images li button,
#sn-master_item_specdefault_edit section.section-input#specification-basic main ul.input_items.images li button {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 992px) {
  #sn-item_specs section.section-input#specification-body,
#sn-master_item_specdefault_edit section.section-input#specification-body {
    padding-right: calc(40px + 19vw + 24px);
  }
}
#sn-item_specs section.section-input#specification-body main table tr > th:nth-child(1), #sn-item_specs section.section-input#specification-body main table tr > td:nth-child(2),
#sn-master_item_specdefault_edit section.section-input#specification-body main table tr > th:nth-child(1),
#sn-master_item_specdefault_edit section.section-input#specification-body main table tr > td:nth-child(2) {
  min-width: 8em;
}
#sn-item_specs section.section-input#specification-body main table tr > th:nth-child(n+3),
#sn-master_item_specdefault_edit section.section-input#specification-body main table tr > th:nth-child(n+3) {
  display: table-cell;
  width: 5em;
  min-width: 3em;
}
#sn-item_specs section.section-input#specification-body main table tr > td:nth-child(n+4),
#sn-master_item_specdefault_edit section.section-input#specification-body main table tr > td:nth-child(n+4) {
  width: 8em;
  min-width: 5em;
}
#sn-item_specs section.section-input#specification-board main table label b,
#sn-master_item_specdefault_edit section.section-input#specification-board main table label b {
  margin-right: 4px;
}
#sn-item_specs section.section-input#specification-board main table label b + input,
#sn-master_item_specdefault_edit section.section-input#specification-board main table label b + input {
  min-width: 4em;
  text-indent: 4px;
}
#sn-item_specs section.section-input#specification-board main table tr[class^=rowgroup] th[rowspan],
#sn-master_item_specdefault_edit section.section-input#specification-board main table tr[class^=rowgroup] th[rowspan] {
  max-width: 2.5em;
  text-align: center;
  padding: 4px 0.75em;
}
#sn-item_specs section.section-input#specification-board main table:nth-child(4),
#sn-master_item_specdefault_edit section.section-input#specification-board main table:nth-child(4) {
  width: 100%;
  table-layout: fixed;
}
#sn-item_specs section.section-input#specification-board main table:nth-child(4) th,
#sn-master_item_specdefault_edit section.section-input#specification-board main table:nth-child(4) th {
  min-width: unset;
  max-width: unset;
}
#sn-item_specs section.section-input ~ footer,
#sn-master_item_specdefault_edit section.section-input ~ footer {
  border-top: 1px solid #CBCED1;
  padding: 16px 0;
  text-align: center;
}
#sn-item_specs section.section-input ~ footer button.destructive,
#sn-master_item_specdefault_edit section.section-input ~ footer button.destructive {
  width: 200px;
}

/*
G_010-item_estimations アイテム調査結果登録: 評価
----------------------------------------------------------------------
*/
#sn-item_estimations section.section-input td.error {
  background-color: #FFAEAE;
}
#sn-item_estimations section.section-input label.error input, #sn-item_estimations section.section-input label.error textarea, #sn-item_estimations section.section-input label.error select {
  border-color: #FFAEAE;
}
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table thead th {
  min-width: 144px;
  text-align: center;
}
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tbody td label {
  justify-content: center;
}
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tbody td select {
  text-align: center;
}
@media screen and (max-width: 575px) {
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline {
    display: block;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table {
    -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
    position: relative;
    margin-top: 40px;
    margin-bottom: 16px;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table caption {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    height: auto;
    min-height: 40px;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table caption {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    transform: translate(0, -100%);
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td {
    height: auto;
    min-height: 40px;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th .transpose-inner,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td .transpose-inner {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    width: 100%;
    white-space: normal;
    min-height: 36px;
    width: auto;
    min-width: 3.5em;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th .transpose-inner > b,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th .transpose-inner div,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th .transpose-inner label,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > th .transpose-inner select,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td .transpose-inner > b,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td .transpose-inner div,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td .transpose-inner label,
#sn-item_estimations section.section-input:nth-child(1) main .item-inline table tr > td .transpose-inner select {
    width: 100%;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table:nth-of-type(1) {
    margin-bottom: 48px;
  }
  #sn-item_estimations section.section-input:nth-child(1) main .item-inline table:nth-of-type(2) {
    margin-left: 0;
  }
}
#sn-item_estimations section.section-input:nth-child(2) main table {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th {
    white-space: nowrap;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(2) {
    width: 3.5em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(3) {
    width: 26.5em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(4) {
    width: 18em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(5) {
    width: 4.5em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(7) {
    width: 10em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(8) {
    width: 3.5em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table thead tr th:nth-child(9) {
    width: 5.2em;
  }
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr {
  position: relative;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr {
  background-color: #FFFFFF;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr.target {
  background-color: #FFFCCF;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr.nontarget {
  background-color: #ededed;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr.nontarget.default {
  background-color: #D3F1F8;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr:hover th, #sn-item_estimations section.section-input:nth-child(2) main table tbody tr:hover td {
  border-right-color: #0D427850;
  border-left-color: #0D427850;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr th {
  background-color: unset;
  width: 200px;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr td {
  padding: 4px;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr td:nth-child(2), #sn-item_estimations section.section-input:nth-child(2) main table tbody tr td:nth-child(8), #sn-item_estimations section.section-input:nth-child(2) main table tbody tr td:nth-child(9) {
  text-align: center;
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr td input[type=checkbox] ~ label:first-of-type {
  margin-right: 0;
}
@media screen and (min-width: 992px) {
  #sn-item_estimations section.section-input:nth-child(2) main table tbody tr td input[type=checkbox] ~ label:first-of-type:not(.boxonly)::before, #sn-item_estimations section.section-input:nth-child(2) main table tbody tr td input[type=checkbox] ~ label:first-of-type input[type=radio] ~ label:first-of-type:not(.boxonly)::before {
    margin-right: 0;
  }
}
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr td.UseFlg .transpose-inner,
#sn-item_estimations section.section-input:nth-child(2) main table tbody tr td.TargetFlg .transpose-inner {
  line-height: 0;
  font-size: 0;
}
@media screen and (max-width: 575px) {
  #sn-item_estimations section.section-input:nth-child(2) main {
    padding: 16px 16px 48px;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) thead tr > th {
    border-top-width: 1px !important;
    line-height: 1.1;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr {
    display: grid;
    grid-template-columns: 50px 3.75em 1fr 50px;
    grid-template-rows: 1fr;
    width: calc(100vw - 32px);
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .Name, #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .UseFlg, #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .Judge, #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .mb_detail {
    grid-row: 1/2;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border-top-width: 0;
    border-right-width: 0;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .Name {
    grid-column: 3/4;
    width: unset;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .UseFlg {
    grid-column: 1/2;
    width: 50px;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .Judge {
    grid-column: 2/3;
    width: 3.75em;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .Judge select {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border: none;
    background-image: none;
    pointer-events: none;
    background-color: transparent;
  }
  #sn-item_estimations section.section-input:nth-child(2) main table:not(.current_table) tr > .mb_detail {
    grid-column: 4/5;
    border-right-width: 1px;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table thead tr th {
    white-space: unset;
    width: 9rem;
  }
  #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table tbody tr.current_detail > th {
    max-width: calc(100vw - 7.75rem - 32px);
  }
  #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table tbody tr.current_detail > th .transpose-inner {
    min-width: calc(100vw - 7.75rem - 32px - 16px - 1px);
  }
  #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table tbody tr > td:nth-child(2), #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table tbody tr > td:nth-child(8), #sn-item_estimations.mb_table_detail #contentsMain section.section-input:nth-child(2) main#list table tbody tr > td:nth-child(9) {
    text-align: left;
    text-indent: 1em;
  }
  #sn-item_estimations.mb_table_detail #contentsMain table tbody tr > td .flex {
    display: block;
    width: 100%;
  }
  #sn-item_estimations.mb_table_detail #contentsMain table tbody tr > td .flex label {
    width: 100%;
  }
  #sn-item_estimations.mb_table_detail #contentsMain table tbody tr > td.PartsPointPhenomenons, #sn-item_estimations.mb_table_detail #contentsMain table tbody tr > td.PartsPointInspections {
    height: 71px;
  }
}

/*
G_020-item_iamges アイテム調査結果登録: 画像
----------------------------------------------------------------------
*/
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input {
    display: flex;
    flex-direction: row-reverse;
  }
}
#sn-item_images section.section-input section.estimation:first-child {
  margin-top: 16px;
}
#sn-item_images section.section-input section.estimation ul.input_items {
  display: flex;
  padding: 0 24px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input section.estimation ul.input_items {
    padding: 0 16px;
  }
}
#sn-item_images section.section-input section.estimation ul.input_items li {
  margin-bottom: 0;
}
#sn-item_images section.section-input section.estimation ul.input_items li + li {
  margin-left: 24px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input section.estimation ul.input_items li + li {
    margin-left: 16px;
  }
}
#sn-item_images section.section-input section.estimation ~ #imageDetailArea ul {
  max-width: 750px;
}
#sn-item_images section.section-input *[disabled] {
  opacity: 0.7;
}
#sn-item_images section.section-input header {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #e7f1f8;
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input header {
    display: none;
  }
}
#sn-item_images section.section-input header h3 {
  height: unset;
  margin: 0 0 8px;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
#sn-item_images section.section-input header .select_item {
  width: 100%;
  height: 40px;
  padding: 0 1.8em 0 1.2em;
  text-align: left;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-dw%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%2210.6%200.6%206%205.2%201.4%200.6%200%202%206%208%2012%202%2010.6%200.6%22%2F%3E%3C%2Fsvg%3E");
  background-color: #FFF;
  background-position: right 0.6em center;
  background-size: auto 7px;
  border: 1px solid #CBCED1;
}
#sn-item_images section.section-input h3 {
  margin-top: 24px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input h3 {
    margin-top: 16px;
  }
}
#sn-item_images section.section-input > main {
  flex: 1;
  padding: 0 !important;
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input > main section#imageDetailArea main {
    padding: 24px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea main a {
  overflow: hidden;
}
#sn-item_images section.section-input > main section#imageDetailArea main img {
  display: inline-block;
  width: 100%;
  height: auto;
}
#sn-item_images section.section-input > main section#imageDetailArea .functions-image {
  display: flex;
}
#sn-item_images section.section-input > main section#imageDetailArea .functions-image button + button {
  margin-left: 8px;
}
#sn-item_images section.section-input > main section#imageDetailArea footer.functions-image {
  padding: 0 24px;
  justify-content: end;
}
#sn-item_images section.section-input > main section#imageDetailArea footer.functions-image button#imageSelectButton {
  width: 18em;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-single {
  display: inline-block;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-single main .image-wrapper {
  width: 100%;
  height: auto;
  line-height: 0;
  border: 1px solid #f0f0f0;
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-single main .image-wrapper {
    width: 512px;
    height: 384px;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-single main,
#sn-item_images section.section-input > main section#imageDetailArea.iamge-single footer.functions-image {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main {
    padding-bottom: 40px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image {
  max-width: 350px;
  margin-bottom: 24px;
  border: 1px solid transparent;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image {
    width: calc(50% - 4px);
  }
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image {
    margin-right: 24px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul {
  padding: 16px;
  border: 1px solid #CBCED1;
  border-radius: 4px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul {
    width: 100%;
    padding: 8px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li {
  margin-bottom: 8px;
  width: 100%;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) {
  margin-bottom: 16px;
  background-color: #f0f0f0;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1),
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) a.image-wrapper {
  display: block;
  overflow: hidden;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1):hover,
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) a.image-wrapper:hover {
  background-color: transparent;
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1),
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) a.image-wrapper {
    width: 316px;
    height: 237px;
  }
}
@-webkit-keyframes blinkAnimation {
  0% {
    border: 2px dashed transparent;
  }
  100% {
    border: 2px dashed #CBCED1;
  }
}
@keyframes blinkAnimation {
  0% {
    border: 2px dashed transparent;
  }
  100% {
    border: 2px dashed #CBCED1;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) .ui-sortable-placeholder {
  visibility: visible !important;
  border: 2px dashed #CBCED1;
  background-color: #FFFCCF;
  text-decoration: none;
  position: relative;
  -webkit-animation: blinkAnimation 0.25s steps(3) infinite alternate;
          animation: blinkAnimation 0.25s steps(3) infinite alternate;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1) .ui-sortable-placeholder::after {
  content: "画像をドラッグ&ドロップで\a入れ替え";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #4A4A4A;
  text-align: center;
  white-space: pre;
  font-size: 18px;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(1), #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(3), #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(4) {
  display: block;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li:nth-child(5) {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.functions-image .imageSelectButton span {
    display: none;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.Comments textarea {
  padding: 10px 8px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.Comments textarea {
    height: 5em;
  }
}
@media screen and (min-width: 992px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.Comments textarea {
    height: 40px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports .report {
  flex: 1;
  align-items: end;
  margin-bottom: 4px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports .report {
    margin-bottom: 8px;
  }
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports .report label {
    flex-wrap: nowrap;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports .report + label {
  margin-left: 0;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports {
    display: block;
  }
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports label.report input {
    margin-right: 28px;
  }
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports label.report b {
    font-size: 93%;
  }
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports b {
    white-space: unset;
  }
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image ul li.IsNotOutputReports label + label {
    margin-left: 0;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image.rating-C {
  border: 0 none transparent;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image.rating-C ul {
  border: 2px solid #FFDD20;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image.rating-D {
  border: 0 none transparent;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul > li.image.rating-D ul {
  border: 2px solid #FF5D50;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul .functions-image button.imageSelectButton {
  flex: 1;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul label b {
  margin-bottom: 4px;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul label.report {
  flex-wrap: unset;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul label.report input {
  width: 0;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul label.report b {
  white-space: nowrap;
  margin-bottom: 0;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul button.button[class*=rating] {
  flex: 1;
  width: auto;
  min-width: 48px;
  height: 32px;
  color: #ffffff;
  border: 0 none transparent;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul button.button[class*=rating] + [class*=rating] {
  margin-left: 16px;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul button.button[class*=rating] + [class*=rating] {
    margin-left: 8px;
  }
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul button.button.rating-C {
  background-color: #FFDD20;
}
#sn-item_images section.section-input > main section#imageDetailArea.iamge-multi main > ul button.button.rating-D {
  background-color: #FF5D50;
}
#sn-item_images section.section-input > nav.menu_left {
  width: 300px;
  height: 100%;
  overflow: auto;
  border-right: 2px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
@media screen and (max-width: 575px) {
  #sn-item_images section.section-input > nav.menu_left {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100vh;
    background-color: #FFF;
    opacity: 1;
  }
  #sn-item_images section.section-input > nav.menu_left:not(.selecting) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
}
#sn-item_images section.section-input > nav.menu_left dl {
  margin: 0 0 6px;
}
#sn-item_images section.section-input > nav.menu_left dl dt {
  padding-left: 10px;
  border: 1px solid #CBCED1;
  border-width: 1px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sn-item_images section.section-input > nav.menu_left dl dt::before {
  content: "";
  display: inline-block;
  height: 32px;
  width: 32px;
  margin-right: 8px;
  vertical-align: middle;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230d4278%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}
#sn-item_images section.section-input > nav.menu_left dl dt .function_wrapper {
  min-height: 48px;
  flex: 1;
  align-items: center;
}
#sn-item_images section.section-input > nav.menu_left dl dt.no-image::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23C9CBD3%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}
#sn-item_images section.section-input > nav.menu_left dl dd {
  margin-left: 6px;
  line-height: 32px;
  overflow: hidden;
}
#sn-item_images section.section-input > nav.menu_left dl dd a {
  display: block;
  height: 32px;
  padding-left: 42px;
  text-decoration: none;
  color: inherit;
}
#sn-item_images section.section-input > nav.menu_left dl dd a::before {
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-left: 0px;
  margin-right: 4px;
  vertical-align: middle;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230d4278%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}
#sn-item_images section.section-input > nav.menu_left dl dd a:hover {
  color: #ffffff;
  background-color: #0D4278;
}
#sn-item_images section.section-input > nav.menu_left dl dd a:hover::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23ffffff%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}
#sn-item_images section.section-input > nav.menu_left dl dd.required {
  background-color: #FFFCCF;
}
#sn-item_images section.section-input > nav.menu_left dl dd.required a::before,
#sn-item_images section.section-input > nav.menu_left dl dd.required a:hover::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23FFBC0E%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}
#sn-item_images section.section-input > nav.menu_left dl dd.unnecessary {
  color: #bbbbbb;
  background-color: #E4E7EB;
}
#sn-item_images section.section-input > nav.menu_left dl dd.unnecessary a:hover {
  color: #0D4278;
  background-color: #FFFFFF70;
}
#sn-item_images section.section-input > nav.menu_left dl dd.unnecessary a::before {
  background-image: none;
}
#sn-item_images section.section-input > nav.menu_left dl.hierarchy_hidden dd a {
  line-height: 0;
  height: 0;
}
#sn-item_images section.section-input > nav.menu_left dl dd.active {
  color: #ffffff;
  background-color: #0D4278;
}
#sn-item_images section.section-input > nav.menu_left dl dd.active a {
  color: #ffffff;
}
#sn-item_images section.section-input > nav.menu_left dl dd.active a::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 75% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2017%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23FFFFFF%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-iamge%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16.69%2C16.36H1.31A1.46%2C1.46%2C0%2C0%2C1%2C0%2C14.79V1.57A1.46%2C1.46%2C0%2C0%2C1%2C1.31%2C0H16.69A1.46%2C1.46%2C0%2C0%2C1%2C18%2C1.57V14.79A1.46%2C1.46%2C0%2C0%2C1%2C16.69%2C16.36Zm-15-2H16.36V2H1.64Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C4.74A1.26%2C1.26%2C0%2C1%2C0%2C6.29%2C6%2C1.26%2C1.26%2C0%2C0%2C0%2C5%2C4.74Z%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M3.66%2C10.6%2C10%2C6.2a1.47%2C1.47%2C0%2C0%2C1%2C2%2C.33l2.89%2C4.09a.49.49%2C0%2C0%2C1-.39.79L4%2C11.5a.49.49%2C0%2C0%2C1-.29-.9Z%22%2F%3E%3C%2Fsvg%3E");
}

/*
G_030-item_thumbnails アイテム調査結果登録: サムネイル
----------------------------------------------------------------------
*/
#sn-item_thumbnails .sn-nav_toolbar.sn-nav_item_function li button span {
  margin-right: 0.25em;
}
#sn-item_thumbnails .sn-nav_toolbar.sn-nav_item_function li.delete button span {
  opacity: 0.2;
}
#sn-item_thumbnails .sn-nav_toolbar.sn-nav_item_function li.download button::before {
  content: unset;
}
@media screen and (max-width: 575px) {
  #sn-item_thumbnails .sn-nav_toolbar.sn-nav_item_function {
    display: none;
  }
}
#sn-item_thumbnails section.section-input.thumbnails main {
  padding-right: 0;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items {
  display: flex;
  flex-wrap: wrap;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li {
  flex-direction: column;
  width: 168px;
  margin-right: 24px;
  margin-bottom: 32px;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li > div:first-child {
  height: 2em;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li > div:first-child input[type=checkbox] {
  vertical-align: middle;
  margin-right: 28px;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li > div:first-child .partsName {
  display: inline-flex;
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li label {
  min-height: calc(1.15em + 16px);
}
#sn-item_thumbnails section.section-input.thumbnails main ul.input_items li .image-wrapper {
  width: 100%;
  height: 126px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  #sn-item_thumbnails section.section-input.thumbnails main {
    padding-right: 16px;
  }
  #sn-item_thumbnails section.section-input.thumbnails main ul.input_items {
    justify-content: space-between;
  }
  #sn-item_thumbnails section.section-input.thumbnails main ul.input_items li {
    margin-right: 0;
    margin-bottom: 16px;
    width: calc((100% - 16px) / 2);
  }
  #sn-item_thumbnails section.section-input.thumbnails main ul.input_items li label {
    pointer-events: none;
  }
  #sn-item_thumbnails section.section-input.thumbnails main ul.input_items li label input {
    display: none;
  }
  #sn-item_thumbnails section.section-input.thumbnails main ul.input_items li input[type=checkbox] ~ label:first-of-type:not(.boxonly)::before {
    display: none;
  }
}

/*
G_040-item_historys アイテム調査結果登録: 履歴
----------------------------------------------------------------------
*/
#sn-item_historys section.section-input main table tr > *:nth-child(1) {
  display: none !important;
}
#sn-item_historys section.section-input main table tr > *:nth-child(2) a {
  display: block;
  padding: 0.5em 0;
}
#sn-item_historys section.section-input main table tr > *:nth-child(4) {
  width: 36%;
}
@media screen and (max-width: 575px) {
  #sn-item_historys:not(.mb_table_detail) section.section-input #list table tr > *:nth-of-type(2) {
    min-width: calc(100vw - 7.5em - 50px - 32px);
    max-width: calc(100vw - 7.5em - 50px - 32px);
  }
  #sn-item_historys:not(.mb_table_detail) section.section-input #list table tr > *:nth-of-type(5) {
    width: 7.5em;
  }
  #sn-item_historys:not(.mb_table_detail) section.section-input #list table tr > td:nth-of-type(5) {
    line-height: 1.25;
  }
  #sn-item_historys.mb_table_detail section.section-input #list table thead tr > th {
    width: 8em;
    max-width: 8em;
  }
  #sn-item_historys.mb_table_detail section.section-input #list table tbody tr > td {
    width: calc(100vw - 8em - 32px);
    max-width: calc(100vw - 8em - 32px);
  }
}

/*
G_050-item_specs アイテム調査結果登録: 履歴 本体仕様
----------------------------------------------------------------------
*/
@media screen and (min-width: 992px) {
  #sn-item_specs .local_items .resetMobile {
    display: none;
  }
}
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input label,
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input button,
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input input,
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input select,
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input textarea {
  pointer-events: none;
}
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input .button.sq,
#sn-item_specs #contentsMain > .section-input-wrapper section.section-input .calenderButton {
  display: none;
}
#sn-item_specs #contentsMain .sn-nav_toolbar.sn-nav_item_function #resetMobile {
  display: none;
}
@media screen and (max-width: 575px) {
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main {
    border-top: 1px solid #CBCED1;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr {
    display: grid;
    grid-template-rows: 32px;
    grid-template-columns: 3em 1.5fr 3em 1fr 40px;
    border: 1px solid #CBCED1;
    border-width: 0 0 0 1px !important;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > * {
    border-width: 0 1px 1px 0 !important;
    align-items: center;
    min-height: auto;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > *.mb_index, #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > *.mb_detail {
    display: flex;
    grid-row: 1/2;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > *.mb_index {
    grid-column: 1/5;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > *.mb_detail {
    grid-column: 5/6;
    width: 40px !important;
    padding: 0;
    justify-content: center;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > *.mb_detail button {
    position: unset;
    color: transparent;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.4%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-up%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%221.4%207.4%206%202.8%2010.6%207.4%2012%206%206%200%200%206%201.4%207.4%22%2F%3E%3C%2Fsvg%3E");
    background-size: 60%;
    background-size: 45%;
    background-color: transparent;
    border: 0 none transparent;
    transform: rotate(180deg);
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > th:first-child {
    min-width: unset;
    max-width: unset;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > td:nth-child(n+4), #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr > th:nth-child(n+3) {
    width: 100%;
    min-width: 100%;
  }
  #sn-item_specs #contentsMain section.section-input#specification-body #list table.main tbody tr th:not(.mb_index) {
    display: none;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail {
    display: grid;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > * {
    display: flex !important;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/6;
    max-width: 100%;
    width: 100%;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(3) {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(4) {
    grid-row: 3/4;
    grid-column: 2/3;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(5) {
    grid-row: 3/4;
    grid-column: 3/4;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(6) {
    grid-row: 3/4;
    grid-column: 4/6;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(7) {
    grid-row: 4/5;
    grid-column: 1/2;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(8) {
    grid-row: 4/5;
    grid-column: 2/3;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(9) {
    grid-row: 4/5;
    grid-column: 3/4;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *:nth-child(10) {
    grid-row: 4/5;
    grid-column: 4/6;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *.mb_detail {
    background-color: #fff;
  }
  #sn-item_specs.mb_table_detail .sn-wrapper #contentsMain section.section-input#specification-body #list table.main.current_table tbody tr.current_detail > *.mb_detail button {
    transform: rotate(0deg);
  }
  #sn-item_specs.mb_table_detail .sn-wrapper .close_mb_detail {
    display: none;
  }
  #sn-item_specs .sn-nav_toolbar.sn-nav_item_function #resetMobile {
    display: list-item;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main {
    padding: 16px;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li {
    justify-content: space-between;
    margin-bottom: 0;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li label {
    flex-wrap: wrap;
    width: calc(50% - 8px);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li label b {
    width: 100%;
    margin-bottom: 4px;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li input,
#sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li select {
    width: 100%;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(1) label, #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(6) label, #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(7) label {
    width: 100%;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(1) label {
    margin-right: 0;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(2) label:first-child {
    width: 5em;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(2) label:last-child {
    flex: 1;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-basic main ul.input_items.basic-items li:nth-of-type(5) label[class$=DateString] {
    margin-right: 0;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main {
    padding-right: 0;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table {
    position: relative;
    display: block;
    padding-right: 24px;
    overflow: auto;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table caption {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    width: calc(100vw - 24px - 24px);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(1) tr th:first-child {
    width: 7em;
    min-width: 7em;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(2) tr th:first-child {
    width: calc(12em - 1px);
    min-width: calc(12em - 1px);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(2) tr td {
    width: calc(100vw - 24px - 24px - 12em);
    min-width: calc(100vw - 24px - 24px - 12em);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr th[rowspan], #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(4) tr th[rowspan] {
    width: 2.5em;
    max-width: 2.5em;
    min-width: 2.5em;
    padding: 4px 0.75em;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr th,
#sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr td {
    width: calc(100vw - 24px - 24px - 12em);
    min-width: calc(100vw - 24px - 24px - 12em);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr .specTitle {
    width: calc(9.5em - 1px);
    min-width: calc(9.5em - 1px);
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr:nth-of-type(11) td input, #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(3) tr:nth-of-type(12) td input {
    width: 12em;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(4) {
    padding-top: 48px;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(4) caption {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    position: absolute;
    top: 0;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(4) thead th {
    width: 12em;
    min-width: 12em;
  }
  #sn-item_specs section.section-input-wrapper section.section-input#specification-board main table:nth-of-type(4) tbody td {
    width: calc(100vw - 24px - 24px - 12em - 1px);
    min-width: calc(100vw - 24px - 24px - 12em - 1px);
  }
}

/*
G_060-item_files アイテム調査結果登録: 関連ファイル
----------------------------------------------------------------------
*/
#sn-item_files #list {
  padding: 16px;
}
@media screen and (min-width: 992px) {
  #sn-item_files table.main tr th,
#sn-item_files table.main tr td {
    text-align: left;
  }
  #sn-item_files table.main tr th:nth-child(1),
#sn-item_files table.main tr td:nth-child(1) {
    width: 25%;
  }
  #sn-item_files table.main tr th:nth-child(2),
#sn-item_files table.main tr td:nth-child(2) {
    width: unset;
  }
  #sn-item_files table.main tr th:nth-child(3),
#sn-item_files table.main tr td:nth-child(3) {
    width: 200px;
  }
  #sn-item_files table.main tr th:nth-child(4),
#sn-item_files table.main tr td:nth-child(4) {
    width: 240px;
  }
}
#sn-item_files table.main tbody tr > td:nth-child(4) button {
  width: 70px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  #sn-item_files table.main tbody tr > td:nth-child(4) button {
    width: 48%;
  }
}
@media screen and (max-width: 575px) {
  #sn-item_files table.main tbody tr > td .button.download {
    display: none;
  }
}

/*
H_001-search_condition アイテム検索 条件
----------------------------------------------------------------------
*/
#sn-search_condition #condition.less_conditions-true .less_conditions {
  width: 0;
  height: 0;
  margin: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
}
#sn-search_condition #condition.less_conditions-true #condition-location .input_items {
  display: flex;
}
#sn-search_condition #condition.less_conditions-true #condition-location .input_items li label:nth-child(1) select {
  min-width: 250px;
  width: auto !important;
}
#sn-search_condition #condition.less_conditions-true #condition-location .input_items li label:nth-child(6) select {
  min-width: 180px;
  width: auto !important;
}
#sn-search_condition #condition.less_conditions-true #condition-item .input_items li label:nth-child(5) {
  order: 1;
}
#sn-search_condition #condition.less_conditions-true #condition-item .input_items li label:nth-child(6) {
  order: 2;
}
#sn-search_condition #condition.less_conditions-true #condition-item .input_items li label:nth-child(3) {
  order: 6;
}
#sn-search_condition #condition.less_conditions-true #condition-item .input_items li label:nth-child(5) select {
  min-width: 250px;
}
#sn-search_condition #condition.less_conditions-true #condition-item .input_items li label:nth-child(3) select {
  min-width: 120px;
}
#sn-search_condition .sn-nav_toolbar.sn-nav_search {
  background-color: #e7f1f8;
  margin-bottom: 16px;
}
#sn-search_condition .sn-nav_toolbar.sn-nav_search div:first-child {
  display: flex;
  padding-left: 8px;
}
#sn-search_condition .sn-nav_toolbar.sn-nav_search div:first-child input[type=text] {
  height: 32px;
  margin-right: 2em;
}
#sn-search_condition .section-input-wrapper section.section-input header {
  position: relative;
  z-index: 1;
  height: 48px;
  padding: 16px;
  font-size: 16px;
  background-color: #e7f1f8;
  display: flex;
  align-items: center;
}
#sn-search_condition .section-input-wrapper section.section-input header h3 {
  margin-right: 4em;
}
#sn-search_condition .section-input-wrapper section.section-input header label input {
  vertical-align: middle;
}
#sn-search_condition .section-input-wrapper section.section-input main {
  padding: 16px 24px 24px;
}
#sn-search_condition .section-input-wrapper section.section-input main section {
  padding-bottom: 16px;
}
#sn-search_condition .section-input-wrapper section.section-input main section h4 {
  margin-bottom: 32px;
}
#sn-search_condition .section-input-wrapper section.section-input main section + section::before {
  content: "";
  display: block;
  border: 1px solid #CBCED1;
  margin-bottom: 16px;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical li {
  flex-wrap: wrap;
  margin-bottom: 0;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical input[type=checkbox] {
  vertical-align: middle;
  margin-right: 24px;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label {
  display: block;
  margin-right: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1200px) {
  #sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label {
    margin-right: 24px;
  }
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label + label {
  margin-left: 0;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label b {
  display: block;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label b label {
  margin-bottom: 0;
  margin-right: 0;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label input[type=checkbox] + b {
  display: inline;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label.sentence *:nth-child(n+2) {
  float: left;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label.sentence input + input, #sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label.sentence input + select,
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label.sentence select + input,
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical label.sentence select + select {
  border-left-width: 0;
}
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical .calenderWrapper,
#sn-search_condition .section-input-wrapper section.section-input ul.label-vertical .calenderWrapper input {
  width: 160px;
}
#sn-search_condition .section-input-wrapper section.section-input [type=text] {
  width: 220px;
}
#sn-search_condition .section-input-wrapper section.section-input .comparison {
  width: 5em;
}
#sn-search_condition .section-input-wrapper section.section-input .char1 {
  width: 4em;
}
#sn-search_condition .section-input-wrapper section.section-input .ym {
  width: 160px;
}
#sn-search_condition .section-input-wrapper section.section-input .checkboxes {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0;
  margin-bottom: 8px;
}
#sn-search_condition .section-input-wrapper section.section-input .checkboxes input + b {
  display: inline;
}
#sn-search_condition .section-input-wrapper section.section-input .checkboxes > label b,
#sn-search_condition .section-input-wrapper section.section-input .checkboxes > label label {
  display: inline-flex !important;
  margin: 0;
}
#sn-search_condition .section-input-wrapper section.section-input label .checkboxes {
  padding-left: 4px;
}
#sn-search_condition .section-input-wrapper section.section-input label .checkboxes > label {
  margin-bottom: 0 !important;
  white-space: nowrap;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(1) main ul li label:nth-child(1) select, #sn-search_condition .section-input-wrapper section.section-input:nth-child(1) main ul li label:nth-child(3) select {
  width: 220px;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(1) label:nth-child(1) select, #sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(1) label:nth-child(2) select, #sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(1) label:nth-child(4) select, #sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(1) label:nth-child(5) select {
  width: 220px;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(2) label:nth-child(1) select:nth-child(2) {
  margin-right: 0.5em;
}
@media screen and (min-width: 1200px) {
  #sn-search_condition .section-input-wrapper section.section-input:nth-child(2) main ul li:nth-child(2) label:nth-child(1) {
    margin-right: 176px;
  }
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(4) main section:nth-child(2) ul li:nth-child(1) {
  margin-bottom: 8px;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(6) main section .function_wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(6) main section .function_wrapper h4 {
  margin-bottom: 0;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(6) main section .function_wrapper .checkboxes {
  height: 32px;
  margin-bottom: 0;
  margin-left: 1.5em;
  padding-left: 1.5em;
  border-left: 1px solid #CBCED1;
}
#sn-search_condition .section-input-wrapper section.section-input:nth-child(6) main section .function_wrapper .checkboxes > label {
  margin: 0;
  padding: 8px 20px 8px 4px;
}

/*
H_010-search_conditionlist アイテム検索 条件パターン
----------------------------------------------------------------------

#sn-search_conditionlist{
  section.section-input{
    main{

      table{
        tr{
          @include tpl.responsive(PC-s-max){
            & > *:nth-child(4) {
              width: 8em;
            }
            & > *:nth-child(3),
            & > *:nth-child(5) {
              width: 48px;

              button{
                width: 32px;
              }
            }
          }
          @include tpl.responsive(PC-s){
            & > *:nth-child(2) {
              width: 16em;
            }
            & > *:nth-child(3) {
              width: 4.5em;
            }
            & > *:nth-child(4) {
              width: 16em;
            }
          }
        }
      }

    }
  }
}

/*
H_020-search_search アイテム検索
----------------------------------------------------------------------
*/
#sn-search_search {
  height: 100vh;
}
#sn-search_search .sn-wrapper {
  height: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
}
#sn-search_search #contentsMain,
#sn-search_search section.main,
#sn-search_search #searchResult,
#sn-search_search #form,
#sn-search_search #list {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#sn-search_search #list {
  overflow: auto;
}
#sn-search_search #btnDownLoadImage {
  width: 12.75em;
}
#sn-search_search #searchCondition.search ul.conditions {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 128px);
  margin: 0.5em 0 0.25em;
}
#sn-search_search #searchCondition.search ul.conditions li:nth-child(1) {
  font-size: 16px;
  width: 100%;
  margin-bottom: 0.5em;
}
#sn-search_search #searchCondition.search ul.conditions li:nth-child(n+2)::after {
  content: "、";
}
#sn-search_search #searchCondition.search ul.conditions li:nth-child(n+2):last-child::after {
  content: unset;
}
#sn-search_search #searchCondition.search ul.conditions li {
  margin-bottom: 0.25em;
  padding-right: 0.25em;
}
#sn-search_search #searchCondition.search ul.conditions li b {
  margin-right: 0.25em;
}
#sn-search_search #searchCondition.search ul.conditions li.conditions_all {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2em;
  line-height: 1.3;
}
#sn-search_search #searchCondition.search .button {
  width: 8em;
}
#sn-search_search main table {
  overflow: auto;
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
#sn-search_search main table thead tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 1px;
}
#sn-search_search main table tr > th,
#sn-search_search main table tr > td {
  border-right-width: 0;
  border-bottom-width: 0;
}
#sn-search_search main table tr > * {
  border-bottom-width: 2px;
}
#sn-search_search main table tr > *:nth-child(1) {
  width: 10vw;
  min-width: 7em;
}
#sn-search_search main table tr > *:nth-child(3), #sn-search_search main table tr > *:nth-child(5), #sn-search_search main table tr > *:nth-child(6) {
  width: 300vw;
}
#sn-search_search main table tr > *:nth-child(4) {
  width: 17em;
}
#sn-search_search main table tr > *:nth-child(4) ul {
  display: flex;
  flex-wrap: wrap;
}
#sn-search_search main table tr > *:nth-child(4) ul li {
  display: flex;
}
#sn-search_search main table tr > *:nth-child(4) ul li > *:nth-child(1) {
  order: 0;
}
#sn-search_search main table tr > *:nth-child(4) ul li > *:nth-child(2) {
  order: 2;
}
#sn-search_search main table tr > *:nth-child(4) ul li > *:nth-child(3) {
  order: 1;
}
#sn-search_search main table tr > *:nth-child(4) ul li span {
  width: 7em;
}
#sn-search_search main table tr > *:nth-child(4) ul li span + span {
  width: 8em;
}
#sn-search_search main table tr > *:nth-child(4) ul li span + span::before {
  content: "→";
  display: inline;
  padding: 0 0.5em;
  opacity: 0.5;
}
#sn-search_search main table tr > *:nth-child(4) ul, #sn-search_search main table tr > *:nth-child(5) ul {
  display: flex;
  flex-wrap: wrap;
}
#sn-search_search main table tr > *:nth-child(4) ul li, #sn-search_search main table tr > *:nth-child(5) ul li {
  width: 100%;
}
#sn-search_search main table tr > *:nth-child(4) ul li span:empty::after, #sn-search_search main table tr > *:nth-child(5) ul li span:empty::after {
  content: "　";
  height: 1em;
}
#sn-search_search main table tr > *:nth-child(4) ul li:nth-child(1), #sn-search_search main table tr > *:nth-child(5) ul li:nth-child(1) {
  padding-bottom: 8px;
}
#sn-search_search main table tr > *:nth-child(4) ul li:nth-child(2), #sn-search_search main table tr > *:nth-child(5) ul li:nth-child(2) {
  position: relative;
  padding-top: 8px;
}
#sn-search_search main table tr > *:nth-child(4) ul li:nth-child(2)::before, #sn-search_search main table tr > *:nth-child(5) ul li:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -8px;
  border-top: 1px solid #CBCED1;
  width: calc(8px + 100% + 8px);
}
#sn-search_search main table tr .LocationName a,
#sn-search_search main table tr .Name a {
  display: block;
  padding: 0.5em 0;
}
@media screen and (min-width: 992px) {
  #sn-search_search main table tr > *:nth-child(2) {
    min-width: 4.2em;
  }
  #sn-search_search main table tr > *:nth-child(7), #sn-search_search main table tr > *:nth-child(8), #sn-search_search main table tr > *:nth-child(9) {
    min-width: 7em;
  }
}

/*
J_001-master_condition マスタメンテナンス トップ
----------------------------------------------------------------------
*/
#sn-master main section.main {
  padding-top: 0;
}
#sn-master main .sn-nav_master > ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  #sn-master main .sn-nav_master > ul {
    margin-right: -24px;
  }
  #sn-master main .sn-nav_master > ul::after {
    order: 6;
    content: "";
    width: 100%;
  }
  #sn-master main .sn-nav_master > ul > li {
    flex: 1;
  }
}
#sn-master main .sn-nav_master > ul ul li {
  width: 100%;
  border-radius: 8px;
  background-color: #e7f1f8;
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  #sn-master main .sn-nav_master > ul ul li {
    margin-right: 24px;
    width: auto;
  }
}
#sn-master main .sn-nav_master > ul ul li a {
  display: flex;
  align-items: center;
  color: #4A4A4A;
  text-decoration: none;
  padding: 0 16px;
  font-size: 18px;
}
@media screen and (min-width: 1200px) {
  #sn-master main .sn-nav_master > ul ul li a {
    height: 72px;
  }
}
#sn-master main .sn-nav_master > ul ul li a::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  min-width: 32px;
  margin-left: 8px;
  margin-right: 16px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.98%2024.77%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230d4278%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-maintenance%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M4.67%2C6.77l4%2C4.05%2C1.75-1.68L6.38%2C5.05l-.5-2.21L2.24.63l-1%2C1-1%2C1L2.45%2C6.27Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M17%2C13.37l6%2C6a2.82%2C2.82%2C0%2C1%2C1-4%2C4l-6-6Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M21.87%2C9.84a5.63%2C5.63%2C0%2C0%2C0%2C1.94-5.78.44.44%2C0%2C0%2C0-.17-.35l-.41-.34A.34.34%2C0%2C0%2C0%2C23%2C3.28a.32.32%2C0%2C0%2C0-.24.14l-2.39%2C3.1a.34.34%2C0%2C0%2C1-.28.14l-.87.06a.32.32%2C0%2C0%2C1-.2-.08L17.31%2C5.23A.34.34%2C0%2C0%2C1%2C17.18%2C5l-.1-.79A.35.35%2C0%2C0%2C1%2C17.14%2C4l2.23-3a.35.35%2C0%2C0%2C0%2C0-.45L18.79.08A.41.41%2C0%2C0%2C0%2C18.4%2C0c-1.54.31-4.18%2C1.8-4.84%2C3.86A7.34%2C7.34%2C0%2C0%2C0%2C13.17%2C7a3.72%2C3.72%2C0%2C0%2C1-.75%2C2.42L.8%2C20.56l-.07.06a2.45%2C2.45%2C0%2C0%2C0%2C0%2C3.45%2C2.48%2C2.48%2C0%2C0%2C0%2C3.47%2C0%2C.86.86%2C0%2C0%2C0%2C.13-.14L15.51%2C11.81C16.89%2C10.58%2C19.62%2C11.89%2C21.87%2C9.84Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%3C%2Fsvg%3E");
  background-size: 80% !important;
}
#sn-master main .sn-nav_master > ul ul li a[href$=M_LocationType]::before, #sn-master main .sn-nav_master > ul ul li a[href$=M_ItemSpecDefault]::before, #sn-master main .sn-nav_master > ul ul li a[href$=M_ItemPartsPointsEval]::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.98%2024.77%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23FF76A8%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-maintenance%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M4.67%2C6.77l4%2C4.05%2C1.75-1.68L6.38%2C5.05l-.5-2.21L2.24.63l-1%2C1-1%2C1L2.45%2C6.27Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M17%2C13.37l6%2C6a2.82%2C2.82%2C0%2C1%2C1-4%2C4l-6-6Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M21.87%2C9.84a5.63%2C5.63%2C0%2C0%2C0%2C1.94-5.78.44.44%2C0%2C0%2C0-.17-.35l-.41-.34A.34.34%2C0%2C0%2C0%2C23%2C3.28a.32.32%2C0%2C0%2C0-.24.14l-2.39%2C3.1a.34.34%2C0%2C0%2C1-.28.14l-.87.06a.32.32%2C0%2C0%2C1-.2-.08L17.31%2C5.23A.34.34%2C0%2C0%2C1%2C17.18%2C5l-.1-.79A.35.35%2C0%2C0%2C1%2C17.14%2C4l2.23-3a.35.35%2C0%2C0%2C0%2C0-.45L18.79.08A.41.41%2C0%2C0%2C0%2C18.4%2C0c-1.54.31-4.18%2C1.8-4.84%2C3.86A7.34%2C7.34%2C0%2C0%2C0%2C13.17%2C7a3.72%2C3.72%2C0%2C0%2C1-.75%2C2.42L.8%2C20.56l-.07.06a2.45%2C2.45%2C0%2C0%2C0%2C0%2C3.45%2C2.48%2C2.48%2C0%2C0%2C0%2C3.47%2C0%2C.86.86%2C0%2C0%2C0%2C.13-.14L15.51%2C11.81C16.89%2C10.58%2C19.62%2C11.89%2C21.87%2C9.84Z%22%20transform%3D%22translate%28-0.01%200%29%22%20%2F%3E%3C%2Fsvg%3E");
}
#sn-master main .sn-nav_master > ul ul li a[href$=M_Information]::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2021.64%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%2383dc20%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-info%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M2%2C.54a1.55%2C1.55%2C0%2C0%2C1%2C.31%2C0l.14%2C0%2C18.43%2C6%2C2.34-1.7a1.42%2C1.42%2C0%2C0%2C1%2C.55-.24l.15%2C0H24a1.38%2C1.38%2C0%2C0%2C1%2C.66.17A1.44%2C1.44%2C0%2C0%2C1%2C25.49%2C6V16.62a1.46%2C1.46%2C0%2C0%2C1-.8%2C1.3%2C1.4%2C1.4%2C0%2C0%2C1-.66.16%2C1.42%2C1.42%2C0%2C0%2C1-.73-.19l-.13-.08-2.35-1.7-18.42%2C6-.14%2C0-.15%2C0H2A1.46%2C1.46%2C0%2C0%2C1%2C.51%2C20.87V2A1.46%2C1.46%2C0%2C0%2C1%2C2%2C.54ZM3.42%2C4V18.7l17.22-5.6a1.33%2C1.33%2C0%2C0%2C1%2C.3-.06h.15a1.53%2C1.53%2C0%2C0%2C1%2C.73.19l.13.09.63.45V9L22%2C9.41a1.5%2C1.5%2C0%2C0%2C1-.71.27h-.15a1.63%2C1.63%2C0%2C0%2C1-.31%2C0l-.14%2C0Z%22%20transform%3D%22translate%28-0.5%20-0.54%29%22%2F%3E%3C%2Fsvg%3E");
}
#sn-master main .sn-nav_master > ul ul li.info {
  margin-top: 104px;
}
#sn-master main .sn-nav_master > ul ul li.customer a:before {
  background: #60B5D0 url("./images/icons/icon_building.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.search a:before {
  background: #F8CE4F url("./images/icons/icon_search.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.registration a:before {
  background: #34BE87 url("./images/icons/icon_pin.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.maintenance a:before {
  background: #FF76A8 url("./images/icons/icon_maintenance.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.dbuse a:before {
  background: #ABA2F1 url("./images/icons/icon_graph.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.archive a:before {
  background: transparent url("./images/icons/icon_history_color.svg") no-repeat scroll center center;
}
#sn-master main .sn-nav_master > ul ul li.excel a:before {
  background: transparent url("./images/icons/icon_excel_color.svg") no-repeat scroll center center;
}

/*
J_000-master マスタメンテナンス 共通 (トップ以外)
----------------------------------------------------------------------
*/
[id^=sn-master_] #contentsMain {
  max-width: 1800px;
  margin: 0 auto;
}
[id^=sn-master_] #list {
  padding: 24px 24px 24px;
}
[id^=sn-master_] #list table tr > .id {
  width: 80px;
}
[id^=sn-master_] #list table tr > .address b {
  display: block;
}
[id^=sn-master_] #list table tr > .short {
  width: 60px;
}
[id^=sn-master_] .checkbox {
  width: 4.2em;
}
[id^=sn-master_] .checkbox.middle {
  width: 7em;
}
[id^=sn-master_] .checkbox.wide {
  width: 10em;
}
[id^=sn-master_] #targetList.checkedOnly tr.item {
  display: none;
}
[id^=sn-master_] #targetList.checkedOnly tr.item.checked {
  display: table-row;
}
[id^=sn-master_][id$=edit] #contentsMain .section-input main {
  padding: 24px 24px 40px 24px;
}
[id^=sn-master_][id$=edit] #contentsMain section.section-input.table-A main table + table {
  margin-top: 0;
}
[id^=sn-master_][id$=edit] .section-input::after {
  content: unset;
  display: none;
}
@media screen and (min-width: 992px) {
  [id^=sn-master_][id$=edit] .section-input main {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  [id^=sn-master_][id$=edit] .section-input main table.col_additional {
    margin-top: 0;
    margin-left: 40px;
  }
}
@media screen and (min-width: 992px) {
  [id^=sn-master_][id$=edit] .section-input main.hasnotes {
    justify-content: space-between;
  }
}
[id^=sn-master_][id$=edit] .section-input main.hasnotes .notes h4 {
  margin-bottom: 0.75em;
}
[id^=sn-master_][id$=edit] .section-input main.hasnotes .notes ul {
  list-style: disc inside;
}
[id^=sn-master_][id$=edit] .section-input main table.short {
  width: 500px;
}
[id^=sn-master_][id$=edit] .section-input main table tr > th,
[id^=sn-master_][id$=edit] .section-input main table tr > td {
  height: 40px;
}
[id^=sn-master_][id$=edit] .section-input main table tbody {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
[id^=sn-master_][id$=edit] .section-input main table tbody tr.id td input, [id^=sn-master_][id$=edit] .section-input main table tbody tr.CreateDateTime td input, [id^=sn-master_][id$=edit] .section-input main table tbody tr.UpdateDateTime td input {
  border: 0 none transparent;
  background-color: transparent;
}
[id^=sn-master_][id$=edit][class*=Add] .section-input footer {
  display: none;
}

/*
J_060-master マスタメンテナンス アカウントロック
----------------------------------------------------------------------
*/
#sn-master_user_accountLock table th, #sn-master_user_accountLock table td {
  padding-left: 16px;
}
#sn-master_user_accountLock table th:last-child, #sn-master_user_accountLock table td:last-child {
  width: 5em;
  padding-top: 8px;
  padding-left: 8px;
  text-align: center;
  vertical-align: middle;
}
#sn-master_user_accountLock table th:last-child input[type=checkbox], #sn-master_user_accountLock table td:last-child input[type=checkbox] {
  margin-right: 0;
}
#sn-master_user_accountLock table th:last-child input[type=checkbox]::before, #sn-master_user_accountLock table td:last-child input[type=checkbox]::before {
  transform: translate(-50%, -50%);
}
#sn-master_user_accountLock table td {
  border: 0 none transparent;
  vertical-align: top;
  padding-top: calc((48px - 1em) / 2);
  position: relative;
}
#sn-master_user_accountLock table td::after, #sn-master_user_accountLock table td:not(.noitem):first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff40;
}
#sn-master_user_accountLock table td:not(.noitem):first-child::before {
  width: 2px;
  height: 100%;
}
#sn-master_user_accountLock table td.class3 {
  background-color: #FFFCCF;
}
#sn-master_user_accountLock table td.class2 {
  background-color: #D3F1F8;
}
#sn-master_user_accountLock table td.class1 {
  background-color: #D2FFD7;
}
#sn-master_user_accountLock table td.class0 {
  background-color: #FEE4F7;
}

/*
J_011master_user マスタメンテナンス ユーザー
----------------------------------------------------------------------
*/
#sn-master_user table tr .function_wrapper {
  align-items: center;
}
#sn-master_user table tr .function_wrapper .button.reduce {
  background-color: transparent;
  border: 0 none transparent;
  background-size: auto 55%;
}
#sn-master_user .pulldown section {
  width: 350px;
}
#sn-master_user .pulldown section header {
  margin-bottom: 8px;
}
#sn-master_user .pulldown section > ul {
  max-height: 28em;
  margin-bottom: 8px;
  overflow-y: auto;
  overflow-x: hidden;
}
#sn-master_user .pulldown section > ul li.org_name {
  background-color: #e7f1f8;
  padding-left: 8px;
}
#sn-master_user .pulldown section > ul li.org_name label {
  padding: 10px 0;
  margin: 8px 0;
}

#sn-master_user_edit #company select[disabled] {
  display: none;
}

/*
J_022-master_custmer_edit アイテム 種別名
----------------------------------------------------------------------
*/
#sn-master_custmer_edit table.full th {
  padding-top: 24px;
  padding-bottom: 24px;
}
#sn-master_custmer_edit table.full select#copyCustomer_Id {
  width: auto;
}

/*
J_030-master_principalConstractor 元請業者
----------------------------------------------------------------------
*/
#sn-master_principalConstractor .maxDisc {
  width: 15em;
}
#sn-master_principalConstractor td.maxDisc {
  text-align: right;
}

/*
J_051-master_vender_relation_edit 業者関連
----------------------------------------------------------------------
*/
#sn-master_vender_relation_edit tbody {
  display: table-row-group;
}
#sn-master_vender_relation_edit tr.hidden {
  display: none;
}
#sn-master_vender_relation_edit tr > .checkbox input[type=checkbox] ~ label:first-of-type:not(.boxonly) {
  height: 100%;
}
#sn-master_vender_relation_edit tr > .checkbox input[type=checkbox] ~ label:first-of-type:not(.boxonly)::before {
  margin: 0 1.5rem 0 0.5rem;
}

/*
J_100-master_item_division アイテム 種別名
----------------------------------------------------------------------
*/
#sn-master_item_division .sn-nav_toolbar .local_items > li > ul {
  width: 14em;
}

/*
J_00 master_location
----------------------------------------------------------------------
*/
#sn-master_location .sn-nav_toolbar_sub.search {
  margin-top: 20px;
  min-height: 56px;
  padding: 0 16px;
}

/*
J_090 master_location_type_edit 
----------------------------------------------------------------------
*/
#sn-master_location_type_edit tbody {
  display: table-row-group;
}
#sn-master_location_type_edit .target {
  padding: 0 24px;
}
#sn-master_location_type_edit tr > .checkbox {
  width: calc(100% - 8em);
}
#sn-master_location_type_edit tr > .checkbox input[type=checkbox] ~ label:first-of-type:not(.boxonly) {
  height: 100%;
}
#sn-master_location_type_edit tr > .checkbox input[type=checkbox] ~ label:first-of-type:not(.boxonly)::before {
  margin: 0 1.5rem 0 0.5rem;
}
#sn-master_location_type_edit tr > .num {
  width: 8em;
  padding: 4px;
}
#sn-master_location_type_edit tr > .num input.invalid {
  position: relative;
  background-color: #ff000020;
}
#sn-master_location_type_edit tr > .num input.invalid + p {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -0.5em;
  display: flex;
  width: 11em;
  margin: 0;
  padding: 0.25em 0.75em;
  letter-spacing: 0.05em;
  font-size: 11px;
  border-radius: 2px;
  transform: translate(-100%, -50%);
}
#sn-master_location_type_edit tr:not(.checked) > .num input {
  color: transparent;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #00000008;
}

/*
J_142 master_item_specdefault_edit a_J142 本体仕様・面板仕様既定値設定（編集）@0.2.2
----------------------------------------------------------------------
*/
#sn-master_item_specdefault_edit .target {
  padding: 0 24px;
  margin-bottom: 24px;
}
#sn-master_item_specdefault_edit .section-input main {
  display: block;
}
#sn-master_item_specdefault_edit tbody {
  display: table-row-group;
}

/*
J_150 master_item_parts a_J192 アイテム評価主要部位
----------------------------------------------------------------------
*/
#sn-master_item_parts .pulldown ul {
  width: 15.5em;
}

/*
J_192 master_item_partspoiontseval_edit a_J192 評価対象ポイント規定値設定（編集）@0.2.4
----------------------------------------------------------------------
*/
#sn-master_item_partspoiontseval_edit thead {
  display: none;
}
#sn-master_item_partspoiontseval_edit tr th[rowspan] {
  width: 200px;
}
#sn-master_item_partspoiontseval_edit tr > .short {
  width: 60px;
}

/*
K_001-information お知らせ
----------------------------------------------------------------------
*/
/*
K_002-information_edit お知らせ 編集
----------------------------------------------------------------------
*/
#sn-information_edit section table {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
#sn-information_edit section table tbody {
  margin-bottom: 16px;
}
#sn-information_edit section table tbody input[type=text] {
  border-style: dotted;
  background-color: transparent;
}
@media screen and (min-width: 992px) {
  #sn-information_edit section table tbody input[type=text] {
    height: 40px !important;
  }
}
#sn-information_edit section table tbody textarea {
  width: 100%;
}
@media screen and (min-width: 992px) {
  #sn-information_edit section table tbody textarea {
    width: 700px;
  }
}
#sn-information_edit section table tbody tr {
  width: 100%;
}
#sn-information_edit section table tbody th {
  width: 10em;
}
@media screen and (min-width: 992px) {
  #sn-information_edit section table tbody th {
    height: 48px !important;
  }
}
@media screen and (max-width: 991px) {
  #sn-information_edit section table tbody td {
    width: 20em;
  }
}
@media screen and (min-width: 992px) {
  #sn-information_edit section table tbody td {
    width: 20em;
  }
}
#sn-information_edit section table tbody:nth-child(3) input[type=checkbox] {
  vertical-align: middle;
}
#sn-information_edit section table tbody:nth-child(3) input[type=text] {
  border-style: solid;
  background-color: #ffffff;
}
#sn-information_edit section ~ footer {
  display: flex;
  padding: 32px 0;
  justify-content: center;
  border-top: 1px solid #CBCED1;
}
#sn-information_edit section ~ footer button {
  width: 12em;
}

/*
M_001-db_use DB使用量
----------------------------------------------------------------------
*/
#sn-db_use #list {
  padding: 24px 24px 24px;
}
#sn-db_use .target {
  font-size: 18px;
  margin-bottom: 24px;
}
#sn-db_use .target .total {
  display: flex;
  align-items: center;
  height: 48px;
  padding-left: 20px;
  padding-right: 40px;
  border-top: 1px solid #CBCED1;
  border-bottom: 1px solid #CBCED1;
}
#sn-db_use .target .total .title {
  margin-right: 48px;
}
#sn-db_use .title {
  flex: 3;
}
#sn-db_use .iamge,
#sn-db_use .thumbnail,
#sn-db_use .appfile,
#sn-db_use .locationfile,
#sn-db_use .itemfile,
#sn-db_use .size,
#sn-db_use .size_limit {
  display: iiline-block;
  flex: 1;
  margin-right: 16px;
  text-align: right;
  text-transform: uppercase;
}
#sn-db_use .sn-hierarchy_list-wrapper {
  overflow: auto;
}
#sn-db_use .sn-hierarchy_list-wrapper header {
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 48px;
  padding-left: 16px;
  padding-right: 40px;
  border: 1px solid #CBCED1;
  background: #e7f1f8;
}
#sn-db_use .sn-hierarchy_list-wrapper header .title {
  margin-right: 48px;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li {
  border-bottom: 1px solid #CBCED1;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li:hover > .item, #sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li:hover ul.level_2 {
  background-color: #D3F1F8;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li > .item {
  border-bottom: 0 none transparent;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li > .item h4.title {
  margin-right: 48px;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li > .item.current ~ ul.level_2 {
  background-color: #D3F1F8;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 {
  padding-bottom: 12px;
  padding-left: 12px;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li {
  border-left: 1px solid #CBCED1;
  background-color: #fff;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li:first-child {
  border-top: 1px solid #CBCED1;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li > .item {
  height: 40px;
  padding-left: 24px;
  background-color: #FFFCCF;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li > .item:hover {
  opacity: 0.6;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li > .item > .title {
  margin-right: 24px;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 > li ul.level_2 > li ul.level_3 > li > .item {
  height: 32px;
  padding-left: 48px;
  padding-right: 40px;
  background-color: #FFF;
}
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 .hierarchy_hidden ul.level_2,
#sn-db_use .sn-hierarchy_list-wrapper .sn-hierarchy_list.level_1 .hierarchy_hidden ul.level_3 {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* << END #sn-db_use */
/*
sn-order 拠点系 共通
----------------------------------------------------------------------
*/
body[id^=sn-order] select#Customer_Id {
  width: 270px;
}
body[id^=sn-order] .button {
  min-width: 116px;
}
body[id^=sn-order] .sn-nav_toolbar li[class*=-pdf] .button {
  width: 200px;
}
body[id^=sn-order] .sn-nav_toolbar form {
  display: flex;
}
body[id^=sn-order] .sn-nav_toolbar form label {
  margin-right: 24px;
}
body[id^=sn-order] .sn-nav_toolbar form label:first-child {
  margin-right: 4em;
}
body[id^=sn-order] .sn-nav_toolbar form input {
  padding: 4px;
}
body[id^=sn-order] .sn-nav_toolbar form #year {
  width: 6em;
}
body[id^=sn-order] .sn-nav_toolbar form #name {
  min-width: 25em;
}
body[id^=sn-order] .sn-nav_toolbar .buttons li .button + .button {
  margin-left: 16px;
}
body[id^=sn-order] .sn-nav_toolbar_sub.search {
  min-height: 52px;
}
body[id^=sn-order] #list {
  padding: 24px 24px 24px;
}
body[id^=sn-order] #list > nav {
  width: 280px;
  margin-right: 40px;
}
body[id^=sn-order] #list > nav p.placeholder {
  border: 1px solid #CBCED1;
  border-style: dashed;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  margin: 0;
  color: #999;
}
body[id^=sn-order] #list > nav .level_1.hidden {
  height: 0;
  line-height: 0;
  border-width: 0;
}
body[id^=sn-order] #list > nav .sn-hierarchy_list:nth-child(5) {
  display: block;
}
body[id^=sn-order] #list > nav .sn-hierarchy_list ul.level_2 .item {
  color: #007AFF;
  text-decoration: underline;
}
body[id^=sn-order] #list > nav .sn-hierarchy_list .selected {
  background-color: #D3F1F8;
}
body[id^=sn-order] .list_data .sn-nav_toolbar_sub.search input[type=text] {
  width: 25em;
  margin-right: 16px;
}
body[id^=sn-order] .list_data #locationsList.checkedOnly tr:not(.checked) {
  display: none;
}
body[id^=sn-order] .list_data tr:hover:not(.compleated), body[id^=sn-order] .list_data tr:hover:not(.incomplete) {
  background-color: #D3F1F8;
}
body[id^=sn-order] .list_data tr.compleated, body[id^=sn-order] .list_data tr.incomplete {
  background-color: #FFFCCF;
  pointer-events: none;
}
body[id^=sn-order] .list_data tr.incomplete .checkbox input {
  visibility: hidden;
}
body[id^=sn-order] .list_data tr.compleated .checkbox input {
  opacity: 0.3;
}
body[id^=sn-order] .list_data tr > .checkbox {
  width: 4.2em;
  border-right: 0 none transparent;
}
body[id^=sn-order] .list_data tr > .checkbox + * {
  border-left: 0 none transparent;
}
body[id^=sn-order] .list_data tr > .code_name {
  padding: 0;
}
body[id^=sn-order] .list_data tr > .code_name label {
  display: block;
  padding: 8px;
  cursor: pointer;
}
body[id^=sn-order] .list_data tr > .code_name .code {
  display: inline-block;
  min-width: 7em;
}
body[id^=sn-order] .empty {
  position: relative;
}
body[id^=sn-order] .empty::before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

/* 共通
------------------------------------------------------- */
*,
*::after {
  box-sizing: border-box;
}

body {
  box-sizing: border-box;
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-break: anywhere;
  font-size: 14px;
  color: #4A4A4A;
  font-weight: normal;
}
@media screen and (max-width: 575px) {
  body {
    height: 100vh;
  }
  body .sn-wrapper {
    height: 100%;
    overflow: auto;
  }
}

* {
  transition: opacity 0.2s;
}
* .sn-hierarchy_list .item, * .sn-hierarchy_list .item a, * .sn-hierarchy_list .item b,
* .sn-nav_main,
* .sn-nav_main a,
* .sn-nav_main b {
  transition: all 0.2s;
}

a {
  color: #007AFF;
  text-decoration: underline;
  position: relative;
}
a.button {
  text-decoration: none;
}

a,
button,
label:not([for=target-none]),
input[type=button],
input[type=checkbox],
input[type=submit] {
  cursor: pointer;
}
a:hover,
button:hover,
label:not([for=target-none]):hover,
input[type=button]:hover,
input[type=checkbox]:hover,
input[type=submit]:hover {
  opacity: 0.5;
  transition: opacity 0.15s;
}

#tabmenu a:hover,
#sn-item_images .menu_left a:hover {
  opacity: 1;
}

input[type=checkbox]::before {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  margin: unset;
  font-size: unset;
  font-weight: unset;
}

ul {
  margin-top: unset;
  margin-bottom: unset;
  padding: unset;
  list-style: none outside;
}

b {
  font-weight: unset;
}

.hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

img[src*="loading.gif"] {
  width: 48px !important;
  height: auto !important;
  margin: auto auto;
}
a img[src*="loading.gif"] {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#popup_overlay {
  background-color: #00000060 !important;
  opacity: 1 !important;
}

table .color-notyet > td {
  background-color: #FFFCCF;
}
table .color-done > td {
  background-color: #ffffff;
}
table .color-error > td {
  background-color: #ff0000;
}
table .color-transfer > td,
table .color-remove-notyet > td {
  background-color: #eeeeee;
}
table .color-closed > td,
table .color-remove-done > td {
  background-color: #aaaaaa;
}

/* 入力系
------------------------------------------------------- */
.deny_action {
  pointer-events: none !important;
  opacity: 0.25 !important;
}

label {
  display: flex;
  align-items: center;
  position: relative;
}
label [type=radio],
label [type=checkbox],
label b:first-child {
  margin-right: 0.5em;
}

.label-vertical label {
  flex-wrap: wrap;
  position: relative;
}
.label-vertical label + label {
  margin-left: 16px;
}
.label-vertical label b {
  display: block;
  margin-bottom: 8px;
  width: 100%;
}
.label-vertical label input[type=checkbox] + b {
  width: auto;
  margin-bottom: 0;
}
.label-vertical label input[type=text],
.label-vertical label select,
.label-vertical label textarea {
  width: 100%;
}
.label-vertical label.sentence input,
.label-vertical label.sentence select {
  width: unset;
}
.label-vertical label.sentence span {
  padding: 0 0.5em;
  line-height: 40px;
}

.radio {
  display: flex;
  align-items: center;
}
.radio label {
  margin-left: 0.75em;
}
.radio li label {
  margin: 0 1em 0 0;
}

b label {
  display: inline;
}

a[href=""] {
  opacity: 0.3;
  cursor: unset;
  pointer-events: none;
}

input[disabled],
select[disabled],
textarea[disabled],
button[disabled] {
  opacity: 0.3;
  cursor: unset;
  pointer-events: none;
}
input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
button.input-validation-error {
  border-color: #FF4C4C !important;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  border-color: inherit !important;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, button::-moz-placeholder {
  color: #C9CBD3;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, button:-ms-input-placeholder {
  color: #C9CBD3;
}
input::placeholder,
select::placeholder,
textarea::placeholder,
button::placeholder {
  color: #C9CBD3;
}

input[type=checkbox][disabled] ~ label:first-of-type,
input[type=radio][disabled] ~ label:first-of-type,
input[disabled] + button {
  opacity: 0.3;
  cursor: unset;
  pointer-events: none;
}

input,
select,
textarea {
  border: 1px solid #CBCED1;
}

button {
  border: unset;
  background-color: unset;
  color: unset;
  padding: unset;
}

.button {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}
.button.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
.button.edit, .button.download, .button.delete {
  background-color: #FFF;
  color: transparent;
  background-size: auto 90%;
  overflow: hidden;
}
.button.wide {
  width: 260px;
}
.button.edit {
  width: 74px;
  height: 32px;
  background-image: url("./images/icons/icon_pen.svg");
}
.button.reduce {
  width: 32px;
  overflow: hidden;
  color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2016.07%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-sort%3C%2Ftitle%3E%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%220%200%207.45%208.04%207.45%2016.07%2010.55%2015.11%2010.55%208.04%2018%200%200%200%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 65%;
}
.button.download {
  background-image: url("./images/icons/icon_download.svg");
}
.button.delete {
  background-image: url("./images/icons/icon_delete.svg");
}
.button.destructive {
  color: #FF3442 !important;
}
.button.blue {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
}

select {
  height: 40px;
  padding-left: 8px;
  border-radius: 0;
}
select[multiple=multiple]:focus {
  height: auto;
}
select option.placeholder {
  display: none;
}
select.checklist {
  border: 2px solid #C9CBD3;
  padding: 0.2em 0 0;
  overflow-y: auto;
  overflow-x: hidden;
}
select.checklist option {
  position: relative;
  height: 24px;
  padding-left: 40px;
  border-bottom: 1px solid #CBCED1;
}
select.checklist option::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 55% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2010%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230D4278%3Bfill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon%2Ficon_check%3C%2Ftitle%3E%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%225%2010%200%205.19%201.4%203.85%205%207.31%2012.6%200%2014%201.35%205%2010%22%2F%3E%3C%2Fsvg%3E");
  width: 24px;
  height: 24px;
  transform: translate(8px, -50%);
  opacity: 0.1;
}
select.checklist option[selected=selected] {
  background-color: #D3F1F8;
}
select.checklist option[selected=selected]::before {
  opacity: 1;
}
select.checklist option:hover {
  background-color: #D3F1F8;
}

select:not([multiple=multiple]):not(.checklist) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1.8em;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-dw%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%2210.6%200.6%206%205.2%201.4%200.6%200%202%206%208%2012%202%2010.6%200.6%22%2F%3E%3C%2Fsvg%3E");
  background-position: right 0.6em center;
  background-size: auto 7px;
}

select,
input[type=text] {
  height: 40px;
}
@media screen and (max-width: 575px) {
  select,
input[type=text] {
    height: 32px;
  }
}
select.thin,
input[type=text].thin {
  height: 32px;
}
table select,
table input[type=text] {
  width: 100%;
}

input[type=text], input[type=password] {
  text-indent: 8px;
  background-color: #FFF;
}
input[type=password] {
  letter-spacing: 0.15em;
}
input[type=checkbox], input[type=radio] {
  display: none;
}
input[type=checkbox] ~ label:first-of-type, input[type=radio] ~ label:first-of-type {
  cursor: pointer;
}
input[type=checkbox] ~ label:first-of-type.boxonly, input[type=radio] ~ label:first-of-type.boxonly {
  font-size: 0;
}
input[type=checkbox] ~ label:first-of-type.boxonly:not(.left), input[type=radio] ~ label:first-of-type.boxonly:not(.left) {
  justify-content: center;
}
input[type=checkbox] ~ label:first-of-type::before, input[type=radio] ~ label:first-of-type::before {
  content: "";
  display: block;
  min-width: 24px;
  height: 24px;
  background-color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
}
input[type=checkbox] ~ label:first-of-type:not(.boxonly)::before, input[type=radio] ~ label:first-of-type:not(.boxonly)::before {
  margin-right: 4px;
}
input[type=checkbox] ~ label:first-of-type.action-boxonly, input[type=radio] ~ label:first-of-type.action-boxonly {
  pointer-events: none;
}
input[type=checkbox] ~ label:first-of-type.action-boxonly::before, input[type=radio] ~ label:first-of-type.action-boxonly::before {
  pointer-events: auto;
}
input[type=checkbox] ~ label:first-of-type.action-boxonly:hover, input[type=radio] ~ label:first-of-type.action-boxonly:hover {
  opacity: 1;
}
input[type=checkbox] ~ label:first-of-type.action-boxonly:hover::before, input[type=radio] ~ label:first-of-type.action-boxonly:hover::before {
  opacity: 0.5;
}
input[type=checkbox] ~ label:first-of-type:hover::before {
  opacity: 0.6;
}
input[type=checkbox] ~ label:first-of-type::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23fff%3B}.b{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-checkbox_off%3C%2Ftitle%3E%20%20%3Crect%20class%3D%22a%22%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%20%20%3Cpath%20class%3D%22b%22%20d%3D%22M19%2C5V19H5V5Zm0-2H5A2%2C2%2C0%2C0%2C0%2C3%2C5V19a2%2C2%2C0%2C0%2C0%2C2%2C2H19a2%2C2%2C0%2C0%2C0%2C2-2V5a2%2C2%2C0%2C0%2C0-2-2Z%22%2F%3E%3C%2Fsvg%3E");
}
input[type=checkbox]:checked ~ label:first-of-type::before {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230d4278%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-checkbox_on%3C%2Ftitle%3E%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M19%2C3H5A2%2C2%2C0%2C0%2C0%2C3%2C5V19a2%2C2%2C0%2C0%2C0%2C2%2C2H19a2%2C2%2C0%2C0%2C0%2C2-2V5a2%2C2%2C0%2C0%2C0-2-2ZM10%2C17%2C5%2C12.19l1.4-1.34L10%2C14.31%2C17.6%2C7%2C19%2C8.35%2C10%2C17Z%22%2F%3E%3C%2Fsvg%3E");
}
input[type=radio] ~ label:first-of-type::before {
  background-image: url("./images/icons/icon_radiobutton_off.svg");
}
input[type=radio]:checked ~ label:first-of-type::before {
  background-image: url("./images/icons/icon_radiobutton_on.svg");
}

.boxonly-wrapper {
  justify-content: center;
}

textarea {
  padding: 8px;
}

[readonly=true] {
  pointer-events: none;
  cursor: pointer;
}
[readonly=true]:focus, [readonly=true]:active {
  border: 1px solid #CBCED1 !important;
  outline: none !important;
}

.input-checklist {
  overflow: auto;
  background-color: #FFF;
  width: 100%;
  padding: 0;
  max-height: 12em;
  border-top: 1px solid #CBCED1;
}
.input-checklist .input-listitem {
  position: relative;
  margin-bottom: 0 !important;
  border: 1px solid #CBCED1;
  border-top: 0 none transparent;
  flex-wrap: nowrap;
}
.input-checklist .input-listitem * {
  cursor: pointer;
  z-index: 1;
}
.input-checklist .input-listitem input[type=checkbox] ~ label:first-of-type,
.input-checklist .input-listitem input[type=radio] ~ label:first-of-type {
  position: unset;
}
.input-checklist .input-listitem input[type=checkbox] ~ label:first-of-type::before,
.input-checklist .input-listitem input[type=radio] ~ label:first-of-type::before {
  position: relative;
  z-index: 1;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 55% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2010%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%230D4278%3Bfill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon%2Ficon_check%3C%2Ftitle%3E%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%225%2010%200%205.19%201.4%203.85%205%207.31%2012.6%200%2014%201.35%205%2010%22%2F%3E%3C%2Fsvg%3E");
  width: 32px !important;
  height: 32px;
  margin: 0 8px;
  opacity: 0.1;
}
.input-checklist .input-listitem input[type=checkbox] ~ label:first-of-type::after,
.input-checklist .input-listitem input[type=radio] ~ label:first-of-type::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.input-checklist .input-listitem input[type=checkbox]:checked ~ label:first-of-type::before,
.input-checklist .input-listitem input[type=radio]:checked ~ label:first-of-type::before {
  opacity: 1;
}
.input-checklist .input-listitem input[type=checkbox]:checked ~ label:first-of-type::after, .input-checklist .input-listitem input[type=checkbox] ~ label:first-of-type:hover::after,
.input-checklist .input-listitem input[type=radio]:checked ~ label:first-of-type::after,
.input-checklist .input-listitem input[type=radio] ~ label:first-of-type:hover::after {
  background-color: #D3F1F8;
}

.calenderWrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.calenderWrapper input + .calenderButton {
  position: absolute;
  right: 0.25em;
  background-color: #FFFFFF80;
}

.calenderButton {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: transparent;
  background-color: transparent;
  background-image: url("./images/icons/icon_calendar.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% auto;
}
.calenderButton:hover::before {
  opacity: 0.5;
}

.ui-datepicker {
  padding: 0;
}
.ui-datepicker .ui-widget-header {
  display: flex;
  justify-content: space-between;
  padding: 0.4em;
  background-color: #e7f1f8;
  border: 0 none transparent;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  order: 1;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title {
  order: 2;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  order: 3;
}
.ui-datepicker .ui-widget-header a {
  position: unset;
}
.ui-datepicker .ui-widget-header a span {
  position: relative;
}
.ui-datepicker .ui-widget-header::after, .ui-datepicker .ui-widget-header::before {
  content: none;
  display: none;
}
.ui-datepicker table {
  margin: 0;
  border: 0 solid transparent;
  border-width: 0 2px 2px;
}
.ui-datepicker table tr > th {
  background-color: transparent;
  height: unset;
}
.ui-datepicker table tr > td {
  height: unset;
  padding: 2px;
}
.ui-datepicker table tr > td .ui-state-default {
  display: flex;
  align-items: center;
  justify-content: end;
  border-color: transparent;
  line-height: 1;
  height: 1.75em;
}

[aria-describedby=updateInfoDialogForm] {
  width: 540px;
  max-width: calc(100% - 24px) !important;
}
[aria-describedby=updateInfoDialogForm] #updateInfoDialogForm {
  height: auto !important;
  overflow: hidden;
}
[aria-describedby=updateInfoDialogForm] #updateInfoDialogForm ul li div {
  width: 100%;
}
[aria-describedby=updateInfoDialogForm] .ui-widget-header {
  display: none;
}
@media screen and (max-width: 575px) {
  [aria-describedby=updateInfoDialogForm] .ui-dialog-buttonpane {
    margin-top: 24px;
  }
}

.passwordWrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.passwordWrapper input + .eyeButton {
  position: absolute;
  right: 0;
  background-color: #FFFFFF20;
  border-radius: 8px;
}
.passwordWrapper .eyeButton {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  color: transparent;
  background-color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.passwordWrapper .eyeButton:hover::before {
  opacity: 0.5;
}
.passwordWrapper [type=text] + .eyeButton {
  background-image: url("./images/icons/icon_eye_on.svg");
  width: 40px;
  height: 40px;
}
.passwordWrapper [type=password] + .eyeButton {
  background-image: url("./images/icons/icon_eye_off.svg");
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 575px) {
  #contentsMain > .sn-nav_toolbar:first-child {
    height: 0;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  #contentsMain > .sn-nav_toolbar:first-child a.previous {
    position: fixed;
    top: 6px;
    left: 8px;
    display: block !important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.d{fill%3A%23fff%3Bfill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-back%3C%2Ftitle%3E%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%3Cpolygon%20id%3D%22c%22%20class%3D%22d%22%20points%3D%2223.7%2015%2011.5%2015%2017.1%209.4%2015.7%208%207.7%2016%2015.7%2024%2017.1%2022.6%2011.5%2017%2023.7%2017%2023.7%2015%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
#contentsMain h2 {
  text-align: center;
  margin: 0 auto;
}
#contentsMain h2 span {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 12px;
  border-bottom: 4px solid #9CB6D0;
}
#contentsMain section.main {
  padding: 16px;
}
@media screen and (min-width: 1200px) {
  #contentsMain section.main {
    padding: 40px 24px;
  }
}
#contentsMain section.section-input {
  position: relative;
}
#contentsMain section.section-input main {
  padding: 40px 24px 40px 24px;
}
@media screen and (max-width: 575px) {
  #contentsMain section.section-input main {
    padding: 16px;
  }
}
#contentsMain section.section-input main.pt0 {
  padding-top: 0;
}
#contentsMain section.section-input main ul.input_items li {
  display: flex;
  margin-bottom: 16px;
}
#contentsMain section.section-input main ul.input_items li label.flex-1 {
  flex: 1;
}
#contentsMain section.section-input main ul.input_items li label.short {
  width: 175px;
}
#contentsMain section.section-input main section.item-inline {
  display: flex;
}
#contentsMain section.section-input main section.item-inline > table {
  width: auto;
}
#contentsMain section.section-input main section.item-inline > table + table {
  margin-left: 24px;
  margin-top: 0;
}
#contentsMain section.section-input .sn-nav_toolbar ~ main {
  padding-top: 0;
}
#contentsMain section.section-input table td {
  position: relative;
}
#contentsMain section.section-input table tr.caution td {
  border: 0 none transparent;
  background-color: transparent;
  color: #FF4C4C;
}
#contentsMain section.section-input.table-A main table {
  margin-bottom: 8px;
}
#contentsMain section.section-input.table-A main table + table {
  margin-top: 16px;
}
#contentsMain section.section-input.table-A main table tr th:first-child {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
@media screen and (min-width: 1200px) {
  #contentsMain section.section-input.table-A main table tr th:first-child {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
#contentsMain section.section-input.table-A main table tr td {
  padding: 4px;
  min-width: 200px;
}
#contentsMain section.section-input.table-A main table tr td:empty {
  background-color: #e7f1f8;
}
#contentsMain section.section-input.table-A main table tr td:empty::after {
  content: "-";
  margin-left: 1em;
}
#contentsMain section.section-input.table-B main {
  width: 100%;
  overflow: auto;
}
#contentsMain section.section-input.table-B main table {
  margin-bottom: 24px;
}
#contentsMain section.section-input.table-B main table tr > th, #contentsMain section.section-input.table-B main table tr > td {
  height: 32px;
  padding: 4px;
}
#contentsMain section.section-input.table-B main table tr > th input[type=text],
#contentsMain section.section-input.table-B main table tr > th select, #contentsMain section.section-input.table-B main table tr > td input[type=text],
#contentsMain section.section-input.table-B main table tr > td select {
  height: 24px;
}
#contentsMain section.section-input.table-B main table tr > th input[type=text],
#contentsMain section.section-input.table-B main table tr > th select {
  background-color: transparent;
  border-style: dotted;
  border-style: dashed;
}
#contentsMain section.section-input.table-B main table tr > th input[type=text] {
  text-indent: 4px;
}
#contentsMain section.section-input.table-B main table tr > th select {
  padding-left: 4px;
}
#contentsMain section.section-input.table-B main table tr[class^=rowgroup] th {
  max-width: unset;
  min-width: unset;
}
#contentsMain section.section-input.table-B main table.small-table {
  margin-bottom: 24px;
}
#contentsMain section.section-input.table-B main table.small-table caption {
  height: auto;
  padding-left: 0;
  margin-bottom: 8px;
  line-height: inherit;
  font-size: inherit;
  border: 0 none transparent;
}
@media screen and (min-width: 992px) {
  #contentsMain section.section-input.row-2 main table {
    display: flex;
    justify-content: space-between;
  }
}
#contentsMain section.section-input.row-2 main table tbody > tr > td {
  width: 100%;
}
@media screen and (min-width: 992px) {
  #contentsMain section.section-input.row-2 main table tbody {
    width: calc(50% - 12px);
  }
  #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child {
    display: flex;
  }
  #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child > th, #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child > td {
    display: flex;
    align-items: center;
    border-bottom-width: 0;
  }
  #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child > th {
    border-right-width: 0;
  }
  #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child > td {
    width: unset;
  }
  #contentsMain section.section-input.row-2 main table tbody:first-child tr:first-child > td select {
    min-width: 10em;
  }
}
#contentsMain h3 {
  position: relative;
  z-index: 1;
  height: 48px;
  padding: 16px;
  font-size: 16px;
  background-color: #e7f1f8;
}
#contentsMain .w120 {
  width: 120px;
}
#contentsMain .w100 {
  width: 100px;
}

img[src$="3m_corp_logo.png"] {
  width: 150px;
  height: auto;
}

.pulldown {
  position: relative;
}
.pulldown .sn-dropdown {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  background-color: #FFF;
}
.pulldown section {
  padding: 16px;
}
.pulldown section header.buttons {
  justify-content: flex-start;
}
.pulldown section header.buttons .button {
  height: 32px;
}
.pulldown section header.buttons .button + .button {
  margin-left: 8px;
}
.pulldown section ul {
  padding: 8px 0;
}
.pulldown section ul li > label {
  padding: 4px 0;
}
.pulldown section footer.buttons .button {
  flex: 1;
}
.pulldown section footer.buttons .button + .button {
  margin-left: 16px;
}
.pulldown ul li a {
  line-height: 1;
  padding: calc((48px - 1em) / 2) 24px;
  font-size: 14px;
  color: #4A4A4A;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.2s;
}
.pulldown.open button::after {
  transform: rotate(0deg);
}
.pulldown.open .sn-dropdown {
  box-shadow: 0 2px 4px #00000060;
  height: auto;
}
.pulldown.open > ul li {
  border-bottom: #CBCED1 2px solid;
}
.pulldown.open > ul li:last-child {
  border-bottom: none 0 transparent;
}
.pulldown.open ul li a {
  display: block;
  height: 48px;
  opacity: 1;
}
.pulldown:not(.open) .sn-dropdown {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.pulldown:not(.open) ul li a {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  color: transparent;
}

/* 共通ヘッダ [最上部 紺色バー]
------------------------------------------------------- */
header.sn-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 0 8px;
  background-color: #0D4278;
}
@media screen and (min-width: 992px) {
  header.sn-header {
    min-height: 56px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 575px) {
  header.sn-header {
    flex-direction: row-reverse;
  }
}
header.sn-header, header.sn-header a {
  color: #ffffff;
}
header.sn-header .sn-nav_main_open {
  width: 32px;
  height: 32px;
  color: transparent;
  background: transparent url("./images/icons/icon_menu.svg") no-repeat scroll center center;
  background-size: auto 90%;
}
header.sn-header .sn-nav_main_open#historyClose {
  background-image: none;
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
}
header.sn-header .sn-nav_main_open#historyClose::before, header.sn-header .sn-nav_main_open#historyClose::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(32px/2 - 14px/2);
  top: calc(32px/2 - 2px/2);
  width: 19.796px;
  height: 2px;
  background: #FFFFFF;
}
header.sn-header .sn-nav_main_open#historyClose::before {
  transform: rotate(-45deg);
}
header.sn-header .sn-nav_main_open#historyClose::after {
  transform: rotate(45deg);
}
header.sn-header h1 {
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  header.sn-header h1 {
    flex: 1;
    padding-left: 1.5em;
  }
}
header.sn-header h1 span {
  display: none;
}
@media screen and (min-width: 992px) {
  header.sn-header h1 span {
    display: inline;
  }
}
header.sn-header .sn-nav_user {
  display: none;
  position: absolute;
  top: 6px;
  right: 44px;
  z-index: 10;
  margin-right: 16px;
}
@media screen and (min-width: 1200px) {
  header.sn-header .sn-nav_user {
    display: block;
  }
}
header.sn-header .sn-nav_user button {
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 16px;
  margin: 0 8px 0 auto;
}
header.sn-header .sn-nav_user button::after {
  content: "▲";
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.4%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-up%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%221.4%207.4%206%202.8%2010.6%207.4%2012%206%206%200%200%206%201.4%207.4%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%;
  width: 24px;
  height: 24px;
  margin-left: 0.8em;
  display: inline-block;
  color: transparent;
  transform: rotate(180deg);
}
header.sn-header .sn-nav_user ul {
  width: 12em;
  margin: 0 0 0 auto;
}
header.sn-header .sn-nav_user ul li a {
  line-height: 1;
  padding: calc((48px - 1em) / 2) 24px;
  font-size: 14px;
  color: #4A4A4A;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.2s;
}
header.sn-header .sn-nav_user ul li a[href*=Logout] {
  color: #FF3442;
}
header.sn-header a#help {
  display: block;
  height: 32px;
  width: 32px;
  padding: 3px;
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  header.sn-header a#help {
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}
header.sn-header a#help .circle {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 28px;
  border-radius: 13px;
  font-size: 150%;
  color: #0D4278;
  text-align: center;
  background-color: #ffffff;
  font-weight: bold;
}

/* 共通メニュー [左端]
------------------------------------------------------- */
nav.sn-nav_main {
  background: #ffffff;
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
}
@media screen and (max-width: 575px) {
  nav.sn-nav_main {
    left: unset;
    right: -12em;
    width: 0;
  }
}
@media screen and (min-width: 992px) {
  nav.sn-nav_main {
    max-width: 254px;
  }
  nav.sn-nav_main .mb_only {
    display: none !important;
  }
}
nav.sn-nav_main > .outOfNav {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #00000070;
}
@media screen and (min-width: 992px) {
  nav.sn-nav_main > .outOfNav {
    background-color: transparent;
  }
}
nav.sn-nav_main .sn-nav_main_inner {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
nav.sn-nav_main header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
nav.sn-nav_main header img {
  margin: 24px 24px 20px 24px;
}
nav.sn-nav_main header button.sn-nav_main_close {
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
  margin: 4px;
  border: 0 none transparent;
  background-color: transparent;
  color: transparent;
}
nav.sn-nav_main header button.sn-nav_main_close::before, nav.sn-nav_main header button.sn-nav_main_close::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(32px/2 - 14px/2);
  top: calc(32px/2 - 2px/2);
  width: 19.796px;
  height: 2px;
  background: #4A4A4A;
}
nav.sn-nav_main header button.sn-nav_main_close::before {
  transform: rotate(-45deg);
}
nav.sn-nav_main header button.sn-nav_main_close::after {
  transform: rotate(45deg);
}
nav.sn-nav_main header button.sn-nav_main_close * {
  pointer-events: none;
}
nav.sn-nav_main header .UserName {
  display: flex;
  width: 100%;
  height: 48px;
  align-items: center;
  padding-left: 24px;
}
nav.sn-nav_main ul.sn-nav_main_body {
  background: #0D4278;
  padding: 0;
}
nav.sn-nav_main ul.sn-nav_main_body > li a, nav.sn-nav_main ul.sn-nav_main_body > li b {
  display: block;
  color: #ffffff;
  padding-left: 16px;
}
nav.sn-nav_main ul.sn-nav_main_body > li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
  width: 100%;
}
nav.sn-nav_main ul.sn-nav_main_body > li a:hover {
  opacity: 1;
  background-color: #2D639B;
}
nav.sn-nav_main ul.sn-nav_main_body > li b {
  height: 42px;
  line-height: 42px;
  font-size: 12px;
  font-weight: bold;
}
nav.sn-nav_main ul.sn-nav_main_body > li > a {
  height: 48px;
  position: relative;
}
nav.sn-nav_main ul.sn-nav_main_body > li > a::before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 1em;
}
nav.sn-nav_main ul.sn-nav_main_body > li > a:hover::after {
  content: "";
  display: block;
  width: 7px;
  height: 32px;
  background-color: #fff;
  position: absolute;
  left: 0;
}
nav.sn-nav_main ul.sn-nav_main_body > li.home > a:before {
  background: transparent url("./images/icons/icon_home.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.customer > a:before {
  background: transparent url("./images/icons/icon_building.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.search > a:before {
  background: transparent url("./images/icons/icon_search.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.registration > a:before {
  background: transparent url("./images/icons/icon_pin.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.dbuse > a:before {
  background: transparent url("./images/icons/icon_graph.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.maintenance > a:before {
  background: transparent url("./images/icons/icon_maintenance.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.news > a:before {
  background: transparent url("./images/icons/icon_megaphone.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.archive > a:before {
  background: transparent url("./images/icons/icon_history.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.excel > a:before {
  background: transparent url("./images/icons/icon_excel.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.loginuser > a:before {
  background: transparent url("./images/icons/icon_loginuser.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.password > a:before {
  background: transparent url("./images/icons/icon_password.svg") no-repeat scroll center center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.logout > a:before {
  background: transparent url("./images/icons/icon_logout.svg") no-repeat scroll center center;
}
@media screen and (max-width: 575px) {
  nav.sn-nav_main ul.sn-nav_main_body > li.search, nav.sn-nav_main ul.sn-nav_main_body > li.registration, nav.sn-nav_main ul.sn-nav_main_body > li.dbuse, nav.sn-nav_main ul.sn-nav_main_body > li.maintenance.hierarchy, nav.sn-nav_main ul.sn-nav_main_body > li.news, nav.sn-nav_main ul.sn-nav_main_body > li.news + .menu_category, nav.sn-nav_main ul.sn-nav_main_body > li.archive, nav.sn-nav_main ul.sn-nav_main_body > li.excel {
    display: none !important;
  }
}
nav.sn-nav_main ul.sn-nav_main_body > li ul {
  padding: 0;
}
nav.sn-nav_main ul.sn-nav_main_body > li ul b {
  height: 24px;
  line-height: 24px;
}
nav.sn-nav_main ul.sn-nav_main_body > li ul ul a {
  min-height: 32px;
  padding: 9px 0 9px 4em;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy > a {
  width: unset;
  flex: 1;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy nav {
  margin-right: 0.25em;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy nav button {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.4%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23ffffff%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-up%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%221.4%207.4%206%202.8%2010.6%207.4%2012%206%206%200%200%206%201.4%207.4%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%;
  margin-right: 0.25em;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy ul.sn-nav_main_sub {
  width: 100%;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy.hierarchy_hidden ul.sn-nav_main_sub {
  width: 100%;
}
nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy.hierarchy_hidden ul.sn-nav_main_sub a, nav.sn-nav_main ul.sn-nav_main_body > li.hierarchy.hierarchy_hidden ul.sn-nav_main_sub b {
  overflow: hidden;
  height: 0;
  min-height: 0;
  padding: 0;
  color: transparent;
}

body.nav-open {
  overflow: hidden !important;
}
body.nav-open nav.sn-nav_main {
  left: 0;
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  z-index: 11;
}
@media screen and (max-width: 575px) {
  body.nav-open nav.sn-nav_main {
    left: unset;
    right: 0;
    width: unset;
  }
}
body.nav-open nav.sn-nav_main .sn-nav_main_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.nav-open nav.sn-nav_main .sn-nav_main_inner ul.sn-nav_main_body {
  background-color: #0D4278;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: auto;
}
body.nav-open nav.sn-nav_main .sn-nav_main_inner ul.sn-nav_main_body > li:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #0D4278;
}

.nanika {
  background: #e7f1f8;
  border-radius: 8px;
}

/* その他パーツ
------------------------------------------------------- */
#lockScreenLayer {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: Gray;
  opacity: 0.8;
  display: none;
}
#lockScreenLayer div {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
}

.sn-nav_toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding: 0 16px;
}
.sn-nav_toolbar a {
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.sn-nav_toolbar a.previous {
  width: 32px;
  color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.d{fill%3A%230d4278%3Bfill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-back%3C%2Ftitle%3E%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%3Cpolygon%20id%3D%22c%22%20class%3D%22d%22%20points%3D%2223.7%2015%2011.5%2015%2017.1%209.4%2015.7%208%207.7%2016%2015.7%2024%2017.1%2022.6%2011.5%2017%2023.7%2017%2023.7%2015%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 100%;
}
.sn-nav_toolbar ol.breadcrumb {
  display: none;
}
@media screen and (min-width: 992px) {
  .sn-nav_toolbar ol.breadcrumb {
    display: flex;
    flex: 1;
    margin: 0 0 0 12px;
    padding: 0 12px;
    border-left: 1px solid #e7e8e9;
    list-style: none outside;
    font-size: 90%;
  }
  .sn-nav_toolbar ol.breadcrumb li {
    display: flex;
    align-items: center;
  }
  .sn-nav_toolbar ol.breadcrumb li a, .sn-nav_toolbar ol.breadcrumb li span {
    margin: 0;
    padding: 0 12px;
    text-decoration: none;
  }
  .sn-nav_toolbar ol.breadcrumb li span {
    opacity: 0.5;
  }
  .sn-nav_toolbar ol.breadcrumb li a {
    color: #0D4278;
  }
  .sn-nav_toolbar ol.breadcrumb li::after {
    content: ">";
    color: #e7e8e9;
  }
  .sn-nav_toolbar ol.breadcrumb li:last-of-type::after {
    content: "";
  }
}
.sn-nav_toolbar .local_items {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
.sn-nav_toolbar .local_items button {
  width: 116px;
}
.sn-nav_toolbar .local_items > li {
  overflow: visible;
  position: relative;
  margin-left: 12px;
}
.sn-nav_toolbar .local_items > li > .button, .sn-nav_toolbar .local_items > li > button {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 116px;
}
.sn-nav_toolbar .local_items > li > .button.sq, .sn-nav_toolbar .local_items > li > button.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
.sn-nav_toolbar .local_items > li > .button.blue, .sn-nav_toolbar .local_items > li > button.blue {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
}
.sn-nav_toolbar .local_items > li:last-child > .button.destructive, .sn-nav_toolbar .local_items > li:last-child > button.destructive {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}
.sn-nav_toolbar .local_items > li:last-child > .button.destructive.sq, .sn-nav_toolbar .local_items > li:last-child > button.destructive.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
.sn-nav_toolbar .local_items > li:last-child > .button.destructive::before, .sn-nav_toolbar .local_items > li:last-child > button.destructive::before {
  display: none;
}
.sn-nav_toolbar .local_items > li .button::before, .sn-nav_toolbar .local_items > li button::before {
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  margin-right: 0.5em;
}
.sn-nav_toolbar .local_items > li[class*=download] .button::before,
.sn-nav_toolbar .local_items > li[class*=download] button::before {
  content: "";
  background: transparent url("./images/icons/icon_download.svg") no-repeat scroll center center;
}
.sn-nav_toolbar .local_items > li[class*=-csv] .button::before,
.sn-nav_toolbar .local_items > li[class*=-csv] button::before {
  content: "";
  background: transparent url("./images/icons/icon_csv.svg") no-repeat scroll center center;
  background-size: auto 90% !important;
}
.sn-nav_toolbar .local_items > li[class*=-pdf] .button::before,
.sn-nav_toolbar .local_items > li[class*=-pdf] button::before {
  content: "";
  background: transparent url("./images/icons/icon_pdf.svg") no-repeat scroll center center;
  background-size: auto 90% !important;
}
.sn-nav_toolbar .local_items > li[class*=-pdf] > ul {
  width: 19em;
}
.sn-nav_toolbar .local_items > li.itemset .button,
.sn-nav_toolbar .local_items > li.itemset button {
  width: 180px;
}
.sn-nav_toolbar .local_items > li > ul {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  width: 12em;
}
.sn-nav_toolbar .local_items > li > ul li a {
  width: 100%;
  text-align: left;
}
.sn-nav_toolbar .local_items > li > ul li a[href*=Logout] {
  color: #FF3442;
}

#tabmenu ~ section.main {
  padding: 0;
}
#tabmenu ul {
  display: flex;
  overflow: auto;
}
#tabmenu ul::-webkit-scrollbar {
  display: none;
}
#tabmenu ul li {
  flex: 1;
  min-width: 7.5em;
  text-align: center;
  line-height: 40px;
}
#tabmenu ul li a {
  display: block;
  height: 40px;
  color: #fff;
  text-decoration: unset;
  background-color: #9CB6D0;
  border-left: 1px solid #a5bdd5;
}
#tabmenu ul li a:hover {
  background: #0D4278;
}

.sn-nav_toolbar_sub.search {
  min-height: 48px;
  padding: 0 24px;
}
@media screen and (max-width: 575px) {
  .sn-nav_toolbar_sub.search {
    padding: 0 16px;
  }
}
.sn-nav_toolbar_sub.search,
.sn-nav_toolbar_sub.search .search_inner,
.sn-nav_toolbar_sub.search form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e7f1f8;
}
.sn-nav_toolbar_sub.search .search_inner,
.sn-nav_toolbar_sub.search form {
  justify-content: start;
}
.sn-nav_toolbar_sub.search .search_inner > .button,
.sn-nav_toolbar_sub.search .search_inner > label > input,
.sn-nav_toolbar_sub.search form > .button,
.sn-nav_toolbar_sub.search form > label > input {
  height: 32px;
  margin-right: 16px;
}
@media screen and (min-width: 992px) {
  .sn-nav_toolbar_sub.search .search_inner > .button,
.sn-nav_toolbar_sub.search .search_inner > label > input,
.sn-nav_toolbar_sub.search form > .button,
.sn-nav_toolbar_sub.search form > label > input {
    margin-right: 24px;
  }
}
@media screen and (min-width: 992px) {
  .sn-nav_toolbar_sub.search .search_inner > label > input,
.sn-nav_toolbar_sub.search form > label > input {
    width: 420px;
  }
}
.sn-nav_toolbar_sub.search .search_inner > .button,
.sn-nav_toolbar_sub.search form > .button {
  width: 116px;
}
.sn-nav_toolbar_sub.search .select {
  display: flex;
}
.sn-nav_toolbar_sub.search .select label {
  display: flex;
  align-items: center;
  margin-left: 1.5em;
}
.sn-nav_toolbar_sub.search .select label b {
  margin-right: 0.5em;
}
.sn-nav_toolbar_sub.search .select select {
  height: 32px;
}

.notes {
  margin-bottom: 24px;
}
.notes li {
  margin-bottom: 4px;
}

#list .empty {
  text-align: center;
}
#list .empty::before {
  content: "検索結果がありません";
  display: block;
  margin-top: 50px;
  padding-top: 48px;
  background: transparent url("./images/icons/icon_search_gray.svg") no-repeat scroll top center;
  background-size: auto 32px;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table caption {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 48px;
  font-size: 16px;
  text-align: left;
  border: 1px solid #CBCED1;
  border-width: 1px 1px 0;
}
table tr > th, table tr > td {
  height: 48px;
  padding: 8px;
  border: 1px solid #CBCED1;
  text-align: left;
}
@media screen and (max-width: 575px) {
  table tr > th, table tr > td {
    height: 40px;
  }
}
table tr > .update {
  width: 15em;
}
table tr > .checkbox {
  width: 4.2em;
}
table tr > .function {
  width: 90px;
}
table tr > .function .button.edit {
  display: block;
  width: 100%;
}
table tr > th {
  background: #e7f1f8;
  font-weight: normal;
}
table tr.selected {
  background-color: #D3F1F8;
}
table thead tr > th {
  line-height: 1.3;
}
table.td_hasbg tr > td {
  background: #e7f1f8;
  background-clip: padding-box;
}
table + .pager {
  margin-top: 32px;
}

@media screen and (min-width: 992px) {
  .layout-compact select,
.layout-compact input[type=text] {
    height: 32px;
  }
  .layout-compact table tr > th, .layout-compact table tr > td {
    height: 32px;
    padding: 2px 8px;
    line-height: 1;
  }
  .layout-compact table thead tr > th {
    height: 40px;
  }
  .layout-compact table tbody tr > td .button.edit,
.layout-compact table tbody tr > td .button.delete,
.layout-compact table tbody tr > td .button.download {
    height: 24px;
    background-size: auto 105%;
  }
  .layout-compact table + .pager {
    margin-top: 24px;
  }
}

.sn-popup {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 100;
}
.sn-popup.hidden {
  z-index: unset;
}
.sn-popup .sn-popup_body {
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  max-width: calc(100% - 24px);
  transform: translate(-50%, -50%);
  padding: 16px;
  background-color: #e7f1f8;
  border-radius: 8px;
}
.sn-popup h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 24px;
}
.sn-popup label {
  flex-wrap: wrap;
}
.sn-popup label:not(.checkbox-styled, .checkAll) {
  margin-bottom: 16px;
}
.sn-popup label.checkAll {
  flex: 1;
}
.sn-popup label > b:first-child {
  width: 100%;
  margin-bottom: 8px;
}
.sn-popup label > input[type=text], .sn-popup label > input[type=file], .sn-popup label > select {
  flex: 1;
}
.sn-popup footer {
  display: flex;
  justify-content: end;
  padding-top: 16px;
}
.sn-popup footer .button {
  height: 32px;
  width: 140px;
  border-radius: 2px;
  font-size: 16px;
}
.sn-popup footer .button:last-child {
  margin-left: 16px;
}
.sn-popup footer button.button {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}
.sn-popup footer button.button.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
.sn-popup footer button:last-child,
.sn-popup footer [type=submit] {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
}
@media screen and (max-width: 575px) {
  .sn-popup footer {
    flex-wrap: wrap;
  }
  .sn-popup footer > label {
    flex: unset;
    width: 100%;
  }
}
.sn-popup .outside {
  background-color: #00000060;
  height: 100%;
  width: 100%;
}
.sn-popup.dialogue .sn-popup_body {
  background-color: #FFF;
}
.sn-popup.dialogue .sn-popup_body footer {
  justify-content: center;
}
.sn-popup.dialogue .sn-popup_body footer button:last-child,
.sn-popup.dialogue .sn-popup_body footer [type=submit] {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0;
  color: #4A4A4A;
}
.sn-popup.dialogue .sn-popup_body footer button:last-child.sq,
.sn-popup.dialogue .sn-popup_body footer [type=submit].sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}

/* >> OVERRIDE jquery-ui-1.13.1 */
.ui-dialog {
  display: block !important;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  top: 50% !important;
  left: 50% !important;
  max-width: calc(100% - 24px);
  transform: translate(-50%, -50%);
  border: 0 none transparent;
  background-color: #e7f1f8;
  background-image: unset;
  border-radius: 8px;
  padding: 16px;
  color: #4A4A4A;
}
.ui-dialog[style*="display: block"], .ui-dialog:not([style*="display: none"]) {
  visibility: visible;
  pointer-events: unset;
  opacity: 1;
}
.ui-dialog ~ .ui-widget-overlay {
  background-color: #00000060;
  opacity: 1;
  background-image: unset;
}
.ui-dialog .ui-dialog-titlebar {
  border: 0 none transparent;
  background-color: transparent;
  background-image: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 24px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
}
.ui-dialog .ui-dialog-content input[type=file] {
  line-height: 24px;
  background-color: #fff;
}
.ui-dialog .ui-dialog-buttonpane {
  border: 0 none transparent;
  background-color: transparent;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  margin-top: 0;
  margin-bottom: 0;
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 0) {
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    min-width: 140px;
  }
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button:last-child {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
  margin-right: 0;
}

.context-menu-list .context-menu-item::before {
  content: "";
  left: 0.5em;
  display: block;
  height: 1em;
  width: 1em;
  background-image: url(./images/icons/icon_download.svg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

#contentsMain > #csvFileDialogForm,
#contentsMain > #imageFileDialogForm,
#contentsMain > #sendPassDialogForm,
#contentsMain > #errLogDialogForm,
body > #updateInfoDialogForm {
  visibility: hidden;
  pointer-events: none;
}

.ui-dialog[aria-describedby=sendPassDialogForm] {
  width: 360px;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .ui-dialog-titlebar {
  text-align: center;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .ui-dialog-content button {
  background-image: none;
}
.ui-dialog[aria-describedby=sendPassDialogForm] p {
  margin: 0 0 24px;
  text-align: center;
  font-weight: bold;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .input_items li {
  margin-bottom: 16px;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .input_items li input {
  height: 40px;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  float: unset;
}
.ui-dialog[aria-describedby=sendPassDialogForm] .ui-dialog-buttonpane .ui-dialog-buttonset button[type=button] {
  flex: 1;
  height: 40px;
  background-image: none;
}

[aria-describedby=imageFileDialogForm] .ui-dialog-titlebar {
  display: none;
}
[aria-describedby=imageFileDialogForm] .ui-dialog-content button {
  padding: 0;
}
[aria-describedby=imageFileDialogForm] .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin-top: 0;
  margin-bottom: 0;
}

[aria-describedby=csvFileDialogForm] .ui-dialog-titlebar {
  display: none;
}

#popup_container {
  min-width: 327px !important;
  padding: 0 16px 16px !important;
  border-radius: 8px;
}
#popup_container {
  font-family: "Meiryo UI, Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  max-width: 600px;
  background: #FFF;
  color: #000;
}
#popup_container #popup_content {
  margin: 0em;
}
#popup_container #popup_panel {
  text-align: center;
  margin: 1em 0em 0em;
}
#popup_container #popup_prompt {
  margin: 0.5em 0em;
}
#popup_container #popup_title {
  visibility: hidden;
}
#popup_container #popup_content #popup_message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 6.5em;
  padding-left: 0;
  text-align: center;
}
#popup_container #popup_panel:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup_container #popup_panel input[type=button] {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  width: 140px;
}
#popup_container #popup_panel input[type=button].sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
#popup_container #popup_panel input[type=button]#popup_ok {
  order: 2;
}
#popup_container #popup_panel input[type=button]#popup_ok:not(:last-of-type) {
  background-color: #2585EE;
  color: #fff;
  border: none transparent 0;
  margin-left: 14px;
}
#popup_container #popup_panel input[type=button]#popup_cancel {
  order: 1;
}

/* << OVERRIDE jquery-ui-1.13.1 */
#lightbox {
  top: 50% !important;
  max-height: calc(100vh - 48px);
  transform: translate(0, -50%);
}
#lightbox .lb-dataContainer {
  padding-top: 8px;
}
#lightbox .lb-dataContainer .lb-data {
  display: flex;
  padding: 0 0 0 4px;
}
#lightbox .lb-dataContainer .lb-data .lb-details {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-right: 8px;
  align-items: center;
}
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption {
  font-size: 1em;
  font-weight: normal;
}
#lightbox .lb-dataContainer .lb-data .lb-details .lb-number {
  display: flex;
  align-items: center;
  padding: 0;
}
#lightbox .lb-dataContainer .lb-data .lb-closeContainer {
  display: flex;
  flex-direction: row-reverse;
  width: 120px;
}
#lightbox .lb-dataContainer .lb-data a.lb-close,
#lightbox .lb-dataContainer .lb-data .lb-number.showButton {
  height: 32px;
  padding: 0 6px;
  border: #C9CBD3 2px solid;
  border-radius: 2px;
  font-size: 16px;
  color: inherit;
  background-color: #FFF;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex !important;
  justify-content: center;
  min-width: 120px !important;
  background-image: none;
  align-items: center;
  color: #4A4A4A;
  text-decoration: none;
  opacity: 1;
  cursor: pointer;
}
#lightbox .lb-dataContainer .lb-data a.lb-close.sq,
#lightbox .lb-dataContainer .lb-data .lb-number.showButton.sq {
  max-width: 32px;
  min-width: unset;
  padding: 0;
}
#lightbox .lb-dataContainer .lb-data a.lb-close::before {
  content: "閉じる";
}
#lightbox .lb-dataContainer .lb-data .lb-number::before {
  content: "画像を変更";
}

.pager {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pager a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #999999;
  font-weight: bold;
  font-size: 18px;
}
.pager input {
  width: 3.5em;
  height: 32px;
  text-align: right;
  margin-left: 8px;
  margin-right: 8px;
}
.pager .pageMax {
  margin-right: 8px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex label {
  margin-right: 8px;
  line-height: 2em;
}
.flex label input[type=checkbox] {
  margin-right: 26px;
}
.flex label b {
  white-space: nowrap;
}
.flex label b label {
  margin-right: 0;
}

.image-wrapper {
  display: block;
  background-color: #f0f0f0;
}
.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.notice {
  color: #FF4C4C;
}
h4 + .notice {
  margin-bottom: 1.5em;
}
h4 + .notice p {
  margin: 0;
}
.notice ul {
  margin-bottom: 1em;
}
.notice p {
  margin: 0.5em;
}

.sn-popup[id^=sn-popup_] .sn-popup_body {
  padding: 0;
  overflow: hidden;
  line-height: 0;
}
.sn-popup[id^=sn-popup_] .sn-popup_body iframe {
  border: 0 none transparent;
}
@media screen and (max-width: 575px) {
  .sn-popup[id^=sn-popup_] .sn-popup_body iframe {
    width: calc(100vw - 24px);
  }
}

article.sn-popup {
  padding: 16px;
}

#sn-password_update #sn-popup_password_change .sn-popup_body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 508px;
  line-height: inherit;
  padding: 16px;
}
#sn-password_update #sn-popup_password_change .sn-popup_body #PasswordBox {
  margin-bottom: 1.5em;
}

body > #sn-popup_password_change.sn-popup.optional > .sn-popup_body {
  height: auto;
  width: auto;
}

#sn-password_update #sn-popup_password_change,
#sn-password_change.sn-popup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#sn-password_update #sn-popup_password_change #PasswordBox input,
#sn-password_change.sn-popup #PasswordBox input {
  width: 100%;
  height: 40px;
}
#sn-password_update #sn-popup_password_change #PasswordBox .notice ul,
#sn-password_change.sn-popup #PasswordBox .notice ul {
  list-style: disc inside;
  margin-left: 0.75em;
}
#sn-password_update #sn-popup_password_change #PasswordBox + footer,
#sn-password_change.sn-popup #PasswordBox + footer {
  padding-top: 0;
}

.hierarchy .hierarchy_button {
  width: 24px;
  height: 24px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.4%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23c9cbd3%3B%20fill-rule%3Aevenodd%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-arrow-up%3C%2Ftitle%3E%20%20%20%20%3Cpolygon%20class%3D%22a%22%20points%3D%221.4%207.4%206%202.8%2010.6%207.4%2012%206%206%200%200%206%201.4%207.4%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%;
  color: transparent;
}
.hierarchy.hierarchy_hidden .hierarchy_button {
  transform: rotate(180deg);
}

table.hierarchy {
  overflow: hidden;
}
table.hierarchy.hierarchy_hidden thead th, table.hierarchy.hierarchy_hidden thead td,
table.hierarchy.hierarchy_hidden tbody th,
table.hierarchy.hierarchy_hidden tbody td {
  display: none;
  height: 0 !important;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  padding: 0 !important;
  border: 0 none transparent;
}
table.hierarchy.hierarchy_hidden caption {
  border-bottom: 1px solid #CBCED1;
}

.function_wrapper {
  display: flex;
  justify-content: space-between;
}
.function_wrapper nav > * {
  margin-left: 0.5em;
}

footer.footer_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  width: 100%;
  padding: 30px;
  border: 1px solid #CBCED1;
  border-width: 2px 0 0;
  background-color: #ffffffe0;
}
footer.footer_buttons .button {
  padding: 0 1em;
}
.footer_sticky footer.footer_buttons {
  position: fixed;
  z-index: 10;
}

#list.SelectCustomer {
  display: flex;
  padding-top: 0;
}
#list.SelectCustomer .list_sub {
  min-width: 260px;
  margin-right: 24px;
}
#list.SelectCustomer .list_sub h3 {
  height: 20px;
  margin-bottom: 4px;
  padding: 0;
  background: transparent;
  font-size: 14px;
}
#list.SelectCustomer .list_sub form,
#list.SelectCustomer .list_sub select {
  height: 100%;
  width: 100%;
}
#list.SelectCustomer .list_sub section + section {
  margin-top: 16px;
}
#list.SelectCustomer .list_data {
  flex: 1;
}
#list.SelectCustomer .list_data table {
  margin-top: 20px;
}

ul.target {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 8px;
}
.section-input > ul.target {
  padding: 0 24px;
}
ul.target li {
  margin-bottom: 16px;
}

.sn-hierarchy_list {
  border: 1px solid #CBCED1;
  border-width: 1px 1px 0;
}
.sn-hierarchy_list .hierarchy_button {
  pointer-events: none;
  font-size: 0;
}
.sn-hierarchy_list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #CBCED1;
  padding: 0 16px;
}
.level_3 .sn-hierarchy_list .item {
  cursor: unset;
  pointer-events: none;
}
.sn-hierarchy_list .item:hover {
  cursor: pointer;
  background-color: #D3F1F8;
}
.sn-hierarchy_list .item.current {
  background-color: #D3F1F8;
}
.sn-hierarchy_list .item .size {
  width: 15em;
}
.sn-hierarchy_list .item h4 {
  flex: 1;
}
.sn-hierarchy_list .item h4 + .size {
  width: 13em;
}
.sn-hierarchy_list > li > .item {
  font-size: 16px;
}
.sn-hierarchy_list > li ul.level_2 > li > .item {
  padding-left: 40px;
}
.sn-hierarchy_list > li ul.level_2 > li ul.level_3 > li > .item:hover {
  cursor: unset;
  background-color: inherit;
}
.sn-hierarchy_list .hierarchy_hidden ul.level_2,
.sn-hierarchy_list .hierarchy_hidden ul.level_3 {
  height: 0;
}
.sn-hierarchy_list .hierarchy_hidden ul.level_2 > li .item,
.sn-hierarchy_list .hierarchy_hidden ul.level_3 > li .item {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

.noitem {
  width: 100% !important;
  justify-content: center;
  text-align: center !important;
  color: #788189;
  border: 0 none transparent !important;
  padding-top: 64px !important;
}
.noitem::before {
  content: "";
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 70% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23788189%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-file%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M21%2C21.72V1.87A.87.87%2C0%2C0%2C0%2C20.13%2C1h-11a.84.84%2C0%2C0%2C0-.7.36l-5.21%2C7A.9.9%2C0%2C0%2C0%2C3%2C8.91V21.72a.87.87%2C0%2C0%2C0%2C.87.88H20.13a.87.87%2C0%2C0%2C0%2C.87-.88Zm-2.12-1.24H5.12V11.22h5.47a.87.87%2C0%2C0%2C0%2C.87-.87V3.13h7.42ZM9.34%2C3.63V9.1h-4Z%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  align-self: center;
  width: 32px;
  height: 32px;
  background-size: unset !important;
}
.noitem.search::before {
  background: transparent url("./images/icons/icon_search_gray.svg") no-repeat scroll top center;
}

.file-dl {
  display: block;
  font-size: 0;
  width: 100%;
  text-align: center;
}
.file-dl::after {
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 70% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%232585ee%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-file%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M21%2C21.72V1.87A.87.87%2C0%2C0%2C0%2C20.13%2C1h-11a.84.84%2C0%2C0%2C0-.7.36l-5.21%2C7A.9.9%2C0%2C0%2C0%2C3%2C8.91V21.72a.87.87%2C0%2C0%2C0%2C.87.88H20.13a.87.87%2C0%2C0%2C0%2C.87-.88Zm-2.12-1.24H5.12V11.22h5.47a.87.87%2C0%2C0%2C0%2C.87-.87V3.13h7.42ZM9.34%2C3.63V9.1h-4Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 90% !important;
}
.file-dl.none {
  pointer-events: none;
  opacity: 0.6;
}
.file-dl.none::after {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: 70% auto !important;
  background-image: url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E.a{fill%3A%23C9CBD3%3B}%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Ctitle%3Eicon-file%3C%2Ftitle%3E%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M21%2C21.72V1.87A.87.87%2C0%2C0%2C0%2C20.13%2C1h-11a.84.84%2C0%2C0%2C0-.7.36l-5.21%2C7A.9.9%2C0%2C0%2C0%2C3%2C8.91V21.72a.87.87%2C0%2C0%2C0%2C.87.88H20.13a.87.87%2C0%2C0%2C0%2C.87-.88Zm-2.12-1.24H5.12V11.22h5.47a.87.87%2C0%2C0%2C0%2C.87-.87V3.13h7.42ZM9.34%2C3.63V9.1h-4Z%22%2F%3E%3C%2Fsvg%3E");
}