#modalPrefectureSearch .modal__container,
#modalOfficeInfo iframe#iframeMapion {
  height: 90vh;
}

#modalCurrentPosition iframe#iframeMapion2 {
  height: 80vh;
}

#modalPrefectureSearch .modal__container,
#modalOfficeInfo .modal__container{
  width:90%;
}

.prefectureSearch_tabs .tabs_navItem {
  width: 50%;
}

.prefectureSearch_hasBackButton_searchResult{
  height: 55vh;
  overflow-y: auto;
}

.prefectureSearch_noBackButton_searchResult{
  height: 68vh;
  overflow-y: auto;
}

.prefectureSearch_tabs .tabs_nav{
  display: flex;
  align-items: flex-end;
  margin: 0 10%;
}

.prefectureSearch_tabs .tabs_navItem a{
  display: flex;
  align-items: center; 
  justify-content: center;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 10px;
}

.prefectureSearch_tabs .tabs_navItem[aria-selected="true"] a {
  background-color: #ffffff;
  border-top: 2px solid #ed0505;
  color: #ed0505;
  padding: 10px;
  margin-bottom: -1px;
  border-left: 1px solid #ed0000;
  border-right: 1px solid #ed0000;
}

.prefectureSearch_tabs .tabs_navItem[aria-selected="false"] a{
  background-color: #e2e8e5;
  color: #333333;
  padding: 8px 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.prefectureSearch_tabs .cityArea_slc span,
.prefectureSearch_tabs .prefecture_slc span {
  font-size: 1.5rem;
}

.prefectureSearch_tabs .cityArea_slc select,
.prefectureSearch_tabs .prefecture_slc select{
  border-radius: 2px;
  border: 1px solid rgb(118, 118, 118);
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 12px 42px 12px 18px;
  position: relative;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

.prefectureSearch_inputArea .table-type-01-block {
  width: 100%;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 12px;
  padding: 6px 15px 6px 15px;
  min-height: 29px;
}

.prefectureSearch_inputArea .table-type-02-block {
  width: 100%;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 12px;
  padding: 6px 15px 0px 15px;
  min-height: 29px;
}

.prefectureSearch_tabs .date-shop-input {
  padding: 5px;
  position: relative;
}

.prefectureSearch_tabs .columnComp_box.columnComp_box-singleBox {
  width: 100%;
}

.prefectureSearch_tabs .boxLink{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.4em;
  min-height: 42px;
  padding: 8px 16px 6px 16px;
  width: 100%;
  max-width: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.prefectureSearch_tabs .boxLink.back::before{
  left: 13px;
  transform: rotate(225deg);
}

.prefectureSearch_hasBackButton_searchResult td.resultDataList,
.prefectureSearch_noBackButton_searchResult td.resultDataList
{
  border-bottom: 1px solid #cccccc;
}

.prefectureSearch_tabs .mapion-link-arrow{
    padding-left: 30px;
}

.prefectureSearch_tabs .table-type-01 {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

.prefectureSearch_inputArea .select1:after {
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 4.5em;
  content: '';
  display: block;
  height: 6px;
  width: 6px;
  border-bottom: solid 2px #ed0505;
  border-right: solid 2px #ed0505;
  transform: translateY(-70%) rotate(45deg);
  -webkit-transform: translateY(-87%) rotate(45deg);
}

.prefectureSearch_inputArea .select2:after {
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 4.5em;
  content: '';
  display: block;
  height: 6px;
  width: 6px;
  border-bottom: solid 2px #ed0505;
  border-right: solid 2px #ed0505;
  transform: translateY(-70%) rotate(45deg);
  -webkit-transform: translateY(-87%) rotate(45deg);
}

.prefectureSearch_inputArea .hasNoArrow:after {
  content: none !important;
}

.prefectureSearch_inputArea .office-count {
  font-weight: bold;
  font-size: 1.4rem;
  border-bottom: 1px solid #cccccc;
  padding: 0px 0px 5px 0px;
}

#modalPrefectureSearch .modalBase_body,
#modalOfficeInfo .modalBase_body,
#modalCurrentPosition .modalBase_body {
  padding: 0px;
}

#modalOfficeInfo .modalBase_header{
  position: absolute;
}

@media screen and (orientation: landscape) {
  #modalPrefectureSearch .modal__container,
  #modalOfficeInfo .modal__container {
    max-height: 65vh;
  }
}

#prefectureSearch_tabs .ul_nav {
  border-bottom: 1px solid #ed0000;
}

#prefectureSearch_tabs .space_nav {
  width: 100%;
  height: 20px;
}

#modalPrefectureSearch .modal__container,
#modalPrefectureSearch .modal__overlay,
#modalOfficeInfo .modal__container,
#modalOfficeInfo .modal__overlay,
#modalCurrentPosition .modal__container,
#modalCurrentPosition .modal__overlay {
  will-change: opacity;
}


.scrollTip {
    border-radius: 50%;
    display: block;
    font-size: 0;
    margin-left:50%;
    z-index: 109;
    height: 8px;
}

.scrollTip span::before {
    border-top: 2px solid #808080;
    border-right: 2px solid #808080;
    content: '';
    display: block;
    height: 8px;
    transform: rotate(135deg);
    width: 8px;
}

.input_disable{
  background: rgb(0 0 0/0.2);
}


.setOfficeStarting {
    cursor: pointer;
    border: none;
    color: #ed0000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
}

.setOfficeDetail{
    cursor: pointer;
    border: solid 1px #ed0505;
    border-radius: 5px;
    color: #ed0000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0.1em 0.3em;
    background: #ffffff;
    width: max-content;
    margin-left: 0.8rem;
}

.setOfficeStarting:active {
    background: #ff3939;
    color: #ffffff;
}


.prefectureSearch_hasBackButton_searchResult a.officeSelectArea:active,
.prefectureSearch_noBackButton_searchResult a.officeSelectArea:active{
  background: #fffee5;
}

.prefectureSearch_hasBackButton_searchResult a.officeSelectArea,
.prefectureSearch_noBackButton_searchResult a.officeSelectArea{
    text-decoration: none;
    color: #333333;
    text-align: left;
    font-size: 14px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60% 7px 25% 7px 10%;
    grid-template-columns: 50% 25% 15%;
    -ms-grid-rows: 100%;
    grid-template-rows: 100%;
    grid-column-gap: 7px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 0px 10px 5px;
}