@charset "UTF-8";
@font-face {}/* line 5, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  box-sizing: border-box; }

/* line 14, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
html {
  overflow-y: scroll;
  overflow-x: auto; }

/* line 19, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
html,
body {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  font-size: 16px; }

/* line 26, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
body,
input,
textarea,
select,
option {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

/* line 34, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
.mincho {
  font-family: 游明朝, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, 'Noto Serif Japanese', メイリオ, Meiryo, serif; }

/* line 38, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
input[type=button],
input[type=submit] {
  cursor: pointer; }

/* line 43, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
textarea {
  resize: none; }

/* line 47, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
img,
canvas {
  border: none; }

/* line 53, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
ul,
ol {
  list-style: none; }

/* line 58, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 63, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
a:focus {
  outline: none; }

/* line 67, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
.clear {
  clear: both; }

/* line 71, ../../xampp/htdocs/_test/receipt/css/_reset.scss */
article,
aside,
details,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/*color*/
/*size*/
/*margin&padding*/
/*slick setting*/
/* line 4, ../../xampp/htdocs/_test/receipt/css/style.scss */
.slick-prev:before,
.slick-next:before {
  color: #ededf7; }

/* line 9, ../../xampp/htdocs/_test/receipt/css/style.scss */
body {
  padding: 0;
  position: relative;
  background: #f0f0f0; }

/* line 21, ../../xampp/htdocs/_test/receipt/css/style.scss */
a {
  color: #807dd1;
  cursor: pointer;
  transition: all 0.2s 0s ease; }
  /* line 26, ../../xampp/htdocs/_test/receipt/css/style.scss */
  a:hover {
    opacity: 0.5; }

/* line 31, ../../xampp/htdocs/_test/receipt/css/style.scss */
hr {
  margin-bottom: 30px; }

/* line 36, ../../xampp/htdocs/_test/receipt/css/style.scss */
input[type=text],
input[type=tel],
input[type=password],
input[type=number],
textarea,
select,
option {
  padding: 5px; }

/* line 46, ../../xampp/htdocs/_test/receipt/css/style.scss */
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 50px;
  width: 100%;
  background: #222;
  box-shadow: 0 1px 3px #888888;
  color: #fff; }
  /* line 61, ../../xampp/htdocs/_test/receipt/css/style.scss */
  header h1 {
    position: absolute;
    top: 0px;
    left: 15px;
    margin: 0;
    height: 20px; }
    /* line 70, ../../xampp/htdocs/_test/receipt/css/style.scss */
    header h1.loading:after {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 0 0 5px; }
    /* line 78, ../../xampp/htdocs/_test/receipt/css/style.scss */
    header h1 a {
      display: inline-block;
      height: 20px;
      width: 20px; }
      /* line 83, ../../xampp/htdocs/_test/receipt/css/style.scss */
      header h1 a img {
        height: 20px;
        width: 20px;
        opacity: 0.5; }
    /* line 90, ../../xampp/htdocs/_test/receipt/css/style.scss */
    header h1 span {
      display: inline-block;
      vertical-align: middle;
      font-size: 0.8rem;
      margin-left: 8px; }
  /* line 98, ../../xampp/htdocs/_test/receipt/css/style.scss */
  header ul {
    position: absolute;
    top: 0;
    right: 0; }
    /* line 103, ../../xampp/htdocs/_test/receipt/css/style.scss */
    header ul li {
      height: 50px;
      line-height: 50px;
      font-size: 0.8rem;
      padding: 0 10px; }
      /* line 109, ../../xampp/htdocs/_test/receipt/css/style.scss */
      header ul li a {
        color: #fff; }
        /* line 112, ../../xampp/htdocs/_test/receipt/css/style.scss */
        header ul li a:before {
          color: #fff !important; }

/* line 121, ../../xampp/htdocs/_test/receipt/css/style.scss */
#user-password p {
  margin-bottom: 15px; }

/* line 129, ../../xampp/htdocs/_test/receipt/css/style.scss */
#user-password dl dd input {
  width: 100%; }

/* line 136, ../../xampp/htdocs/_test/receipt/css/style.scss */
nav {
  z-index: 200;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  /* line 145, ../../xampp/htdocs/_test/receipt/css/style.scss */
  nav p {
    z-index: 300;
    position: absolute;
    top: 0;
    right: 0; }
    /* line 151, ../../xampp/htdocs/_test/receipt/css/style.scss */
    nav p a {
      pointer-events: auto;
      display: block;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      padding: 0 20px;
      color: #fff; }
      /* line 160, ../../xampp/htdocs/_test/receipt/css/style.scss */
      nav p a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f142"; }
  /* line 166, ../../xampp/htdocs/_test/receipt/css/style.scss */
  nav #side-menu {
    transition: all 0.2s 0s ease;
    z-index: 400;
    position: absolute;
    top: 0;
    right: 0;
    background: #323232;
    height: 100%;
    width: 0;
    padding: 0; }
    /* line 181, ../../xampp/htdocs/_test/receipt/css/style.scss */
    nav #side-menu:target {
      width: auto; }
    @media screen and (max-width: 768px) {
      /* line 166, ../../xampp/htdocs/_test/receipt/css/style.scss */
      nav #side-menu {
        width: 0; } }
    /* line 195, ../../xampp/htdocs/_test/receipt/css/style.scss */
    nav #side-menu #menu-close {
      text-align: right; }
      /* line 198, ../../xampp/htdocs/_test/receipt/css/style.scss */
      nav #side-menu #menu-close:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d"; }
    /* line 203, ../../xampp/htdocs/_test/receipt/css/style.scss */
    nav #side-menu li {
      border-bottom: 1px #fff dotted; }
      /* line 206, ../../xampp/htdocs/_test/receipt/css/style.scss */
      nav #side-menu li a {
        pointer-events: auto;
        display: block;
        padding: 15px 30px;
        color: #fff;
        white-space: nowrap; }
        /* line 213, ../../xampp/htdocs/_test/receipt/css/style.scss */
        nav #side-menu li a:before {
          display: inline-block;
          width: 1.2rem;
          text-align: center; }

/* line 223, ../../xampp/htdocs/_test/receipt/css/style.scss */
main {
  transition: all 0.2s 0s ease;
  position: absolute;
  top: 80px;
  left: 5%;
  width: 90%;
  height: 85%;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 1px 3px #888888;
  border-radius: 10px;
  margin: 0 0 60px;
  padding: 60px; }
  @media screen and (max-width: 768px) {
    /* line 223, ../../xampp/htdocs/_test/receipt/css/style.scss */
    main {
      top: 60px;
      left: 2%;
      width: 96%;
      height: 85%;
      padding: 15px;
      margin: 0 0 100px; } }

/* line 254, ../../xampp/htdocs/_test/receipt/css/style.scss */
footer {
  display: none; }
  @media screen and (max-width: 768px) {
    /* line 254, ../../xampp/htdocs/_test/receipt/css/style.scss */
    footer {
      display: block;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0; }
      /* line 264, ../../xampp/htdocs/_test/receipt/css/style.scss */
      footer #footer-menu {
        background: #807dd1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        /* line 268, ../../xampp/htdocs/_test/receipt/css/style.scss */
        footer #footer-menu li {
          width: 25%;
          text-align: center;
          padding: 10px 5px 5px; }
          /* line 273, ../../xampp/htdocs/_test/receipt/css/style.scss */
          footer #footer-menu li a {
            color: #fff;
            font-size: 0.6rem; }
            /* line 277, ../../xampp/htdocs/_test/receipt/css/style.scss */
            footer #footer-menu li a:before {
              display: block;
              font-size: 1.2rem; }
            /* line 283, ../../xampp/htdocs/_test/receipt/css/style.scss */
            footer #footer-menu li a.home:before {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              content: "\f015"; }
            /* line 289, ../../xampp/htdocs/_test/receipt/css/style.scss */
            footer #footer-menu li a.receipt:before {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              content: "\f0c5"; }
            /* line 295, ../../xampp/htdocs/_test/receipt/css/style.scss */
            footer #footer-menu li a.backlog:before {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              content: "\f06a"; }
            /* line 301, ../../xampp/htdocs/_test/receipt/css/style.scss */
            footer #footer-menu li a.contact:before {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              content: "\f0e0"; } }

/* line 313, ../../xampp/htdocs/_test/receipt/css/style.scss */
#login {
  position: absolute;
  right: 0;
  left: 0;
  width: 90%;
  max-width: 325px;
  padding: 30px;
  margin: auto; }
  /* line 325, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #login section h2 {
    color: #807dd1;
    font-size: 1.5rem;
    margin-bottom: 15px; }
  /* line 331, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #login section dl {
    margin-bottom: 30px; }
    /* line 334, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #login section dl dt {
      color: #807dd1;
      font-size: 0.8rem; }
    /* line 341, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #login section dl dd {
      margin-bottom: 15px;
      font-size: 1rem; }
      /* line 345, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #login section dl dd input[type=text],
      #login section dl dd input[type=password] {
        width: 100%; }
  /* line 352, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #login section p {
    margin-bottom: 15px;
    text-align: center;
    font-size: 0.9rem; }
    /* line 357, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #login section p input[type=submit] {
      font-size: 1rem;
      color: #807dd1; }
      /* line 361, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #login section p input[type=submit]:hover {
        color: #fff; }

/* line 375, ../../xampp/htdocs/_test/receipt/css/style.scss */
#index ul {
  display: block;
  text-align: center; }
  /* line 379, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #index ul li {
    display: inline-block;
    margin: 20px;
    width: 240px;
    height: 240px; }
    @media screen and (max-width: 768px) {
      /* line 379, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #index ul li {
        margin: 20px 0px;
        width: 90%;
        height: 150px; } }
    /* line 392, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #index ul li a {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      font-size: 1.5rem;
      padding: 0;
      margin: 0;
      border-radius: 1.5rem;
      line-height: 360px; }
      @media screen and (max-width: 768px) {
        /* line 392, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #index ul li a {
          font-size: 1rem;
          line-height: 240px; } }
      /* line 409, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #index ul li a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c5";
        display: block;
        width: 100%;
        height: 5rem;
        text-align: center;
        font-size: 5rem;
        line-height: 0;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 90px; }
        @media screen and (max-width: 768px) {
          /* line 409, ../../xampp/htdocs/_test/receipt/css/style.scss */
          #index ul li a:before {
            height: 4rem;
            font-size: 4rem;
            top: 50px; } }
      /* line 433, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #index ul li a.backlog:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f06a"; }

/* line 446, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt > h2 {
  margin-bottom: 30px; }
  /* line 449, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt > h2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f381";
    margin-right: 5px;
    color: #807dd1; }

/* line 456, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt p {
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    /* line 456, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt p {
      font-size: 0.8rem; } }
  /* line 464, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt p > label {
    margin: 10px 15px;
    display: inline-block;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      /* line 464, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt p > label {
        margin: 5px 10px;
        line-height: 1rem; } }
    /* line 474, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt p > label span {
      display: inline-block; }
    /* line 479, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt p > label input[type=text] {
      width: 100px; }
      @media screen and (max-width: 768px) {
        /* line 479, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #receipt p > label input[type=text] {
          width: 80px;
          font-size: 0.7rem;
          padding: 3px; } }
    @media screen and (max-width: 768px) {
      /* line 489, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt p > label select {
        font-size: 0.7rem;
        padding: 3px; } }
    /* line 497, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt p > label.labeldate:before {
      content: "日付："; }
    @media screen and (max-width: 768px) {
      /* line 503, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt p > label.labeldate:before {
        content: ""; } }
    /* line 511, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt p > label.labelorder:before {
      content: "表示順："; }
    @media screen and (max-width: 768px) {
      /* line 516, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt p > label.labelorder:before {
        content: ""; } }

/* line 529, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt > dl dt {
  color: #807dd1; }

/* line 533, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt > dl dd {
  position: relative;
  margin-bottom: 30px; }
  /* line 537, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt > dl dd input {
    width: 100%; }

/* line 543, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt #list {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1; }
  @media screen and (max-width: 768px) {
    /* line 543, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list {
      display: block;
      border-top: none;
      border-left: none; } }
  @media screen and (max-width: 768px) {
    /* line 558, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead,
    #receipt #list tbody {
      display: block; } }
  @media screen and (max-width: 768px) {
    /* line 569, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr,
    #receipt #list tbody tr {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 10px;
      border: 1px solid #c1c1c1;
      border-radius: 8px;
      padding: 10px; } }
  /* line 582, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr th,
  #receipt #list thead tr td,
  #receipt #list tbody tr th,
  #receipt #list tbody tr td {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px; }
    @media screen and (max-width: 768px) {
      /* line 582, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr th,
      #receipt #list thead tr td,
      #receipt #list tbody tr th,
      #receipt #list tbody tr td {
        display: block;
        border-right: none;
        border-bottom: none; } }
  /* line 599, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr th,
  #receipt #list tbody tr th {
    background: #e8e8e8;
    font-size: 0.8rem; }
    @media screen and (max-width: 768px) {
      /* line 599, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr th,
      #receipt #list tbody tr th {
        display: none; } }
  /* line 615, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.check,
  #receipt #list tbody tr td.check {
    text-align: center; }
    /* line 618, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.check input[type=checkbox],
    #receipt #list tbody tr td.check input[type=checkbox] {
      pointer-events: none; }
    @media screen and (max-width: 768px) {
      /* line 615, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.check,
      #receipt #list tbody tr td.check {
        text-align: left;
        width: 100%; } }
  /* line 629, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.date,
  #receipt #list tbody tr td.date {
    text-align: center; }
    @media screen and (max-width: 768px) {
      /* line 629, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.date,
      #receipt #list tbody tr td.date {
        text-align: left;
        width: 50%;
        font-size: 1rem; } }
  /* line 639, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.slip_no,
  #receipt #list tbody tr td.slip_no {
    text-align: center; }
    /* line 642, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.slip_no:before,
    #receipt #list tbody tr td.slip_no:before {
      content: "No."; }
    @media screen and (max-width: 768px) {
      /* line 639, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.slip_no,
      #receipt #list tbody tr td.slip_no {
        text-align: right;
        width: 50%;
        font-size: 1rem; } }
  /* line 653, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.total,
  #receipt #list tbody tr td.total {
    text-align: right; }
    /* line 656, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.total:after,
    #receipt #list tbody tr td.total:after {
      content: " 円"; }
    @media screen and (max-width: 768px) {
      /* line 653, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.total,
      #receipt #list tbody tr td.total {
        font-size: 1.2rem;
        width: 100%; }
        /* line 664, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #receipt #list thead tr td.total:before,
        #receipt #list tbody tr td.total:before {
          content: "金額：";
          font-size: 0.8rem; } }
  @media screen and (max-width: 768px) {
    /* line 671, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.memo1,
    #receipt #list tbody tr td.memo1 {
      border-top: 1px solid #AAA;
      text-align: center;
      width: 100%;
      font-size: 0.75rem; } }
  /* line 680, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.link,
  #receipt #list tbody tr td.link {
    text-align: center; }
    /* line 683, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.link a,
    #receipt #list tbody tr td.link a {
      display: inline-block;
      margin: 0 5px; }
    @media screen and (max-width: 768px) {
      /* line 680, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.link,
      #receipt #list tbody tr td.link {
        border-top: 1px solid #AAA;
        text-align: left;
        width: 50%;
        font-size: 0.8rem; } }
  /* line 696, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list thead tr td.checked-link,
  #receipt #list tbody tr td.checked-link {
    text-align: center; }
    /* line 699, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead tr td.checked-link a,
    #receipt #list tbody tr td.checked-link a {
      display: inline-block;
      margin: 0 5px; }
      /* line 703, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.checked-link a:before,
      #receipt #list tbody tr td.checked-link a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f058";
        margin-right: 3px; }
    @media screen and (max-width: 768px) {
      /* line 696, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #receipt #list thead tr td.checked-link,
      #receipt #list tbody tr td.checked-link {
        border-top: 1px solid #AAA;
        text-align: right;
        width: 50%;
        font-size: 0.8rem; } }
  @media screen and (max-width: 768px) {
    /* line 720, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list thead {
      display: none; } }
  /* line 727, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #list tbody tr {
    cursor: pointer; }
    /* line 730, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list tbody tr:nth-of-type(2n) {
      background: #f0f0f0; }
    /* line 734, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #list tbody tr:hover {
      background: #ffffee; }

/* line 741, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt .key_datepicker {
  display: inline-block;
  font-size: 0; }
  /* line 745, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt .key_datepicker:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f133";
    margin-left: 5px;
    font-size: 1rem; }

/* line 752, ../../xampp/htdocs/_test/receipt/css/style.scss */
#receipt #all_btn {
  margin-bottom: 30px; }
  /* line 755, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #receipt #all_btn p {
    /*border: 2px solid #c1c1c1;
            background: #e8e8e8;
            padding: 8px;*/
    text-align: left;
    font-size: 0.9rem; }
    /* line 762, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #receipt #all_btn p a {
      display: inline-block;
      margin: 0 8px; }

/* line 773, ../../xampp/htdocs/_test/receipt/css/style.scss */
#earning_detail dl {
  margin-bottom: 1rem; }

/* line 777, ../../xampp/htdocs/_test/receipt/css/style.scss */
#earning_detail #earning_list {
  margin-bottom: 1rem;
  width: 100%;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1; }
  @media screen and (max-width: 768px) {
    /* line 777, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list {
      display: block;
      border-top: none;
      border-left: none; } }
  @media screen and (max-width: 768px) {
    /* line 793, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead,
    #earning_detail #earning_list tbody {
      display: block; } }
  @media screen and (max-width: 768px) {
    /* line 804, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead tr,
    #earning_detail #earning_list tbody tr {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 10px;
      border: 1px solid #c1c1c1;
      border-radius: 8px;
      padding: 10px; } }
  /* line 817, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr th,
  #earning_detail #earning_list thead tr td,
  #earning_detail #earning_list tbody tr th,
  #earning_detail #earning_list tbody tr td {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px; }
    @media screen and (max-width: 768px) {
      /* line 817, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr th,
      #earning_detail #earning_list thead tr td,
      #earning_detail #earning_list tbody tr th,
      #earning_detail #earning_list tbody tr td {
        display: block;
        border-right: none;
        border-bottom: none;
        padding: 1px; } }
  /* line 835, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr th,
  #earning_detail #earning_list tbody tr th {
    background: #e8e8e8;
    font-size: 0.8rem; }
    @media screen and (max-width: 768px) {
      /* line 835, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr th,
      #earning_detail #earning_list tbody tr th {
        display: none; } }
  /* line 850, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr td.item_name,
  #earning_detail #earning_list tbody tr td.item_name {
    text-align: left; }
    @media screen and (max-width: 768px) {
      /* line 850, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr td.item_name,
      #earning_detail #earning_list tbody tr td.item_name {
        width: 100%; } }
  /* line 858, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr td.item_jan,
  #earning_detail #earning_list tbody tr td.item_jan {
    text-align: center; }
    @media screen and (max-width: 768px) {
      /* line 858, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr td.item_jan,
      #earning_detail #earning_list tbody tr td.item_jan {
        font-size: 0.8rem;
        text-align: right;
        width: 100%; }
        /* line 866, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #earning_detail #earning_list thead tr td.item_jan:before,
        #earning_detail #earning_list tbody tr td.item_jan:before {
          content: "JAN："; } }
  /* line 872, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr td.item_price,
  #earning_detail #earning_list tbody tr td.item_price {
    text-align: right; }
    /* line 875, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead tr td.item_price:after,
    #earning_detail #earning_list tbody tr td.item_price:after {
      content: " 円"; }
    @media screen and (max-width: 768px) {
      /* line 872, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr td.item_price,
      #earning_detail #earning_list tbody tr td.item_price {
        font-size: 0.8rem;
        width: 50%; }
        /* line 883, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #earning_detail #earning_list thead tr td.item_price:before,
        #earning_detail #earning_list tbody tr td.item_price:before {
          content: "単価："; } }
  /* line 889, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr td.quantity,
  #earning_detail #earning_list tbody tr td.quantity {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 889, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr td.quantity,
      #earning_detail #earning_list tbody tr td.quantity {
        font-size: 0.8rem;
        width: 50%; }
        /* line 896, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #earning_detail #earning_list thead tr td.quantity:before,
        #earning_detail #earning_list tbody tr td.quantity:before {
          content: "×　数量："; } }
  /* line 902, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list thead tr td.order_price,
  #earning_detail #earning_list tbody tr td.order_price {
    text-align: right; }
    /* line 905, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead tr td.order_price:after,
    #earning_detail #earning_list tbody tr td.order_price:after {
      content: " 円"; }
    @media screen and (max-width: 768px) {
      /* line 902, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #earning_detail #earning_list thead tr td.order_price,
      #earning_detail #earning_list tbody tr td.order_price {
        font-size: 0.8rem;
        width: 100%; }
        /* line 913, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #earning_detail #earning_list thead tr td.order_price:before,
        #earning_detail #earning_list tbody tr td.order_price:before {
          content: "小計："; } }
  @media screen and (max-width: 768px) {
    /* line 919, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead tr td.remarks,
    #earning_detail #earning_list tbody tr td.remarks {
      border-top: 1px solid #AAA;
      text-align: center;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    /* line 930, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list thead {
      display: none; } }
  /* line 937, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #earning_detail #earning_list tbody tr {
    cursor: pointer; }
    /* line 940, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list tbody tr:nth-of-type(2n) {
      background: #f0f0f0; }
    /* line 944, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #earning_detail #earning_list tbody tr:hover {
      background: #ffffee; }

/* line 957, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked > h2 {
  margin-bottom: 30px;
  position: relative; }
  /* line 961, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked > h2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    margin-right: 5px;
    color: #807dd1; }
  /* line 967, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked > h2 a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.8rem; }

/* line 976, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked p {
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    /* line 976, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked p {
      font-size: 0.75rem; } }
  /* line 984, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked p > label {
    margin: 10px 15px;
    display: inline-block;
    line-height: 2rem; }
    /* line 989, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked p > label span {
      display: inline-block; }
    /* line 994, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked p > label input[type=text] {
      width: 100px; }

/* line 1002, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked > dl dt {
  color: #807dd1; }
  @media screen and (max-width: 768px) {
    /* line 1002, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked > dl dt {
      font-size: 0.7rem; } }

/* line 1010, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked > dl dd {
  position: relative;
  margin-bottom: 30px; }
  /* line 1014, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked > dl dd input {
    width: 100%; }

/* line 1020, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked #list {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1; }
  @media screen and (max-width: 768px) {
    /* line 1020, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list {
      display: block;
      border-top: none;
      border-left: none; } }
  @media screen and (max-width: 768px) {
    /* line 1035, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead,
    #checked #list tbody {
      display: block; } }
  /* line 1048, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr.checked,
  #checked #list tbody tr.checked {
    background: #FFB !important; }
    /* line 1052, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr.checked .quantity:after,
    #checked #list tbody tr.checked .quantity:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f00c";
      margin-left: 5px;
      color: #F00; }
  @media screen and (max-width: 768px) {
    /* line 1046, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr,
    #checked #list tbody tr {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 10px;
      border: 1px solid #c1c1c1;
      border-radius: 8px;
      padding: 10px; } }
  /* line 1072, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr th,
  #checked #list thead tr td,
  #checked #list tbody tr th,
  #checked #list tbody tr td {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px; }
    @media screen and (max-width: 768px) {
      /* line 1072, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr th,
      #checked #list thead tr td,
      #checked #list tbody tr th,
      #checked #list tbody tr td {
        display: block;
        border-right: none;
        border-bottom: none; } }
  /* line 1089, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr th,
  #checked #list tbody tr th {
    background: #e8e8e8;
    font-size: 0.8rem; }
    @media screen and (max-width: 768px) {
      /* line 1089, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr th,
      #checked #list tbody tr th {
        display: none; } }
  @media screen and (max-width: 375px) {
    /* line 1102, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr td,
    #checked #list tbody tr td {
      padding: 2px; } }
  /* line 1107, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr td.no,
  #checked #list tbody tr td.no {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1107, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr td.no,
      #checked #list tbody tr td.no {
        display: none; } }
  /* line 1115, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr td.item_name,
  #checked #list tbody tr td.item_name {
    text-align: left; }
    @media screen and (max-width: 768px) {
      /* line 1115, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr td.item_name,
      #checked #list tbody tr td.item_name {
        font-weight: bold;
        width: 100%;
        font-size: 0.8rem; } }
  /* line 1125, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr td.item_jan,
  #checked #list tbody tr td.item_jan {
    text-align: center; }
    @media screen and (max-width: 768px) {
      /* line 1125, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr td.item_jan,
      #checked #list tbody tr td.item_jan {
        text-align: left;
        font-size: 0.7rem;
        width: 100%; } }
  /* line 1135, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr td.price, #checked #list thead tr td.price1,
  #checked #list tbody tr td.price,
  #checked #list tbody tr td.price1 {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1135, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr td.price, #checked #list thead tr td.price1,
      #checked #list tbody tr td.price,
      #checked #list tbody tr td.price1 {
        font-size: 1rem;
        width: 100%; }
        /* line 1144, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #checked #list thead tr td.price:after, #checked #list thead tr td.price1:after,
        #checked #list tbody tr td.price:after,
        #checked #list tbody tr td.price1:after {
          content: "円";
          font-size: 0.8rem; } }
  @media screen and (max-width: 768px) {
    /* line 1154, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr td.price:before,
    #checked #list tbody tr td.price:before {
      content: "上代：";
      font-size: 0.8rem; } }
  @media screen and (max-width: 768px) {
    /* line 1163, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr td.price1:before,
    #checked #list tbody tr td.price1:before {
      content: "卸価格：";
      font-size: 0.8rem; } }
  /* line 1171, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list thead tr td.quantity,
  #checked #list tbody tr td.quantity {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1171, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #checked #list thead tr td.quantity,
      #checked #list tbody tr td.quantity {
        font-size: 1rem;
        width: 100%; }
        /* line 1179, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #checked #list thead tr td.quantity:before,
        #checked #list tbody tr td.quantity:before {
          content: "数量：";
          font-size: 0.8rem; } }
  @media screen and (max-width: 768px) {
    /* line 1186, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead tr td.remarks,
    #checked #list tbody tr td.remarks {
      border-top: 1px solid #AAA;
      text-align: center;
      width: 100%;
      font-size: 0.7rem; } }
  @media screen and (max-width: 768px) {
    /* line 1199, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list thead {
      display: none; } }
  /* line 1206, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked #list tbody tr {
    cursor: pointer; }
    /* line 1209, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list tbody tr:nth-of-type(2n) {
      background: #f0f0f0; }
    /* line 1213, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #checked #list tbody tr:hover {
      background: #ffffee; }

/* line 1220, ../../xampp/htdocs/_test/receipt/css/style.scss */
#checked .key_datepicker {
  display: inline-block;
  font-size: 0; }
  /* line 1224, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #checked .key_datepicker:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f133";
    margin-left: 5px;
    font-size: 1rem; }

/* line 1239, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog > h2 {
  margin-bottom: 30px; }
  /* line 1242, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog > h2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    margin-right: 5px;
    color: #807dd1; }

/* line 1249, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog p {
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    /* line 1249, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog p {
      font-size: 0.75rem; } }
  /* line 1257, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog p > label {
    margin: 10px 15px;
    display: inline-block;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      /* line 1257, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog p > label {
        margin: 5px 10px;
        line-height: 1rem; } }
    /* line 1267, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog p > label span {
      display: inline-block; }
    /* line 1272, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog p > label input[type=text] {
      width: 100px; }
      @media screen and (max-width: 768px) {
        /* line 1272, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #backlog p > label input[type=text] {
          width: 80px;
          font-size: 0.7rem;
          padding: 3px; } }
    @media screen and (max-width: 768px) {
      /* line 1282, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog p > label select {
        font-size: 0.7rem;
        padding: 3px; } }
    /* line 1290, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog p > label.labeldate:before {
      content: "日付："; }
    @media screen and (max-width: 768px) {
      /* line 1296, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog p > label.labeldate:before {
        content: ""; } }
    /* line 1304, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog p > label.labelorder:before {
      content: "表示順："; }
    @media screen and (max-width: 768px) {
      /* line 1309, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog p > label.labelorder:before {
        content: ""; } }

/* line 1321, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog > dl dt {
  color: #807dd1; }

/* line 1325, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog > dl dd {
  position: relative;
  margin-bottom: 30px; }
  /* line 1329, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog > dl dd input {
    width: 100%; }

/* line 1335, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog #list {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1; }
  @media screen and (max-width: 768px) {
    /* line 1335, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list {
      display: block;
      border-top: none;
      border-left: none; } }
  @media screen and (max-width: 768px) {
    /* line 1350, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list thead,
    #backlog #list tbody {
      display: block; } }
  @media screen and (max-width: 768px) {
    /* line 1361, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list thead tr,
    #backlog #list tbody tr {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 10px;
      border: 1px solid #c1c1c1;
      border-radius: 8px;
      padding: 10px; } }
  /* line 1374, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr th,
  #backlog #list thead tr td,
  #backlog #list tbody tr th,
  #backlog #list tbody tr td {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 3px 5px; }
    @media screen and (max-width: 768px) {
      /* line 1374, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr th,
      #backlog #list thead tr td,
      #backlog #list tbody tr th,
      #backlog #list tbody tr td {
        display: block;
        border-right: none;
        border-bottom: none; } }
  /* line 1391, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr th,
  #backlog #list tbody tr th {
    background: #e8e8e8;
    font-size: 0.8rem; }
    @media screen and (max-width: 768px) {
      /* line 1391, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr th,
      #backlog #list tbody tr th {
        display: none; } }
  /* line 1407, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.date,
  #backlog #list tbody tr td.date {
    text-align: center; }
    @media screen and (max-width: 768px) {
      /* line 1407, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.date,
      #backlog #list tbody tr td.date {
        text-align: left;
        width: 50%;
        font-size: 0.7rem; } }
  /* line 1417, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.order_no,
  #backlog #list tbody tr td.order_no {
    text-align: center; }
    /* line 1420, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list thead tr td.order_no:before,
    #backlog #list tbody tr td.order_no:before {
      content: "No."; }
    @media screen and (max-width: 768px) {
      /* line 1417, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.order_no,
      #backlog #list tbody tr td.order_no {
        text-align: right;
        width: 50%;
        font-size: 0.7rem; } }
  /* line 1431, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.item_name,
  #backlog #list tbody tr td.item_name {
    text-align: left; }
    @media screen and (max-width: 768px) {
      /* line 1431, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.item_name,
      #backlog #list tbody tr td.item_name {
        border-bottom: 1px solid #AAA;
        font-size: 0.8rem;
        font-weight: bold;
        width: 100%; } }
  /* line 1442, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.item_jan,
  #backlog #list tbody tr td.item_jan {
    text-align: center; }
    @media screen and (max-width: 768px) {
      /* line 1442, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.item_jan,
      #backlog #list tbody tr td.item_jan {
        text-align: left;
        width: 50%;
        font-size: 0.7rem; } }
  /* line 1452, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.item_price,
  #backlog #list tbody tr td.item_price {
    text-align: right; }
    /* line 1455, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list thead tr td.item_price:after,
    #backlog #list tbody tr td.item_price:after {
      content: " 円"; }
    @media screen and (max-width: 768px) {
      /* line 1452, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.item_price,
      #backlog #list tbody tr td.item_price {
        width: 50%;
        font-size: 0.7rem; }
        /* line 1461, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #backlog #list thead tr td.item_price:before,
        #backlog #list tbody tr td.item_price:before {
          content: "単価："; } }
  /* line 1470, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.quantity,
  #backlog #list tbody tr td.quantity {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1470, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.quantity,
      #backlog #list tbody tr td.quantity {
        display: none;
        width: 50%; } }
  /* line 1480, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.shipping,
  #backlog #list tbody tr td.shipping {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1480, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.shipping,
      #backlog #list tbody tr td.shipping {
        display: none; } }
  /* line 1488, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.backlog,
  #backlog #list tbody tr td.backlog {
    text-align: right; }
    @media screen and (max-width: 768px) {
      /* line 1488, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.backlog,
      #backlog #list tbody tr td.backlog {
        font-size: 0.9rem;
        width: 100%; }
        /* line 1492, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #backlog #list thead tr td.backlog:before,
        #backlog #list tbody tr td.backlog:before {
          content: "未納数：";
          font-size: 0.7rem; } }
  /* line 1502, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.remarks,
  #backlog #list tbody tr td.remarks {
    text-align: left; }
    @media screen and (max-width: 768px) {
      /* line 1502, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.remarks,
      #backlog #list tbody tr td.remarks {
        border-top: 1px solid #AAA;
        text-align: center;
        width: 100%;
        font-size: 0.7rem; } }
  /* line 1513, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list thead tr td.order_schedule,
  #backlog #list tbody tr td.order_schedule {
    text-align: left; }
    @media screen and (max-width: 768px) {
      /* line 1513, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #backlog #list thead tr td.order_schedule,
      #backlog #list tbody tr td.order_schedule {
        border-top: 1px solid #AAA;
        text-align: center;
        width: 100%;
        font-size: 0.7rem; }
        /* line 1522, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #backlog #list thead tr td.order_schedule:before,
        #backlog #list tbody tr td.order_schedule:before {
          font-size: 0.7rem; } }
  @media screen and (max-width: 768px) {
    /* line 1532, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list thead {
      display: none; } }
  /* line 1539, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog #list tbody tr {
    cursor: pointer; }
    /* line 1542, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list tbody tr:nth-of-type(2n) {
      background: #f0f0f0; }
    /* line 1546, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog #list tbody tr:hover {
      background: #ffffee; }

/* line 1553, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog .key_datepicker {
  display: inline-block;
  font-size: 0; }
  /* line 1557, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog .key_datepicker:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f133";
    margin-left: 5px;
    font-size: 1rem; }

/* line 1571, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog_detail dl dt {
  font-size: 0.7rem; }

@media screen and (max-width: 768px) {
  /* line 1575, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #backlog_detail dl dd {
    font-size: 0.8rem; } }

/* line 1582, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog_detail #backlog_detail_item_price {
  text-align: left; }
  @media screen and (max-width: 768px) {
    /* line 1582, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog_detail #backlog_detail_item_price {
      text-align: right; } }

/* line 1590, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog_detail #backlog_detail_quantity {
  text-align: left; }
  @media screen and (max-width: 768px) {
    /* line 1590, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog_detail #backlog_detail_quantity {
      text-align: right; } }

/* line 1598, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog_detail #backlog_detail_shipping {
  text-align: left; }
  @media screen and (max-width: 768px) {
    /* line 1598, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog_detail #backlog_detail_shipping {
      text-align: right; } }

/* line 1606, ../../xampp/htdocs/_test/receipt/css/style.scss */
#backlog_detail #backlog_detail_backlog {
  text-align: left; }
  @media screen and (max-width: 768px) {
    /* line 1606, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #backlog_detail #backlog_detail_backlog {
      text-align: right; } }

/* line 1617, ../../xampp/htdocs/_test/receipt/css/style.scss */
#reminder {
  margin: 0 auto;
  width: 50%; }
  @media screen and (max-width: 768px) {
    /* line 1617, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #reminder {
      width: 100%; } }
  /* line 1626, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #reminder > h2 {
    margin-bottom: 30px; }
    /* line 1629, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #reminder > h2:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f06a";
      margin-right: 5px;
      color: #807dd1; }
  /* line 1636, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #reminder p {
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      /* line 1636, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #reminder p {
        font-size: 0.75rem; } }
    /* line 1644, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #reminder p > label {
      margin: 10px 15px;
      display: inline-block; }
    /* line 1652, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #reminder p#result {
      font-size: 1.2rem;
      color: red; }
  /* line 1659, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #reminder > dl dt {
    color: #807dd1; }
    @media screen and (max-width: 768px) {
      /* line 1659, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #reminder > dl dt {
        font-size: 0.75rem; } }
  /* line 1667, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #reminder > dl dd {
    position: relative;
    margin-bottom: 30px; }
    /* line 1671, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #reminder > dl dd input {
      width: 100%;
      font-size: 2rem; }
      @media screen and (max-width: 768px) {
        /* line 1671, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #reminder > dl dd input {
          font-size: 1.2rem; } }

/* line 1686, ../../xampp/htdocs/_test/receipt/css/style.scss */
#contact {
  margin: 0 auto;
  width: 50%; }
  @media screen and (max-width: 768px) {
    /* line 1686, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact {
      width: 100%; } }
  /* line 1695, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #contact > h2 {
    margin-bottom: 30px; }
    /* line 1698, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact > h2:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f0e0";
      margin-right: 5px;
      color: #807dd1; }
  /* line 1705, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #contact p {
    text-align: center;
    margin-bottom: 30px; }
    /* line 1709, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact p > label {
      margin: 10px 15px;
      display: inline-block; }
    /* line 1717, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact p#result {
      font-size: 1.2rem;
      color: red; }
  /* line 1724, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #contact dl dt {
    color: #807dd1; }
    @media screen and (max-width: 768px) {
      /* line 1724, ../../xampp/htdocs/_test/receipt/css/style.scss */
      #contact dl dt {
        font-size: 0.75rem; } }
  /* line 1732, ../../xampp/htdocs/_test/receipt/css/style.scss */
  #contact dl dd {
    position: relative;
    margin-bottom: 30px; }
    /* line 1736, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact dl dd input {
      width: 100%;
      font-size: 1rem; }
      @media screen and (max-width: 768px) {
        /* line 1736, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #contact dl dd input {
          font-size: 0.8rem; } }
    /* line 1745, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact dl dd textarea {
      width: 100%;
      height: 200px;
      font-size: 1rem; }
    /* line 1751, ../../xampp/htdocs/_test/receipt/css/style.scss */
    #contact dl dd select {
      font-size: 1rem; }
      @media screen and (max-width: 768px) {
        /* line 1751, ../../xampp/htdocs/_test/receipt/css/style.scss */
        #contact dl dd select {
          font-size: 0.8rem; } }

/* line 1767, ../../xampp/htdocs/_test/receipt/css/style.scss */
.lity-container {
  min-width: 300px;
  width: 75%; }

/* line 1772, ../../xampp/htdocs/_test/receipt/css/style.scss */
.dialog {
  background: #fff;
  border: solid #807dd1 1px;
  border-radius: 10px;
  padding: 30px;
  overflow: auto; }
  @media screen and (max-width: 768px) {
    /* line 1772, ../../xampp/htdocs/_test/receipt/css/style.scss */
    .dialog {
      padding: 15px; } }
  /* line 1788, ../../xampp/htdocs/_test/receipt/css/style.scss */
  .dialog > dl > dt {
    color: #807dd1; }
  /* line 1792, ../../xampp/htdocs/_test/receipt/css/style.scss */
  .dialog > dl > dd {
    padding: 0 20px;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      /* line 1792, ../../xampp/htdocs/_test/receipt/css/style.scss */
      .dialog > dl > dd {
        padding: 0; } }
  /* line 1806, ../../xampp/htdocs/_test/receipt/css/style.scss */
  .dialog > p {
    text-align: center; }

/* line 1811, ../../xampp/htdocs/_test/receipt/css/style.scss */
.btn {
  display: inline-block;
  padding: 10px 30px;
  min-width: 100px;
  background: #fff;
  border: solid #807dd1 1px;
  border-radius: 8px;
  text-align: center;
  margin: 0 10px;
  font-size: 1.2rem; }
  @media screen and (max-width: 768px) {
    /* line 1811, ../../xampp/htdocs/_test/receipt/css/style.scss */
    .btn {
      padding: 8px 15px;
      min-width: 90px;
      font-size: 0.8rem; } }
  /* line 1832, ../../xampp/htdocs/_test/receipt/css/style.scss */
  .btn:hover {
    color: #fff;
    background: #807dd1; }

/* line 1839, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-search:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1848, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-category:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1857, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-calender:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1866, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-lock:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1875, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-signout:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2f5";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1884, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-coins:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f51e";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1893, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-comment:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f075";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1902, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-qr:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f029";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1911, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-award:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f559";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1920, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-truck:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d1";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1929, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-address-card:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2bb";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1938, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-camera:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f030";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1947, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-edit:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f044";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1956, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-dolly-flatbed:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f474";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1965, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-user:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1974, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-exlink:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1983, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-exclamation-circle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f06a";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 1992, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-mail-square:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f199";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 2001, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-cloud-download-alt:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f381";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 2010, ../../xampp/htdocs/_test/receipt/css/style.scss */
.icon-wrench:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ad";
  color: #807dd1;
  display: inline-block;
  padding: 5px; }

/* line 2020, ../../xampp/htdocs/_test/receipt/css/style.scss */
.loading:after {
  content: "";
  display: block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  background: url(../loading.svg);
  background-size: contain;
  margin: 30px auto; }

/* line 2033, ../../xampp/htdocs/_test/receipt/css/style.scss */
.copy:after {
  content: "コピーしました";
  background: #807dd1;
  font-size: 0.5rem;
  padding: 0.1rem 0.3rem;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  color: #fff;
  margin-left: 5px; }

/* line 2047, ../../xampp/htdocs/_test/receipt/css/style.scss */
::-webkit-scrollbar {
  width: 8px; }

/* line 2051, ../../xampp/htdocs/_test/receipt/css/style.scss */
::-webkit-scrollbar-track {
  background: transparent;
  border: none;
  border-radius: 8px; }

/* line 2057, ../../xampp/htdocs/_test/receipt/css/style.scss */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
  box-shadow: none; }

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