@charset "UTF-8";
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

button

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.btn_search, .btn_new, .btn_insert, .btn_update, .btn_tbl_update, .btn_dt, .btn_tbl_dt, .btn_delete, .btn_tbl_delete, .btn_not_delete {
  display: inline-block;
  text-align: center;
  line-height: 1;
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
}
.btn_search:disabled, .btn_new:disabled, .btn_insert:disabled, .btn_update:disabled, .btn_tbl_update:disabled, .btn_dt:disabled, .btn_tbl_dt:disabled, .btn_delete:disabled, .btn_tbl_delete:disabled, .btn_not_delete:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.btn_search:hover, .btn_new:hover, .btn_insert:hover, .btn_update:hover, .btn_tbl_update:hover, .btn_dt:hover, .btn_tbl_dt:hover, .btn_delete:hover, .btn_tbl_delete:hover, .btn_not_delete:hover {
  opacity: 0.85;
}

/* 基本的な送信ボタン */
.btn_search, .btn_new, .btn_insert, .btn_update, .btn_dt, .btn_delete, .btn_not_delete {
  width: 100%;
  font-size: 1.8rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
  .btn_search, .btn_new, .btn_insert, .btn_update, .btn_dt, .btn_delete, .btn_not_delete {
    width: 17rem;
    padding-top: 1.35rem;
    padding-bottom: 1.25rem;
    font-size: 1.8rem;
  }
}

/* テーブル内の更新・削除・詳細ボタン */
.btn_tbl_update, .btn_tbl_dt, .btn_tbl_delete {
  display: inline-block;
  width: auto;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .btn_tbl_update, .btn_tbl_dt, .btn_tbl_delete {
    font-size: 1.2rem;
    padding: 0.7rem 0.85rem 0.65rem 1rem;
  }
}

/* 検索 */
.btn_search {
  background-color: #2d3033;
  color: #F0F0F0;
}

/* 新規 */
.btn_new {
  background-color: #0099EF;
  color: #FFF;
}

/* 登録 */
.btn_insert {
  background-color: #054990;
  color: #FFF;
}

/* 更新 */
.btn_update {
  background-color: #054990;
  color: #FFF;
}

/* 更新（テーブル内） */
.btn_tbl_update {
  background-color: #054990;
  color: #FFF;
}

/* 詳細 */
.btn_dt {
  background-color: #05905A;
  color: #FFF;
}

/* 詳細（テーブル内） */
.btn_tbl_dt {
  background-color: #05905A;
  color: #FFF;
}

/* 削除 */
.btn_delete {
  background-color: #2d3033;
  color: #F0F0F0;
}

/* 削除（テーブル内） */
.btn_tbl_delete {
  background-color: #2d3033;
  color: #F0F0F0;
}

/* 削除しない（モーダル内） */
.btn_not_delete {
  background-color: #abb0b4;
  color: #FFF;
}

/*
--------------------------------------------

button container

--------------------------------------------
*/
.sec {
  display: block;
  position: relative;
  /* 新規登録 ←→ 検索 */
  /* POS追加 */
  /* 検索 */
  /* 送信 */
}
.sec .container_btn_nav01, .sec .container_btn_nav02 {
  display: none;
}
@media screen and (min-width: 768px) {
  .sec .container_btn_nav01, .sec .container_btn_nav02 {
    display: block;
    position: absolute;
    top: 1.5rem;
    right: 0;
  }
  .sec .container_btn_nav01::before, .sec .container_btn_nav02::before {
    font-family: iconmonstr-iconic-font;
    content: "\e072";
    color: #FFF;
    position: absolute;
    z-index: 9;
  }
  .sec .container_btn_nav01 input[type=submit], .sec .container_btn_nav02 input[type=submit] {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .sec .container_btn_nav01::before {
    content: "\e072";
    font-size: 1.5rem;
    top: 1.6rem;
    right: 14.5rem;
  }
}
@media screen and (min-width: 768px) {
  .sec .container_btn_nav02::before {
    content: "\e07a";
    font-size: 2.1rem;
    top: 1.2rem;
    right: 13.75rem;
  }
  .sec .container_btn_nav02.account::before {
    right: 14.15rem;
  }
  .sec .container_btn_nav02.account .btn_search {
    letter-spacing: 0;
    font-feature-settings: "palt";
    padding-left: 2.25rem;
  }
}
.sec .container_btn_pos {
  display: block;
  position: absolute;
}
.sec .container_btn_pos::before {
  font-family: iconmonstr-iconic-font;
  content: "\e072";
  color: #FFF;
  position: absolute;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .sec .container_btn_pos {
    top: 2.1rem;
    right: 0;
    width: 40%;
    max-width: 13rem;
  }
  .sec .container_btn_pos::before {
    top: 1.15rem;
    right: 10.5rem;
  }
  .sec .container_btn_pos input[type=submit] {
    height: 3.5rem;
    padding-top: 0.9rem;
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .sec .container_btn_pos {
    display: block;
    position: absolute;
    top: 1.7rem;
    right: 0;
  }
  .sec .container_btn_pos::before {
    top: 1.6rem;
    right: 14.5rem;
  }
  .sec .container_btn_pos input[type=submit] {
    padding-left: 1.5rem;
  }
}
.sec .container_btn_search {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .sec .container_btn_search {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
.sec .container_btn_search .box_btn_search {
  display: block;
}
@media screen and (min-width: 768px) {
  .sec .container_btn_search .box_btn_search {
    margin-top: auto;
    margin-bottom: 0;
    margin-right: 2.5rem;
  }
}
.sec .container_btn_submit {
  padding-top: 2rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .sec .container_btn_submit .btn_insert {
    margin-bottom: 0.5rem;
  }
}

/*
-------------------------------------------

csv download

-------------------------------------------
*/
.container_btn_csv {
  margin-top: 1.5rem;
}
.container_btn_csv .box_btn_csv {
  display: block;
}
.container_btn_csv .box_btn_csv::before {
  font-family: 'iconmonstr-iconic-font';
  content: '\e02e';
  font-size: 2.1rem;
  color: #0099EF;
  vertical-align: -0.95rem;
}
@media screen and (min-width: 768px) {
  .container_btn_csv .box_btn_csv::before {
    font-size: 2.5rem;
    vertical-align: -1.05rem;
  }
}
@media screen and (max-width: 767px) {
  .container_btn_csv .box_btn_csv {
    margin-top: 0.25rem;
  }
}
.container_btn_csv .box_btn_csv .btn_csv {
  display: inline-block;
  margin-left: 0.1rem;
  border-bottom: 1px solid #0099EF;
  color: #0099EF;
  padding-top: 0.75rem;
  padding-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  .container_btn_csv .box_btn_csv .btn_csv {
    margin-left: 0.25rem;
    padding-bottom: 0.25rem;
    letter-spacing: 0;
  }
}

/*
-------------------------------------------

戻る

-------------------------------------------
*/
.container_link_back {
  display: block;
}
@media screen and (min-width: 768px) {
  .container_link_back {
    margin-top: 2.5rem;
  }
}
.container_link_back::before {
  font-family: 'iconmonstr-iconic-font';
  content: '\e002';
  font-size: 1.2rem;
  color: #0099EF;
  vertical-align: -0.5rem;
}
.container_link_back .link_back {
  display: inline-block;
  margin-left: 0.1rem;
  border-bottom: 1px solid #0099EF;
  color: #0099EF;
  padding-top: 0.75rem;
  padding-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  .container_link_back .link_back {
    margin-left: 0.25rem;
    padding-bottom: 0.25rem;
    letter-spacing: 0;
  }
}

/*
-------------------------------------------

pagetop

-------------------------------------------
*/
.btn_pagetop {
  width: 8rem;
  height: 3rem;
  background-color: #054990;
  position: fixed;
  right: 1rem;
  bottom: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_pagetop::before {
  display: block;
  padding-top: 0.5rem;
  font-family: 'iconmonstr-iconic-font';
  content: '\e004';
  font-size: 1.5rem;
  color: #FFF;
}
.btn_pagetop:hover {
  opacity: 0.85;
}

.fadein {
  opacity: 0;
  transform: translate(0, 175px);
  transition: all 500ms;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

.btn

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.wrapper_login {
  width: 100vw;
  height: 100vh;
  background: #0099EF;
  text-align: center;
}
.wrapper_login .container_login {
  width: 45rem;
  max-width: 90%;
  height: 40rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* input text */
  /* button */
  /* link */
}
.wrapper_login .container_login .index_logo {
  display: block;
  margin-bottom: 4rem;
  text-align: center;
  font-family: 'Sulphur Point', sans-serif;
  font-size: 4.8rem;
  letter-spacing: 0.1rem;
  color: #FFF;
}
.wrapper_login .container_login .form_control_m {
  display: block;
  margin: 0 auto 1rem;
  height: 5rem;
}
.wrapper_login .container_login .btn_search {
  display: block;
  margin: 4rem auto 5rem;
}
.wrapper_login .container_login .container_link_login {
  display: block;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}
.wrapper_login .container_login .container_link_login::before {
  font-family: 'iconmonstr-iconic-font';
  content: '\e02e';
  font-size: 2.1rem;
  color: #FFF;
  vertical-align: -0.95rem;
}
@media screen and (min-width: 768px) {
  .wrapper_login .container_login .container_link_login::before {
    font-size: 2.5rem;
    vertical-align: -1.05rem;
  }
}
.wrapper_login .container_login .container_link_login .link_login {
  display: inline-block;
  margin-left: 0.1rem;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  padding-top: 0;
  padding-bottom: 0.1rem;
  letter-spacing: -0.1rem;
}
@media screen and (min-width: 768px) {
  .wrapper_login .container_login .container_link_login .link_login {
    margin-left: 0.25rem;
    padding-bottom: 0.25rem;
    letter-spacing: 0;
  }
}