@charset "UTF-8";
/*
デザインサイズ
*/
/*
Noto Sans CJK Jp
*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansCJKjp-Thin.woff") format("woff");
  /* Modern Browsers */ }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../font/NotoSansCJKjp-Light.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansCJKjp-DemiLight.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansCJKjp-Regular.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansCJKjp-Medium.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansCJKjp-Bold.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSansCJKjp-Black.woff") format("woff"); }
/*
共通 <----------------------------------------------------
*/
input[type="submit"] {
  -webkit-appearance: none; }

a {
  text-decoration: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",'Noto Sans Japanese';
  font-weight: 400;
  font-size: 1.3671875vw;
  line-height: 1.75;
  min-height: auto; }

.form_style input {
  width: 100%;
  padding: 0.390625vw 1.171875vw;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  outline: none;
  background: none;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-bottom: 0vw; }

.form_style input::placeholder {
  color: #cfcfcf; }

.form_style input[type="radio"] {
  width: auto;
  margin-right: 0.78125vw;
  margin-bottom: 0; }

.btn_style1 {
  width: 17.578125vw;
  max-width: 180px;
  margin: 0 auto;
  display: block;
  background-color: #5fb8b5;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  padding: 0.78125vw 0;
  border: none; }

.btn_style6 {
  width: 17.578125vw;
  max-width: 180px;
  margin: 0 auto;
  display: block;
  color: #5fb8b5;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 0.78125vw 0;
  border: 2px solid #5fb8b5;
  box-sizing: border-box; }

.btn_style2 {
  color: #ffffff;
  background-color: #f7931e;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0.29296875vw 0.78125vw;
  font-size: 1.3671875vw; }

.btn_style2 img {
  width: 1.46484375vw;
  max-width: 15px;
  display: inline-block;
  margin-right: 0.78125vw;
  vertical-align: top;
  padding-top: 0.5859375vw; }

.btn_style2.gray {
  background-color: #999999; }

.btn_style3 {
  color: #5fb8b5;
  border: 1px solid #5fb8b5;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0.29296875vw 0.78125vw;
  font-size: 1.3671875vw; }

.btn_style3 img {
  width: 0.9765625vw;
  max-width: 10px;
  display: inline-block;
  margin-right: 0.78125vw;
  vertical-align: top;
  padding-top: 0.78125vw; }

.btn_style4 {
  color: #ffffff;
  background-color: #5fb8b5;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0.48828125vw 1.26953125vw;
  font-size: 1.3671875vw; }

.btn_style4 img {
  width: 0.9765625vw;
  max-width: 10px;
  display: inline-block;
  margin-right: 0.78125vw;
  vertical-align: top;
  padding-top: 0.78125vw; }

.btn_style5 {
  width: 17.578125vw;
  max-width: 180px;
  margin: 0 auto;
  display: block;
  background-color: #999999;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  padding: 0.78125vw 0;
  border: none; }

.delbtn {
  display: none;
  margin-top: 10px; }

.change_alert {
  width: 100%;
  background-color: #5fb8b5;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 10px 0;
  display: none; }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  padding: 1.220703125vw 0;
  z-index: 100; }

header .header_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }

header .header_inner .header_logo {
  width: 10.15625vw;
  max-width: 104px;
  border-right: 1px solid #cfcfcf;
  box-sizing: border-box;
  line-height: 0;
  display: flex;
  align-items: center; }

header .header_inner .header_logo img {
  width: 3.61328125vw;
  max-width: 37px;
  margin: 0 auto; }

header .header_inner .header_nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 77.5390625vw;
  max-width: 794px; }

header .header_inner .header_nav > div {
  padding-left: 3.3203125vw; }

header .header_inner .header_nav > div a {
  font-weight: 500;
  color: #000000; }

header .header_inner .header_nav > div a:hover {
  color: #5fb8b5; }

header .header_inner .header_nav > div a.header_active {
  color: #5fb8b5; }

header .header_inner .header_user {
  width: 12.3046875vw;
  max-width: 126px;
  border-left: 1px solid #cfcfcf;
  text-align: center;
  color: #a0a0a0;
  box-sizing: border-box;
  position: relative; }

.card {
  width: 15.13671875vw;
  max-width: 155px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-right: 0.48828125vw;
  box-sizing: border-box;
  padding: 1.3671875vw; }

.card p.date {
  font-weight: 700;
  color: #5fb8b5;
  padding-bottom: 0.48828125vw; }

.card .car_info {
  border-left: 1px solid #5fb8b5;
  padding-left: 1.3671875vw;
  line-height: 1; }

.card .car_info p.car_num {
  font-size: 1.171875vw;
  padding-top: 0.48828125vw; }

.card a p {
  color: #000000; }

.card .cus_name {
  padding-top: 0.9765625vw; }

.card.alert_class {
  background-color: red; }

.card.alert_class .car_info {
  border-left: 1px solid #ffffff; }

.card.alert_class a p {
  color: #ffffff; }

.page_inner {
  width: 93.75vw;
  max-width: 960px;
  margin: 0 auto; }

h1.page_title {
  font-size: 1.5625vw;
  font-weight: 500;
  border-bottom: 2px solid #eaeaea;
  padding: 1.46484375vw 0 1.46484375vw;
  position: relative; }

.control {
  display: block;
  position: relative;
  padding-left: 2.9296875vw;
  margin-bottom: 1.46484375vw;
  cursor: pointer;
  font-size: 1.7578125vw; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: 0.1953125vw;
  left: 0;
  right: 0;
  height: 1.953125vw;
  width: 1.953125vw;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ffffff; }

.control input:checked ~ .control__indicator {
  background: #5fb8b5;
  box-sizing: border-box;
  border: none; }

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #5fb8b5; }

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none; }

.control__indicator:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control__indicator:after {
  display: block; }

.control--checkbox .control__indicator:after {
  left: 0.78125vw;
  top: 0.48828125vw;
  width: 0.48828125vw;
  height: 0.78125vw;
  border: solid #fff;
  border-width: 0 0.1953125vw 0.1953125vw 0;
  transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #ffffff; }

.pit_table {
  width: 100%; }

.pit_table table {
  width: 100%;
  table-layout: inherit; }

.pit_table table tr {
  border-bottom: 1px solid #eaeaea; }

.pit_table table th {
  text-align: left;
  padding: 1.46484375vw 0;
  color: #999999;
  font-weight: 500; }

.pit_table table th:nth-of-type(1) {
  width: 70px; }

.pit_table table th:nth-of-type(2) {
  width: 80px; }

.pit_table table th:nth-of-type(3) {
  width: 105px; }

.pit_table table th:nth-of-type(4) {
  width: 130px; }

.pit_table table th:nth-of-type(5) {
  width: 103px; }

.pit_table table th:nth-of-type(6) {
  width: 120px; }

.pit_table table th:nth-of-type(7) {
  width: 100px; }

.pit_table table th:nth-of-type(8) {
  width: 76px; }

.pit_table table th:nth-of-type(9) {
  width: 104px; }

.pit_table table th:nth-of-type(10) {
  width: 70px; }

.pit_table table td {
  padding: 1.46484375vw 0; }

.pit_table table th.center,
.pit_table table td.center {
  text-align: center; }

.pit_table table td span {
  color: #9b9b9b; }

.pit_table table td span.join_text {
  color: #ff0000; }

.pit_table table td span.visit {
  color: #ffffff;
  background-color: #ff8b00;
  border-radius: 5px;
  padding: 0.48828125vw 1.171875vw 0.5859375vw;
  line-height: 1; }

.pit_table table td span.take {
  color: #ffffff;
  background-color: #1fb4ff;
  border-radius: 5px;
  padding: 0.48828125vw 1.171875vw 0.5859375vw;
  line-height: 1; }

.pit_table table thead {
  background-color: #f5f5f5; }

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

.pit_table .table_date {
  font-size: 1.5625vw;
  font-weight: 500;
  padding: 1.5625vw 0; }

.pit_submit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7.32421875vw 0 12.40234375vw; }

.pit_submit > div {
  width: 17.578125vw;
  max-width: 180px;
  margin: 0 1.26953125vw;
  text-align: center; }

.pit_submit > div input {
  border: none;
  background-color: #5fb8b5;
  color: #ffffff;
  width: 100%;
  padding: 1.171875vw 0;
  border-radius: 10px;
  -webkit-appearance: none; }

.pit_submit > div a {
  border: 1px solid #cfcfcf;
  color: #000000;
  width: 100%;
  padding: 1.171875vw 0;
  border-radius: 10px;
  box-sizing: border-box;
  display: block; }

.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  text-align: center;
  display: none; }

.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32.2265625vw;
  max-width: 330px;
  min-height: 300px;
  background-color: #f5f5f5;
  padding-bottom: 2.9296875vw; }

.modal-background.rsv_modal .modal {
  min-height: 60vh;
  width: 64.453125vw;
  max-width: 660px; }

.modal-background.rsv_modal .modal .modal_inner h2 {
  text-align: center; }

.modal-background.rsv_modal .modal .search_number_list {
  margin: 10px auto;
  width: 58.59375vw;
  max-width: 600px;
  height: 48vh;
  border: 1px solid #a0a0a0;
  overflow: scroll; }

.modal-background.rsv_modal .modal .search_number_list .search_number_list_row {
  width: 90%;
  margin: 0 auto;
  display: flex;
  border-bottom: 1px solid #a0a0a0;
  padding: 15px 0; }

.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p {
  margin-right: 35px; }

.repmodal .modal.flex_modal {
  width: 64.453125vw;
  max-width: 660px; }

.repmodal .modal.flex_modal .modal_inner h2 {
  text-align: center; }

.repmodal .modal .modal_inner .form_flex {
  width: 100%;
  display: flex;
  justify-content: space-around; }

.modal .modal_inner {
  width: 100%;
  height: 100%;
  position: relative; }

.escape {
  position: absolute;
  top: 0;
  right: 0;
  width: 4.00390625vw;
  max-width: 41px;
  height: 4.00390625vw;
  max-height: 41px;
  background-color: #a0a0a0; }

.escape:hover {
  cursor: pointer; }

.escape > div {
  width: 100%;
  height: 100%;
  position: relative; }

.escape > div span {
  position: absolute;
  top: 50%;
  left: 38%; }

.escape > div span:nth-of-type(1) {
  width: 1.3671875vw;
  max-width: 14px;
  height: 2px;
  background-color: #ffffff;
  transform: rotate(-45deg); }

.escape > div span:nth-of-type(2) {
  width: 1.3671875vw;
  max-width: 14px;
  height: 2px;
  background-color: #ffffff;
  transform: rotate(45deg); }

.modal .modal_inner h2 {
  width: 24.4140625vw;
  max-width: 250px;
  padding-top: 3.90625vw;
  text-align: left;
  font-size: 1.5625vw;
  font-weight: 400;
  margin: 0 auto; }

.modal .modal_inner .modal_form {
  width: 24.4140625vw;
  max-width: 250px;
  margin: 2.63671875vw auto; }

.modal .modal_inner .modal_form .modal_form_row {
  border-top: 1px solid #dbdbdb;
  padding: 1.953125vw 0; }

.modal .modal_inner .modal_form .modal_form_row:last-of-type {
  border-bottom: 1px solid #dbdbdb; }

.modal .modal_inner .modal_form .modal_form_row p {
  text-align: left;
  color: #999999;
  font-weight: 500; }

.modal .modal_inner .modal_form .modal_form_row .datepicker_row {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-right: 2.9296875vw; }

.modal .modal_inner .modal_form .modal_form_row input.datepicker {
  width: 100%;
  background-image: url(../img/cal_img.svg);
  background-repeat: no-repeat;
  background-size: 1.46484375vw;
  background-position: 26.85546875vw center;
  position: relative; }

.modal .modal_inner .modal_form .modal_form_row input.datepicker::placeholder {
  color: #dbdbdb;
  padding-left: 0vw; }

.modal .modal_inner .modal_form .modal_form_row .datepicker_row::after {
  height: 2.44140625vw;
  max-height: 25px;
  content: '';
  width: 1px;
  background-color: #dbdbdb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.3203125vw;
  margin: auto 0; }

.modal .modal_inner .submit_btn input {
  outline: none;
  -webkit-appearance: none;
  border: none; }

/* ラジオボタン02 */
input[type=radio] {
  display: none; }

.radio02 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto; }

.radio02::before {
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px; }

.radio02::after {
  background: #5fb8b5;
  border-radius: 50%;
  content: '';
  display: block;
  height: 8px;
  left: 9px;
  margin-top: -3px;
  opacity: 0;
  position: absolute;
  top: 16px;
  width: 8px; }

input[type=radio]:checked + .radio02::before {
  border-color: #dbdbdb; }

input[type=radio]:checked + .radio02::after {
  opacity: 1; }

label.error {
  color: red; }

ul.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.90625vw 0; }

.pagination li {
  display: block;
  margin: 0 0.1953125vw; }

.pagination li span {
  background-color: #5fb8b5;
  color: #fff;
  text-align: center;
  padding: 0.9765625vw 1.46484375vw;
  border: 1px solid #5fb8b5; }

.pagination li a {
  border: 1px solid #5fb8b5;
  color: #5fb8b5;
  text-align: center;
  box-sizing: border-box;
  padding: 0.9765625vw 1.46484375vw; }

.header_user_logout {
  display: none;
  position: absolute;
  left: 0;
  bottom: -4.4921875vw;
  background-color: #fff;
  width: 100%;
  padding: 0.48828125vw 0; }

.header_user_logout.open {
  display: block; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  .header_user_logout {
    bottom: -46px;
    padding: 5px 0; }

  ul.pagination {
    margin: 40px 0; }

  .pagination li {
    margin: 0 2px; }

  .pagination li span {
    padding: 10px 15px; }

  .pagination li a {
    padding: 10px 15px; }

  .modal .modal_inner .modal_form .modal_form_row .datepicker_row {
    margin-right: 30px; }

  .modal .modal_inner .modal_form .modal_form_row input.datepicker {
    background-size: 15px;
    background-position: 275px center; }

  .modal .modal_inner .modal_form .modal_form_row .datepicker_row::after {
    right: 34px; }

  body {
    font-size: 14px; }

  .form_style input {
    padding: 4px 12px;
    margin-bottom: 0; }

  .btn_style1 {
    padding: 8px 0; }

  header {
    padding: 12.5px 0; }

  header .header_inner .header_nav > div {
    padding-left: 34px; }

  .card {
    margin-right: 5px;
    padding: 14px; }

  .card p.date {
    padding-bottom: 5px; }

  .card .car_info {
    padding-left: 14px; }

  .card .car_info p.car_num {
    font-size: 12px;
    padding-top: 5px; }

  .card .cus_name {
    padding-top: 10px; }

  h1.page_title {
    font-size: 16px;
    padding: 15px 0 15px; }

  .pit_table table th {
    padding: 15px 0; }

  .pit_table table td {
    padding: 15px 0; }

  .pit_table .table_date {
    font-size: 16px;
    padding: 16px 0; }

  .pit_table table td span.visit {
    padding: 5px 12px 6px; }

  .pit_table table td span.take {
    padding: 5px 12px 6px; }

  .pit_submit {
    padding: 75px 0 127px; }

  .pit_submit > div {
    margin: 0 13px; }

  .pit_submit > div input {
    padding: 12px 0; }

  .pit_submit > div a {
    padding: 12px 0; }

  .control {
    padding-left: 30px;
    margin-bottom: 15px; }

  .control__indicator {
    top: 2px;
    left: 0;
    right: 0;
    height: 20px;
    width: 20px; }

  .control--checkbox .control__indicator:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 8px;
    border-width: 0 2px 2px 0; }

  .btn_style2 {
    padding: 3px 8px;
    font-size: 14px; }

  .btn_style2 img {
    padding-top: 6px; }

  .btn_style3 {
    padding: 3px 8px;
    font-size: 14px; }

  .btn_style3 img {
    margin-right: 8px;
    padding-top: 8px; }

  .btn_style4 {
    padding: 5px 13px;
    font-size: 14px; }

  .btn_style4 img {
    margin-right: 8px;
    padding-top: 8px; }

  .modal {
    padding-bottom: 30px; }

  .modal .modal_inner h2 {
    padding-top: 40px;
    font-size: 16px; }

  .modal .modal_inner .modal_form {
    margin: 27px auto; }

  .modal .modal_inner .modal_form .modal_form_row {
    padding: 20px 0; }

  .form_style input[type="radio"] {
    margin-right: 8px; }

  .btn_style5 {
    padding: 8px 0; } }
/*
共通終わり ---------------------------------------------------->
*/
/*
ログインページ <----------------------------------------------------
*/
#loginpage {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; }

#loginpage .login_inner {
  width: 48.82vw;
  max-width: 500px;
  height: 65.1vh;
  max-height: 500px;
  background-color: #ffffff;
  border-radius: 10px; }

#loginpage .login_inner .login_logo {
  width: 29.19921875vw;
  max-width: 299px;
  margin: 0 auto;
  border-bottom: 1px solid #5fb8b5;
  padding-bottom: 4.39453125vw; }

#loginpage .login_inner .login_logo img {
  width: 12vw;
  max-width: 123px;
  margin: 9vh auto 0; }

#loginpage .login_inner h1 {
  font-weight: 500;
  font-size: 1.7578125vw;
  text-align: center;
  margin-top: 3.41796875vw;
  margin-bottom: 2.44140625vw; }

#loginpage .login_inner .login_form {
  width: 29.19921875vw;
  max-width: 299px;
  margin: 0 auto; }

#loginpage .login_inner .login_form .form_style {
  margin-bottom: 18px; }

#loginpage .login_inner .login_btn {
  margin-top: 1.953125vw; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  #loginpage .login_inner .login_logo {
    padding-bottom: 45px; }

  #loginpage .login_inner .login_logo img {
    margin: 73px auto 0; }

  #loginpage .login_inner h1 {
    font-size: 18px;
    margin-top: 35px; }

  #loginpage .login_inner .login_btn {
    margin-top: 20px; } }
/*
ログインページ終わり ---------------------------------------------------->
*/
/*
PIT <----------------------------------------------------
*/
#pit_header {
  background-color: #8ecec9;
  margin-top: 1.220703125vw; }

#pit_header .pit_header_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }

#pit_header .pit_header_inner > div {
  width: 12.5%;
  text-align: center; }

#pit_header .pit_header_inner > div a {
  display: block;
  width: 100%;
  color: #ffffff;
  font-weight: 500;
  padding: 1.26953125vw 0; }

#pit_header .pit_header_inner a img {
  width: 0.78125vw;
  max-width: 8px;
  display: inline-block;
  vertical-align: middle; }

#pit_header .pit_header_inner a span {
  padding-left: 0.78125vw; }

#pit_header .pit_header_inner > div a.pitheader_active {
  background-color: #5fb8b5; }

#pit_header_menu {
  width: 100%;
  background-color: #5fb8b5;
  z-index: 100; }

#pit_header_menu .pit_menu {
  display: none; }

#pit_header_menu .pit_menu.pitheader_active_menu {
  display: block; }

#pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative; }

#pit_header_menu .pit_menu.pitheader_active_menu .close_btn {
  position: absolute;
  width: 20px;
  max-width: 20px;
  height: 20px;
  top: 2.9296875vw;
  right: 2.9296875vw; }

#pit_header_menu .pit_menu.pitheader_active_menu .close_btn > div {
  position: relative; }

#pit_header_menu .pit_menu.pitheader_active_menu .close_btn > div span:nth-of-type(1) {
  position: absolute;
  width: 20px;
  max-width: 20px;
  height: 1px;
  background-color: #ffffff;
  top: 0;
  transform: rotate(-45deg); }

#pit_header_menu .pit_menu.pitheader_active_menu .close_btn > div span:nth-of-type(2) {
  position: absolute;
  width: 20px;
  max-width: 20px;
  height: 1px;
  background-color: #ffffff;
  top: 0;
  transform: rotate(45deg); }

#pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_title {
  position: absolute;
  top: 0.9765625vw;
  left: 2.734375vw;
  color: #ffffff; }

#pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_title p {
  display: inline-block;
  border-bottom: 1px solid #ffffff; }

#pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_title p span {
  font-size: 2.05078125vw;
  font-weight: 500; }

#pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_slide_wrap {
  padding-top: 5.859375vw;
  padding-bottom: 1.953125vw;
  width: 93.75vw;
  max-width: 960px;
  margin: 0 auto; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  #pit_header {
    margin-top: 12.5px; }

  #pit_header .pit_header_inner a span {
    padding-left: 8px; }

  #pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_title {
    top: 10px;
    left: 28px; }

  #pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_title p span {
    font-size: 21px; }

  #pit_header_menu .pit_menu.pitheader_active_menu .pit_menu_slide_wrap {
    padding-top: 60px;
    padding-bottom: 20px; }

  #pit_header_menu .pit_menu.pitheader_active_menu .close_btn {
    top: 30px;
    right: 30px; }

  #pit_header .pit_header_inner > div a {
    padding: 13px 0; } }
/*
PIT終わり ---------------------------------------------------->
*/
/*
STAFF <----------------------------------------------------
*/
#stafflist {
  background-color: #f5f5f5; }

#stafflist .btn_style2.absolute {
  right: 0; }

.btn_style4.absolute {
  right: 0; }

#stafflist .stafflist_subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.46484375vw 0; }

#stafflist .stafflist_subtitle p {
  color: #999999;
  font-weight: 500;
  padding-left: 1.5625vw; }

#stafflist .staff_list_row {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 1.26953125vw 0.9765625vw 1.26953125vw 1.5625vw;
  margin-bottom: 1.171875vw; }

#stafflist .staff_list_row p {
  padding: 0.48828125vw 0; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  #stafflist .stafflist_subtitle {
    padding: 15px 0; }

  #stafflist .stafflist_subtitle p {
    padding-left: 16px; }

  #stafflist .staff_list_row {
    padding: 13px 10px 13px 16px;
    margin-bottom: 12px; }

  #stafflist .staff_list_row p {
    padding: 5px 0; } }
/*
STAFF終わり ---------------------------------------------------->
*/
/*
代車管理 <----------------------------------------------------
*/
.bg_gray {
  background-color: #f5f5f5; }

.replist_subtitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1.46484375vw 0.78125vw 1.46484375vw 1.5625vw;
  box-sizing: border-box; }

.replist_subtitle p {
  color: #999999;
  box-sizing: border-box;
  padding-right: 0.9765625vw;
  font-weight: 500; }

.replist_subtitle p:nth-of-type(1) {
  width: 8.7890625vw;
  max-width: 90px; }

.replist_subtitle p:nth-of-type(2) {
  width: 21.2890625vw;
  max-width: 218px; }

.replist_subtitle p:nth-of-type(3) {
  width: 21.484375vw;
  max-width: 220px; }

.replist_subtitle p:nth-of-type(4) {
  width: 33.203125vw;
  max-width: 340px; }

.replist_subtitle p:nth-of-type(5) {
  width: 5.37109375vw;
  max-width: 55px;
  padding: 0;
  text-align: center; }

.rep_list_row {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  padding: 1.26953125vw 0.9765625vw 1.26953125vw 1.5625vw;
  margin-bottom: 1.171875vw; }

.rep_list_row p {
  padding: 0.48828125vw 0;
  padding-right: 0.9765625vw;
  box-sizing: border-box; }

.rep_list_row.gray p {
  color: #808080; }

.rep_list_row p:nth-of-type(1) {
  width: 8.7890625vw;
  max-width: 90px; }

.rep_list_row p:nth-of-type(2) {
  width: 21.2890625vw;
  max-width: 218px; }

.rep_list_row p:nth-of-type(3) {
  width: 21.484375vw;
  max-width: 220px; }

.rep_list_row p:nth-of-type(4) {
  width: 33.203125vw;
  max-width: 340px; }

.rep_list_row p:nth-of-type(5) {
  width: 5.37109375vw;
  max-width: 55px;
  padding: 0;
  text-align: center; }

.repmodal .modal {
  width: 39.0625vw;
  max-width: 400px;
  min-height: 300px; }

.repmodal .modal .modal_inner h2 {
  width: 29.296875vw;
  max-width: 300px;
  padding-top: 3.90625vw;
  text-align: left;
  font-size: 1.5625vw;
  font-weight: 400;
  margin: 0 auto; }

.repmodal .modal .modal_inner .modal_form {
  width: 29.296875vw;
  max-width: 300px;
  margin: 0vw auto;
  padding: 1.953125vw 0; }

.repmodal .modal .modal_inner .modal_form .modal_form_row p {
  text-align: left;
  color: #999999;
  font-weight: 500; }

.repmodal .modal .modal_inner .submit_btn input {
  outline: none;
  -webkit-appearance: none;
  border: none; }

.form_style_radio {
  display: flex;
  margin-top: 0.78125vw; }

.form_style_radio > div {
  width: auto;
  text-align: left;
  margin-right: 4.39453125vw; }

.modal_form_number .modal_form_number {
  display: flex;
  justify-content: space-between; }

.modal_form_number .modal_form_number > div:nth-of-type(1) {
  width: 9.765625vw;
  max-width: 100px; }

.modal_form_number .modal_form_number > div:nth-of-type(2) {
  width: 5.37109375vw;
  max-width: 55px; }

.modal_form_number .modal_form_number > div:nth-of-type(3) {
  width: 4.8828125vw;
  max-width: 50px; }

.modal_form_number .modal_form_number > div:nth-of-type(4) {
  width: 5.859375vw;
  max-width: 60px; }

#replist .pit_submit {
  padding-top: 3.61328125vw; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  .replist_subtitle {
    padding: 15px 8px 15px 16px; }

  .replist_subtitle p {
    padding-right: 10px; }

  .rep_list_row {
    padding: 13px 10px 13px 16px;
    margin-bottom: 12px; }

  .rep_list_row p {
    padding: 5px 0;
    padding-right: 15px; }

  .repmodal .modal .modal_inner h2 {
    padding-top: 40px;
    font-size: 16px; }

  .repmodal .modal .modal_inner .modal_form {
    margin: 27px auto;
    padding: 0px 0; }

  .form_style_radio {
    margin-top: 8px; }

  .form_style_radio > div {
    margin-right: 45px; }

  #replist .pit_submit {
    padding-top: 37px; } }
/*
代車管理終わり ---------------------------------------------------->
*/
/*
ピット予約状況 <----------------------------------------------------
*/
.pit_reserve_header {
  width: 100%;
  background-color: #f5f5f5; }

.pit_reserve_header.pit_reserve_header2 {
  background-color: #fff; }

.pit_reserve_header.pit_reserve_header2 h1.page_title {
  border: none; }

.pit_reserve_header.pit_reserve_header2 .pit_reserve_header_inner {
  padding-bottom: 0; }

.pit_reserve_header .pit_reserve_header_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 1.7578125vw 3.41796875vw; }

.pit_reserve_header .pit_reserve_header_inner h1 {
  font-size: 1.5625vw;
  font-weight: 500;
  line-height: 1; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search {
  display: flex;
  align-items: center; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search > p {
  color: #999999;
  font-size: 1.3671875vw;
  margin-left: 0.9765625vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form {
  display: flex;
  align-items: center; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date {
  display: flex;
  margin-left: 1.46484375vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_tilde {
  margin: 0 2.44140625vw 0 1.46484375vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date.last {
  margin-left: 2.44140625vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date .form_style {
  margin-right: 0.9765625vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date select {
  width: 5.859375vw;
  max-width: 60px;
  border: 1px solid #eaeaea; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date span {
  font-size: 1.3671875vw; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search img {
  width: 1.708984375vw;
  max-width: 17.5px; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_submit .btn_style4 {
  border: none;
  padding-top: 0;
  padding-bottom: 0; }

.pit_reserve_status_list {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 2.44140625vw;
  margin-bottom: 1.3671875vw; }

.pit_reserve_status_list .pit_reserve_status_list_right {
  width: 50%;
  display: flex;
  justify-content: flex-end; }

.pit_reserve_status_list .pit_reserve_status_list_left {
  width: 50%;
  display: flex;
  justify-content: flex-start; }

.pit_reserve_status_list .pit_reserve_status {
  display: flex;
  align-items: center;
  margin-left: 1.953125vw; }

.pit_reserve_status_list .pit_reserve_status p {
  font-size: 1.171875vw;
  margin-left: 0.48828125vw; }

.pit_reserve_status_list .pit_reserve_status_color {
  width: 1.46484375vw;
  max-width: 15px;
  height: 1.46484375vw;
  max-height: 15px; }

.pit_reserve_status_list .pit_reserve_status_color1 {
  background-color: #febb2c; }

.pit_reserve_status_list .pit_reserve_status_color2 {
  background-color: #0fcd82; }

.pit_reserve_status_list .pit_reserve_status_color3 {
  background-color: #ff4541; }

.pit_reserve_status_list .pit_reserve_status_color4 {
  background-color: #a26eef; }

.pit_reserve_status_list .pit_reserve_status_color5 {
  background-color: #808080; }

.pit_reserve_status_list .pit_reserve_status_color6 {
  background-color: #dedede; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  .pit_reserve_header .pit_reserve_header_inner {
    padding: 18px 35px; }

  .pit_reserve_header .pit_reserve_header_inner h1 {
    font-size: 16px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search > p {
    font-size: 14px;
    margin-left: 10px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date span {
    font-size: 14px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date .form_style {
    margin-right: 10px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date {
    margin-left: 15px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_tilde {
    margin: 0 25px 0 15px; }

  .pit_reserve_header .pit_reserve_header_inner .pit_reserve_search .pit_reserve_form .pit_reserve_date.last {
    margin-left: 0; }

  .pit_reserve_status_list .pit_reserve_status p {
    font-size: 12px;
    margin-left: 5px; }

  .pit_reserve_status_list .pit_reserve_status {
    margin-left: 20px; }

  .pit_reserve_status_list {
    margin-top: 25px;
    margin-bottom: 14px; } }
/*
ピット予約状況終わり ---------------------------------------------------->
*/
/*
スタッフ出勤簿 <----------------------------------------------------
*/
.attendance_list {
  padding: 1.953125vw 0 3.41796875vw;
  border-bottom: 1px solid #dbdbdb; }

.attendance_list .pit_submit {
  padding-bottom: 0; }

#attendance .pit_reserve_header .pit_reserve_header_inner {
  padding: 2.34375vw 0 3.41796875vw; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  #attendance .pit_reserve_header .pit_reserve_header_inner {
    padding: 24px 35px; } }
/*
スタッフ出勤簿終わり ---------------------------------------------------->
*/
/*
代車管理テーブル <----------------------------------------------------
*/
.rep_table_head_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.rep_table_head_row .change_date {
  display: flex;
  align-items: center;
  margin-top: 2.44140625vw;
  margin-bottom: 1.3671875vw; }

.rep_table_head_row .change_date button {
  background-color: transparent;
  border: none;
  color: #7c7c7c; }

.rep_table_head_row .change_date select {
  margin: 0 1.46484375vw;
  border: 1px solid #dbdbdb;
  width: 8.7890625vw;
  max-width: 90px; }

.rep_reserve_header {
  width: 100%;
  background-color: #f5f5f5; }

.rep_reserve_header .rep_reserve_header_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 1.7578125vw 3.41796875vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search p {
  color: #999999;
  margin-bottom: 0.48828125vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form {
  display: flex;
  align-items: center; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date {
  display: flex;
  margin-left: 0vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_tilde {
  margin: 0 2.44140625vw 0 1.46484375vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date.last {
  margin-left: 2.44140625vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date .form_style {
  margin-right: 0.9765625vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date select {
  width: 5.859375vw;
  max-width: 60px;
  border: 1px solid #eaeaea; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date span {
  font-size: 1.3671875vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_submit .btn_style4 {
  border: none;
  padding-top: 0;
  padding-bottom: 0; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex {
  display: flex; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .rep_date_search {
  margin-right: 5.859375vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search p {
  color: #999999; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search .demo_car_search_input {
  display: flex; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search .demo_car_search_input input {
  padding-top: 0;
  padding-bottom: 0; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search .demo_car_search_input .rep_reserve_submit {
  margin-left: 0.9765625vw; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search .demo_car_search_input .btn_style4 {
  border: none;
  padding-top: 0;
  padding-bottom: 0; }

.rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search p {
  margin-bottom: 0.48828125vw; }

.rep_modal .modal {
  width: 73.2421875vw;
  max-width: 750px;
  min-height: 300px; }

.rep_modal .modal .modal_inner .modal_form {
  width: 63.4765625vw;
  max-width: 650px;
  margin: 0  auto 2.63672vw; }

.rep_modal .modal .modal_inner .modal_form > div:first-of-type {
  border-top: none; }

.rep_modal .modal .modal_inner .modal_form input[type="text"] {
  width: 19.53125vw;
  max-width: 200px;
  display: block; }

.rep_modal .modal .modal_inner .modal_form .period {
  display: flex;
  align-items: center; }

.rep_modal .modal .modal_inner .modal_form .period .form_style_radio > div {
  margin-right: 0; }

.rep_modal .modal .modal_inner .modal_form .period .form_style_radio {
  margin-top: 0; }

.rep_modal .modal .modal_inner .modal_form .period .form_style {
  display: flex;
  align-items: center; }

.rep_modal .modal .modal_inner .modal_form .period .form_style select {
  border: 1px solid #dbdbdb;
  width: 5.859375vw;
  max-width: 60px;
  margin-right: 0.48828125vw; }

.rep_modal .modal .modal_inner .modal_form .period .form_style span {
  margin-right: 0.48828125vw; }

.rep_modal .modal .modal_inner .modal_form .period .radio02 {
  padding: 0.48828125vw 2.5390625vw;
  width: 6.8359375vw;
  padding-right: 0; }

.rep_modal .modal .modal_inner .modal_form .period .pit_reserve_tilde {
  margin: 0 1.953125vw 0 1.46484375vw; }

.rep_modal .modal .modal_inner .submit_btn2 {
  display: flex;
  justify-content: center; }

.rep_modal .modal .modal_inner .rep_modal_btn {
  margin: 0 0.68359375vw; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  .rep_modal .modal .modal_inner .rep_modal_btn {
    margin: 0 7px; }

  .rep_modal .modal .modal_inner .modal_form .period .pit_reserve_tilde {
    margin: 0 20px 0 15px; }

  .rep_table_head_row .change_date {
    margin-top: 25px;
    margin-bottom: 14px; }

  .rep_table_head_row .change_date select {
    margin: 0 15px; }

  .rep_reserve_header .rep_reserve_header_inner {
    padding: 18px 35px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date {
    margin-left: 0; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_tilde {
    margin: 0 25px 0 15px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date.last {
    margin-left: 25px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date .form_style {
    margin-right: 10px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search .rep_reserve_form .rep_reserve_date span {
    font-size: 14px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_date_search p {
    margin-bottom: 5px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .rep_date_search {
    margin-right: 60px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search p {
    margin-bottom: 5px; }

  .rep_reserve_header .rep_reserve_header_inner .rep_reserve_header_inner_flex .demo_car_search .demo_car_search_input .rep_reserve_submit {
    margin-left: 10px; }

  .rep_modal .modal .modal_inner .modal_form .period .form_style select {
    margin-right: 5px; }

  .rep_modal .modal .modal_inner .modal_form .period .form_style span {
    margin-right: 5px; }

  .rep_modal .modal .modal_inner .modal_form .period .radio02 {
    padding: 5px 26px;
    width: 70px;
    padding-right: 0; } }
/*
代車管理テーブル終わり ---------------------------------------------------->
*/
/*
予約詳細 <----------------------------------------------------
*/
#rsv_detal_page {
  background-color: #f5f5f5; }

#rsv_detal_page .page_inner {
  box-sizing: border-box; }

#rsv_detal_page .rsv_detal_form_wrap_row {
  padding: 1.953125vw 0;
  border-bottom: 1px solid #dbdbdb; }

#rsv_detal_page .copy_row .rsv_detal_form_wrap_row:first-of-type {
  border-bottom: none;
  padding-bottom: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row h2 {
  font-size: 1.3671875vw;
  vertical-align: middle; }

#rsv_detal_page .rsv_detal_form_wrap_row h2 span {
  height: 2px;
  width: 0.78125vw;
  background-color: #5fb8b5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.87890625vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex {
  width: 100%;
  display: flex;
  font-size: 1.3671875vw;
  margin-top: 1.26953125vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row {
  justify-content: space-around;
  margin-top: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style3,
#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
  padding: 0.48828125vw 5.859375vw;
  margin-top: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
  width: auto;
  max-width: none;
  border: none;
  margin: 0;
  display: none; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex p {
  width: 10.15625vw;
  max-width: 104px; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input {
  width: 83.0078125vw;
  max-width: 850px; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div {
  font-size: 0;
  margin-bottom: 1.26953125vw;
  display: inline-block; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.block > div {
  display: block; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row {
  font-size: 1.3671875vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row input[type=radio] {
  display: inline-block;
  width: auto;
  margin-top: 0;
  vertical-align: middle;
  margin-left: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label {
  vertical-align: middle;
  margin-right: 1.953125vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label:last-of-type {
  margin-right: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div:last-of-type {
  margin-bottom: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input {
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0;
  padding-left: 0.9765625vw;
  width: 19.53125vw;
  max-width: 200px;
  font-size: 1.3671875vw;
  box-sizing: border-box; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time span {
  font-size: 1.3671875vw;
  margin-left: 0.78125vw;
  margin-right: 1.46484375vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time select {
  width: 7.8125vw;
  max-width: 80px; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input button.search_btn {
  color: #ffffff;
  background-color: #5fb8b5;
  border: none;
  padding: 0.439453125vw 0.9765625vw;
  font-size: 1.3671875vw;
  border: 1px solid #5fb8b5; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row {
  display: inline-block;
  width: 19.53125vw;
  max-width: 200px;
  position: relative;
  margin-right: 2.9296875vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker {
  width: 19.53125vw;
  max-width: 200px;
  background-image: url(../img/cal_img.svg);
  background-repeat: no-repeat;
  background-size: 1.46484375vw;
  background-position: 17.08984375vw center;
  position: relative; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker::placeholder {
  color: #dbdbdb;
  padding-left: 0vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row::after {
  height: 2.44140625vw;
  max-height: 25px;
  content: '';
  width: 1px;
  background-color: #dbdbdb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.3203125vw;
  margin: auto 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .panel_time_row {
  display: inline-block; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input select {
  width: 14.6484375vw;
  max-width: 150px;
  font-size: 1.3671875vw;
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .annotation {
  display: inline-block;
  font-size: 1.3671875vw;
  width: auto;
  max-width: none;
  margin-left: 2.9296875vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input[type=checkbox] {
  width: auto;
  margin-top: 0; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input label {
  font-size: 1.3671875vw; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input textarea {
  width: 100%;
  font-size: 1.3671875vw;
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0;
  height: 80px; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select select {
  width: 19.53125vw;
  max-width: 200px; }

#rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select.coating_row button.btn_style3 {
  margin-left: 2.9296875vw; }

#rsv_detal_page .form_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 4.8828125vw 0; }

#rsv_detal_page .form_btn button {
  width: 17.578125vw;
  max-width: 180px;
  text-align: center;
  color: #ffffff;
  border-radius: 10px;
  font-size: 1.3671875vw;
  padding: 0.9765625vw 0;
  border: none;
  margin: 0 1.46484375vw; }

#rsv_detal_page .form_btn button.save {
  background-color: #5fb8b5; }

#rsv_detal_page .form_btn button.del {
  background-color: #999999; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style3,
  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
    padding: 5px 60px; }

  #rsv_detal_page .form_btn {
    padding: 50px 0; }

  #rsv_detal_page .form_btn button {
    font-size: 14px;
    padding: 10px 0;
    margin: 0 15px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input textarea {
    font-size: 14px;
    padding: 4.5px 0; }

  #rsv_detal_page .page_inner {
    padding: 0 0; }

  #rsv_detal_page .rsv_detal_form_wrap_row {
    padding: 20px 0; }

  #rsv_detal_page .rsv_detal_form_wrap_row h2 {
    font-size: 14px; }

  #rsv_detal_page .rsv_detal_form_wrap_row h2 span {
    width: 8px;
    margin-right: 9px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex {
    font-size: 14px;
    margin-top: 13px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input {
    padding: 4.5px 0;
    font-size: 14px;
    padding-left: 10px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input button.search_btn {
    padding: 4.5px 10px;
    font-size: 14px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div {
    margin-bottom: 13px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row {
    font-size: 14px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label {
    margin-right: 20px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time span {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 15px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input select {
    font-size: 14px;
    padding: 4.5px 0; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker {
    background-image: url(../img/cal_img.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 175px center; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row::after {
    right: 34px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker::placeholder {
    padding-left: 0; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row {
    margin-right: 30px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .annotation {
    font-size: 14px;
    margin-left: 30px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input label {
    font-size: 14px; }

  #rsv_detal_page .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select.coating_row button.btn_style3 {
    margin-left: 30px; } }
/*
予約詳細終わり ---------------------------------------------------->
*/
/*
顧客管理 <----------------------------------------------------
*/
header.client_header {
  background-color: #5fb8b5; }

header.client_header a {
  color: #fff; }

header.client_header .header_inner .header_nav > div a {
  color: #fff; }

body > header.client_header > div > div.back_text {
  padding-right: 3.41796875vw; }

header.client_header .header_inner .header_nav {
  max-width: 770px; }

.client_top_page_wrap {
  width: 100%;
  background-color: #f5f5f5;
  min-height: 100vh; }

.client_top_page_wrap .client_top_page_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center; }

.client_top_page_wrap .client_top_page_inner a {
  display: block;
  width: 48.828125vw;
  max-width: 500px;
  background-color: #5fb8b5;
  text-align: center;
  color: #ffffff;
  font-size: 1.953125vw;
  padding: 1.708984375vw;
  margin: 0 auto 1.46484375vw;
  background-image: url(../img/migi_sankaku.svg);
  background-repeat: no-repeat;
  background-size: 0.68359375vw;
  background-position: 46.6796875vw center; }

.client_top_page_wrap .client_top_page_inner a:last-of-type {
  margin-bottom: 0; }

.client_top_page_wrap .client_top_page_csv_input button {
  color: #ffffff;
  background-color: #5fb8b5;
  border: none;
  padding: 0.439453125vw 0.9765625vw;
  font-size: 1.3671875vw;
  border: 1px solid #5fb8b5; }

.client_top_page_wrap .client_top_page_csv_inner {
  text-align: center;
  padding-top: 7.8125vw; }

.client_top_page_wrap .client_top_page_csv_inner p {
  font-size: 1.5625vw;
  font-weight: bold;
  margin-bottom: 1.5625vw; }

.clientlist_subtitle {
  width: 100%;
  display: flex;
  padding: 1.953125vw 0.9765625vw;
  box-sizing: border-box; }

.clientlist_subtitle p {
  color: #999999;
  font-size: 1.3671875vw; }

.clientlist_subtitle p:nth-of-type(1) {
  width: 9.765625vw;
  max-width: 100px;
  padding-left: 1.26953125vw; }

.clientlist_subtitle p:nth-of-type(2) {
  width: 11.9140625vw;
  max-width: 122px;
  padding-left: 0.390625vw; }

.clientlist_subtitle p:nth-of-type(3) {
  width: 15.13671875vw;
  max-width: 155px; }

.clientlist_subtitle p:nth-of-type(4) {
  width: 17.578125vw;
  max-width: 180px; }

.clientlist_subtitle p:nth-of-type(5) {
  width: 14.453125vw;
  max-width: 148px; }

.clientlist_subtitle p:nth-of-type(6) {
  width: 10.15625vw;
  max-width: 104px; }

.clientlist_subtitle p:nth-of-type(7) {
  width: 8.10546875vw;
  max-width: 83px; }

.clientlist_subtitle p:nth-of-type(8) {
  width: 4.58984375vw;
  max-width: 47px; }

.client_list_row a:nth-of-type(1) {
  margin-right: 4.58984375vw; }

.client_list_row p:nth-of-type(1) {
  width: 11.9140625vw;
  max-width: 122px; }

.client_list_row p:nth-of-type(2) {
  width: 15.13671875vw;
  max-width: 155px; }

.client_list_row p:nth-of-type(3) {
  width: 17.578125vw;
  max-width: 180px; }

.client_list_row p:nth-of-type(4) {
  width: 14.453125vw;
  max-width: 148px; }

.client_list_row p:nth-of-type(5) {
  width: 10.15625vw;
  max-width: 104px; }

.client_list_row p:nth-of-type(6) {
  width: 8.10546875vw;
  max-width: 83px;
  padding-left: 2.1484375vw; }

.client_list_row p:nth-of-type(7) {
  width: 4.58984375vw;
  max-width: 47px;
  padding-left: 0.78125vw; }

.client_list_row p.not {
  color: #ff0000; }

.client_list_row {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 1.26953125vw 0.9765625vw;
  margin-bottom: 1.26953125vw; }

.client_list_title {
  display: flex;
  justify-content: space-between; }

.client_list_title .page_title_search {
  display: flex;
  justify-content: flex-end; }

.client_list_title .page_title_search .page_title_search_input {
  font-size: 0;
  margin-right: 2.9296875vw; }

.client_list_title .page_title_search .page_title_search_input span {
  font-size: 1.3671875vw;
  color: #999999;
  padding-right: 0.48828125vw; }

.client_list_title .page_title_search .page_title_search_input input {
  width: 9.765625vw;
  max-width: 100px;
  border: 1px solid #eaeaea;
  border-radius: 0; }

.client_list_title .page_title_search .page_title_search_input button {
  background-color: #5fb8b5;
  color: #fff;
  text-align: center;
  border: none; }

.client_list_title .page_title_search .page_title_search_input input,
.client_list_title .page_title_search .page_title_search_input button {
  font-size: 1.3671875vw; }

/*
デザインサイズを超えた場合
*/
@media (min-width: 1024px) {
  .client_list_title .page_title_search .page_title_search_input {
    margin-right: 30px; }

  .client_list_title .page_title_search .page_title_search_input span {
    padding-right: 5px; }

  .client_list_title .page_title_search .page_title_search_input span,
  .client_list_title .page_title_search .page_title_search_input input,
  .client_list_title .page_title_search .page_title_search_input button {
    font-size: 14px; }

  .client_list_row p:nth-of-type(6) {
    padding-left: 22px; }

  .client_list_row p:nth-of-type(7) {
    padding-left: 8px; }

  .client_list_row a:nth-of-type(1) {
    margin-right: 47px; }

  .clientlist_subtitle p:nth-of-type(1) {
    padding-left: 13px; }

  .clientlist_subtitle p:nth-of-type(2) {
    padding-left: 4px; }

  .client_list_row {
    padding: 13px 10px;
    margin-bottom: 13px; }

  .clientlist_subtitle {
    padding: 20px 10px; }

  .clientlist_subtitle p {
    font-size: 14px; }

  body > header.client_header > div > div.back_text {
    padding-right: 35px; }

  .client_top_page_wrap .client_top_page_inner a {
    font-size: 20px;
    padding: 17.5px;
    margin-bottom: 15px;
    background-size: 7px;
    background-position: 478px center; }

  .client_top_page_wrap .client_top_page_csv_input button {
    padding: 4.5px 10px;
    font-size: 14px; }

  .client_top_page_wrap .client_top_page_csv_inner {
    padding-top: 80px; }

  .client_top_page_wrap .client_top_page_csv_inner p {
    font-size: 16px;
    margin-bottom: 16px; } }
/*
顧客管理終わり ---------------------------------------------------->
*/
/*
テーブル <----------------------------------------------------
*/
.table_rsv_detal_modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 78.125vw;
  max-width: 800px;
  min-height: 350px;
  background-color: #f5f5f5;
  padding-bottom: 2.92969vw; }

.table_rsv_detal_modal .copy_row .rsv_detal_form_wrap_row {
  width: 85%;
  margin: 0 auto;
  text-align: left; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row {
  padding: 1.953125vw 0; }

.table_rsv_detal_modal .copy_row .rsv_detal_form_wrap_row:first-of-type {
  border-bottom: none;
  padding-bottom: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row h2 {
  font-size: 1.3671875vw;
  vertical-align: middle; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row h2 span {
  height: 2px;
  width: 0.78125vw;
  background-color: #5fb8b5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.87890625vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex {
  width: 100%;
  display: flex;
  font-size: 1.3671875vw;
  margin-top: 1.26953125vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row {
  justify-content: space-around;
  margin-top: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style3,
.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
  padding: 0.48828125vw 5.859375vw;
  margin-top: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
  width: auto;
  max-width: none;
  border: none;
  margin: 0;
  display: none; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div {
  font-size: 0;
  margin-bottom: 1.26953125vw;
  display: inline-block; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.block > div {
  display: block; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row {
  font-size: 1.3671875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row input[type=radio] {
  display: inline-block;
  width: auto;
  margin-top: 0;
  vertical-align: middle;
  margin-left: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label {
  vertical-align: middle;
  margin-right: 2.9296875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label:last-of-type {
  margin-right: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div:last-of-type {
  margin-bottom: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input {
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0;
  padding-left: 0.9765625vw;
  width: 19.53125vw;
  max-width: 200px;
  font-size: 1.3671875vw;
  box-sizing: border-box; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time span {
  font-size: 1.3671875vw;
  margin-left: 0.78125vw;
  margin-right: 1.46484375vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time select {
  width: 7.8125vw;
  max-width: 80px; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input button.search_btn {
  color: #ffffff;
  background-color: #5fb8b5;
  border: none;
  padding: 0.439453125vw 0.9765625vw;
  font-size: 1.3671875vw;
  border: 1px solid #5fb8b5; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row {
  display: inline-block;
  width: 19.53125vw;
  max-width: 200px;
  position: relative;
  margin-right: 2.9296875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker {
  width: 19.53125vw;
  max-width: 200px;
  background-image: url(../img/cal_img.svg);
  background-repeat: no-repeat;
  background-size: 1.46484375vw;
  background-position: 17.08984375vw center;
  position: relative; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker::placeholder {
  color: #dbdbdb;
  padding-left: 0vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row::after {
  height: 2.44140625vw;
  max-height: 25px;
  content: '';
  width: 1px;
  background-color: #dbdbdb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.3203125vw;
  margin: auto 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .panel_time_row {
  display: inline-block; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input select {
  width: 14.6484375vw;
  max-width: 150px;
  font-size: 1.3671875vw;
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .annotation {
  display: inline-block;
  font-size: 1.3671875vw;
  width: auto;
  max-width: none;
  margin-left: 2.9296875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input[type=checkbox] {
  width: auto;
  margin-top: 0; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input label {
  font-size: 1.3671875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input textarea {
  width: 100%;
  font-size: 1.3671875vw;
  border: 1px solid #dbdbdb;
  padding: 0.439453125vw 0;
  height: 80px; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select select {
  width: 19.53125vw;
  max-width: 200px; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select.coating_row button.btn_style3 {
  margin-left: 2.9296875vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div:last-of-type {
  max-width: 610px; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex p {
  max-width: 135px; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex p {
  width: 13.18359375vw; }

.table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input {
  width: 59.5703125vw; }

@media (min-width: 1024px) {
  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style3,
  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex.add_btn_row .btn_style5 {
    padding: 5px 60px; }

  .table_rsv_detal_modal .form_btn {
    padding: 50px 0; }

  .table_rsv_detal_modal .form_btn button {
    font-size: 14px;
    padding: 10px 0;
    margin: 0 15px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input textarea {
    font-size: 14px;
    padding: 4.5px 0; }

  .table_rsv_detal_modal .page_inner {
    padding: 0 0; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row {
    padding: 20px 0; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row h2 {
    font-size: 14px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row h2 span {
    width: 8px;
    margin-right: 9px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex {
    font-size: 14px;
    margin-top: 13px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input {
    padding: 4.5px 0;
    font-size: 14px;
    padding-left: 10px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input button.search_btn {
    padding: 4.5px 10px;
    font-size: 14px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div {
    margin-bottom: 13px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row {
    font-size: 14px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input > div.radio_row label {
    margin-right: 30px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.panel_time span {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 15px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input select {
    font-size: 14px;
    padding: 4.5px 0; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker {
    background-image: url(../img/cal_img.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 175px center; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row::after {
    right: 34px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input input.datepicker::placeholder {
    padding-left: 0; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .datepicker_row {
    margin-right: 30px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input .annotation {
    font-size: 14px;
    margin-left: 30px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input label {
    font-size: 14px; }

  .table_rsv_detal_modal .rsv_detal_form_wrap_row .rsv_detal_form_flex .rsv_detal_form_input.wide_select.coating_row button.btn_style3 {
    margin-left: 30px; } }
/*
テーブル終わり ---------------------------------------------------->
*/
/*
代車管理 <----------------------------------------------------
*/
.webentry_subtitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1.46484375vw 0.78125vw 1.46484375vw 1.5625vw;
  box-sizing: border-box; }

.webentry_subtitle p {
  color: #999999;
  box-sizing: border-box;
  padding-right: 0vw;
  font-weight: 500; }

.webentry_subtitle p:nth-of-type(1) {
  width: 18.5546875vw;
  max-width: 190px; }

.webentry_subtitle p:nth-of-type(2) {
  width: 14.6484375vw;
  max-width: 150px; }

.webentry_subtitle p:nth-of-type(3) {
  width: 16.6015625vw;
  max-width: 170px; }

.webentry_subtitle p:nth-of-type(4) {
  width: 17.578125vw;
  max-width: 180px; }

.webentry_subtitle p:nth-of-type(5) {
  width: 14.6484375vw;
  max-width: 150px; }

.webentry_subtitle p:nth-of-type(6) {
  width: 0vw;
  max-width: 0px;
  padding: 0;
  text-align: center; }

.search_box {
  display: flex; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search.pit_reserve_search_client {
  margin-right: 15px; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search.pit_reserve_search_client .pit_reserve_form .pit_reserve_date {
  display: block; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search.pit_reserve_search_client .pit_reserve_form .pit_reserve_date .form_style {
  margin-top: 5px;
  margin-bottom: 5px; }

.pit_reserve_search_f_row {
  display: flex;
  margin-left: 15px;
  align-items: center;
  margin-bottom: 10px; }

.pit_reserve_search_f_row img {
  margin-right: 5px; }

.pit_reserve_header .pit_reserve_header_inner .pit_reserve_search {
  display: block; }

#pit_search_modal.modal-background.rsv_modal .modal {
  min-height: 60vh;
  width: 97.65625vw;
  max-width: 1000px; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list {
  margin: 10px auto;
  width: 93.75vw;
  max-width: 960px;
  height: 48vh;
  border: 1px solid #a0a0a0;
  overflow: scroll; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p {
  margin-right: 0; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.client_name {
  width: 20%; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.car_name {
  width: 25%; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.number {
  width: 15%; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.naiyou {
  width: 10%; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.date {
  width: 20%; }

#pit_search_modal.modal-background.rsv_modal .modal .search_number_list .search_number_list_row p.btn {
  width: 10%; }