@charset "UTF-8";
/* ================================ 管理システム スタイルシート ================================ */
/* ================================ 管理システム スタイルシート ================================ */
/* ================================ 管理システム スタイルシート ================================ */
@import url(modules/fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
/* ================================ 管理システム スタイルシート ================================ */
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align: baseline;*/ }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-text-size-adjust: none; }

mark {
  background-color: transparent;
  color: inherit; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input, select, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }

/* ================================ 管理システム スタイルシート ================================ */
/* Basic */
@-ms-viewport {
  width: device-width; }
body {
  -ms-overflow-style: scrollbar; }

@media screen and (max-width: 480px) {
  html, body {
    min-width: 320px; } }
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background: #ffffff;
  font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",Arial,sans-serif;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }

body::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none; }

/* ================================ 管理システム スタイルシート ================================ */
/* Type */
body, input, select, textarea {
  color: #7f888f;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-size: 13pt;
  font-weight: 400;
  line-height: 1.65; }
  @media screen and (max-width: 1680px) {
    body, input, select, textarea {
      font-size: 12pt; } }
  @media screen and (max-width: 1280px) {
    body, input, select, textarea {
      font-size: 11pt; } }
  @media screen and (max-width: 360px) {
    body, input, select, textarea {
      font-size: 10pt; } }

td {
  color: #333333; }

a {
  -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  /*border-bottom: dotted 1px;*/
  color: #119dc7;
  text-decoration: none; }
  a:hover {
    border-bottom-color: #119dc7;
    /*color: _palette(accent) !important;*/
    color: #119dc7; }
    a:hover strong {
      color: inherit; }

strong, b {
  color: #3d4449;
  font-weight: 600; }

em, i {
  font-style: italic; }

p {
  margin: 0 0 2em 0; }

h1, h2, h3, h4, h5, h6 {
  color: #3d4449;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 1em 0; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
    border-bottom: 0; }

h1 {
  font-size: 4em;
  margin: 0 0 0.5em 0;
  line-height: 1.3; }

h2 {
  font-size: 1.75em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1.1em; }

h5 {
  font-size: 0.9em; }

h6 {
  font-size: 0.7em; }

@media screen and (max-width: 1680px) {
  h1 {
    font-size: 3.5em; } }
@media screen and (max-width: 980px) {
  h1 {
    font-size: 3.25em; } }
@media screen and (max-width: 736px) {
  h1 {
    font-size: 2em;
    line-height: 1.4; }

  h2 {
    font-size: 1.5em; } }
sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em; }

sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em; }

blockquote {
  border-left: solid 3px rgba(210, 215, 217, 0.75);
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em; }

code {
  background: rgba(230, 235, 237, 0.25);
  border-radius: 0.375em;
  border: solid 1px rgba(210, 215, 217, 0.75);
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-size: 0.9em;
  margin: 0 0.25em;
  padding: 0.25em 0.65em; }

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-size: 0.9em;
  margin: 0 0 2em 0; }
  pre code {
    display: block;
    line-height: 1.75;
    padding: 1em 1.5em;
    overflow-x: auto; }

hr {
  border: 0;
  border-bottom: solid 1px rgba(210, 215, 217, 0.75);
  margin: 2em 0; }
  hr.major {
    margin: 3em 0; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

/* ================================ 管理システム スタイルシート ================================ */
/* Actions */
ul.actions {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  cursor: default;
  list-style: none;
  margin-left: -1em;
  padding-left: 0; }
  ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle; }
  ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0; }
    ul.actions.special li:first-child {
      padding-left: 0; }
  ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
    ul.actions.stacked li {
      padding: 1.3em 0 0 0; }
      ul.actions.stacked li:first-child {
        padding-top: 0; }
  ul.actions.fit {
    width: calc(100% + 1em); }
    ul.actions.fit li {
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-shrink: 1;
      flex-shrink: 1;
      width: 100%; }
      ul.actions.fit li > * {
        width: 100%; }
    ul.actions.fit.stacked {
      width: 100%; }

/* Box */
.box {
  border-radius: 0.375em;
  border: solid 1px rgba(210, 215, 217, 0.75);
  margin-bottom: 2em;
  padding: 1.5em; }
  .box > :last-child,
  .box > :last-child > :last-child,
  .box > :last-child > :last-child > :last-child {
    margin-bottom: 0; }
  .box.alt {
    border: 0;
    border-radius: 0;
    padding: 0; }

/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  background-color: transparent;
  border-radius: 0.375em;
  border: 0;
  box-shadow: inset 0 0 0 2px #119dc7;
  color: #119dc7 !important;
  cursor: pointer;
  display: inline-block;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  height: 2.5em;
  letter-spacing: 0.075em;
  line-height: 2.5em;
  padding: 0 0.8em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  margin: 2px 0; }
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover {
    background-color: rgba(17, 157, 199, 0.05); }
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  button:active,
  .button:active {
    background-color: rgba(17, 157, 199, 0.15); }
  input[type="submit"].icon:before,
  input[type="reset"].icon:before,
  input[type="button"].icon:before,
  button.icon:before,
  .button.icon:before {
    margin-right: 0.5em; }
  input[type="submit"].fit,
  input[type="reset"].fit,
  input[type="button"].fit,
  button.fit,
  .button.fit {
    width: 100%; }
  input[type="submit"].small,
  input[type="reset"].small,
  input[type="button"].small,
  button.small,
  .button.small {
    font-size: 0.9em;
    height: 2em;
    line-height: 2.1em; }
  input[type="submit"].x-small,
  input[type="reset"].x-small,
  input[type="button"].x-small,
  button.x-small,
  .button.x-small {
    font-size: 0.9em;
    height: 2em;
    line-height: 2.1em;
    padding: 0 0.3em; }
  input[type="submit"].large,
  input[type="reset"].large,
  input[type="button"].large,
  button.large,
  .button.large {
    font-size: 1em;
    height: 3.65em;
    line-height: 3.65em; }
  input[type="submit"].primary,
  input[type="reset"].primary,
  input[type="button"].primary,
  button.primary,
  .button.primary {
    background-color: #119dc7;
    box-shadow: none;
    color: #ffffff !important; }
    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    input[type="button"].primary:hover,
    button.primary:hover,
    .button.primary:hover {
      background-color: #29c1ef; }
    input[type="submit"].primary:active,
    input[type="reset"].primary:active,
    input[type="button"].primary:active,
    button.primary:active,
    .button.primary:active {
      background-color: #997e3b; }
  input[type="submit"].disabled, input[type="submit"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  button.disabled,
  button:disabled,
  .button.disabled,
  .button:disabled {
    pointer-events: none;
    opacity: 0.25; }

/* Contact */
ul.contact {
  list-style: none;
  padding: 0; }
  ul.contact li {
    text-decoration: none;
    border-top: solid 1px rgba(210, 215, 217, 0.75);
    margin: 1.5em 0 0 0;
    padding: 1.5em 0 0 3em;
    position: relative; }
    ul.contact li:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 400; }
    ul.contact li:before {
      color: #119dc7;
      display: inline-block;
      font-size: 1.5em;
      height: 1.125em;
      left: 0;
      line-height: 1.125em;
      position: absolute;
      text-align: center;
      top: 1em;
      width: 1.5em; }
    ul.contact li:first-child {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
      ul.contact li:first-child:before {
        top: 0; }
    ul.contact li a {
      color: inherit; }

/* Features */
.features {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 2em -3em;
  width: calc(100% + 3em); }
  .features article {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 3em 3em;
    position: relative;
    width: calc(50% - 3em); }
    .features article:nth-child(2n - 1) {
      margin-right: 1.5em; }
    .features article:nth-child(2n) {
      margin-left: 1.5em; }
    .features article:nth-last-child(1), .features article:nth-last-child(2) {
      margin-bottom: 0; }
    .features article .icon {
      -moz-flex-grow: 0;
      -webkit-flex-grow: 0;
      -ms-flex-grow: 0;
      flex-grow: 0;
      -moz-flex-shrink: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      display: block;
      height: 10em;
      line-height: 10em;
      margin: 0 2em 0 0;
      text-align: center;
      width: 10em; }
      .features article .icon:before {
        color: #119dc7;
        font-size: 2.75rem;
        position: relative;
        top: 0.05em; }
      .features article .icon:after {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 0.25rem;
        border: solid 2px rgba(210, 215, 217, 0.75);
        content: '';
        display: block;
        height: 7em;
        left: 50%;
        margin: -3.5em 0 0 -3.5em;
        position: absolute;
        top: 50%;
        width: 7em; }
    .features article .content {
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-shrink: 1;
      flex-shrink: 1;
      width: 100%; }
      .features article .content > :last-child {
        margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .features {
      margin: 0 0 2em 0;
      width: 100%; }
      .features article {
        margin: 0 0 3em 0;
        width: 100%; }
        .features article:nth-child(2n - 1) {
          margin-right: 0; }
        .features article:nth-child(2n) {
          margin-left: 0; }
        .features article:nth-last-child(1), .features article:nth-last-child(2) {
          margin-bottom: 3em; }
        .features article:last-child {
          margin-bottom: 0; }
        .features article .icon {
          height: 8em;
          line-height: 8em;
          width: 8em; }
          .features article .icon:before {
            font-size: 2.25rem; }
          .features article .icon:after {
            height: 6em;
            margin: -3em 0 0 -3em;
            width: 6em; } }
  @media screen and (max-width: 480px) {
    .features article {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; }
      .features article .icon {
        height: 6em;
        line-height: 6em;
        margin: 0 0 1.5em 0;
        width: 6em; }
        .features article .icon:before {
          font-size: 1.5rem; }
        .features article .icon:after {
          height: 4em;
          margin: -2em 0 0 -2em;
          width: 4em; } }
  @media screen and (max-width: 480px) {
    .features article .icon:before {
      font-size: 1.25rem; } }

/* Form */
form {
  /*margin: 0 0 _size(element-margin) 0;*/
  margin: 0 0 0 0; }

label {
  color: #3d4449;
  display: block;
  font-size: 0.9em;
  font-weight: 600;
  margin: 0.5em 0 0.5em 0; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: #ffffff;
  border-radius: 0.375em;
  border: none;
  border: solid 1px rgba(210, 215, 217, 0.75);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 0.75em;
  text-decoration: none;
  width: 100%;
  /*max-width: 100%;*/ }
  input[type="text"]:invalid,
  input[type="password"]:invalid,
  input[type="email"]:invalid,
  input[type="tel"]:invalid,
  input[type="search"]:invalid,
  input[type="url"]:invalid,
  input[type="date"]:invalid,
  input[type="time"]:invalid,
  select:invalid,
  textarea:invalid {
    box-shadow: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  input[type="date"]:focus,
  input[type="time"]:focus,
  select:focus,
  textarea:focus {
    border-color: #119dc7;
    box-shadow: 0 0 0 1px #119dc7; }

select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(210, 215, 217, 0.75)' /%3E%3C/svg%3E");
  background-size: 1.25em;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) center;
  height: 2.75em;
  padding-right: 2.75em;
  text-overflow: ellipsis; }
  select option {
    color: #3d4449;
    background: #ffffff; }
  select:focus::-ms-value {
    background-color: transparent; }
  select::-ms-expand {
    display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="tel"],
input[type="number"],
select {
  height: 2.75em;
  ime-mode: inactive;
  /* Edge/Explorer/Firefoxなど、Chromeは非対応なので「input type='tel'」を利用 */ }

textarea {
  padding: 0.75em 1em; }

input[type="checkbox"],
input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -1.3em;
  opacity: 0;
  width: 1em;
  z-index: -1; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    text-decoration: none;
    color: #7f888f;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    padding-left: 2.4em;
    padding-right: 0.75em;
    position: relative; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      background: #ffffff;
      border-radius: 0.375em;
      border: solid 1px rgba(210, 215, 217, 0.75);
      content: '';
      display: inline-block;
      font-size: 0.8em;
      height: 2.0625em;
      left: 0;
      line-height: 2.0625em;
      position: absolute;
      text-align: center;
      top: 0;
      width: 2.0625em; }
  input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
    background: #3d4449;
    border-color: #3d4449;
    color: #ffffff;
    content: '\f00c'; }
  input[type="checkbox"]:focus + label:before,
  input[type="radio"]:focus + label:before {
    border-color: #119dc7;
    box-shadow: 0 0 0 1px #119dc7; }

input[type="checkbox"] + label:before {
  border-radius: 0.375em; }

input[type="radio"] {
  pointer-events: none; }
  input[type="radio"] + label {
    white-space: nowrap; }
    input[type="radio"] + label:before {
      border-radius: 100%; }

::-webkit-input-placeholder {
  color: #9fa3a6 !important;
  opacity: 0.5; }

:-moz-placeholder {
  color: #9fa3a6 !important;
  opacity: 0.5; }

::-moz-placeholder {
  color: #9fa3a6 !important;
  opacity: 0.5; }

:-ms-input-placeholder {
  color: #9fa3a6 !important;
  opacity: 0.5; }

/* Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative; }
  .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400; }
  .icon > .label {
    display: none; }
  .icon:before {
    line-height: inherit; }
  .icon.solid:before {
    font-weight: 900; }
  .icon.brands:before {
    font-family: 'Font Awesome 5 Brands'; }

/* Icons */
ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0; }
  ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0; }
    ul.icons li:last-child {
      padding-right: 0; }
    ul.icons li .icon {
      color: inherit; }
      ul.icons li .icon:before {
        font-size: 1.25em; }
    ul.icons li .logo {
      height: 38px;
      margin-top: 8px; }
      @media screen and (max-width: 1680px) {
        ul.icons li .logo {
          margin-top: 6px; } }
      @media screen and (max-width: 1280px) {
        ul.icons li .logo {
          margin-top: 2px; } }
      @media screen and (max-width: 980px) {
        ul.icons li .logo {
          margin-top: 2px; } }
      @media screen and (max-width: 736px) {
        ul.icons li .logo {
          margin-top: 17px; } }
      @media screen and (max-width: 480px) {
        ul.icons li .logo {
          margin-top: 17px; } }
      @media screen and (max-width: 360px) {
        ul.icons li .logo {
          margin-top: 14px; } }

/* Image */
.image {
  border-radius: 0.375em;
  border: 0;
  display: inline-block;
  position: relative; }
  .image img {
    border-radius: 0.375em;
    display: block; }
  .image.left, .image.right {
    max-width: 40%; }
    .image.left img, .image.right img {
      width: 100%; }
  .image.left {
    float: left;
    padding: 0 1.5em 1em 0;
    top: 0.25em; }
  .image.right {
    float: right;
    padding: 0 0 1em 1.5em;
    top: 0.25em; }
  .image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%; }
    .image.fit img {
      width: 100%; }
  .image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%; }
    .image.main img {
      width: 100%; }

a.image {
  overflow: hidden; }
  a.image img {
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease; }
  a.image:hover img {
    -moz-transform: scale(1.075);
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075); }

/* List */
ol {
  list-style: decimal;
  margin: 0 0 2em 0;
  padding-left: 1.25em; }
  ol li {
    padding-left: 0.25em; }

ul {
  list-style: disc;
  margin: 0 0 2em 0;
  padding-left: 1em; }
  ul li {
    padding-left: 0.5em; }
  ul.alt {
    list-style: none;
    padding-left: 0; }
    ul.alt li {
      border-top: solid 1px rgba(210, 215, 217, 0.75);
      padding: 0.5em 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }

dl {
  margin: 0 0 2em 0; }
  dl dt {
    display: block;
    font-weight: 600;
    margin: 0 0 1em 0; }
  dl dd {
    margin-left: 2em; }

/* Mini Posts */
.mini-posts article {
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  margin-top: 2em;
  padding-top: 2em; }
  .mini-posts article .image {
    display: block;
    margin: 0 0 1.5em 0; }
    .mini-posts article .image img {
      display: block;
      width: 100%; }
  .mini-posts article:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0; }

/* Pagination */
ul.pagination {
  cursor: default;
  list-style: none;
  padding-left: 0;
  text-align: center; }
  ul.pagination li {
    display: inline-block;
    padding-left: 0;
    vertical-align: middle; }
    ul.pagination li > .page {
      -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      border-bottom: 0;
      border-radius: 0.375em;
      display: inline-block;
      font-size: 0.8em;
      font-weight: 600;
      height: 2em;
      line-height: 2em;
      margin: 0 0.125em;
      min-width: 2em;
      padding: 0 0.5em;
      text-align: center; }
      ul.pagination li > .page.active {
        background-color: #119dc7;
        color: #ffffff !important; }
        ul.pagination li > .page.active:hover {
          background-color: #12a8d5; }
        ul.pagination li > .page.active:active {
          background-color: #1092b9; }
    ul.pagination li:first-child {
      padding-right: 0.75em; }
    ul.pagination li:last-child {
      padding-left: 0.75em; }
  @media screen and (max-width: 480px) {
    ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
      display: none; }
    ul.pagination li:first-child {
      padding-right: 0; } }

/* Pagination 2 */
.list-pager {
  width: 100%;
  text-align: center;
  margin-top: 20px; }
  .list-pager a:hover {
    border-bottom-color: #bbb;
    color: unset; }

/* Posts */
.posts {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 2em -6em;
  width: calc(100% + 6em); }
  .posts article {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    margin: 0 0 6em 6em;
    position: relative;
    width: calc(33.3333333333% - 6em); }
    .posts article:before {
      background: rgba(210, 215, 217, 0.75);
      content: '';
      display: block;
      height: calc(100% + 6em);
      left: -3em;
      position: absolute;
      top: 0;
      width: 1px; }
    .posts article:after {
      background: rgba(210, 215, 217, 0.75);
      bottom: -3em;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      right: 0;
      width: calc(100% + 6em); }
    .posts article > :last-child {
      margin-bottom: 0; }
    .posts article .image {
      display: block;
      margin: 0 0 2em 0; }
      .posts article .image img {
        display: block;
        width: 100%; }
  @media screen and (min-width: 1681px) {
    .posts article:nth-child(3n + 1):before {
      display: none; }
    .posts article:nth-child(3n + 1):after {
      width: 100%; }
    .posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
      margin-bottom: 0; }
      .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
        height: 100%; }
      .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
        display: none; } }
  @media screen and (max-width: 1680px) {
    .posts article {
      width: calc(50% - 6em); }
      .posts article:nth-last-child(3) {
        margin-bottom: 6em; } }
  @media screen and (min-width: 481px) and (max-width: 1680px) {
    .posts article:nth-child(2n + 1):before {
      display: none; }
    .posts article:nth-child(2n + 1):after {
      width: 100%; }
    .posts article:nth-last-child(1), .posts article:nth-last-child(2) {
      margin-bottom: 0; }
      .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
        height: 100%; }
      .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
        display: none; } }
  @media screen and (max-width: 736px) {
    .posts {
      margin: 0 0 2em -4.5em;
      width: calc(100% + 4.5em); }
      .posts article {
        margin: 0 0 4.5em 4.5em;
        width: calc(50% - 4.5em); }
        .posts article:before {
          height: calc(100% + 4.5em);
          left: -2.25em; }
        .posts article:after {
          bottom: -2.25em;
          width: calc(100% + 4.5em); }
        .posts article:nth-last-child(3) {
          margin-bottom: 4.5em; } }
  @media screen and (max-width: 480px) {
    .posts {
      margin: 0 0 2em 0;
      width: 100%; }
      .posts article {
        margin: 0 0 4.5em 0;
        width: 100%; }
        .posts article:before {
          display: none; }
        .posts article:after {
          width: 100%; }
        .posts article:last-child {
          margin-bottom: 0; }
          .posts article:last-child:after {
            display: none; } }

/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: stretch; }
  .row > * {
    box-sizing: border-box; }
  .row.gtr-uniform > * > :last-child {
    margin-bottom: 0; }
  .row.aln-left {
    justify-content: flex-start; }
  .row.aln-center {
    justify-content: center; }
  .row.aln-right {
    justify-content: flex-end; }
  .row.aln-top {
    align-items: flex-start; }
  .row.aln-middle {
    align-items: center; }
  .row.aln-bottom {
    align-items: flex-end; }
  .row > .imp {
    order: -1; }
  .row > .col-1 {
    width: 8.3333333333%; }
  .row > .off-1 {
    margin-left: 8.3333333333%; }
  .row > .col-2 {
    width: 16.6666666667%; }
  .row > .off-2 {
    margin-left: 16.6666666667%; }
  .row > .col-3 {
    width: 25%; }
  .row > .off-3 {
    margin-left: 25%; }
  .row > .col-4 {
    width: 33.3333333333%; }
  .row > .off-4 {
    margin-left: 33.3333333333%; }
  .row > .col-5 {
    width: 41.6666666667%; }
  .row > .off-5 {
    margin-left: 41.6666666667%; }
  .row > .col-6 {
    width: 50%; }
  .row > .off-6 {
    margin-left: 50%; }
  .row > .col-7 {
    width: 58.3333333333%; }
  .row > .off-7 {
    margin-left: 58.3333333333%; }
  .row > .col-8 {
    width: 66.6666666667%; }
  .row > .off-8 {
    margin-left: 66.6666666667%; }
  .row > .col-9 {
    width: 75%; }
  .row > .off-9 {
    margin-left: 75%; }
  .row > .col-10 {
    width: 83.3333333333%; }
  .row > .off-10 {
    margin-left: 83.3333333333%; }
  .row > .col-11 {
    width: 91.6666666667%; }
  .row > .off-11 {
    margin-left: 91.6666666667%; }
  .row > .col-12 {
    width: 100%; }
  .row > .off-12 {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0em; }
    .row.gtr-0 > * {
      padding: 0 0 0 0em; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0em; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0em; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.375em; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.375em; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.375em; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.375em; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.75em; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.75em; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.75em; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.75em; }
  .row {
    margin-top: 0;
    margin-left: -1.5em; }
    .row > * {
      padding: 0 0 0 1.5em; }
    .row.gtr-uniform {
      margin-top: -1.5em; }
      .row.gtr-uniform > * {
        padding-top: 1.5em; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -2.25em; }
    .row.gtr-150 > * {
      padding: 0 0 0 2.25em; }
    .row.gtr-150.gtr-uniform {
      margin-top: -2.25em; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 2.25em; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -3em; }
    .row.gtr-200 > * {
      padding: 0 0 0 3em; }
    .row.gtr-200.gtr-uniform {
      margin-top: -3em; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 3em; }
  @media screen and (max-width: 1680px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xlarge {
        order: -1; }
      .row > .col-1-xlarge {
        width: 8.3333333333%; }
      .row > .off-1-xlarge {
        margin-left: 8.3333333333%; }
      .row > .col-2-xlarge {
        width: 16.6666666667%; }
      .row > .off-2-xlarge {
        margin-left: 16.6666666667%; }
      .row > .col-3-xlarge {
        width: 25%; }
      .row > .off-3-xlarge {
        margin-left: 25%; }
      .row > .col-4-xlarge {
        width: 33.3333333333%; }
      .row > .off-4-xlarge {
        margin-left: 33.3333333333%; }
      .row > .col-5-xlarge {
        width: 41.6666666667%; }
      .row > .off-5-xlarge {
        margin-left: 41.6666666667%; }
      .row > .col-6-xlarge {
        width: 50%; }
      .row > .off-6-xlarge {
        margin-left: 50%; }
      .row > .col-7-xlarge {
        width: 58.3333333333%; }
      .row > .off-7-xlarge {
        margin-left: 58.3333333333%; }
      .row > .col-8-xlarge {
        width: 66.6666666667%; }
      .row > .off-8-xlarge {
        margin-left: 66.6666666667%; }
      .row > .col-9-xlarge {
        width: 75%; }
      .row > .off-9-xlarge {
        margin-left: 75%; }
      .row > .col-10-xlarge {
        width: 83.3333333333%; }
      .row > .off-10-xlarge {
        margin-left: 83.3333333333%; }
      .row > .col-11-xlarge {
        width: 91.6666666667%; }
      .row > .off-11-xlarge {
        margin-left: 91.6666666667%; }
      .row > .col-12-xlarge {
        width: 100%; }
      .row > .off-12-xlarge {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 1280px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-large {
        order: -1; }
      .row > .col-1-large {
        width: 8.3333333333%; }
      .row > .off-1-large {
        margin-left: 8.3333333333%; }
      .row > .col-2-large {
        width: 16.6666666667%; }
      .row > .off-2-large {
        margin-left: 16.6666666667%; }
      .row > .col-3-large {
        width: 25%; }
      .row > .off-3-large {
        margin-left: 25%; }
      .row > .col-4-large {
        width: 33.3333333333%; }
      .row > .off-4-large {
        margin-left: 33.3333333333%; }
      .row > .col-5-large {
        width: 41.6666666667%; }
      .row > .off-5-large {
        margin-left: 41.6666666667%; }
      .row > .col-6-large {
        width: 50%; }
      .row > .off-6-large {
        margin-left: 50%; }
      .row > .col-7-large {
        width: 58.3333333333%; }
      .row > .off-7-large {
        margin-left: 58.3333333333%; }
      .row > .col-8-large {
        width: 66.6666666667%; }
      .row > .off-8-large {
        margin-left: 66.6666666667%; }
      .row > .col-9-large {
        width: 75%; }
      .row > .off-9-large {
        margin-left: 75%; }
      .row > .col-10-large {
        width: 83.3333333333%; }
      .row > .off-10-large {
        margin-left: 83.3333333333%; }
      .row > .col-11-large {
        width: 91.6666666667%; }
      .row > .off-11-large {
        margin-left: 91.6666666667%; }
      .row > .col-12-large {
        width: 100%; }
      .row > .off-12-large {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 980px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-medium {
        order: -1; }
      .row > .col-1-medium {
        width: 8.3333333333%; }
      .row > .off-1-medium {
        margin-left: 8.3333333333%; }
      .row > .col-2-medium {
        width: 16.6666666667%; }
      .row > .off-2-medium {
        margin-left: 16.6666666667%; }
      .row > .col-3-medium {
        width: 25%; }
      .row > .off-3-medium {
        margin-left: 25%; }
      .row > .col-4-medium {
        width: 33.3333333333%; }
      .row > .off-4-medium {
        margin-left: 33.3333333333%; }
      .row > .col-5-medium {
        width: 41.6666666667%; }
      .row > .off-5-medium {
        margin-left: 41.6666666667%; }
      .row > .col-6-medium {
        width: 50%; }
      .row > .off-6-medium {
        margin-left: 50%; }
      .row > .col-7-medium {
        width: 58.3333333333%; }
      .row > .off-7-medium {
        margin-left: 58.3333333333%; }
      .row > .col-8-medium {
        width: 66.6666666667%; }
      .row > .off-8-medium {
        margin-left: 66.6666666667%; }
      .row > .col-9-medium {
        width: 75%; }
      .row > .off-9-medium {
        margin-left: 75%; }
      .row > .col-10-medium {
        width: 83.3333333333%; }
      .row > .off-10-medium {
        margin-left: 83.3333333333%; }
      .row > .col-11-medium {
        width: 91.6666666667%; }
      .row > .off-11-medium {
        margin-left: 91.6666666667%; }
      .row > .col-12-medium {
        width: 100%; }
      .row > .off-12-medium {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 736px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-small {
        order: -1; }
      .row > .col-1-small {
        width: 8.3333333333%; }
      .row > .off-1-small {
        margin-left: 8.3333333333%; }
      .row > .col-2-small {
        width: 16.6666666667%; }
      .row > .off-2-small {
        margin-left: 16.6666666667%; }
      .row > .col-3-small {
        width: 25%; }
      .row > .off-3-small {
        margin-left: 25%; }
      .row > .col-4-small {
        width: 33.3333333333%; }
      .row > .off-4-small {
        margin-left: 33.3333333333%; }
      .row > .col-5-small {
        width: 41.6666666667%; }
      .row > .off-5-small {
        margin-left: 41.6666666667%; }
      .row > .col-6-small {
        width: 50%; }
      .row > .off-6-small {
        margin-left: 50%; }
      .row > .col-7-small {
        width: 58.3333333333%; }
      .row > .off-7-small {
        margin-left: 58.3333333333%; }
      .row > .col-8-small {
        width: 66.6666666667%; }
      .row > .off-8-small {
        margin-left: 66.6666666667%; }
      .row > .col-9-small {
        width: 75%; }
      .row > .off-9-small {
        margin-left: 75%; }
      .row > .col-10-small {
        width: 83.3333333333%; }
      .row > .off-10-small {
        margin-left: 83.3333333333%; }
      .row > .col-11-small {
        width: 91.6666666667%; }
      .row > .off-11-small {
        margin-left: 91.6666666667%; }
      .row > .col-12-small {
        width: 100%; }
      .row > .off-12-small {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }
  @media screen and (max-width: 480px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xsmall {
        order: -1; }
      .row > .col-1-xsmall {
        width: 8.3333333333%; }
      .row > .off-1-xsmall {
        margin-left: 8.3333333333%; }
      .row > .col-2-xsmall {
        width: 16.6666666667%; }
      .row > .off-2-xsmall {
        margin-left: 16.6666666667%; }
      .row > .col-3-xsmall {
        width: 25%; }
      .row > .off-3-xsmall {
        margin-left: 25%; }
      .row > .col-4-xsmall {
        width: 33.3333333333%; }
      .row > .off-4-xsmall {
        margin-left: 33.3333333333%; }
      .row > .col-5-xsmall {
        width: 41.6666666667%; }
      .row > .off-5-xsmall {
        margin-left: 41.6666666667%; }
      .row > .col-6-xsmall {
        width: 50%; }
      .row > .off-6-xsmall {
        margin-left: 50%; }
      .row > .col-7-xsmall {
        width: 58.3333333333%; }
      .row > .off-7-xsmall {
        margin-left: 58.3333333333%; }
      .row > .col-8-xsmall {
        width: 66.6666666667%; }
      .row > .off-8-xsmall {
        margin-left: 66.6666666667%; }
      .row > .col-9-xsmall {
        width: 75%; }
      .row > .off-9-xsmall {
        margin-left: 75%; }
      .row > .col-10-xsmall {
        width: 83.3333333333%; }
      .row > .off-10-xsmall {
        margin-left: 83.3333333333%; }
      .row > .col-11-xsmall {
        width: 91.6666666667%; }
      .row > .off-11-xsmall {
        margin-left: 91.6666666667%; }
      .row > .col-12-xsmall {
        width: 100%; }
      .row > .off-12-xsmall {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em; }
        .row.gtr-0 > * {
          padding: 0 0 0 0em; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0em; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0em; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.375em; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.375em; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.375em; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em; }
        .row.gtr-50 > * {
          padding: 0 0 0 0.75em; }
        .row.gtr-50.gtr-uniform {
          margin-top: -0.75em; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 0.75em; }
      .row {
        margin-top: 0;
        margin-left: -1.5em; }
        .row > * {
          padding: 0 0 0 1.5em; }
        .row.gtr-uniform {
          margin-top: -1.5em; }
          .row.gtr-uniform > * {
            padding-top: 1.5em; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em; }
        .row.gtr-150 > * {
          padding: 0 0 0 2.25em; }
        .row.gtr-150.gtr-uniform {
          margin-top: -2.25em; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 2.25em; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em; }
        .row.gtr-200 > * {
          padding: 0 0 0 3em; }
        .row.gtr-200.gtr-uniform {
          margin-top: -3em; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 3em; } }

/* Section/Article */
section.special, article.special {
  text-align: center; }

header p {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin-top: -0.5em;
  text-transform: uppercase; }
header.major > :last-child {
  border-bottom: solid 3px #119dc7;
  display: inline-block;
  margin: 0 0 2em 0;
  padding: 0 0.75em 0.5em 0; }
header.main > :last-child {
  margin: 0 0 1em 0; }

/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

table {
  /*margin: 0 0 _size(element-margin) 0;*/
  margin: 0;
  width: 100%; }
  table tbody tr {
    border: solid 1px rgba(210, 215, 217, 0.75);
    border-left: 0;
    border-right: 0; }
    table tbody tr:nth-child(2n + 1) {
      background-color: rgba(230, 235, 237, 0.25); }
    table tbody tr:hover {
      background-color: #eef1df; }
  table td {
    padding: 0.5em 0.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 0.95em; }
    table td .multi-record {
      display: flex;
      flex-direction: column; }
      table td .multi-record span {
        font-size: 0.9em;
        line-height: 1.2em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  table th {
    color: #3d4449;
    background-color: #e5e5e5;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.1em;
    padding: 0.5em 0.2em;
    text-align: center;
    white-space: nowrap; }
    table th span {
      font-size: 0.8em;
      line-height: 0.8em;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #686868;
      padding-top: 3px; }
  table thead {
    border-bottom: solid 2px rgba(210, 215, 217, 0.75); }
  table tfoot {
    border-top: solid 2px rgba(210, 215, 217, 0.75); }
  table.alt {
    border-collapse: separate; }
    table.alt tbody tr td {
      border: solid 1px rgba(210, 215, 217, 0.75);
      border-left-width: 0;
      border-top-width: 0; }
      table.alt tbody tr td:first-child {
        border-left-width: 1px; }
    table.alt tbody tr:first-child td {
      border-top-width: 1px; }
    table.alt thead {
      border-bottom: 0; }
    table.alt tfoot {
      border-top: 0; }

/* ================================ 管理システム スタイルシート ================================ */
.no-record, .no-page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: #cbcbcb;
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 20px; }
  @media screen and (max-width: 980px) {
    .no-record, .no-page {
      height: 400px;
      padding: 15px; } }
  @media screen and (max-width: 736px) {
    .no-record, .no-page {
      height: 300px;
      padding: 10px; } }
  .no-record .message, .no-page .message {
    width: 100%;
    font-size: 1.8em;
    text-align: center; }
    @media screen and (max-width: 980px) {
      .no-record .message, .no-page .message {
        font-size: 1.6em; } }
    @media screen and (max-width: 736px) {
      .no-record .message, .no-page .message {
        font-size: 1.4em; } }
    .no-record .message span, .no-page .message span {
      padding-right: 10px; }
  .no-record .additional, .no-page .additional {
    width: 100%;
    font-size: 0.9em;
    text-align: center; }

.no-record {
  height: 300px;
  margin-top: 10px; }
  @media screen and (max-width: 980px) {
    .no-record {
      height: 250px; } }
  @media screen and (max-width: 736px) {
    .no-record {
      height: 200px; } }

.no-page {
  height: 500px; }

.help-text {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  cursor: help; }
  .help-text .icon {
    font-size: 21px;
    color: #037acf;
    padding: 0 0 2px 5px !important; }

/*車両情報詳細：画像一覧*/
.image-list-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .image-list-area img {
    object-fit: cover;
    width: 280px;
    height: 200px;
    margin: 0 4px 4px 0;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    cursor: pointer; }
    @media screen and (max-width: 736px) {
      .image-list-area img {
        width: 48%;
        height: 155px; } }
    @media screen and (max-width: 480px) {
      .image-list-area img {
        width: 100%;
        height: 155px; } }
    .image-list-area img:hover {
      opacity: 0.8; }

/*車両情報詳細：画像編集*/
.image-edit-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .image-edit-area .image-list {
    width: 49%;
    margin: 5px 1px;
    padding: 10px;
    border: 1px dotted #e1e1e1;
    background-color: #ffffffb0; }
    @media screen and (max-width: 736px) {
      .image-edit-area .image-list {
        width: 100%; } }
    .image-edit-area .image-list .file-select {
      display: flex;
      align-items: center; }
      .image-edit-area .image-list .file-select input[type="file"] {
        display: none; }
      .image-edit-area .image-list .file-select label {
        color: #3c3c3c;
        background-color: #f5f5f5;
        border: 1px solid #d9d9d9;
        margin: 0 10px 0  0;
        padding: 2px 15px;
        border-radius: 5px;
        white-space: nowrap;
        cursor: pointer; }
        .image-edit-area .image-list .file-select label:hover {
          color: #ffffff;
          background-color: #666666; }
      .image-edit-area .image-list .file-select p {
        overflow-wrap: anywhere;
        margin: 0; }
    .image-edit-area .image-list .photo {
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: wrap; }
      .image-edit-area .image-list .photo img {
        object-fit: contain;
        max-width: 100%;
        max-height: 400px; }
  .image-edit-area .preview {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .image-edit-area .preview .photo {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 49%; }
      @media screen and (max-width: 736px) {
        .image-edit-area .preview .photo {
          width: 100%; } }
      .image-edit-area .preview .photo img {
        object-fit: contain;
        max-width: 100%;
        max-height: 400px; }
  .image-edit-area .control {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0; }
    .image-edit-area .control .check {
      display: flex;
      align-items: center;
      color: #a74444;
      font-size: 15px;
      line-height: 15px;
      white-space: nowrap; }
      .image-edit-area .control .check input[type="checkbox"] {
        width: 18px;
        height: 18px;
        cursor: pointer; }
    .image-edit-area .control label {
      margin-left: 10px;
      padding-left: 32px; }
    .image-edit-area .control .btn {
      padding: 6px 10px;
      background-color: #006a8f;
      color: #ffffff;
      font-size: 12px;
      line-height: 12px;
      border-radius: 2px;
      margin: 0 2px 2px 0;
      cursor: pointer;
      white-space: nowrap; }
      .image-edit-area .control .btn:hover {
        background-color: #0391c3; }
    .image-edit-area .control .del {
      background-color: #cb167e; }
      .image-edit-area .control .del:hover {
        background-color: #ff179c; }

/*車両一覧：画像*/
.image-list-td-vehicle {
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  cursor: pointer; }
  .image-list-td-vehicle.left {
    justify-content: flex-start; }
  .image-list-td-vehicle img {
    width: 50px;
    height: 51px;
    object-fit: cover; }

.search-popup {
  width: 100%;
  min-height: 450px;
  max-height: 100%;
  padding: 5px; }
  .search-popup .search-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #dfdfdf;
    padding: 7px 10px;
    border-radius: 2px; }
    .search-popup .search-area .item {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 0 0.3em; }
      .search-popup .search-area .item .tag {
        font-size: 0.7em;
        line-height: 1.4em;
        white-space: nowrap;
        margin-top: 0.3em; }
      .search-popup .search-area .item .condition {
        display: flex;
        align-items: center;
        flex-wrap: nowrap; }
        .search-popup .search-area .item .condition select, .search-popup .search-area .item .condition a, .search-popup .search-area .item .condition input[type='text'], .search-popup .search-area .item .condition input[type='date'] {
          height: 1.75em;
          font-size: 14px;
          padding: 0 5px; }
        .search-popup .search-area .item .condition .select2-selection--single {
          height: 1.75em;
          font-size: 14px; }
        .search-popup .search-area .item .condition .clear {
          display: flex;
          align-items: center;
          box-shadow: inset 0 0 0 1px #c9c9c9;
          color: #b3b3b3 !important;
          background-color: #f4f4f4;
          letter-spacing: -2px;
          padding: 0 9px; }
  .search-popup .list-area {
    width: 100%;
    margin: 5px 0; }
    .search-popup .list-area .table-wrap {
      overflow-x: auto;
      scrollbar-width: thin;
      scrollbar-color: #17585d #ccc; }
      .search-popup .list-area .table-wrap table tr th {
        font-size: 0.8em;
        padding: 0.3em 0.2em; }
      .search-popup .list-area .table-wrap table tr td {
        font-size: 0.85em;
        padding: 0.2em 0.2em; }
        .search-popup .list-area .table-wrap table tr td .multi-record span {
          font-size: 0.85em; }
        .search-popup .list-area .table-wrap table tr td img {
          width: 40px;
          height: 36px; }
    .search-popup .list-area .table-wrap::-webkit-scrollbar {
      height: 7px; }
    .search-popup .list-area .table-wrap::-webkit-scrollbar-track {
      background-color: #ccc; }
    .search-popup .list-area .table-wrap::-webkit-scrollbar-thumb {
      background-color: #db8403; }

.modify-popup {
  width: 100%;
  /*min-height: 200px;*/
  max-height: 100%;
  padding: 5px; }
  .modify-popup .detail-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #dfdfdf;
    padding: 7px 10px;
    border-radius: 2px; }
    .modify-popup .detail-area .item {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 0 0.3em; }
      .modify-popup .detail-area .item .tag {
        font-size: 0.9em;
        line-height: 1.4em;
        white-space: nowrap;
        margin-top: 0.3em; }
      .modify-popup .detail-area .item .field {
        display: flex;
        align-items: center;
        flex-wrap: nowrap; }
        .modify-popup .detail-area .item .field select, .modify-popup .detail-area .item .field a, .modify-popup .detail-area .item .field input[type='text'], .modify-popup .detail-area .item .field input[type='date'], .modify-popup .detail-area .item .field input[type='time'] {
          height: 2.0em;
          font-size: 14px;
          padding: 0 5px; }
        .modify-popup .detail-area .item .field .select2-selection--single {
          height: 2.0em;
          font-size: 14px; }
        .modify-popup .detail-area .item .field.disabled {
          pointer-events: none !important;
          opacity: 0.35; }
      .modify-popup .detail-area .item .multi {
        display: flex;
        flex-wrap: nowrap; }
    .modify-popup .detail-area .must {
      color: #e56b6b;
      margin-left: 8px;
      font-size: 1em; }
  .modify-popup .button-area {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px 0; }
    .modify-popup .button-area .btn {
      margin: 0 10px; }

/* アニメーション */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
/*-------------------------------------------------------------------------------------------------
▼ファイルアップロードブロック
-------------------------------------------------------------------------------------------------*/
.file-uploader {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  /*タグなしバージョン*/ }
  .file-uploader .file-selecter {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #ededed;
    align-items: center;
    max-width: 100%; }
    .file-uploader .file-selecter label {
      display: flex;
      align-items: center;
      color: #555555;
      font-weight: normal;
      background-color: #f5f5f5;
      border: 1px solid #d9d9d9;
      margin: 0px 10px 0px 0px;
      padding: 2px 15px;
      border-radius: 5px;
      white-space: nowrap;
      cursor: pointer; }
      .file-uploader .file-selecter label .ico {
        font-size: 20px;
        padding: 0 0 2px 0; }
      .file-uploader .file-selecter label:hover {
        color: #ffffff;
        background-color: #494949;
        border: 1px solid #494949; }
    .file-uploader .file-selecter input[type="file"] {
      display: none; }
    .file-uploader .file-selecter p {
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      overflow: hidden;
      padding: 10px 0;
      margin: 0; }
  .file-uploader .image-viewer {
    width: 100%; }
    .file-uploader .image-viewer .photos {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .file-uploader .image-viewer .photos .photo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 31.3%;
        margin: 0 1% 1% 0;
        position: relative;
        border: 1px dashed #eaeaea; }
        @media screen and (max-width: 980px) {
          .file-uploader .image-viewer .photos .photo {
            width: 48%;
            margin: 1%; } }
        @media screen and (max-width: 736px) {
          .file-uploader .image-viewer .photos .photo {
            width: 98%;
            margin: 1%;
            max-width: 300px; } }
        .file-uploader .image-viewer .photos .photo:first-child .controls .left {
          display: none; }
        .file-uploader .image-viewer .photos .photo:last-child .controls .right {
          display: none; }
        .file-uploader .image-viewer .photos .photo img {
          max-width: 100%;
          max-height: 500px; }
        .file-uploader .image-viewer .photos .photo .controls {
          display: flex;
          position: absolute;
          top: 5px;
          right: 5px;
          z-index: 1; }
          .file-uploader .image-viewer .photos .photo .controls .control {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            color: #ffffff;
            background-color: #0e0e0e3d;
            padding: 4px;
            margin-left: 10px;
            cursor: pointer; }
            .file-uploader .image-viewer .photos .photo .controls .control:hover {
              color: #e8ff00;
              background-color: #000000; }
        .file-uploader .image-viewer .photos .photo .description {
          position: absolute;
          top: 50%;
          left: 50%;
          bottom: 25%;
          transform: translate(-50%, -50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .file-uploader .image-viewer .photos .photo .description .msg {
            font-size: 20px;
            color: #ffffff;
            padding: 10px;
            background-color: #0e0e0e3d; }
  .file-uploader.no-tag .file-selecter {
    padding: 0;
    border: unset; }
    .file-uploader.no-tag .file-selecter label {
      border: unset;
      background-color: unset;
      padding: 0; }
      .file-uploader.no-tag .file-selecter label .ico {
        font-size: 30px;
        margin: 0; }
      .file-uploader.no-tag .file-selecter label:hover {
        color: unset;
        background-color: unset;
        border: unset; }
  .file-uploader.no-tag .image-viewer .photos .photo {
    width: 200px;
    height: 200px; }
    @media screen and (max-width: 736px) {
      .file-uploader.no-tag .image-viewer .photos .photo {
        width: 48%; } }
    .file-uploader.no-tag .image-viewer .photos .photo img {
      height: 100%;
      object-fit: cover; }

/*-------------------------------------------------------------------------------------------------
▼ファイル一覧
-------------------------------------------------------------------------------------------------*/
.files {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
  max-width: 100%; }
  .files .file {
    width: 270px;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 8px 3px 30px;
    border: 1px solid #d9d9d9;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    margin: 0 10px 7px  0;
    border-radius: 5px;
    position: relative;
    background-color: #ffffff; }
    @media screen and (max-width: 736px) {
      .files .file {
        width: 100%; } }
    .files .file:before {
      font-family: 'Font Awesome 5 Free';
      font-size: 16px;
      line-height: 16px;
      position: absolute;
      top: 50%;
      left: 15px;
      content: '\f0c6';
      color: #6d6d6d;
      font-weight: bold;
      transform: translate(-50%, -50%); }
    .files .file .file-del {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer; }
      .files .file .file-del:hover {
        color: #ff8040; }

/*-------------------------------------------------------------------------------------------------
▼画像一覧
-------------------------------------------------------------------------------------------------*/
.image-thumbnail-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .image-thumbnail-list .image, .image-thumbnail-list .photo {
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background-color: #dbd6c1;
    position: relative;
    width: 24.5%;
    height: 240px;
    margin: 5px 0.25%; }
    @media screen and (max-width: 980px) {
      .image-thumbnail-list .image, .image-thumbnail-list .photo {
        width: 32.8%;
        height: 220px;
        margin: 5px 0.26%; } }
    @media screen and (max-width: 736px) {
      .image-thumbnail-list .image, .image-thumbnail-list .photo {
        width: 49.0%;
        height: 200px;
        margin: 5px 0.50%; } }
    @media screen and (max-width: 480px) {
      .image-thumbnail-list .image, .image-thumbnail-list .photo {
        width: 100.0%;
        height: 200px;
        margin: 5px 0%; } }
    .image-thumbnail-list .image.small, .image-thumbnail-list .photo.small {
      width: 23.802%;
      height: 150px;
      margin: 5px 0.60%; }
      @media screen and (max-width: 980px) {
        .image-thumbnail-list .image.small, .image-thumbnail-list .photo.small {
          width: 32.1%;
          height: 140px;
          margin: 5px 0.60%; } }
      @media screen and (max-width: 736px) {
        .image-thumbnail-list .image.small, .image-thumbnail-list .photo.small {
          width: 32.1%;
          height: 140px;
          margin: 5px 0.60%; } }
      @media screen and (max-width: 360px) {
        .image-thumbnail-list .image.small, .image-thumbnail-list .photo.small {
          width: 48.8%;
          height: 140px;
          margin: 5px 0.60%; } }
    .image-thumbnail-list .image.large, .image-thumbnail-list .photo.large {
      width: 32.1%;
      height: 240px;
      margin: 5px 0.60%; }
      @media screen and (max-width: 1280px) {
        .image-thumbnail-list .image.large, .image-thumbnail-list .photo.large {
          width: 32.1%;
          height: 180px;
          margin: 5px 0.60%; } }
      @media screen and (max-width: 980px) {
        .image-thumbnail-list .image.large, .image-thumbnail-list .photo.large {
          width: 32.1%;
          height: 180px;
          margin: 5px 0.60%; } }
      @media screen and (max-width: 736px) {
        .image-thumbnail-list .image.large, .image-thumbnail-list .photo.large {
          width: 48.8%;
          height: 180px;
          margin: 5px 0.60%; } }
      @media screen and (max-width: 360px) {
        .image-thumbnail-list .image.large, .image-thumbnail-list .photo.large {
          width: 98.8%;
          height: 180px;
          margin: 5px 0.60%; } }
    .image-thumbnail-list .image:hover, .image-thumbnail-list .photo:hover {
      opacity: 1; }
      .image-thumbnail-list .image:hover img, .image-thumbnail-list .photo:hover img {
        transform: scale(1.05, 1.05);
        transition: 1s all; }
      .image-thumbnail-list .image:hover .title, .image-thumbnail-list .image:hover .tags, .image-thumbnail-list .photo:hover .title, .image-thumbnail-list .photo:hover .tags {
        transition: opacity 0.3s 0.5s ease-in;
        opacity: 0; }
    .image-thumbnail-list .image.keep-tag:hover .title, .image-thumbnail-list .image.keep-tag:hover .tags, .image-thumbnail-list .photo.keep-tag:hover .title, .image-thumbnail-list .photo.keep-tag:hover .tags {
      transition: unset;
      opacity: 1; }
    .image-thumbnail-list .image img, .image-thumbnail-list .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .image-thumbnail-list .image .title, .image-thumbnail-list .photo .title {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: #0000007d;
      padding: 5px 10px;
      pointer-events: none;
      display: flex;
      flex-direction: column; }
      .image-thumbnail-list .image .title .txt, .image-thumbnail-list .image .title .price, .image-thumbnail-list .photo .title .txt, .image-thumbnail-list .photo .title .price {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
        @media screen and (max-width: 980px) {
          .image-thumbnail-list .image .title .txt, .image-thumbnail-list .image .title .price, .image-thumbnail-list .photo .title .txt, .image-thumbnail-list .photo .title .price {
            font-size: 14px;
            line-height: 16px; } }
        @media screen and (max-width: 360px) {
          .image-thumbnail-list .image .title .txt, .image-thumbnail-list .image .title .price, .image-thumbnail-list .photo .title .txt, .image-thumbnail-list .photo .title .price {
            font-size: 13px;
            line-height: 15px; } }
      .image-thumbnail-list .image .title .price, .image-thumbnail-list .photo .title .price {
        color: #ffffb4; }
    .image-thumbnail-list .image .tags, .image-thumbnail-list .photo .tags {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      padding: 0 14px;
      display: flex; }
      .image-thumbnail-list .image .tags .tag, .image-thumbnail-list .photo .tags .tag {
        padding: 4px 6px 2px;
        border-radius: 3px;
        font-size: 14px;
        line-height: 14px;
        color: #ffffff;
        background-color: #00000066; }
        .image-thumbnail-list .image .tags .tag.yellow, .image-thumbnail-list .photo .tags .tag.yellow {
          color: #ffffff;
          background-color: #ffc107c9; }
        .image-thumbnail-list .image .tags .tag.blue, .image-thumbnail-list .photo .tags .tag.blue {
          color: #ffffff;
          background-color: #03a9f49e; }
        .image-thumbnail-list .image .tags .tag.red, .image-thumbnail-list .photo .tags .tag.red {
          color: #ffffff;
          background-color: #F44336; }
    .image-thumbnail-list .image .del, .image-thumbnail-list .photo .del {
      position: absolute !important;
      right: 8px;
      top: 8px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background-color: #a5a5a569;
      border: 1px solid #ffffff;
      border-radius: 16px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .image-thumbnail-list .image .del:hover, .image-thumbnail-list .photo .del:hover {
        background-color: #ffa5a5;
        transition: 1s all; }
      .image-thumbnail-list .image .del:active, .image-thumbnail-list .photo .del:active {
        width: 28px;
        height: 28px;
        right: 9px;
        top: 9px; }

/* ================================ 管理システム スタイルシート ================================ */
.status-normal {
  color: #03a9f4; }

.status-stop {
  color: #e7086f; }

.status-ready {
  color: #ff9800; }

.max-w-100 {
  max-width: 100px; }

.max-w-120 {
  max-width: 120px; }

.max-w-150 {
  max-width: 150px; }

.max-w-200 {
  max-width: 200px; }

.max-w-250 {
  max-width: 250px; }

.max-w-300 {
  max-width: 300px; }

.min-w-30 {
  min-width: 30px !important; }

.min-w-40 {
  min-width: 40px !important; }

.min-w-60 {
  min-width: 60px !important; }

.min-w-100 {
  min-width: 100px !important; }

.min-w-120 {
  min-width: 120px !important; }

.min-w-150 {
  min-width: 150px !important; }

.min-w-200 {
  min-width: 200px !important; }

.w-100-per {
  width: 100% !important; }

.w-50-per {
  width: 50% !important; }
  @media screen and (max-width: 480px) {
    .w-50-per {
      width: 100% !important; } }

.w-33-per {
  width: 33% !important; }
  @media screen and (max-width: 736px) {
    .w-33-per {
      width: 50% !important; } }
  @media screen and (max-width: 480px) {
    .w-33-per {
      width: 100% !important; } }

.w-25-per {
  width: 25% !important; }
  @media screen and (max-width: 980px) {
    .w-25-per {
      width: 33% !important; } }
  @media screen and (max-width: 736px) {
    .w-25-per {
      width: 50% !important; } }
  @media screen and (max-width: 480px) {
    .w-25-per {
      /*width: 100% !important;*/
      width: auto !important; } }

.w-20-per {
  width: 20% !important; }
  @media screen and (max-width: 736px) {
    .w-20-per {
      width: 33% !important; } }
  @media screen and (max-width: 480px) {
    .w-20-per {
      width: 50% !important; } }

.w-50 {
  width: 50px !important;
  max-width: 100%; }

.w-60 {
  width: 60px !important;
  max-width: 100%; }

.w-70 {
  width: 70px !important;
  max-width: 100%; }

.w-80 {
  width: 80px !important;
  max-width: 100%; }

.w-100 {
  width: 100px !important;
  max-width: 100%; }

.w-110 {
  width: 110px !important;
  max-width: 100%; }

.w-120 {
  width: 120px !important;
  max-width: 100%; }

.w-130 {
  width: 130px !important;
  max-width: 100%; }

.w-150 {
  width: 150px !important;
  max-width: 100%; }

.w-200 {
  width: 200px !important;
  max-width: 100%; }

.w-220 {
  width: 220px !important;
  max-width: 100%; }

.w-250 {
  width: 250px !important;
  max-width: 100%; }

.w-280 {
  width: 280px !important;
  max-width: 100%; }

.w-300 {
  width: 300px !important;
  max-width: 100%; }

.w-350 {
  width: 350px !important;
  max-width: 100%; }

.v-hidden {
  display: none; }

.a-l {
  text-align: left; }

.a-c {
  text-align: center; }

.a-r {
  text-align: right; }

.green {
  color: #05a700 !important; }

.blue {
  color: #0063ed !important; }

.bc-green {
  background-color: #41893f !important; }

.bc-blue {
  background-color: #0a4ba5 !important; }

.yen-val {
  background-color: #f9fdff !important; }
  .yen-val.minus {
    background-color: #fff9f9 !important; }

.inactive input[type="text"], .inactive select, .inactive textarea {
  background: #f5f5f5 !important;
  pointer-events: none; }
.inactive .tag, .inactive .comment, .inactive .warn {
  color: #ababab !important; }
.inactive .btn {
  background-color: #d5d5d5 !important;
  pointer-events: none; }

.freee-mark {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #3d96f1;
  transform: scaleX(1.5);
  display: inline-block;
  width: 20px; }
  @media screen and (max-width: 980px) {
    .freee-mark {
      width: 35px; } }
  @media screen and (max-width: 736px) {
    .freee-mark {
      width: 35px; } }

.freee-clickable {
  cursor: pointer; }
  .freee-clickable:hover {
    color: #fd41a1; }

.clickable {
  cursor: pointer; }
  .clickable:hover {
    opacity: 0.8; }

.input-alert {
  color: #ff0000;
  position: absolute;
  right: 0;
  top: -10px;
  color: #ffffff;
  background-color: #ff0000;
  padding: 1px 5px; }

.no-display {
  display: none !important; }

.no-padding-h {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/* ================================ 管理システム スタイルシート ================================ */
/* global-header */
#global-header {
  width: 100%;
  height: 30px;
  color: #ffffff;
  background-color: #333333e3;
  position: fixed;
  top: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 16px;
  box-shadow: 0px 0px 8px 0px #787878;
  white-space: nowrap; }

#global-footer {
  position: relative;
  width: 100%;
  height: 30px;
  color: #ffffff;
  background-color: #6c6c6c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 0;
  /*margin-top: 40px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  #global-footer .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 12px; }
    #global-footer .copyright .r2 {
      padding-left: 10px;
      color: #f2ff87; }
      @media screen and (max-width: 480px) {
        #global-footer .copyright .r2 {
          display: none; } }
    @media screen and (max-width: 360px) {
      #global-footer .copyright {
        font-size: 10px; } }
    #global-footer .copyright .debug-toggle {
      position: absolute;
      right: 5px;
      bottom: 5px;
      font-size: 10px;
      line-height: 10px;
      color: #2a2a2a;
      background-color: #c0d302;
      border-radius: 3px;
      margin-left: 10px;
      padding: 5px 8px;
      cursor: pointer; }
  #global-footer .debug-area {
    /*width: fit-content;*/
    width: 1000px;
    max-width: 100%;
    max-height: 80%;
    display: none;
    background-color: #b0ad70;
    padding: 7px 7px 6px 7px;
    border: 1px solid #000000;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #17585d #ccc;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
    #global-footer .debug-area .debug-section {
      width: 100%;
      display: inline-block;
      background-color: #4f4f4f;
      margin-bottom: 3px;
      float: left; }
      #global-footer .debug-area .debug-section .title {
        width: 100%;
        color: #ffff00;
        background-color: #610202;
        font-weight: bold;
        font-size: 12px;
        padding: 3px 10px; }
      #global-footer .debug-area .debug-section .item {
        width: 100%;
        background-color: #1d1d1d;
        margin-bottom: 1px;
        display: flex; }
        #global-footer .debug-area .debug-section .item .name {
          float: left;
          width: 40%;
          color: #ffffff;
          font-size: 12px;
          padding: 2px 0 2px 10px;
          overflow-x: hidden; }
        #global-footer .debug-area .debug-section .item .value {
          float: left;
          width: 60%;
          color: #ffffff;
          background-color: #333333;
          font-size: 12px;
          padding: 2px 0 2px 10px;
          overflow-x: hidden;
          white-space: pre-wrap; }
  #global-footer .debug-area::-webkit-scrollbar {
    width: 3px; }
  #global-footer .debug-area::-webkit-scrollbar-track {
    background-color: #ccc; }
  #global-footer .debug-area::-webkit-scrollbar-thumb {
    background-color: #ad0675; }

/* Wrapper */
#wrapper {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /*@include vendor('flex-direction', 'row-reverse');*/
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 100vh;
  margin-top: 30px; }
  #wrapper .wait {
    background-image: url("../image/wait.gif");
    background-position: center;
    background-repeat: no-repeat;
    object-fit: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    display: none;
    z-index: 1; }

/* Header */
#header {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: solid 5px #119dc7;
  position: relative;
  padding: 32px 0 0 0; }
  @media screen and (max-width: 1680px) {
    #header {
      padding: 22px 0 0 50px; } }
  @media screen and (max-width: 1280px) {
    #header {
      padding: 20px 0 0 25px; } }
  @media screen and (max-width: 980px) {
    #header {
      padding: 20px 0 0 50px; } }
  @media screen and (max-width: 736px) {
    #header {
      padding: 13px 0 5px 90px;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: row-reverse; } }
  @media screen and (max-width: 480px) {
    #header {
      padding: 13px 0 5px 90px; } }
  @media screen and (max-width: 360px) {
    #header {
      padding: 11px 0 5px 80px; } }
  #header > * {
    -moz-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0; }
    @media screen and (max-width: 736px) {
      #header > * {
        -moz-flex: unset;
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset; } }
  #header .title {
    border-bottom: 0;
    color: #666666;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
    font-size: 2em;
    font-weight: bold; }
    @media screen and (max-width: 736px) {
      #header .title {
        font-size: 1.75em;
        line-height: 1.0em;
        margin: 0;
        width: 100%; } }
  #header .top-searcher {
    display: flex;
    justify-content: flex-end;
    padding: 7px 0 0 0; }
    @media screen and (max-width: 736px) {
      #header .top-searcher {
        padding: 3px 0 0 0; } }
    #header .top-searcher input[type='text'] {
      height: 2.1em;
      margin-right: 5px;
      max-width: 350px; }
  #header .icons {
    text-align: right; }
    @media screen and (max-width: 736px) {
      #header .icons {
        height: 5em;
        line-height: 5em;
        position: absolute;
        right: 0;
        top: 0; } }

/* Footer */
#footer .copyright {
  color: #9fa3a6;
  font-size: 0.9em; }
  #footer .copyright a {
    color: inherit; }

/* ================================ 管理システム スタイルシート ================================ */
/* Sidebar */
#search form {
  text-decoration: none;
  position: relative; }
  #search form:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  #search form:before {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #7f888f;
    content: '\f002';
    cursor: default;
    display: block;
    font-size: 1.5em;
    height: 2em;
    line-height: 2em;
    opacity: 0.325;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2em; }
  #search form input[type="text"] {
    padding-right: 2.75em; }

#sidebar {
  -moz-flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  background-color: #f5f6f7;
  font-size: 0.9em;
  position: relative;
  width: 18em;
  height: 100%;
  left: 0;
  position: fixed; }
  #sidebar h2 {
    font-size: 1.3888888889em; }
  #sidebar > .inner {
    padding: 2.2222222222em 2.2222222222em 2.4444444444em 2.2222222222em ;
    position: relative;
    width: 18em;
    height: calc(100% - 30px);
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
        /*
        > * {
            border-bottom: solid 2px _palette(border);
            margin: 0 0 (_size(element-margin) * 1.75) 0;
            padding: 0 0 (_size(element-margin) * 1.75) 0;

            > :last-child {
                margin-bottom: 0;
            }

            &:last-child {
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }
        }
        */ }
    #sidebar > .inner > .alt {
      background-color: #eff1f2;
      border-bottom: 0;
      margin: -2.2222222222em 0 4.4444444444em -2.2222222222em;
      padding: 2.2222222222em;
      width: calc(100% + 4.4444444444em); }
    #sidebar > .inner .logo {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;
      position: relative;
      cursor: pointer; }
      #sidebar > .inner .logo .ico1 {
        display: block;
        font-size: 100px;
        color: #8f8f8f73; }
        @media screen and (max-width: 980px) {
          #sidebar > .inner .logo .ico1 {
            font-size: 90px; } }
      #sidebar > .inner .logo .ico2 {
        position: absolute;
        left: 34%;
        top: 21%;
        font-size: 43px;
        color: #f5f6f7;
        -webkit-animation: rotate 4.5s infinite;
        animation: rotate 4.5s infinite; }
        @media screen and (max-width: 980px) {
          #sidebar > .inner .logo .ico2 {
            left: 34%;
            top: 21%;
            font-size: 39px; } }
      #sidebar > .inner .logo:hover .ico1 {
        color: #5e5e3d73; }
    #sidebar > .inner .user {
      width: 100%;
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #f3f3eb;
      border: 1px solid #ffffff;
      border-radius: 7px;
      box-shadow: 0 0 0px 1px #e1e1e1;
      padding: 8px; }
      #sidebar > .inner .user .tag {
        font-size: 10px;
        line-height: 10px;
        margin-top: 2px;
        color: #9f9f9f; }
      #sidebar > .inner .user .name {
        font-size: 18px;
        line-height: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        text-align: center; }
        @media screen and (max-width: 980px) {
          #sidebar > .inner .user .name {
            font-size: 16px;
            line-height: 16px; } }
  #sidebar > .inner::-webkit-scrollbar {
    display: none;
    width: 2px; }
  #sidebar > .inner::-webkit-scrollbar-track {
    background-color: #ccc; }
  #sidebar > .inner::-webkit-scrollbar-thumb {
    background-color: #17585d; }
  #sidebar .toggle {
    text-decoration: none;
    -moz-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    transition: left 0.5s ease;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: 0;
    display: block;
    height: 7.5em;
    left: 18em;
    line-height: 7.5em;
    outline: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: -15em;
    white-space: nowrap;
    top: 0;
    width: 6em;
    z-index: 1000; }
    #sidebar .toggle:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900; }
    #sidebar .toggle:before {
      content: '\f0c9';
      font-size: 2rem;
      height: inherit;
      left: 0;
      line-height: inherit;
      position: absolute;
      text-indent: 0;
      top: 0;
      width: inherit; }
  #sidebar.inactive {
    margin-left: -18em; }
  @media screen and (max-width: 1680px) {
    #sidebar {
      width: 18em; }
      #sidebar > .inner {
        padding: 1.6666666667em 1.6666666667em 1.3333333333em 1.6666666667em ;
        width: 18em; }
        #sidebar > .inner > .alt {
          margin: -1.6666666667em 0 3.3333333333em -1.6666666667em;
          padding: 1.6666666667em;
          width: calc(100% + 3.3333333333em); }
      #sidebar .toggle {
        height: 6.25em;
        left: 18em;
        line-height: 6.25em;
        text-indent: 5em;
        width: 5em; }
        #sidebar .toggle:before {
          font-size: 1.5rem; }
      #sidebar.inactive {
        margin-left: -18em; } }
  @media screen and (max-width: 1280px) {
    #sidebar {
      box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      z-index: 1000;
      top: 30px; }
      #sidebar.inactive {
        box-shadow: none; }
      #sidebar > .inner {
        -webkit-overflow-scrolling: touch;
        height: 100%;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        top: 0; }
        #sidebar > .inner:after {
          content: '';
          display: block;
          height: 4em;
          width: 100%; }
      #sidebar .toggle {
        text-indent: 6em;
        width: 6em; }
        #sidebar .toggle:before {
          font-size: 1.5rem;
          margin-left: -0.4375em; }
      body.is-preload #sidebar {
        display: none; } }
  @media screen and (max-width: 736px) {
    #sidebar .toggle {
      text-indent: 7.25em;
      width: 7.25em; }
      #sidebar .toggle:before {
        color: #7f888f;
        margin-left: -0.0625em;
        margin-top: -0.25em;
        font-size: 1.1rem;
        z-index: 1; }
      #sidebar .toggle:after {
        background: rgba(222, 225, 226, 0.75);
        border-radius: 0.375em;
        content: '';
        height: 3.5em;
        left: 1em;
        position: absolute;
        top: 1em;
        width: 5em; } }

/* Menu */
#menu {
  background-color: #f5f6f7;
  position: relative; }
  #menu ul {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3d4449;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.075em;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    /*text-transform: uppercase;*/ }
    #menu ul .selected {
      color: #ffffff;
      background-color: #666666; }
      #menu ul .selected:hover {
        color: #ffff00;
        background-color: #666666; }
    #menu ul .relative {
      color: #00a1ff;
      background-color: #e7f4fb; }
      #menu ul .relative:hover {
        color: #00a1ff;
        background-color: #c6ebff; }
    #menu ul .disabled {
      color: #bcbcbc;
      pointer-events: none; }
    #menu ul a, #menu ul span {
      border-bottom: 0;
      color: inherit;
      cursor: pointer;
      padding: 9px 0 9px 5px;
      display: flex;
      align-items: center; }
      #menu ul a .ico, #menu ul span .ico {
        font-size: 22px;
        padding: 0 4px 0 0;
        margin: 0; }
      #menu ul a .txt, #menu ul span .txt {
        line-height: 1.3;
        font-size: 14px;
        padding: 0;
        margin: 0; }
        #menu ul a .txt::before, #menu ul a .txt::after, #menu ul span .txt::before, #menu ul span .txt::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        #menu ul a .txt::before, #menu ul span .txt::before {
          margin-bottom: calc(-0em + 0px); }
        #menu ul a .txt::after, #menu ul span .txt::after {
          margin-top: calc(-0.1642857143em + 0px); }
      #menu ul a:hover, #menu ul span:hover {
        color: #119dc7;
        background-color: #8787870a; }
      #menu ul a.opener, #menu ul span.opener {
        -moz-transition: color 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        position: relative; }
        #menu ul a.opener:before, #menu ul span.opener:before {
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          line-height: 1;
          text-transform: none !important;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900; }
        #menu ul a.opener:before, #menu ul span.opener:before {
          -moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
          -webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
          -ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
          transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
          color: #9fa3a6;
          content: '\f078';
          position: absolute;
          right: 5px;
          top: calc(50% - 5px); }
        #menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
          color: #119dc7; }
        #menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
          display: block; }
        #menu ul a.opener.active:before, #menu ul span.opener.active:before {
          -moz-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
  #menu > ul > li {
    border-top: solid 1px rgba(210, 215, 217, 0.75);
    padding: 0; }
    #menu > ul > li > ul {
      color: #005981;
      display: none;
      margin: 0.5em 0 1.5em 0;
      padding-left: 1em; }
      #menu > ul > li > ul a, #menu > ul > li > ul span {
        font-size: 0.8em; }
      #menu > ul > li > ul > li {
        margin: 0.125em 0 0 0;
        padding: 0.125em 0 0 0; }
    #menu > ul > li:first-child {
      border-top: 0; }

.menu_aditional_info {
  margin-top: 20px;
  width: 100%;
  padding: 10px;
  color: #ffffff;
  background-color: #3b3b3b;
  border-radius: 7px; }
  .menu_aditional_info .description {
    width: 100%;
    text-align: left; }
  .menu_aditional_info .contact {
    margin-top: 10px;
    text-align: center; }
    .menu_aditional_info .contact .title {
      color: #aaaaaa; }
    .menu_aditional_info .contact .contents {
      color: #ffeb3b; }

/* ================================ 管理システム スタイルシート ================================ */
/* Banner */
#banner {
  padding: 6em 0 4em 0 ;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  #banner h1 {
    margin-top: -0.125em; }
  #banner .content {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 50%; }
  #banner .image {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 0 2em 4em;
    width: 50%; }
    #banner .image img {
      height: 100%;
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      width: 100%; }
  @media screen and (orientation: portrait) {
    #banner {
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      #banner h1 br {
        display: none; }
      #banner .content {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        width: 100%; }
      #banner .image {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        margin: 0 0 4em 0;
        height: 25em;
        max-height: 50vh;
        min-height: 18em;
        width: 100%; } }
  @media screen and (orientation: portrait) and (max-width: 480px) {
    #banner .image {
      max-height: 35vh; } }

/* ================================ 管理システム スタイルシート ================================ */
/* active-detail */
.active-detail-opener {
  cursor: pointer; }

#active-detail {
  display: none;
  width: 50%;
  height: calc(100% - 30px);
  position: fixed;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175); }
  @media screen and (max-width: 1680px) {
    #active-detail {
      width: 60%; } }
  @media screen and (max-width: 1280px) {
    #active-detail {
      width: 70%; } }
  @media screen and (max-width: 980px) {
    #active-detail {
      width: 80%; } }
  @media screen and (max-width: 736px) {
    #active-detail {
      width: 90%; } }
  @media screen and (max-width: 480px) {
    #active-detail {
      width: 92%; } }
  #active-detail .active-detail-wrapper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 20px 0 40px; }
    @media screen and (max-width: 1280px) {
      #active-detail .active-detail-wrapper {
        padding: 20px 15px 0 40px; } }
    @media screen and (max-width: 980px) {
      #active-detail .active-detail-wrapper {
        padding: 20px 10px 0 30px; } }
    @media screen and (max-width: 736px) {
      #active-detail .active-detail-wrapper {
        padding: 70px 5px 0 15px; } }
    #active-detail .active-detail-wrapper .active-detail-contents {
      width: 100%;
      position: relative; }
      #active-detail .active-detail-wrapper .active-detail-contents .closer {
        position: fixed;
        top: 50px;
        right: 20px;
        font-size: 2em;
        color: #c9c9c9;
        cursor: pointer;
        z-index: 1; }
  #active-detail .active-detail-wrapper::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    width: 7px; }
  #active-detail .active-detail-wrapper::-webkit-scrollbar-track {
    background-color: #ccc; }
  #active-detail .active-detail-wrapper::-webkit-scrollbar-thumb {
    background-color: #8d004e; }
  #active-detail .active-detail-wait {
    background-image: url("../image/wait.gif");
    background-position: center;
    background-repeat: no-repeat;
    object-fit: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    display: none;
    z-index: 1; }

.full-window {
  width: 70% !important; }
  @media screen and (max-width: 1680px) {
    .full-window {
      width: 74% !important; } }
  @media screen and (max-width: 1280px) {
    .full-window {
      width: 87% !important; } }
  @media screen and (max-width: 980px) {
    .full-window {
      width: 94% !important; } }
  @media screen and (max-width: 736px) {
    .full-window {
      width: 95% !important; } }
  @media screen and (max-width: 480px) {
    .full-window {
      width: 95% !important; } }

/* 詳細 */
.detail {
  /*共通ボタン*/
  /* 詳細ページテーブル */
  /* アクティブ詳細のスクロール可能なテーブル */
  /* テーブルを使わない詳細スタイル */
  /*車両サマリー*/
  /*ボタンコントロール領域*/
  /* 下部固定の表示 */ }
  .detail .tabs {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .detail .tabs .tab {
      width: 200px;
      padding: 2px 10px;
      text-align: center;
      border: 1px solid #d9d9d9;
      background-color: #ebebeb;
      border-radius: 5px;
      margin: 0 5px;
      white-space: nowrap;
      cursor: pointer; }
      @media screen and (max-width: 736px) {
        .detail .tabs .tab {
          margin: 0 2px; } }
      .detail .tabs .tab:hover {
        color: #ffffff;
        background-color: #f27474;
        border: 1px solid #c76363; }
    .detail .tabs .active {
      color: #ffffff;
      background-color: #727040;
      border: 1px solid #6e6d4c;
      cursor: default; }
      .detail .tabs .active:hover {
        background-color: #727040;
        border: 1px solid #6e6d4c; }
  .detail .tabs::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none; }
  .detail .must {
    color: #e56b6b;
    margin-left: 8px;
    font-size: 1em; }
    .detail .must.pair {
      color: #3cace3; }
  .detail .btn {
    line-height: 1.3;
    height: 30px;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #119dc7;
    box-shadow: none;
    color: #ffffff !important;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer; }
    .detail .btn::before, .detail .btn::after {
      content: '';
      display: block;
      height: 0;
      width: 0; }
    .detail .btn::before {
      margin-bottom: calc(-0em + 0px); }
    .detail .btn::after {
      margin-top: calc(-0.1642857143em + 0px); }
    .detail .btn:hover {
      background-color: #29c1ef; }
    .detail .btn:active {
      background-color: #997e3b; }
  .detail .btn-white {
    background-color: unset;
    box-shadow: inset 0 0 0 2px #119dc7;
    color: #119dc7 !important; }
    .detail .btn-white:hover {
      background-color: #e3a5082b; }
  .detail .disabled {
    pointer-events: none !important;
    opacity: 0.35; }
  .detail table {
    width: 100%; }
    .detail table tr:nth-child(2n + 1) {
      background-color: unset; }
    .detail table tr:hover {
      background-color: #fefff7; }
    .detail table tr th {
      display: inline-flex;
      align-items: center;
      width: 30%;
      background-color: unset;
      font-size: 1em; }
      @media screen and (max-width: 980px) {
        .detail table tr th {
          width: 100%;
          padding: 0.5em 0.5em 0; } }
    .detail table tr td {
      display: inline-block;
      width: 70%;
      text-align: left;
      white-space: normal; }
      @media screen and (max-width: 980px) {
        .detail table tr td {
          width: 100%; } }
      .detail table tr td .comment {
        display: inline-block;
        font-size: 0.8em;
        color: #5a5a5a;
        margin: 0; }
        .detail table tr td .comment span {
          color: #d75151; }
  .detail .table-wrap {
    overflow-x: auto;
    margin-top: 1em;
    scrollbar-width: thin;
    scrollbar-color: #17585d #ccc; }
    .detail .table-wrap table tr {
      border: solid 1px rgba(210, 215, 217, 0.75);
      border-left: 0;
      border-right: 0; }
      .detail .table-wrap table tr th {
        display: table-cell;
        width: auto;
        color: #3d4449;
        background-color: #e5e5e5;
        font-size: 0.9em;
        font-weight: 600;
        line-height: 1em;
        padding: 0.5em 0.5em;
        text-align: left;
        white-space: nowrap; }
      .detail .table-wrap table tr td {
        display: table-cell;
        width: auto;
        padding: 0.5em 0.5em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left; }
        .detail .table-wrap table tr td input[type="text"],
        .detail .table-wrap table tr td input[type="password"],
        .detail .table-wrap table tr td input[type="email"],
        .detail .table-wrap table tr td input[type="tel"],
        .detail .table-wrap table tr td input[type="search"],
        .detail .table-wrap table tr td input[type="url"] {
          padding: 0 0.25em; }
        .detail .table-wrap table tr td .group-input {
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-around; }
          .detail .table-wrap table tr td .group-input input[type="text"] {
            margin: 0 1px; }
        .detail .table-wrap table tr td .multi-item {
          display: flex;
          flex-wrap: wrap; }
          @media screen and (max-width: 980px) {
            .detail .table-wrap table tr td .multi-item {
              flex-wrap: nowrap; } }
          .detail .table-wrap table tr td .multi-item .unit {
            margin-right: 10px; }
            .detail .table-wrap table tr td .multi-item .unit .tip {
              color: #367fab;
              font-size: 12px;
              line-height: 12px;
              white-space: nowrap; }
        .detail .table-wrap table tr td .nowrap {
          flex-wrap: nowrap; }
        .detail .table-wrap table tr td .btn {
          width: 50px;
          margin: 1px 1px; }
        .detail .table-wrap table tr td .btn-rpt {
          width: 60px;
          margin: 0 1px; }
  .detail .table-wrap::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    height: 3px; }
  .detail .table-wrap::-webkit-scrollbar-track {
    background-color: #ccc; }
  .detail .table-wrap::-webkit-scrollbar-thumb {
    background-color: #a19c00; }
  .detail .section-title {
    width: 100%;
    margin: 3em 0 0 0;
    display: flex;
    justify-content: flex-start; }
    .detail .section-title .title {
      line-height: 1.3;
      font-size: 1.8em;
      font-weight: bold;
      color: #d77942;
      white-space: nowrap; }
      .detail .section-title .title::before, .detail .section-title .title::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      .detail .section-title .title::before {
        margin-bottom: calc(-0em + 0px); }
      .detail .section-title .title::after {
        margin-top: calc(-0.1642857143em + 0px); }
    .detail .section-title:first-child {
      margin: 0; }
  .detail .group-title {
    width: 100%;
    margin: 1.8em 0 0.5em 0;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .detail .group-title .title {
      line-height: 1.3;
      font-size: 1.2em;
      font-weight: bold;
      color: #404040;
      white-space: nowrap; }
      .detail .group-title .title::before, .detail .group-title .title::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      .detail .group-title .title::before {
        margin-bottom: calc(-0em + 0px); }
      .detail .group-title .title::after {
        margin-top: calc(-0.1642857143em + 0px); }
      .detail .group-title .title .tip {
        font-size: 13px;
        color: #6d6d6d; }
    .detail .group-title .control {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      margin-left: 20px;
      flex-wrap: wrap; }
      .detail .group-title .control .btn {
        height: 26px;
        padding: 2px 20px 0;
        margin: 1px 10px 1px 0; }
        .detail .group-title .control .btn:last-child {
          margin-right: 0; }
      .detail .group-title .control .mark {
        margin-left: 10px; }
  .detail .group-title-sub {
    margin: 1.4em 0 0.5em 0; }
    .detail .group-title-sub .title {
      font-size: 1.1em;
      line-height: 1.4em;
      color: #956d56; }
  .detail .sub-title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 20px 0 5px 0; }
    .detail .sub-title .title {
      line-height: 1.3;
      font-size: 1.0em;
      font-weight: bold;
      color: #717171;
      white-space: nowrap;
      margin: 0; }
      .detail .sub-title .title::before, .detail .sub-title .title::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      .detail .sub-title .title::before {
        margin-bottom: calc(-0em + 0px); }
      .detail .sub-title .title::after {
        margin-top: calc(-0.1642857143em + 0px); }
    .detail .sub-title:first-child {
      margin: 5px 0 5px 0; }
  .detail .summary {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f7f7f7;
    border: 1px solid #efefef;
    padding: 10px 10px 0px;
    position: relative;
    margin-top: 10px; }
    .detail .summary .photo {
      width: 112px;
      height: 112px; }
      @media screen and (max-width: 480px) {
        .detail .summary .photo {
          width: 100%;
          height: 150px; } }
      .detail .summary .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px; }
    .detail .summary .detail {
      width: calc(100% - 112px);
      height: auto;
      padding-left: 25px; }
      @media screen and (max-width: 736px) {
        .detail .summary .detail {
          padding-left: 10px; } }
      @media screen and (max-width: 480px) {
        .detail .summary .detail {
          width: 100%;
          padding-left: 0; } }
    .detail .summary .no-label {
      position: absolute;
      top: -34px;
      right: -1px;
      padding: 5px 20px;
      background-color: #f7f7f7;
      border-top: 1px solid #efefef;
      border-left: 1px solid #efefef;
      border-right: 1px solid #efefef;
      box-shadow: -1px -1px 1px 0px #00000054;
      border-radius: 10px 10px 0 0;
      font-size: 14px;
      display: flex;
      align-items: center; }
      .detail .summary .no-label span {
        font-weight: bold;
        font-size: 20px;
        margin-left: 10px;
        line-height: 20px;
        color: #119dc7; }
    .detail .summary .del {
      position: absolute;
      right: 10px;
      color: #5d3f3f8f;
      font-size: 30px;
      cursor: pointer; }
      .detail .summary .del:hover {
        color: #d85656; }
    .detail .summary.body {
      background-color: #fcffe6;
      border: 1px solid #ebf1bd; }
      .detail .summary.body .no-label {
        background-color: #fcffe6;
        border-top: 1px solid #ebf1bd;
        border-left: 1px solid #ebf1bd;
        border-right: 1px solid #ebf1bd; }
    .detail .summary.parts {
      background-color: #f6fcff;
      border: 1px solid #ddf4ff; }
      .detail .summary.parts .no-label {
        background-color: #f6fcff;
        border-top: 1px solid #ddf4ff;
        border-left: 1px solid #ddf4ff;
        border-right: 1px solid #ddf4ff; }
  .detail .items {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .detail .items .one-item {
      display: flex;
      flex-direction: column;
      padding: 5px 5px 5px 0; }
      .detail .items .one-item .tag {
        display: flex;
        align-items: center;
        font-size: 0.90em;
        line-height: 1.10em;
        color: #666666; }
        .detail .items .one-item .tag p {
          color: #ffffff;
          background-color: #119dc7;
          padding: 2px 15px 1px;
          font-size: 12px;
          line-height: 12px;
          font-weight: normal;
          border-radius: 7px;
          margin: 0 0 3px 5px;
          cursor: pointer; }
          .detail .items .one-item .tag p:hover {
            background-color: #e3a508; }
          .detail .items .one-item .tag p:active {
            background-color: #997e3b; }
        .detail .items .one-item .tag.impact {
          color: #835656; }
      .detail .items .one-item .value {
        display: flex;
        flex-wrap: wrap; }
        .detail .items .one-item .value .fix-val {
          color: #333333;
          font-size: 1.1em;
          line-height: 1.1em;
          font-weight: normal;
          margin: 0.7em 0 0.7em 0;
          white-space: nowrap; }
          .detail .items .one-item .value .fix-val.impact {
            color: #856666;
            font-weight: bold; }
      .detail .items .one-item .multi {
        display: flex;
        flex-wrap: nowrap;
        align-items: center; }
        .detail .items .one-item .multi .tag {
          color: #999999;
          font-size: 0.8em;
          line-height: 0.8em;
          font-weight: normal;
          margin-left: 5px; }
      .detail .items .one-item .multi-wrap {
        display: flex;
        flex-wrap: wrap; }
        .detail .items .one-item .multi-wrap .set {
          position: relative;
          margin-bottom: 20px; }
          .detail .items .one-item .multi-wrap .set .sub-tag {
            width: 100%;
            position: absolute;
            bottom: -16px;
            display: flex;
            justify-content: center;
            color: #cf6303;
            font-size: 14px;
            line-height: 14px; }
    .detail .items .comment {
      width: 100%;
      font-size: 0.8em;
      color: #a9a9a9;
      margin: 0; }
      .detail .items .comment .warn {
        color: #af2323; }
    .detail .items .summary {
      width: 100%;
      background-color: #eeeeee;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      padding: 10px;
      margin-top: 5px; }
      .detail .items .summary .one-value {
        display: flex;
        flex-direction: column;
        margin: 0 20px; }
        .detail .items .summary .one-value .tag {
          font-size: 0.85em; }
        .detail .items .summary .one-value .value {
          color: #666666;
          font-size: 1em; }
    .detail .items .items-sub-title {
      width: 100%;
      color: #d7623d;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
      margin-bottom: 10px; }
  .detail .group {
    padding: 10px;
    border: 2px solid #c9afaf;
    margin: 20px 0; }
  .detail .additional-edit {
    width: 100%;
    padding: 10px;
    background-color: #f4f7eb;
    display: none;
    flex-direction: column; }
    .detail .additional-edit .additional-detail {
      width: 100%; }
    .detail .additional-edit .command {
      display: flex;
      margin-top: 10px; }
  .detail .action {
    width: 100%;
    margin: 30px 0; }
  .detail .fixed-action {
    width: 100%;
    margin: 50px 0 0;
    padding: 10px;
    background-color: #efeee6;
    position: sticky;
    bottom: 0;
    border-top: 1px solid #c3c1b4;
    border-left: 1px solid #c3c1b4;
    border-right: 1px solid #c3c1b4;
    border-bottom: 1px solid #c3c1b4;
    z-index: 2;
    /*表示位置調整用ボタン*/ }
    @media screen and (max-width: 736px) {
      .detail .fixed-action {
        padding: 10px; } }
    @media screen and (max-width: 480px) {
      .detail .fixed-action {
        padding: 10px 5px 10px 5px; } }
    .detail .fixed-action .pos-sticky-control {
      position: absolute;
      right: -1px;
      top: -35px;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ff7702;
      background-color: #efeee6;
      font-size: 20px;
      cursor: pointer;
      border-left: 1px solid #c3c1b4;
      border-top: 1px solid #c3c1b4;
      border-right: 1px solid #c3c1b4; }
    .detail .fixed-action .contents {
      width: 100%; }
      .detail .fixed-action .contents .group-summary {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 0 20px 0; }
        .detail .fixed-action .contents .group-summary .one-value {
          display: flex;
          flex-direction: column;
          margin: 0 20px; }
          .detail .fixed-action .contents .group-summary .one-value .tag {
            font-size: 0.85em; }
          .detail .fixed-action .contents .group-summary .one-value .value {
            color: #666666;
            font-size: 1.1em;
            font-weight: bold; }
    .detail .fixed-action .control {
      width: 100%; }
  .detail .inside {
    border-top: 1px solid #efeee6;
    border-left: 1px solid #efeee6;
    border-right: 1px solid #efeee6; }
    .detail .inside .pos-sticky-control {
      color: #8b8681;
      border-left: 1px solid #efeee6;
      border-top: 1px solid #efeee6;
      border-right: 1px solid #efeee6; }
  .detail .select2-selection--single {
    height: 2.75em; }

/* ==================================================================================================================
// ▼ ダイアログ
================================================================================================================== */
#overlay {
  position: fixed;
  z-index: -100;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  will-change: opacity; }

#overlay.visible {
  visibility: visible;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  z-index: 10000; }

#verification-notify {
  z-index: -100;
  position: fixed;
  color: #333333;
  background-color: #ffffff;
  visibility: hidden;
  position: fixed;
  width: 600px;
  left: calc((100% - 600px) / 2);
  top: calc((100% - 500px) / 2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 1280px) {
    #verification-notify {
      width: 450px;
      left: calc((100% - 450px) / 2);
      top: 250px; } }
  @media screen and (max-width: 980px) {
    #verification-notify {
      width: calc(100% - 40px);
      left: 20px;
      top: 200px; } }
  #verification-notify .head {
    border-radius: 20px 20px 0 0;
    background-color: #ffffff; }
    #verification-notify .head h2 {
      padding: 25px 20px 4px 20px;
      color: #303030;
      font-size: 22px;
      font-weight: bold;
      text-align: center; }
  #verification-notify .inner-dialog {
    padding: 10px 0 20px 0; }
  #verification-notify .detail {
    margin: 0 15px 15px;
    text-align: center; }
    #verification-notify .detail p#w_message {
      font-size: 18px; }
    #verification-notify .detail p#w_inform {
      margin-top: 20px;
      color: #7e4c4c;
      padding: 10px 0;
      border-top: 1px dashed #e1e1e1;
      border-bottom: 1px dashed #e1e1e1;
      font-size: 15px;
      line-height: 19px; }
  #verification-notify .loading {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center; }
    #verification-notify .loading img {
      width: 50px;
      height: 50px; }
  #verification-notify .action {
    text-align: center;
    display: inline-block;
    width: 100%; }
    #verification-notify .action .btn {
      display: inline-block; }
      #verification-notify .action .btn a {
        display: block;
        background-color: #586b7a;
        color: #ffffff;
        border-radius: 15px;
        white-space: nowrap;
        float: left;
        padding: 5px 30px;
        min-width: 120px;
        margin: 0 20px; }
        @media screen and (max-width: 1280px) {
          #verification-notify .action .btn a {
            padding: 5px 30px;
            min-width: 120px;
            margin: 0 15px; } }
        @media screen and (max-width: 980px) {
          #verification-notify .action .btn a {
            padding: 5px 20px;
            min-width: 100px;
            margin: 0 5px; } }
        #verification-notify .action .btn a:hover {
          background: #ff9800;
          color: #ffffff; }
      #verification-notify .action .btn .close_btn {
        background-color: #dddddd;
        color: #333333; }
  #verification-notify .action.center {
    justify-content: center; }
  #verification-notify .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px; }
    #verification-notify .close:hover {
      opacity: 0.7;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    #verification-notify .close:before, #verification-notify .close:after {
      content: '';
      width: 22px;
      height: 4px;
      background-color: #666666;
      display: block;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 12px;
      right: 3px; }
    #verification-notify .close:after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
  #verification-notify .inform {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
    display: inline-block; }
    #verification-notify .inform .m_left {
      width: 70%;
      background-color: #dadada;
      padding: 5px 0 5px 0;
      float: left;
      margin-bottom: 2px; }
    #verification-notify .inform .m_right {
      width: 30%;
      background-color: #eeeeee;
      font-weight: bold;
      padding: 5px 0 5px 0;
      float: left;
      margin-bottom: 2px; }
    #verification-notify .inform .m_space {
      width: 100%;
      height: 10px;
      float: left; }

#verification-notify.visible {
  visibility: visible;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  z-index: 10001;
  border: 5px solid #dfdfdf;
  border-radius: 6px; }

#verification-notify.w .action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/* ================================ 管理システム スタイルシート ================================ */
/* Main */
#main {
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  width: 100%;
  height: calc(100% - 30px);
  position: fixed;
  overflow: hidden auto; }
  #main > .login-form {
    width: 100%;
    height: calc(100% - 30px);
    background-color: #7c898f;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 30px 0; }
    #main > .login-form .login {
      background-color: #ebeddd;
      padding: 20px;
      border-radius: 20px;
      border: 3px solid #5e686c;
      box-shadow: 0 0 3px 0px #333333;
      width: 450px;
      z-index: 1;
      height: fit-content; }
      @media screen and (max-width: 1280px) {
        #main > .login-form .login {
          width: 420px;
          border-radius: 15px; } }
      @media screen and (max-width: 736px) {
        #main > .login-form .login {
          width: 400px;
          border-radius: 10px; } }
      @media screen and (max-width: 480px) {
        #main > .login-form .login {
          width: 92%;
          border-radius: 10px; } }
      #main > .login-form .login .symbol {
        width: 100%;
        font-size: 6em;
        text-align: center; }
      #main > .login-form .login .symbol-txt {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #main > .login-form .login .symbol-txt .symbol {
          width: auto;
          font-size: 4em; }
        #main > .login-form .login .symbol-txt .txt {
          margin-left: 10px;
          font-size: 2em; }
      #main > .login-form .login .input-block {
        width: 100%;
        margin: 8px 0; }
        #main > .login-form .login .input-block .tag {
          font-size: 0.9em; }
        #main > .login-form .login .input-block .input {
          width: 100%;
          color: #4b4501;
          font-weight: bold; }
      #main > .login-form .login .command {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px; }
        #main > .login-form .login .command a {
          margin: 5px 8px; }
      #main > .login-form .login .option {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #d5d9b7; }
        #main > .login-form .login .option a {
          margin: 5px 10px; }
      #main > .login-form .login .description {
        width: 100%;
        border: 1px solid #a9ab9c;
        padding: 15px;
        border-radius: 10px;
        background-color: #fdfff0;
        margin: 20px 0 30px; }
        #main > .login-form .login .description .main {
          font-size: 1em; }
        #main > .login-form .login .description .sub {
          font-size: 0.8em;
          line-height: 1.4em;
          color: #776e5d;
          margin-top: 10px; }
      #main > .login-form .login .must {
        color: #e56b6b;
        margin-left: 8px;
        font-size: 1em; }
    #main > .login-form:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 30px;
      background-image: url(images/wave_gray2.svg);
      background-repeat: no-repeat;
      width: 100%;
      height: 30%;
      transform: rotate(180deg);
      opacity: 0.1; }
  #main > .regist {
    align-items: unset; }
    #main > .regist .login {
      width: 650px; }
  #main > .inner {
    padding: 0 6em 0.1em 6em ;
    margin: 0 auto;
    max-width: 1600px;
    min-height: calc(100% - 30px);
    overflow-x: hidden; }
    #main > .inner > section {
      /*@include padding(3em, 0);*/
      padding: 2em 0 2em 0;
      border-top: solid 2px rgba(210, 215, 217, 0.75); }
      #main > .inner > section:first-of-type {
        border-top: 0 !important; }
      #main > .inner > section > .table-wrap {
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #17585d #ccc; }
      #main > .inner > section > .table-wrap::-webkit-scrollbar {
        height: 7px; }
      #main > .inner > section > .table-wrap::-webkit-scrollbar-track {
        background-color: #ccc; }
      #main > .inner > section > .table-wrap::-webkit-scrollbar-thumb {
        background-color: #db8403; }
      #main > .inner > section > .list-search {
        width: 100%;
        margin-bottom: 1em; }
        #main > .inner > section > .list-search > form {
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
          #main > .inner > section > .list-search > form .default {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #main > .inner > section > .list-search > form .default .expand {
              display: flex;
              color: #119dc7;
              font-size: 1.1em;
              white-space: nowrap;
              cursor: pointer; }
              #main > .inner > section > .list-search > form .default .expand span {
                margin-left: 8px; }
            #main > .inner > section > .list-search > form .default .search {
              display: flex;
              flex-wrap: nowrap;
              align-items: center;
              margin-left: 15px; }
              #main > .inner > section > .list-search > form .default .search select {
                height: 1.9em;
                margin-right: 0.3em; }
          #main > .inner > section > .list-search > form .options {
            /*display: flex;*/
            display: none;
            flex-wrap: wrap;
            width: 100%;
            border: 3px solid #dfdfdf;
            margin-top: 0.5em;
            padding: 15px;
            border-radius: 5px; }
            #main > .inner > section > .list-search > form .options .search-one {
              display: flex;
              flex-direction: column;
              justify-content: space-around;
              padding: 0 0.3em; }
              #main > .inner > section > .list-search > form .options .search-one .tag {
                font-size: 0.9em;
                white-space: nowrap; }
              #main > .inner > section > .list-search > form .options .search-one .condition {
                display: flex;
                align-items: center;
                flex-wrap: nowrap; }
                #main > .inner > section > .list-search > form .options .search-one .condition input[type='text'],
                #main > .inner > section > .list-search > form .options .search-one .condition input[type='date'],
                #main > .inner > section > .list-search > form .options .search-one .condition select, #main > .inner > section > .list-search > form .options .search-one .condition a {
                  height: 2em; }
                #main > .inner > section > .list-search > form .options .search-one .condition .clear {
                  box-shadow: inset 0 0 0 1px #c9c9c9;
                  color: #b3b3b3 !important;
                  background-color: #f4f4f4;
                  letter-spacing: -2px; }
                  #main > .inner > section > .list-search > form .options .search-one .condition .clear:hover {
                    background-color: #e4e4e4; }
                  #main > .inner > section > .list-search > form .options .search-one .condition .clear:active {
                    background-color: #d7d7d7; }
      #main > .inner > section > .list-control {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0; }
        #main > .inner > section > .list-control .info {
          display: flex;
          align-items: center; }
          #main > .inner > section > .list-control .info .txt {
            font-size: 1.2em;
            font-weight: bold;
            padding: 0 5px 0 0;
            color: #119dc7; }
          #main > .inner > section > .list-control .info .tag {
            font-size: 0.8em; }
      #main > .inner > section > .top-message {
        width: 100%;
        padding: 10px; }
        #main > .inner > section > .top-message .message {
          width: 100%;
          padding: 15px 20px;
          margin-bottom: 20px;
          color: #ffffff;
          background-color: #c55864;
          border: 3px solid #ffffff;
          box-shadow: 0 0 0 1px #c55864;
          display: flex;
          flex-wrap: nowrap;
          align-items: center; }
          #main > .inner > section > .top-message .message .ico {
            font-size: 2.0em;
            padding-right: 10px; }
          #main > .inner > section > .top-message .message .txt {
            font-size: 1.1em; }
      #main > .inner > section > .top-dash-board {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; }
        #main > .inner > section > .top-dash-board .dash-board {
          display: inline-block;
          width: 47.5%;
          min-height: 200px;
          margin-bottom: 20px;
          padding: 20px;
          border-radius: 10px;
          position: relative; }
          @media screen and (max-width: 736px) {
            #main > .inner > section > .top-dash-board .dash-board {
              width: 100%;
              padding: 15px 10px; } }
          #main > .inner > section > .top-dash-board .dash-board .block-title {
            width: 50%;
            min-width: 180px;
            max-width: 250px;
            display: flex;
            color: #ffffff;
            background-color: #2895b7;
            border-radius: 0 20px 0 0;
            padding: 8px 5px 8px 20px;
            font-size: 18px;
            font-weight: bold;
            white-space: nowrap; }
            #main > .inner > section > .top-dash-board .dash-board .block-title .ico {
              padding-right: 10px;
              padding-top: 2px; }
          #main > .inner > section > .top-dash-board .dash-board .block-contents {
            min-height: 100px;
            border: 1px solid #2895b7;
            padding: 10px;
            background-color: #fbfeff; }
            #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item {
              width: 100%;
              display: flex;
              justify-content: space-between;
              padding: 5px 0;
              border-bottom: 1px solid #acd9e7; }
              @media screen and (max-width: 980px) {
                #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item {
                  padding: 5px 5px; } }
              #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item:last-child {
                border-bottom: unset; }
              #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item .title {
                padding: 8px 0 8px 10px;
                white-space: nowrap;
                line-height: 18px;
                color: #1b647b; }
                @media screen and (max-width: 736px) {
                  #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item .title {
                    padding: 8px 0 8px 0; } }
              #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item .value {
                padding: 8px 10px 8px 0;
                line-height: 18px;
                font-size: 18px;
                font-weight: bold;
                color: #1b647b;
                text-align: right; }
                @media screen and (max-width: 736px) {
                  #main > .inner > section > .top-dash-board .dash-board .block-contents .info-item .value {
                    padding: 8px 0 8px 0;
                    font-size: 15px; } }
          #main > .inner > section > .top-dash-board .dash-board .optional-info {
            position: absolute;
            right: 40px;
            top: 20px;
            width: 30px;
            height: 30px;
            cursor: pointer; }
            @media screen and (max-width: 980px) {
              #main > .inner > section > .top-dash-board .dash-board .optional-info {
                right: 30px; } }
            @media screen and (max-width: 736px) {
              #main > .inner > section > .top-dash-board .dash-board .optional-info {
                right: 20px; } }
            #main > .inner > section > .top-dash-board .dash-board .optional-info .ico {
              font-size: 35px;
              color: #acd9e7; }
              #main > .inner > section > .top-dash-board .dash-board .optional-info .ico:hover {
                color: #29c1ef; }
  @media screen and (max-width: 1680px) {
    #main > .inner {
      /*@include padding(0, 3em);*/
      padding: 0 1.5em 0.1em 1.5em ; }
      #main > .inner > section {
        /*@include padding(3em, 0);*/
        padding: 2em 0 2em 0; } }
  @media screen and (max-width: 1280px) {
    #main > .inner {
      padding: 0 3em 0.1em 3em ; }
      #main > .inner > section {
        /*@include padding(2em, 0);*/
        padding: 2em 0 2em 0; } }
  @media screen and (max-width: 980px) {
    #main > .inner {
      padding: 0 1.5em 0.1em 1.5em ; }
      #main > .inner > section {
        /*@include padding(2em, 0);*/
        padding: 2em 0 2em 0; } }
  @media screen and (max-width: 736px) {
    #main > .inner {
      padding: 0 0.5em 0.1em 0.5em ; }
      #main > .inner > section {
        /*@include padding(1.5em, 0);*/
        padding: 1.5em 0 2em 0; } }

#main::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  width: 7px; }

#main::-webkit-scrollbar-track {
  background-color: #ccc; }

#main::-webkit-scrollbar-thumb {
  background-color: #17585d; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼ iziModalダイアルログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.izi-select-dlg {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  border: 20px solid #e7e7e7; }
  .izi-select-dlg .izi-close {
    background-color: #a5a5a5;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 16px;
    width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute !important;
    right: 8px;
    top: 8px;
    transform: rotate(0deg);
    animation: rotate_0 0.65s forwards; }
    .izi-select-dlg .izi-close:hover {
      animation: rotate_90 0.65s forwards; }
    .izi-select-dlg .izi-close:active {
      width: 28px;
      height: 28px;
      right: 9px;
      top: 9px; }
  .izi-select-dlg .izi-title {
    width: 100%;
    color: #414141;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    text-align: center; }
  .izi-select-dlg .izi-contents {
    font-size: 18px;
    line-height: 22px;
    color: #414141;
    margin-top: 20px; }
  .izi-select-dlg .izi-warn {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px; }
    .izi-select-dlg .izi-warn .izi-warn-mark {
      position: relative;
      width: 30px; }
      .izi-select-dlg .izi-warn .izi-warn-mark:before {
        font-family: 'Font Awesome 5 Free';
        content: '\f071';
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        font-weight: bold;
        color: #d0005b;
        top: -3px; }
    .izi-select-dlg .izi-warn .izi-warn-txt {
      width: calc(100% - 30px);
      color: #962929; }
  .izi-select-dlg .izi-control {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px; }
    .izi-select-dlg .izi-control .izi-btn {
      display: flex;
      padding: 5px 20px;
      color: #ffffff;
      background-color: #2f2f2f;
      margin: 0 3%;
      border-radius: 20px;
      cursor: pointer;
      white-space: nowrap; }
      .izi-select-dlg .izi-control .izi-btn:hover {
        background-color: #ff6666; }
      .izi-select-dlg .izi-control .izi-btn:active {
        padding: 4px 19px;
        margin: 1px calc(3% + 1px); }
    .izi-select-dlg .izi-control .izi-cancel {
      color: #ffffff;
      background-color: #797979; }

.timeout {
  border: 20px solid #ffc107;
  background-color: #ffc10747; }
  .timeout .izi-close {
    background-color: #ffc107; }
  .timeout .izi-contents {
    font-size: 22px;
    line-height: 26px;
    color: #d7a81c;
    margin-bottom: 20px; }

@keyframes rotate_90 {
  0% {
    transform: rotate(0deg);
    background-color: #666666; }
  100% {
    transform: rotate(90deg);
    background-color: #ff6666; } }
@keyframes rotate_0 {
  0% {
    transform: rotate(0deg) scale(0.5); }
  100% {
    transform: rotate(-90deg) scale(1); } }
/* ================================ 管理システム スタイルシート ================================ */
/* ▼jQuery UI date picker 調整 */
.ui-state-default, .ui-widget-content .ui-state-default {
  border: none;
  text-align: center; }

.ui-state-active, .ui-widget-content .ui-state-active {
  background-color: #10b5ff;
  color: #ffffff !important; }

.ui-widget-header {
  border: unset;
  background-color: unset; }

.ui-widget.ui-widget-content {
  padding: 4px;
  border: 1px solid #727272;
  box-shadow: 1px 1px 6px 0px #6e6e6e; }

.ui-widget-content {
  border: none; }

.ui-datepicker {
  z-index: 1002 !important;
  /* ヘッダ(1001)より上 */ }

.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  display: flex;
  align-items: center;
  margin: 5px 5px 3px;
  padding: 0 10px;
  color: #363636 !important;
  font-size: 14px;
  font-weight: normal;
  box-shadow: 0 0 1px 1px #e1e1e1; }

.ui-datepicker table {
  margin: 0; }

.ui-datepicker th {
  background-color: #ede6da;
  border: 1px solid #ffffff;
  padding: 5px 0; }

.ui-datepicker-calendar thead {
  border-bottom: none; }

.ui-datepicker-calendar tbody tr {
  border: none !important; }

.ui-datepicker-calendar tbody tr:nth-child(2n + 1) {
  background-color: unset !important; }

.ui-datepicker-calendar tbody tr:hover {
  background-color: unset; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 2.8em;
  background-color: #efefef; }

.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: center;
  align-items: baseline; }

.ui-datepicker select.ui-datepicker-year {
  width: 77px;
  height: 26px;
  padding: 0 0 0 8px;
  text-overflow: unset;
  margin-right: 4px; }

/* ▼iziModal 調整 */
.iziModal {
  /*max-height: 90% !important;*/ }
  .iziModal .image-swiper-view-area {
    max-height: 100%;
    overflow: hidden; }
    .iziModal .image-swiper-view-area .main-slider {
      background-color: #000000; }
    .iziModal .image-swiper-view-area .sub-slider {
      height: 70px;
      background-color: #5b5b5b; }
      .iziModal .image-swiper-view-area .sub-slider .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #bfbfbf; }
        .iziModal .image-swiper-view-area .sub-slider .swiper-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .iziModal .image-swiper-view-area .control {
      position: absolute;
      left: 7px;
      top: 7px;
      display: flex;
      z-index: 1; }
      .iziModal .image-swiper-view-area .control .zoom-in {
        cursor: pointer; }
        .iziModal .image-swiper-view-area .control .zoom-in:hover {
          color: #ff0057; }
    .iziModal .image-swiper-view-area .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #ffffff9e;
      opacity: 1;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 1px 1px #ffffff96; }
    .iziModal .image-swiper-view-area .swiper-pagination-bullet-active {
      color: #ffffff;
      background-color: #007aff; }

/* ▼simplePagination.css 調整 */
.custom-theme a, .custom-theme span {
  width: 40px; }

@media screen and (max-width: 600px) {
  .custom-theme a, .custom-theme span {
    width: 35px; } }
@media screen and (max-width: 480px) {
  .custom-theme a, .custom-theme span {
    width: 28px; } }
@media screen and (max-width: 375px) {
  .custom-theme a, .custom-theme span {
    width: 26px; } }
@media screen and (max-width: 330px) {
  .custom-theme a, .custom-theme span {
    width: 22px; } }
.custom-theme .current {
  width: 40px; }

@media screen and (max-width: 600px) {
  .custom-theme .current {
    width: 35px; } }
@media screen and (max-width: 480px) {
  .custom-theme .current {
    width: 28px; } }
@media screen and (max-width: 375px) {
  .custom-theme .current {
    width: 26px; } }
@media screen and (max-width: 330px) {
  .custom-theme .current {
    width: 22px; } }
/* ▼Particles Effect 調整 */
.particles-effect {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 20px);
  pointer-events: none; }

/* ▼画像表示POPUP */
.image-viewer .image-swiper-view-area {
  overflow: hidden;
  height: 100%; }
  .image-viewer .image-swiper-view-area .main-slider {
    background-color: #000000;
    height: calc(100% - 70px); }
    .image-viewer .image-swiper-view-area .main-slider .swiper-zoom-container > img {
                    /*
                    max-height: 700px;

                    @include breakpoint('<=small') {
                        max-height: 500px;
                    }
                    */ }
  .image-viewer .image-swiper-view-area .sub-slider {
    height: 70px;
    background-color: #5b5b5b; }
    .image-viewer .image-swiper-view-area .sub-slider .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #bfbfbf; }
      .image-viewer .image-swiper-view-area .sub-slider .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .image-viewer .image-swiper-view-area .control {
    position: absolute;
    left: 7px;
    top: 7px;
    display: flex;
    z-index: 1; }
    .image-viewer .image-swiper-view-area .control .zoom-in, .image-viewer .image-swiper-view-area .control .keymap {
      cursor: pointer;
      margin: 5px; }
      .image-viewer .image-swiper-view-area .control .zoom-in:hover, .image-viewer .image-swiper-view-area .control .keymap:hover {
        color: #8bc34a; }
    @media screen and (max-width: 736px) {
      .image-viewer .image-swiper-view-area .control .keymap {
        display: none; } }
  .image-viewer .image-swiper-view-area .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #ffffff9e;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 1px #ffffff96; }
  .image-viewer .image-swiper-view-area .swiper-pagination-bullet-active {
    color: #ffffff;
    background-color: #007aff; }
.image-viewer .swiper-button-next, .image-viewer .swiper-button-prev {
  color: #ffffff; }

/*# sourceMappingURL=style.css.map */