/* flower collect front css */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
/* Variable */
/* basic overwrite */
body, html {
  font-size: 1em; }

p {
  margin: 0 0 1rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP"; }

.form-input {
  line-height: 1.3rem;
  height: auto;
  padding: 0.5rem 0.4rem;
  border-color: #e5e3e3; }

.form-label {
  line-height: 38px; }

.form-group:not(:last-child) {
  margin-bottom: 1.2rem; }

.form-group .icon-must {
  display: inline-block;
  margin-top: 6px; }

a {
  color: #222222; }
  a:hover {
    color: #696969; }

/* common css */
.icon-must {
  font-size: 12px;
  color: #fff;
  background-color: #222222;
  padding: 5px 17px;
  margin-right: 12px; }

.print-block-btn, .reset-block-btn, .confirm-block-btn {
  border-color: #707070;
  color: #222222;
  font-size: 14px;
  padding: 15px 80px;
  height: auto; }
  .print-block-btn:hover, .reset-block-btn:hover, .confirm-block-btn:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6; }

.left-arrow {
  background: url(../../img/icon_left_arrow.png) no-repeat 15px center; }
  .left-arrow:hover {
    background: #e6e6e6 url(../../img/icon_left_arrow.png) no-repeat 5px center; }

.right-arrow {
  background: url(../../img/icon_right_arrow.png) no-repeat right 15px center; }
  .right-arrow:hover {
    background: #e6e6e6 url(../../img/icon_right_arrow.png) no-repeat right 5px center; }

.print-block-btn {
  background: url(../../img/icon_plus.png) no-repeat 15px center; }
  .print-block-btn:hover {
    background: #e6e6e6 url(../../img/icon_plus.png) no-repeat 5px center; }

.reset-block-btn, .confirm-block-btn {
  margin: 0 15px;
  padding: 28px 140px; }

.confirm-block-btn {
  padding: 28px 180px; }

.caption {
  font-size: 14px;
  margin-left: 60px; }

.small-text {
  font-size: 14px;
  color: #676767; }

/* custome css */
.navbar {
  padding: 55px 0; }
  .navbar .navbar-section {
    letter-spacing: 1px; }
    .navbar .navbar-section img {
      margin-right: 2em; }

.page-ttl {
  background-color: #696969;
  color: #fff;
  font-size: 20px;
  padding: 40px 0; }
  .page-ttl h1 {
    margin: 0; }

.main-content {
  padding-top: 80px;
  background-color: #f8f8f8; }

.head-flow {
  margin: 40px 0 0 0; }
  .head-flow .flow {
    margin-top: 0;
    font-size: 14px;
    width: 180px;
    text-align: center;
    line-height: 70px;
    color: rgba(33, 33, 33, 0.5);
    border: rgba(112, 112, 112, 0.5) solid 1px; }
    .head-flow .flow.active {
      background-color: #e6e6e6;
      border: #e6e6e6 solid 1px; }
  .head-flow .tri {
    margin: 0 30px;
    line-height: 70px; }

.sectrion .form-horizontal {
  padding: 0; }

.sectrion .err {
  margin-top: 40px; }

h2 {
  font-size: 23px;
  margin-left: 60px;
  margin-bottom: 24px;
  position: relative; }
  h2:before {
    content: "";
    width: 50px;
    border-bottom: 1px solid #808080;
    height: 2px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -60px;
    position: absolute; }

.client-wrapper {
  padding: 80px 0; }
  .client-wrapper .columns {
    margin-bottom: 1.2rem; }

.shopList-wrapper {
  padding: 80px 0; }
  .shopList-wrapper .columns {
    margin-bottom: 1.2rem; }
  .shopList-wrapper #shopList.select-num th, .shopList-wrapper #shopList.select-num td, .shopList-wrapper #selectList.select-num th, .shopList-wrapper #selectList.select-num td, .shopList-wrapper #gokeiwaku.select-num th, .shopList-wrapper #gokeiwaku.select-num td {
    border-right: #E2E2E2 solid 1px; }
  .shopList-wrapper #shopList th, .shopList-wrapper #shopList td, .shopList-wrapper #selectList th, .shopList-wrapper #selectList td, .shopList-wrapper #gokeiwaku th, .shopList-wrapper #gokeiwaku td {
    padding: 24px 0;
    text-align: center;
    border-bottom: #E2E2E2 solid 1px; }
    .shopList-wrapper #shopList th.sidepadding, .shopList-wrapper #shopList td.sidepadding, .shopList-wrapper #selectList th.sidepadding, .shopList-wrapper #selectList td.sidepadding, .shopList-wrapper #gokeiwaku th.sidepadding, .shopList-wrapper #gokeiwaku td.sidepadding {
      padding: 24px; }
      .shopList-wrapper #shopList th.sidepadding select, .shopList-wrapper #shopList td.sidepadding select, .shopList-wrapper #selectList th.sidepadding select, .shopList-wrapper #selectList td.sidepadding select, .shopList-wrapper #gokeiwaku th.sidepadding select, .shopList-wrapper #gokeiwaku td.sidepadding select {
        width: 50%; }
    .shopList-wrapper #shopList th.selection, .shopList-wrapper #shopList td.selection, .shopList-wrapper #selectList th.selection, .shopList-wrapper #selectList td.selection, .shopList-wrapper #gokeiwaku th.selection, .shopList-wrapper #gokeiwaku td.selection {
      width: 40%; }
    .shopList-wrapper #shopList th.num, .shopList-wrapper #shopList td.num, .shopList-wrapper #selectList th.num, .shopList-wrapper #selectList td.num, .shopList-wrapper #gokeiwaku th.num, .shopList-wrapper #gokeiwaku td.num {
      width: 10%; }
  .shopList-wrapper #shopList th, .shopList-wrapper #selectList th, .shopList-wrapper #gokeiwaku th {
    background-color: #EDEDED; }
    .shopList-wrapper #shopList th.ctg, .shopList-wrapper #selectList th.ctg, .shopList-wrapper #gokeiwaku th.ctg {
      background-color: rgba(238, 238, 238, 0.5); }
    .shopList-wrapper #shopList th:last-child, .shopList-wrapper #selectList th:last-child, .shopList-wrapper #gokeiwaku th:last-child {
      padding-right: 1rem; }
  .shopList-wrapper #shopList td, .shopList-wrapper #selectList td, .shopList-wrapper #gokeiwaku td {
    background-color: #ffffff;
    width: 25%; }
    .shopList-wrapper #shopList td:last-child, .shopList-wrapper #selectList td:last-child, .shopList-wrapper #gokeiwaku td:last-child {
      padding-right: 1rem; }
  .shopList-wrapper #shopList th, .shopList-wrapper #shopList td {
    padding: 10px 0; }
  .shopList-wrapper .bt-wrapper {
    margin-top: 50px; }

.billing-wrapper {
  background-color: #fcfcfc;
  padding: 80px 0; }
  .billing-wrapper .columns {
    margin-bottom: 1.2rem; }

.pay-wrapper {
  padding: 100px 0 120px 0; }
  .pay-wrapper .columns {
    margin-bottom: 1.2rem; }

.print-wrapper {
  background-color: #fcfcfc;
  padding: 45px 0 120px 0; }
  .print-wrapper .print01 {
    margin-bottom: 30px; }
  .print-wrapper .print02, .print-wrapper .print02-border, .print-wrapper .print03, .print-wrapper .print03-border {
    display: none; }
    .print-wrapper .print02.active, .print-wrapper .print02-border.active, .print-wrapper .print03.active, .print-wrapper .print03-border.active {
      display: flex; }
  .print-wrapper .add-print-list {
    margin-top: 2em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 1s ease; }
    .print-wrapper .add-print-list.active {
      display: block; }
    .print-wrapper .add-print-list .panel-header {
      background-color: #696969;
      border: #696969 solid 1px;
      font-size: 18px;
      color: #fff;
      padding: 20px 40px; }
    .print-wrapper .add-print-list .print-guide-border {
      border: none;
      border-top: dotted 1px #B1B1B1;
      height: 1px;
      margin-bottom: 1.2rem; }
    .print-wrapper .add-print-list .panel-body {
      padding: 40px; }
      .print-wrapper .add-print-list .panel-body hr {
        border: none;
        border-top: dotted 1px #B1B1B1;
        height: 1px;
        margin-bottom: 1.2rem; }
    .print-wrapper .add-print-list .form-input {
      opacity: 1; }
    .print-wrapper .add-print-list input::placeholder {
      color: #222222; }
    .print-wrapper .add-print-list .panel-footer {
      background: url(../../img/fukidasi.png) no-repeat right center; }
  .print-wrapper .plate-wrapper {
    margin: 30px 0 80px 0;
    background: #f3f3f3;
    padding: 38px 40px 10px 40px;
    font-size: 15px; }
    .print-wrapper .plate-wrapper h3 {
      border-bottom: #525252 solid 1px;
      padding-bottom: 12px;
      margin-bottom: 24px; }
    .print-wrapper .plate-wrapper .column img {
      max-width: 100%;
      height: auto; }
    .print-wrapper .plate-wrapper .column.fuda-caption {
      margin-top: 20px; }
  .print-wrapper .privacy-block {
    display: inline-block;
    margin-bottom: 50px;
    text-align: left; }
    .print-wrapper .privacy-block a {
      text-decoration: underline; }
  .print-wrapper .columns {
    margin-bottom: 1.2rem; }
  .print-wrapper .go-confirm {
    margin-top: 50px; }
    .print-wrapper .go-confirm a {
      color: #222222; }

.message-wrapper {
  padding: 70px 0;
  background: url(../../img/bk-message-wrapper.jpg) no-repeat;
  background-size: cover; }
  .message-wrapper .container {
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 2.4rem;
    padding: 100px 0; }

.attention-wrapper {
  background-color: #f0f0f0;
  padding: 85px 0 75px 0; }
  .attention-wrapper h3 {
    border-bottom: #525252 solid 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
    font-size: 16px; }
  .attention-wrapper .tel, .attention-wrapper .mail {
    vertical-align: middle; }
    .attention-wrapper .tel img, .attention-wrapper .mail img {
      margin-right: 12px;
      vertical-align: middle; }
  .attention-wrapper .tel a {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px; }
  .attention-wrapper .mail a {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 24px; }

.bt-wrapper a {
  color: #222222; }

.thanks-message, .overlimit-message {
  margin-bottom: 60px; }

.overlimit-message {
  padding-top: 40px; }

.copyright {
  background-color: #696969;
  color: #fff;
  padding: 23px 0;
  font-size: 10px; }

/*# sourceMappingURL=front.map */