#developer_alert {
  position: fixed;
  height: 30px;
  font-weight: 800;
  background-color: yellow;
  text-align: center;
  width: 100vw;
  top: 0;
  z-index: 9999;
}

.table_add {
  display: table;
}

.contractor_add_divs {
  display: none;
}

@media (max-width: 480px) {
  .smpfullwidth {
    width: 100%;
  }
}
#modal {
  position: fixed;
  display: none;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
#modal .modal_container {
  width: 200px;
  margin: 100px auto 0px auto;
  color: #FFF;
}
#modal .modal_content {
  width: calc(100vw - 40px);
  max-width: 500px;
  margin: 100px auto 0px auto;
  padding: 10px;
  background-color: #FFF;
}
#modal .authcode {
  margin: 0px 10px 20px 10px;
  padding: 10px;
  background-color: rgb(222, 222, 222);
  font-weight: 700;
}

.notice_on_term {
  border: solid 1px #000;
  padding: 10px;
  margin: 20px 0px;
  text-align: center;
}

.modal {
  position: fixed;
  display: none;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.modal .modal_container {
  width: 200px;
  margin: 100px auto 0px auto;
  color: #FFF;
}
.modal .modal_content {
  width: calc(100vw - 40px);
  max-width: 500px;
  margin: 100px auto 0px auto;
  padding: 10px;
  background-color: #FFF;
}
.modal .authcode {
  margin: 0px 10px 20px 10px;
  padding: 10px;
  background-color: rgb(222, 222, 222);
  font-weight: 700;
}
.modal #closeBtn {
  position: relative;
  width: calc(100vw - 40px);
  text-align: right;
}

.apply_backlink {
  display: none;
}

.link {
  text-decoration: underline;
  color: rgb(11, 19, 251);
  cursor: pointer;
}

.container .content {
  width: 900px;
  margin: 10px auto 0px auto;
}
@media (max-width: 480px) {
  .container .content {
    width: 100%;
  }
}
.container h2 {
  padding: 20px;
  text-align: center;
}
.container .agree_content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.daisu_cell {
  text-align: center;
}

.hide {
  display: none !important;
}
.hide > input {
  display: none;
}

.payments_div > h4 {
  display: block;
  padding: 10px;
  box-shadow: 0px 5px rgba(122, 122, 122, 0.3);
  border: solid 0.1px #CCC;
}
.payments_div > h4:hover {
  cursor: pointer;
}
.payments_div > .payment_content {
  display: none;
  padding: 5px;
  background-color: rgb(244, 244, 244);
}
.payments_div > .payment_content > div > .notice4houjin {
  padding: 10px 0px;
  background-color: rgba(208, 201, 201, 0.5);
  margin-bottom: 10px;
}
.payments_div > .payment_content > div > .notice4houjin > .address {
  font-weight: 700;
  padding: 10px;
}
.payments_div > .payment_content > div > .notice4houjin > .bold_underline {
  font-weight: 700;
  text-decoration: underline;
}

.btn-full {
  width: 100%;
  margin: 10px 0px;
}

#bankinfo_wrapper {
  padding: 10px 0px;
}
#bankinfo_wrapper .bank_info {
  display: block;
  width: 100%;
  font-weight: 600;
}

.search_form {
  box-sizing: border-box;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0px;
}
.search_form .form-full-width > label {
  width: 100px;
}
.search_form .form-full-width > label:nth-child(1) {
  font-weight: 700;
}
.search_form .form-full-width > input {
  width: calc(100% - 100px - 20px);
}
@media (max-width: 480px) {
  .search_form .form-full-width > label {
    width: 100%;
  }
  .search_form .form-full-width > input[type=text] {
    width: 100%;
  }
}
.search_form .form-full-width > .date_inputs {
  max-width: 200px;
}

.bold {
  font-weight: 700;
}

.bold_red {
  font-size: small;
  font-weight: 600;
  color: red;
}

h2, h3 {
  font-size: 20px;
  font-weight: 700;
}

h3 {
  background-color: rgba(162, 218, 255, 0.5);
}

h5 {
  background-color: rgba(162, 218, 255, 0.5);
  padding: 5px;
}

.infobox {
  box-shadow: 0px 3px 3px rgb(122, 122, 122);
  border-radius: 10px;
  font-size: small;
  padding: 10px;
  margin-bottom: 10px;
}

.grey-bk {
  background-color: rgba(206, 206, 206, 0.8);
}

.green-bk {
  background-color: rgba(147, 228, 133, 0.8);
}

.float_table {
  display: table;
  width: 100%;
  padding: 10px 0px;
}
.float_table > .tr {
  display: table-row;
}
.float_table > .tr > .td {
  display: table-cell;
  border-bottom: 0.1px solid rgb(122, 122, 122);
}
.float_table > .tr > .grey-bk {
  background-color: rgba(206, 206, 206, 0.8);
}
.float_table > .tr > .thin-row {
  padding: 5px;
}
.float_table .required {
  color: red;
}
.float_table .error_inputs {
  background-color: pink;
}
@media (max-width: 480px) {
  .float_table {
    display: block;
  }
  .float_table > .tr {
    display: block;
    margin-bottom: 10px;
    padding: 0px 10px;
  }
  .float_table > .tr > .td {
    display: block;
    border: none;
    padding: 0px 10px;
  }
  .float_table > .tr > .td:nth-child(1) {
    font-weight: 600;
    text-decoration: underline;
    padding: 5px;
  }
}

.underline {
  text-decoration: underline;
}

.card_table > div {
  float: left;
}
.card_table > div:nth-child(1) {
  width: 300px;
}
.card_table > div.tail_cell > .daisu_cell_card {
  width: 100px;
  float: left;
  text-align: center;
  margin-right: 5px;
  display: block;
}
.card_table > div.tail_cell > .daisu_cell_card:hover {
  cursor: pointer;
}
.card_table > div.tail_cell > .daisu_cell_card > span {
  font-size: 50px;
}
.card_table > div.tail_cell > .ok {
  background-color: green;
  color: #FFF;
}
.card_table > div.tail_cell > .ng {
  color: red;
  background-color: rgba(248, 180, 180, 0.5);
}

.progress_wrapper {
  display: block;
  width: 100vw;
  top: 0;
}
.progress_wrapper .progressbar {
  background-color: #FFF;
  width: 100%;
  max-width: 920px;
  margin: 0px auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.progress_wrapper .progressbar > .col {
  text-align: center;
  margin: 0px 5px;
  border-bottom: 1px #000 solid;
}
.progress_wrapper .progressbar > .done {
  background-color: rgba(122, 122, 122, 0.3);
  color: #FFF;
}
.progress_wrapper .progressbar > .ongoing {
  background-color: lightgreen;
}
.progress_wrapper .progressbar:nth-child(2) > .col {
  border-bottom: double;
}

.transform {
  position: fixed;
  top: 0;
}

.table > .row > .light-dotted {
  border-right: dotted 0.1px #000;
  border-bottom: dotted 0.1px #000;
}
.table > .row > .light-dotted:nth-child(1) {
  border-left: dotted 0.1px #000;
  background-color: rgba(122, 122, 122, 0.6);
  font-weight: 700;
}
.table > .row:nth-child(odd) {
  background-color: rgba(122, 122, 122, 0.5);
}
.table .bold {
  font-weight: 700;
}

.table_header {
  width: 200px;
  display: block;
  float: left;
}

.promo_photo_link {
  display: block;
  padding: 5px 0px;
}

footer {
  margin-top: 20px;
  text-align: center;
}
@media print {
  footer {
    display: none;
  }
}

section {
  margin-bottom: 20px;
}

.contact {
  margin: 10px 0px;
  box-sizing: border-box;
  border: solid 0.1px #CCC;
  padding: 5px;
}
.contact > h4 {
  font-size: normal;
}
.contact > span {
  display: block;
  width: 100%;
}

.blands {
  width: 400px;
  max-width: 80vw;
}
@media (max-width: 480px) {
  .blands {
    margin: 0 5vw;
  }
}

.full-width {
  float: left;
  display: block;
  width: 100%;
}

.full-width-print {
  display: block;
  width: 100%;
}

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

.postal_inputs {
  width: 100px;
}

.phone_inputs {
  width: 80px;
}

.float_box > span {
  float: left;
}
.float_box > input {
  float: left;
}

#menu_box {
  display: none;
  padding: 5px;
  height: 50px;
  margin: 0px 10px;
  float: left;
}
@media (max-width: 1024px) {
  #menu_box {
    display: block;
  }
}

.menu_bar {
  display: block;
  height: 5px;
  background-color: rgb(78, 57, 183);
  width: 30px;
  margin: 5px;
  border-radius: 5px;
}

.admin_container {
  width: 100vw;
  display: table;
}
@media (max-width: 720px) {
  .admin_container {
    display: block;
  }
}
.admin_container .left {
  display: table-cell;
  height: calc(100vh - 300px);
  padding-top: 20px;
  width: 240px;
}
@media (max-width: 1024px) {
  .admin_container .left {
    display: block;
    min-height: 70px;
    height: auto;
    width: 100%;
    padding-top: 10px;
    position: fixed;
    z-index: 2;
  }
}
.admin_container .left .sidebar_container {
  margin-top: 5px;
  padding-top: 10px;
  box-shadow: -3px 1px 10px rgba(122, 122, 122, 0.3);
  border-radius: 10px;
  position: fixed;
  padding-right: 10px;
  overflow-y: scroll;
  background-color: #FFF;
  height: -moz-fit-content;
  height: fit-content;
}
.admin_container .left .sidebar_container > #sidebar {
  background-color: #FFF;
}
@media (max-width: 1024px) {
  .admin_container .left .sidebar_container > #sidebar {
    display: none;
    padding-top: 60px;
  }
}
@media print {
  .admin_container .left .sidebar_container > #sidebar {
    display: none;
  }
}
.admin_container .left .sidebar_container > #sidebar > ul {
  list-style: none;
  padding-left: 15px;
}
.admin_container .left .sidebar_container > #sidebar > ul > li {
  padding: 10px;
}
.admin_container .left .sidebar_container > #sidebar > ul > li:hover {
  background-color: rgba(91, 95, 197, 0.2);
  color: #FFF;
  cursor: pointer;
}
.admin_container .left .sidebar_container > #sidebar > ul > li:hover > a {
  color: #FFF;
}
.admin_container .left .sidebar_container > #sidebar > ul > li a {
  color: #000;
}
.admin_container .left .sidebar_container > #sidebar > ul > li a:hover {
  color: white;
}
.admin_container .left .sidebar_container > #sidebar > ul > li.list_nested {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: smaller;
}
.admin_container .right {
  display: table-cell;
  width: calc(100% - 200px - 20px);
  padding: 20px;
}
@media (max-width: 1024px) {
  .admin_container .right {
    display: block;
    width: 100%;
    padding-top: 80px;
  }
}
.admin_container .header {
  display: block;
}

#search_area {
  display: block;
  border: solid 0.1px #000;
  padding: 5px;
}
@media (max-width: 480px) {
  #search_area {
    display: none;
  }
}

#open_searcharea {
  display: none;
  width: calc(100% - 10px);
  padding: 5px;
  text-align: center;
  box-shadow: 0px 0px 10px rgb(136, 136, 136);
  margin: 5px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #open_searcharea {
    display: block;
  }
}
#open_searcharea:hover {
  cursor: pointer;
}

.logininfo {
  margin-top: 20px;
  border: dotted 1px rgb(149, 149, 149);
  border-radius: 5px;
}
.logininfo :hover {
  color: #000;
}

.yakkan_honbun {
  width: 100%;
  height: 350px;
  min-height: 500px;
  border: solid 0.1px #CCC;
}

.chk_bigger {
  transform: scale(1.5);
  margin-right: 10px;
}

.required {
  font-weight: 700;
  color: red;
}

.keiyaku_remarks {
  margin: 10px;
  border: 0.1px solid #000;
  padding: 5px;
}

.markdown {
  font-family: "Sawarabi Mincho";
}
.markdown table th, .markdown table td {
  width: 100px;
  max-width: 200px;
}

.error {
  display: block;
  width: 100%;
  background-color: pink;
  color: red;
}

.bankinfoerror {
  display: none;
}

.go_toiawase {
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px;
  background-color: red;
  color: white;
  font-weight: 600;
}
.go_toiawase:hover {
  background-color: #FFF;
  border: solid red 1px;
  color: red;
}

.car_options {
  /* display: none; */
  width: 100%;
  margin: 10px 0px;
}
.car_options > div.car_options_container {
  min-width: 100px;
  height: 100px;
  max-width: 300px;
  display: table-cell;
  text-align: center;
  padding: 5px;
}
.car_options > div.car_options_container > div.not-selected {
  background-color: greenyellow;
  height: 100%;
  box-shadow: 0px 5px #000;
}
.car_options > div.car_options_container > div.not-selected:hover {
  background-color: green;
  color: #FFF;
  box-shadow: none;
}
.car_options > div.car_options_container > .selected {
  background-color: rgba(3, 42, 18, 0.3);
  color: #FFF;
  height: 100%;
}
.car_options > div.car_options_container:hover {
  cursor: pointer;
}

@media (max-width: 480px) {
  .init_cost {
    position: relative;
    left: -50px;
    width: calc(100% + 50px);
  }
}

.whole_table {
  display: table;
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 480px) {
  .whole_table {
    display: block;
  }
}
.whole_table .whole_row {
  display: table-row;
  margin: 10px 0px;
}
@media (max-width: 480px) {
  .whole_table .whole_row {
    display: block;
    width: 100%;
  }
}
.whole_table .whole_row .whole_th {
  display: table-cell;
  font-weight: 600;
  min-width: 100px;
  width: 150px;
}
@media (max-width: 480px) {
  .whole_table .whole_row .whole_th {
    display: block;
    width: 100%;
    background-color: rgba(122, 122, 122, 0.5);
    margin-bottom: 10px;
    padding: 5px;
  }
}
.whole_table .whole_row .whole_th > .caption {
  display: none;
}
@media (max-width: 480px) {
  .whole_table .whole_row .whole_th > .caption {
    display: block;
    font-weight: 700;
  }
}
.whole_table .whole_row .whole_td {
  display: table-cell;
  padding-bottom: 15px;
}
@media (max-width: 480px) {
  .whole_table .whole_row .whole_td {
    display: block;
    width: 100%;
  }
}
.whole_table .whole_row .whole_td > div > .help {
  margin: 5px 0px;
  padding: 5px;
  background-color: rgba(236, 236, 48, 0.3);
}
.whole_table .whole_row .whole_td > #discount {
  font-size: large;
  font-weight: 700;
}
.whole_table .whole_row .whole_td > #tokuyaku {
  border: 0.1px solid #CCC;
  padding: 10px;
}
.whole_table .whole_row .whole_td #discount_month {
  padding-left: 10px;
  font-weight: 700;
  font-size: large;
}
.whole_table .whole_row .whole_td #price > .discount-price-mark {
  text-decoration: line-through;
}
.whole_table .whole_row .whole_td #month_cost > .discount-price-mark {
  text-decoration: line-through;
}
.whole_table .whole_row .whole_td .price_box {
  padding: 10px;
  background-color: #FFF;
  box-shadow: 0px 5px 5px rgb(0, 0, 0);
  border-radius: 5px;
  margin: 5px;
}
.whole_table .whole_row .whole_td .price_box .price_span {
  font-size: 12px;
  min-width: 50px;
  text-align: center;
}
.whole_table .whole_row .whole_td .price_box .vacant_status {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.whole_table .whole_row .whole_td .price_box :hover {
  cursor: pointer;
}
.whole_table .whole_row .whole_td > .caption {
  display: none;
}
@media (max-width: 480px) {
  .whole_table .whole_row .whole_td > .caption {
    display: block;
    font-size: 700;
  }
}
.whole_table .whole_row .whole_td .selected {
  background-color: rgb(79, 158, 48);
  color: #FFF;
}
.whole_table .table_header_stricted {
  display: table-row;
  background-color: rgba(206, 206, 206, 0.8);
  width: 100%;
}
@media (max-width: 480px) {
  .whole_table .table_header_stricted {
    display: none;
  }
}
.whole_table .row_striped:nth-child(odd) {
  background-color: rgba(228, 228, 228, 0.5);
}
@media (max-width: 480px) {
  .whole_table .row_cardstyle {
    padding: 10px;
    border: 1px #CCC solid;
    box-shadow: 5px 5px rgb(0, 0, 0);
    border-radius: 5px;
    margin-bottom: 10px;
  }
}

.bike_datepicker_wrapper {
  display: block;
  width: 100%;
  float: left;
  padding: 10px;
  background-color: rgba(122, 122, 122, 0.8);
}
.bike_datepicker_wrapper > .btn {
  float: left;
}
.bike_datepicker_wrapper .bike_datepicker {
  width: 200px;
  float: left;
}

.upload_area {
  width: 100%;
  height: 200px;
  border: solid 0.1px #CCC;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.upload_area:hover {
  cursor: pointer;
  background-color: rgba(122, 122, 122, 0.7);
}

.alignleft {
  float: left;
}

.file_item {
  width: 100%;
  padding: 10px;
  border: solid 0.1px #CCC;
  clear: both;
  height: calc(1em + 20px);
}
.file_item > .delete_txt_btn {
  color: red;
  padding: 0px 10px;
}
.file_item > .delete_txt_btn:hover {
  cursor: pointer;
}

.reportcnt {
  position: relative;
  right: 0px;
  background-color: red;
  padding: 0px 15px;
  border-radius: 10px;
  color: #FFF;
}

.bikespace_popuplink {
  text-decoration: underline;
  color: blue;
}
.bikespace_popuplink:hover {
  cursor: pointer;
}

.bold {
  font-weight: 700;
}

.bike_table_wrapper {
  height: 100%;
}
.bike_table_wrapper > div {
  float: left;
  max-height: 100vh;
}
.bike_table_wrapper .left_col {
  width: 200px;
  height: calc(100vh - 150px);
  position: relative;
}
.bike_table_wrapper .left_col .input {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100px;
}
.bike_table_wrapper .left_col .parkings {
  position: relative;
  top: 100px;
  height: calc(100% - 150px);
  overflow-y: scroll;
}
.bike_table_wrapper .left_col .parkings > span {
  padding: 10px;
  width: 100%;
  display: block;
}
.bike_table_wrapper .left_col .parkings > span:hover {
  background-color: rgb(199, 194, 194);
  cursor: pointer;
}
.bike_table_wrapper .bikespace_table {
  position: relative;
  overflow-y: scroll;
  width: 840px;
}
.bike_table_wrapper .bikespace_table .head {
  width: 60px;
  float: left;
  background-color: #CCC;
  text-align: right;
  font-weight: 700;
}
.bike_table_wrapper .bikespace_table .body {
  width: 120px;
  float: left;
  /*&:nth-child(odd){
    border-top: none;
  }*/
}
.bike_table_wrapper .bikespace_table .body:nth-child(even) {
  border-bottom: 1px solid #000;
}
.bike_table_wrapper .bikespace_table .cell {
  height: 40px;
  border-bottom: solid 0.1px #CCC;
  border-right: solid 0.1px #CCC;
  width: 100%;
}
.bike_table_wrapper .bikespace_table .head_cell {
  background-color: #CCC;
  height: 40px;
  border-bottom: solid 0.1px #CCC;
  border-right: solid 0.1px #CCC;
  width: 100%;
  text-align: center;
  font-weight: 700;
}
.bike_table_wrapper .bikespace_table .usecell {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100px;
}
.bike_table_wrapper .bikespace_table .fukidashi {
  position: absolute;
  background-color: #FFF;
  width: 150px;
  height: 100px;
}

.tax-table {
  width: 100%;
  display: table;
  margin-top: 20px;
}
.tax-table > .row {
  display: table-row;
  padding: 5px;
}
.tax-table > .row > .thead {
  display: table-cell;
  font-weight: 700;
  border-bottom: solid #000 1px;
  padding-bottom: 5px;
}
.tax-table > .row > .cell {
  display: table-cell;
  padding-bottom: 5px;
  padding: 5px;
}
@media (max-width: 480px) {
  .tax-table > .row > .cell {
    padding: 2px;
  }
}
.tax-table > .row > .tax {
  font-weight: 700;
}
.tax-table > .row > .tax > span {
  font-size: small;
}
@media (max-width: 480px) {
  .tax-table > .row > .tax > span {
    display: block;
  }
}
.tax-table > .row:nth-child(even) {
  background-color: rgb(212, 211, 211);
}
.tax-table > tr > td.tax-cell {
  background-color: #000;
  font-weight: 700;
}

.notice {
  background: rgba(244, 164, 96, 0.8);
  padding: 10px;
  border-radius: 10px;
}

.goto_mypage {
  font-weight: 700;
}

.card {
  margin-bottom: 10px;
  box-shadow: 5px 5px 5px #CCC;
  padding: 5px;
  position: inherit;
}
.card > .parking_name > .header {
  font-weight: 700;
  font-size: large;
}
.card > .header {
  font-weight: 700;
  font-size: large;
}
.card > .button {
  width: 100%;
  border-radius: 10px;
  text-align: center;
  background-color: rgba(26, 184, 212, 0.986);
  padding: 5px;
}
.card > .button:hover {
  background-color: #FFF;
  border: solid 1px rgba(26, 184, 212, 0.986);
  color: rgba(26, 184, 212, 0.986);
}
.card > .button > a {
  color: #FFF;
  display: block;
  width: 100%;
}
.card > .button > a:hover {
  color: rgba(26, 184, 212, 0.986);
}

#map {
  height: 300px;
  margin-bottom: 10px;
}

.parking_vacant_indicator {
  border: solid 0.1px #CCC;
  margin-left: 20px;
}

.hasvacant-spaces {
  background-color: blue;
  color: #FFF;
}

.filled-spaces {
  background-color: red;
  color: #FFF;
}

.unspecified-spaces {
  background-color: grey;
  color: #FFF;
}

.full_container {
  width: 100vw;
}
.full_container:nth-child(even) {
  background-color: #CCC;
}
.full_container:nth-child(2) {
  background-color: rgb(255, 250, 184);
}
.full_container .search_form {
  display: table;
  margin: 0 auto;
}
.full_container .search_form:nth-child(1) {
  width: calc(100% - 300px);
}
@media (max-width: 1024px) {
  .full_container .search_form:nth-child(1) {
    width: 100%;
  }
}
.full_container .search_form:nth-child(2) {
  width: 300px;
}
@media (max-width: 1024px) {
  .full_container .search_form:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .full_container .search_form {
    display: block;
    float: left;
  }
}
.full_container .search_form .banner_big {
  text-align: center;
  font-size: 20px;
}
@media (max-width: 480px) {
  .full_container .search_form .banner_big {
    font-size: 1em;
  }
}
.full_container .search_form_cols {
  display: table-cell;
  vertical-align: middle;
}
.full_container .search_form_cols:nth-child(2):hover {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .full_container .search_form_cols {
    display: block;
    width: 100%;
    float: left;
    padding: 0 auto;
    text-align: center;
  }
}
.full_container .s {
  margin: 0 0 0 10px;
  height: 50px;
  width: 16em;
  /*transition: all .6s ease;*/
  border-bottom: 1px solid #cccccc;
  border-right: none;
  border-left: none;
  border-top: none;
  border-radius: 0px;
}
.full_container .s:focus {
  border-bottom: 3px solid #CCC;
}
.full_container .searchsubmit {
  vertical-align: top;
  width: 35px;
  height: 50px;
  padding: 0;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.full_container .s-icon {
  width: 28px;
}

.container {
  width: 100%;
}
.container > img.getGeo {
  width: 90%;
}
.container > img#main {
  width: 98%;
}

.full_width {
  width: 100%;
}

.bold {
  font-weight: 700;
}

#notFound {
  display: none;
}

.center {
  text-align: center;
}

.padding_wide {
  margin-top: 30px;
  margin-bottom: 30px;
}

.icon > img {
  height: 20px;
}

.three_col {
  width: 25%;
  float: left;
}
.three_col > h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: 700;
}
.three_col > img {
  width: 100%;
}

#keyword {
  width: 100%;
  max-width: 500px;
  font-size: 15px;
  line-height: 40px;
}

.span {
  float: left;
  width: 100%;
  text-align: center;
}

.getGeo {
  width: 100%;
}

.caption_bottom {
  font-size: 20px;
}
@media (max-width: 480px) {
  .caption_bottom {
    padding-bottom: 10px;
    font-size: normal;
  }
}

.bold_caption {
  display: block;
  width: 100%;
  color: red;
  font-weight: 700;
}

#end_selectable_div {
  display: none;
}

.limit450 {
  float: left;
  max-width: 450px;
}
.limit450 > img {
  width: 100%;
}

.howto_article > ul {
  padding-left: 20px;
}

div.table {
  display: table;
}
@media (max-width: 480px) {
  div.table {
    width: 100%;
  }
}
div.table .contractor_row {
  display: table-row;
}
@media (max-width: 480px) {
  div.table .contractor_row {
    display: block;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    border: solid 0.1px #CCC;
  }
}
div.table .contractor_row:hover {
  background-color: rgba(241, 241, 241, 0.8);
}
div.table .contractor_row > .td {
  display: table-cell;
  border-bottom: dotted 0.1px #CCC;
}
@media (max-width: 1024px) {
  div.table .contractor_row > .td {
    padding: 5px;
  }
}
@media (max-width: 720px) {
  div.table .contractor_row > .td {
    padding: 5px;
  }
}
div.table .contractor_row > .td > .caption {
  display: none;
}
div.table .contractor_row > .td .small {
  font-size: 10px;
}
@media (max-width: 480px) {
  div.table .contractor_row > .td {
    display: block;
  }
  div.table .contractor_row > .td > .caption {
    display: block;
    float: left;
    width: 100px;
    text-decoration: underline;
  }
  div.table .contractor_row > .td > .bold {
    font-weight: 700;
  }
}
div.table .contractor_row .pricecell {
  text-align: right;
  font-weight: 700;
}
div.table .contractor_row_header {
  display: table-row;
}
@media (max-width: 480px) {
  div.table .contractor_row_header {
    display: none;
  }
}
div.table .contractor_row_header > .th {
  display: table-cell;
  font-weight: 700;
  background-color: #cee0f8;
  min-width: 50px;
}
@media (max-width: 1024px) {
  div.table .contractor_row_header > .th {
    padding: 5px;
  }
}
@media (max-width: 720px) {
  div.table .contractor_row_header > .th {
    padding: 5px;
  }
}

.hide {
  display: none !important;
}

.captions {
  font-size: small;
}

.login_window {
  background-color: rgb(228, 228, 173);
  padding: 20px;
}
.login_window > form > input {
  width: 100%;
  padding: 10px;
}
@media (max-width: 480px) {
  .login_window > form > input {
    width: 100%;
  }
}

.header_mypage {
  display: block;
  position: relative;
  width: 100%;
  position: fixed;
  background-color: #FFF;
  height: 60px;
  border-bottom: solid 1px #000;
  border-radius: 5px 5px 5px rgb(0, 0, 0);
  z-index: 1;
}
.header_mypage > .container > button {
  text-align: end;
}
.header_mypage > .container > h1 {
  font-size: 30px;
  float: left;
  margin-right: 10px;
  line-height: 60px;
  vertical-align: middle;
}
.header_mypage > .container > h1 > a {
  text-decoration: none;
  color: #000;
}
.header_mypage > .container > button {
  margin-top: 10px;
}
@media print {
  .header_mypage {
    display: none;
  }
}

.mypage {
  display: table;
  margin: 0 auto;
  padding-top: 70px;
}
@media (max-width: 720px) {
  .mypage {
    display: block;
    float: left;
  }
}
.mypage .main {
  display: table-cell;
  width: 800px;
  padding: 10px;
}
@media (max-width: 720px) {
  .mypage .main {
    display: block;
    width: 100%;
    float: left;
  }
}
.mypage .main .contractor_box {
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(122, 122, 122, 0.3);
  border: solid 1px #CCC;
}
.mypage .main .contractor_box > div > a.btn {
  margin-right: 10px;
  color: #FFF;
}
.mypage .main > h3 {
  margin-top: 10px;
  border-bottom: 2px solid rgb(54, 54, 167);
  line-height: 20px;
  padding: 10px;
}
.mypage .main .no_contract {
  text-align: center;
  width: 100%;
  background-color: rgba(233, 233, 149, 0.3);
  padding: 20px;
}
.mypage .sidebar {
  display: table-cell;
  width: 300px;
  position: fixed;
}
@media (max-width: 720px) {
  .mypage .sidebar {
    display: block;
    width: 100%;
    float: left;
    position: relative;
  }
}
@media print {
  .mypage .sidebar {
    display: none;
  }
}
.mypage .sidebar > div > .title {
  background: thistle;
  padding: 10px;
}
.mypage .sidebar > div > .caption {
  padding: 10px;
  padding-left: 20px;
}
.mypage .sidebar > div > .caption > ul {
  padding: 0px;
  list-style: none;
}
.mypage .sidebar > div > .caption > ul > li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0.1px solid #CCC;
}

.contract_op {
  width: 100%;
}

.row_header {
  min-width: 150px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .row_header {
    width: 100%;
  }
}

.query_content {
  width: 100%;
}

.narrow-box {
  width: 50px;
}

.delete_plan_span {
  padding-top: 10px;
  color: red;
  font-weight: 700;
}
.delete_plan_span:hover {
  cursor: pointer;
}

.choice {
  padding: 20px;
}
.choice:hover {
  background-color: #CCC;
  cursor: pointer;
}

.table-header {
  box-shadow: -3px 1px 5px rgb(122, 122, 122);
  box-sizing: border-box;
  padding: 10px;
  font-weight: 600;
}
.table-header:hover {
  cursor: pointer;
}

.signin_logo_container {
  padding: 10px;
  width: 100%;
}
.signin_logo_container .signin_logo {
  padding: 5px auto;
}
@media (max-width: 480px) {
  .signin_logo_container .signin_logo {
    width: 100%;
  }
}
.signin_logo_container .signin_logo > img {
  width: 200px;
  margin: 5px auto;
  display: block;
}/*# sourceMappingURL=app.css.map */