/* 20210311 */
:focus {
  outline: none;
}

input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* 20201113 */
.allWrap .datepickerArea.sectionBlock {
	padding: 0px;
}

.datepickerArea_inputArea .datepickerArea_inputTable {
	width: -webkit-fill-available;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.date-shop-title {
    width: auto;
    min-width: 45px;
    line-height: 1.2;
    text-align: left;
    vertical-align: middle;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.date-shop-input {
    width: 100%;
    white-space: nowrap;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.date-shop-input input {
    font-size: 13px;
    padding: 10px;
    min-height: 3em;
    width: 100%;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.date-shop-input>span:not([class]) {
    display: inline-block;
    position: relative;
    right: 45px;
    width: 40px;
    text-align: center;
}

.datepickerArea_inputArea .datepickerArea_inputTable tr.conditionFindBox {
    height: 39px;
}

.datepickerArea_inputArea .datepickerArea_inputTable tr.conditionFindBox > td > span {
    display: block;
    margin-top: 3px;
}

.datepickerArea_inputArea .datepickerArea_inputTable tr.conditionFindBox a {
    display: grid;
    grid-template-columns: auto 12px;
    grid-template-rows: auto;
    text-decoration: underline;
    color: #0d0d67;
}

.mT30 {
    margin-top: 30px !important;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.type-choose-car {
    text-align: center;
}

.datepickerArea_inputArea .datepickerArea_inputTable td.date-shop-input select {
    font-size: 13px;
    padding: 10px;
    min-height: 3em;
    width: 80%;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    border-color: rgb(118 118 118 / 1);
    border-radius: 2px;
}


.datepickerArea_custom .boxLink-typeCustom{
  font-size: 1.2rem;
  font-weight:bold;
  line-height:1;
  padding: 11px;
  border-radius:7px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  width: 100%;
  text-align: center;
}

.datepickerArea_inputBox {
  display: block;
  align-items: unset;
  width: 100%;
  padding: 12px 0;
  border-bottom: 2px solid #EC0505;
}

.datepickerArea_inputBox-title{
  padding-left: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border-left: 4px solid #ed0505;
}

.datepickerArea_inputBox-inner{
  margin-top: 10px;
}

.inputBox_inputSub {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.inputBox_inputSub > label {
  min-width: 46px;
  padding-right: 18px;
  color: #333333;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
}

.inputBox_inputSub > input {
  position: relative;
  width: 100%;
  padding: 12px 15px;
  color: #666666;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  background-color: #F2F2F2;
}

.datepickerStore_link{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  margin: 10px 0;
  font-size: 1.2rem;
}

.datepickerStore_link-map{
  position: relative;
  padding-left: 15px;
}

.datepickerStore_link-map:before{
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 8.5px;
  height: 9px;
  background-image: url('/s/rootImg/index/datepicker_icon_01.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.datepickerStore_link-sky{
  position: relative;
  padding-left: 16px;
}

.datepickerStore_link span + span{
  margin-left: 15px;
}

.datepickerStore_link-sky:before{
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 10px;
  height: 9px;
  background-image: url('/s/rootImg/index/datepicker_icon_02.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.datepickerStore_link-loc{
  position: relative;
  padding-left: 13px;
}

.datepickerStore_link-loc:before{
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 7px;
  height: 11px;
  background-image: url('/s/rootImg/index/datepicker_icon_03.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.radio_box{
  display: none;
}

.return_radio#return02:checked ~ .radio_box {
  display: block;
  margin-top: 10px;
}

.datepickerArea_inputBox-radio{
  margin: 10px 0 10px;
}

.datepickerArea_inputBox-radio label{
  font-size: 1.4rem;
  font-weight: bold;
}

.datepickerArea_inputBox-radio .return_radio{
  position: relative;
  margin: 0 0 3px 0px;
  width: 20px;
  height: 20px;
}

.return_radio:before {
  content: "";
  position: absolute;
  top: 0px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 50%;
  background-color: #FFF;
  z-index: 1;
  box-sizing: border-box;
}

.datepickerArea_inputBox-radio .return_radio:checked + label{
  color: #EC0505;
}

.return_radio:checked.return_radio:after {
  background-color: #EC0505;
  content: "";
  position: absolute;
  top: 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 2;
}

.datepickerArea_carType{
  margin-top: 12px;
}

.datepickerArea_carType-title{
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}

.datepickerArea_carType-select{
  position: relative;
  margin-top: 10px;
}

.datepickerArea_carType-select:after{
  position: absolute;
  right: 10px;
  top: 50%;
  content: '';
  display: block;
  height: 6px;
  width: 6px;
  border-bottom: solid 1px #ed0505;
  border-right: solid 1px #ed0505;
  transform: translateY(-50%) rotate(45deg);
}

.datepickerArea_carType-select select{
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 13px 15px;
  font-size: 1.2rem;
  line-height: 1;
}

.datepickerArea_carType-select select::-ms-expand {
  display: none;
}
.datepickerArea_carType-btn{
  display: none;
  width: 100%;
  margin-top: 32px;
}

.datepickerArea_userTypeBox-SRM,
.datepickerArea_userTypeBox-PRM,
.datepickerArea_userTypeBox-SRMAndPRM {
  margin-top: 17px;
}

.datepickerArea_userTypeBox-normal .datepickerArea_val,
.datepickerArea_userTypeBox-SRM .datepickerArea_val,
.datepickerArea_userTypeBox-PRM .datepickerArea_val,
.datepickerArea_userTypeBox-SRMAndPRM .datepickerArea_val {
  color: #ed0000;
  margin-bottom: 4px;
  padding-right: 6px;
}

.datepickerArea .arrowLink {
  font-size: 1.1rem;
  padding-right: 13px;
}

div.inputBox_inputSub .ui-datepicker-trigger{
  display: none;
}

div.inputBox_inputSub .dummy-ui-datepicker-trigger{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font: inherit;
  cursor: pointer;

  background-image: url(/s/rootImg/index/inputBox_inputSub_img_01.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  display: block;
  font-size: 0;
  height: 19px;
  position: absolute;
  top: calc(50% - 9.5px);
  right: 14px;
  width: 17px;
  z-index: 10;
}

.inputBox_inputSub > label {
  font-weight: normal;
}

#modalDatepicker .ui-datepicker-calendar tr td.shopHoliday .ui-state-default{
  color: #a3a3a3 !important;
  font-weight: normal !important;
}

.modalBase_body._to .ui-state-default._click:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  top: 2px;
  left: calc(50% - 17px);
  width: 34px;
  z-index: -1;
  background-color: #ed0505 !important;
}

._during {
  position: relative;
}
._during a {
  display: block;
  position: relative;
}
._during a:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  top: 2px;
  left: calc(50% - 17px);
  width: 34px;
  z-index: -1;
  background-color: #ffcaca;
}
._start-day:before {
background-color: #ed0505;
}
._start-day a{
color: #fff !important;
}
#modalDatepicker ._holiday .ui-state-default{
 color: #ed0000;
}

.ui-datepicker-current-day._holiday a,
 
.start-day._holiday a
._holiday._start-day a {

  color: #fff !important;
}

.datepickerArea_readLink {
    text-align: right;
    line-height: 1;
}

.datepickerArea .datepickerArea_readLink a.arrowLink{
   font-size: 1.4rem;
}

/***** 出発モーダル *****/
#modalDatepicker ._from .ui-datepicker-current-day[data-handler="selectDay"] a:before,
#modalDatepicker ._from .ui-datepicker-current-day.ui-datepicker-today[data-handler="selectDay"] a:before {
  background-color: #ffbc00 !important;
}

#modalDatepicker .boxLink{
  margin-top: 20px;
}

/***** 返却モーダル *****/
#modalDatepicker ._to ._start-day[data-handler="selectDay"] a:before {
  background-color: #ffbc00;
}
#modalDatepicker ._to .ui-datepicker-days-cell-over.ui-datepicker-current-day._start-day[data-handler="selectDay"] a:before {
  background-color: #ffbc00;
}
#modalDatepicker ._to ._start-day._during[data-handler="selectDay"] a:before {
  background-color: #ffbc00;
}

#modalDatepicker ._to ._start-day[data-handler="selectDay"] .ui-state-active.ui-state-hover {
  color: #fff;
}
#modalDatepicker ._to ._start-day._during[data-handler="selectDay"] .ui-state-default {
  color: #fff;
}

/* 返却日（祝日） */
#modalDatepicker ._to .ui-datepicker-current-day._holiday._during[data-handler="selectDay"] .ui-state-active {
  color: #fff !important;
}

#modalDatepicker .ui-datepicker-current-day[data-handler="selectDay"] a::before,
#modalDatepicker .ui-datepicker-today.ui-datepicker-current-day[data-handler="selectDay"] a::before {
  background-color: #ed0505;
}