@charset "UTF-8";
#map {
  height: 500px;
}

#mapBox {
  width: 100%;
  clear: both;
  padding-left: 0px;
}
@media only screen and (max-width: 599px) {
  #mapBox {
    padding-left: 0px;
  }
}

table.blue {
  margin-top: 10px;
}
table.blue th {
  font-weight: bold;
  background-color: #429eb5;
}
table.blue tr.selected {
  background-color: #dbf6fa;
}

#searchResultNum {
  text-align: right;
  margin-bottom: 5px;
  font-size: 80%;
}

.searchResultPager {
  text-align: right;
  margin-bottom: 5px;
}
.searchResultPager a {
  margin-left: 20px;
}

.markerContent a {
  margin-right: 20px;
}
.markerContent a:last-child {
  margin-right: 0px;
}

.templates {
  display: none;
}

#leftColumn {
  width: 100%;
}
@media only screen and (max-width: 599px) {
  #leftColumn {
    float: none;
    width: 100%;
  }
}

#searchToolBox {
  font-size: 90%;
}

p.headline {
  font-size: 11pt;
  line-height: 2;
  color: #555;
}

p.bullet {
  margin: 0 8px 0 0;
  float: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

h4 p.bullet {
  color: #89e0e8;
  font-size: 13pt;
  line-height: 1.3;
}

h3 p.bullet {
  margin: 2px;
  float: right;
  text-shadow: none;
  font-size: 12pt;
}

p.help {
  margin: 0 8px 0 0;
  width: 20px;
  height: 20px;
  float: right;
  background-color: #c4c4c4;
  color: #ffffff;
  font-size: 10pt;
  line-height: 1.7;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  display: none;
}
p.help:after {
  content: "？";
}

.searchAxis:after {
  clear: both;
  display: block;
  content: "";
}
.searchAxis label {
  border: solid 1px;
  border-radius: 10px;
  display: block;
  float: left;
  margin: 3px;
  padding: 4px 10px;
  border-color: #eee;
  background-color: #fafafa;
}
.searchAxis label.checked {
  border-color: #d1ecf0;
  background-color: #dbf6fa;
}
.searchAxis input[type=text] {
  width: 94%;
  margin: 5px 0;
  padding: 2%;
  border-radius: 8px;
  border: solid 2px #5ab7d5;
}

#contentInner {
  margin: 0px;
}

#content.fixedPage #searchToolBox h3 {
  border-radius: 0;
  background-color: #75ccd4;
  font-size: 12px;
  padding: 8px 4px 6px 4px;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  margin: 24px 0 0 0;
}
#content.fixedPage #searchToolBox h4 {
  color: #1390ab;
  margin: 0 0 6px 0;
  font-size: 15px;
  cursor: pointer;
}
#content.fixedPage #searchToolBox .search-group.selected h3.search-group-tab {
  font-size: 16px;
  margin-top: 18px;
}
#content.fixedPage #searchToolBox .search-group.selected.closed h3.search-group-tab {
  font-size: 16px;
  margin-top: 18px;
}

div.markerContent div {
  max-width: 290px;
  min-width: 120px;
  margin-top: 4px;
  padding-top: 4px;
  border-top: solid 1px #ccc;
}
div.markerContent div:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
div.markerContent div h5 {
  font-size: 13pt;
  color: #584a2a;
  text-align: center;
}
div.markerContent div a {
  font-size: 11pt;
  margin-top: 4px;
  text-align: center;
  display: block;
  margin: auto;
  outline: 0;
}

a:link {
  color: #0364b6;
}

@media only screen and (max-width: 599px) {
  #searchResultBox {
    padding-left: 0px;
  }
}

p.description {
  padding-right: 10px;
  font-size: 12px;
}

.searchAxis {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-bottom: solid 0.5px #f0f0f0;
}

.left {
  flex: 1;
}

.right {
  flex: 2;
}

.search-group.closed .search-group.closed .search-group {
  width: 30%;
  float: left;
}
.search-group.closed .search-group.closed .search-group.closed div.searchAxis {
  display: none;
}
.search-group.closed .search-group.closed .search-group.closed .description {
  display: none;
}

.search-group-wrapper {
  width: 98%;
  position: absolute;
  background-color: #fff;
  border: solid 0.5px #aaa;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 9999;
  padding: 10px 1%;
  box-shadow: 0 10px 3px 0px rgba(0, 0, 0, 0.2);
  left: 0;
  display: none;
}
.search-group-wrapper:after {
  clear: both;
  display: block;
  content: "";
}

.search-group.selected .search-group-wrapper {
  display: block;
}

.search-group.selected.closed .search-group-wrapper {
  display: none;
}

.search-group-description {
  border-radius: 10px;
  border: solid 1px #e0e000;
  background-color: #ffffc0;
  font-size: 80%;
  padding: 7px;
}
.search-group-description.closed {
  display: none;
}

/*input*/
input[type=radio].search-group-radio-button {
  display: none;
}

input[type=radio],
input[type=checkbox] {
  margin-right: 4px;
}

/*input[type="checkbox"]{ display: none; }*/
button.search-group-ok-button {
  background: #387afe;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  padding: 6px 24px;
  margin: auto;
  display: block;
}

@media only screen and (max-width: 600px) {
  div.horizontal-wrapper {
    height: 56px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /*          -webkit-overflow-scrolling: touch;*/
  }
  div.horizontal-wrapper .horizontal-inner-wrapper {
    display: inline-table;
    margin: 0 auto;
    max-width: 100%;
  }
  .search-group {
    float: none;
    width: auto;
    display: table-cell;
  }
  #content.fixedPage #searchToolBox .search-group h3.search-group-tab {
    width: 200px;
  }
  #content.fixedPage #searchToolBox .search-group.closed h3 {
    width: 160px;
  }
  .searchAxis {
    display: block;
  }
  #content.fixedPage #searchToolBox h3 {
    font-size: 15px;
  }
  .search-group.selected .search-group-wrapper {
    margin-top: -2px;
  }
}
#content.fixedPage #searchToolBox .search-group h3.search-group-tab {
  background-color: #65a6df;
}
#content.fixedPage #searchToolBox .search-group.search-group-type-nursery h3.search-group-tab {
  background-color: #f27199;
}
#content.fixedPage #searchToolBox .search-group.search-group-type-odekake h3.search-group-tab {
  background-color: #53ceea;
}
#content.fixedPage #searchToolBox .search-group.search-group-type-childcare_service h3.search-group-tab {
  background-color: #68dc64;
}
#content.fixedPage #searchToolBox .search-group.search-group-type-circle_info h3.search-group-tab {
  background-color: #f27199;
}
#content.fixedPage #searchToolBox .search-group.closed h3.search-group-tab {
  font-size: 12px;
  margin-top: 24px;
}

#searchResultTable td div.facilityLink {
  display: none;
}

#searchPanel {
  display: flex;
  flex-direction: row;
  height: 40px;
  color: #2e2e2e;
  margin-bottom: 10px;
}
@media only screen and (max-width: 599px) {
  #searchPanel {
    flex-direction: column;
    height: auto;
  }
}
#searchPanel .condition {
  flex: 2;
  display: flex;
  margin: 0 20px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  #searchPanel .condition {
    flex: 1 1 auto;
    height: 40px;
    margin: 20px 0;
  }
}
#searchPanel .condition input {
  display: none;
}
#searchPanel .condition label::after {
  display: block;
  content: "";
  background-image: url("/img/sankaku_1@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
#searchPanel .condition label {
  flex: 1;
  display: flex;
  align-items: center;
  border: solid 1px #d3d3d3;
  border-radius: 12px;
  padding: 0 20px;
  cursor: pointer;
  justify-content: space-between;
}
#searchPanel .condition input:checked + label {
  background-color: #E3F3FF;
  font-weight: bold;
}
@media only screen and (min-width: 600px) {
  #searchPanel .condition input:checked + label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
}
#searchPanel .condition input:checked + label::after {
  transform: rotate(180deg);
}
#searchPanel .select-wrap {
  flex: 2;
  position: relative;
}
@media only screen and (max-width: 599px) {
  #searchPanel .select-wrap {
    flex: 1 1 auto;
    height: 40px;
  }
}
#searchPanel .select-wrap::before {
  z-index: 1;
  position: absolute;
  right: 15px;
  top: 14px;
  display: block;
  content: "";
  background-image: url("/img/sankaku_2@2x.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  pointer-events: none;
}
#searchPanel select#searchTypeSelect {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: #fff;
  background-color: #65a6df;
  flex: 1;
  width: 100%;
  height: 92%;
  padding: 0 15px;
  font-size: 110%;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 0;
  border-radius: 12px;
}
#searchPanel select#searchTypeSelect::-ms-expand {
  display: none;
}
#searchPanel select#searchTypeSelect:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
#searchPanel select#searchTypeSelect.search-group-type-nursery {
  background-color: #f27199;
}
#searchPanel select#searchTypeSelect.search-group-type-odekake {
  background-color: #53ceea;
}
#searchPanel select#searchTypeSelect.search-group-type-childcare_service {
  background-color: #68dc64;
}
#searchPanel select#searchTypeSelect.search-group-type-circle_info {
  background-color: #f27199;
}
#searchPanel select#searchTypeSelect option {
  background-color: #fff;
  color: #333;
}
#searchPanel #mapListTab {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  padding: 4px;
}
@media only screen and (max-width: 599px) {
  #searchPanel #mapListTab {
    height: 32px;
  }
}
#searchPanel #mapListTab input {
  display: none;
}
#searchPanel #mapListTab input:checked + label {
  background-color: #eaeaea;
}
#searchPanel #mapListTab label {
  flex: 1;
  border: solid 1px #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#searchPanel #mapListTab label[for=mapViewMode] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#searchPanel #mapListTab label[for=listViewMode] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

ul#searchResultTable li, ul#facilityList li {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border-bottom: solid 1px #ABD1FD;
  border-left: solid 1px #ABD1FD;
  border-right: solid 1px #ABD1FD;
  font-size: 90%;
  padding: 10px;
  color: #1A1A1A;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li, ul#facilityList li {
    flex-direction: column;
    align-items: flex-start;
    border-left: 0;
    border-right: 0;
    padding: 18px 10px;
  }
}
ul#searchResultTable li:nth-child(1), ul#facilityList li:nth-child(1) {
  background-color: #EBF8FF;
  border-top: solid 1px #ABD1FD;
  color: #525252;
  padding: 6px 10px;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li:nth-child(1), ul#facilityList li:nth-child(1) {
    display: none;
  }
}
ul#searchResultTable li a, ul#facilityList li a {
  color: #1668EA;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li div, ul#facilityList li div {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 4px 0;
  }
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li div:first-child, ul#facilityList li div:first-child {
    font-size: 120%;
  }
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li div a, ul#facilityList li div a {
    flex: 3;
  }
}
ul#searchResultTable li div p, ul#facilityList li div p {
  margin: 0;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li div p, ul#facilityList li div p {
    flex: 3;
  }
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li [data-label]::before, ul#facilityList li [data-label]::before {
    content: attr(data-label) " ";
    display: inline-block;
    margin-right: 10px;
    color: #525252;
    flex: 1;
    text-align: left;
  }
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li [data-label]:first-child::before, ul#facilityList li [data-label]:first-child::before {
    display: none;
  }
}
ul#searchResultTable li .circle-name-header-cell, ul#facilityList li .circle-name-header-cell {
  flex: 2;
}
ul#searchResultTable li .circle-type-header-cell, ul#facilityList li .circle-type-header-cell {
  flex: 1;
}
ul#searchResultTable li .facility-link-header-cell, ul#facilityList li .facility-link-header-cell {
  flex: 2;
}
ul#searchResultTable li .facility-type-header-cell, ul#facilityList li .facility-type-header-cell {
  flex: 1;
}
ul#searchResultTable li .facility-organization-header-cell, ul#facilityList li .facility-organization-header-cell {
  flex: 1;
}
ul#searchResultTable li .facility-address-header-cell, ul#facilityList li .facility-address-header-cell {
  flex: 2;
}
ul#searchResultTable li .facility-equipment-header-cell, ul#facilityList li .facility-equipment-header-cell {
  flex: 1;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li .facility-equipment-header-cell, ul#facilityList li .facility-equipment-header-cell {
    text-align: left;
  }
}
ul#searchResultTable li .circle-name-cell, ul#facilityList li .circle-name-cell {
  flex: 2;
}
ul#searchResultTable li .circle-name-cell .facility-link, ul#facilityList li .circle-name-cell .facility-link {
  display: none;
}
ul#searchResultTable li .circle-name-cell .facilityLink, ul#facilityList li .circle-name-cell .facilityLink {
  display: none;
}
ul#searchResultTable li .circle-name-cell .facility-link-cell, ul#facilityList li .circle-name-cell .facility-link-cell {
  display: none;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li .circle-name-cell, ul#facilityList li .circle-name-cell {
    font-size: 110%;
  }
}
ul#searchResultTable li .circle-type-cell, ul#facilityList li .circle-type-cell {
  flex: 1;
}
ul#searchResultTable li .facility-link-cell, ul#facilityList li .facility-link-cell {
  flex: 2;
}
ul#searchResultTable li .facility-type-cell, ul#facilityList li .facility-type-cell {
  flex: 1;
}
ul#searchResultTable li .facility-organization-cell, ul#facilityList li .facility-organization-cell {
  flex: 1;
}
ul#searchResultTable li .facility-address-cell, ul#facilityList li .facility-address-cell {
  flex: 2;
}
ul#searchResultTable li .circle-elementary-school-district-cell, ul#facilityList li .circle-elementary-school-district-cell {
  flex: 1;
}
ul#searchResultTable li .facility-equipment-cell, ul#facilityList li .facility-equipment-cell {
  flex: 1;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  ul#searchResultTable li .facility-equipment-cell, ul#facilityList li .facility-equipment-cell {
    align-items: center;
    border-bottom: dashed 1px #9ccfff;
    padding: 4px 0;
    box-sizing: border-box;
  }
}
ul#searchResultTable li .facility-area-cell, ul#facilityList li .facility-area-cell {
  flex: 1;
}

#searchConditionBox {
  border: 1px solid #D3D3D3;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 99999;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 10px;
}
@media only screen and (max-width: 599px) {
  #searchConditionBox {
    padding: 0;
    margin: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    overflow: scroll;
  }
}
@media only screen and (max-width: 599px) {
  #searchConditionBox .searchGroup {
    padding: 10px 10px 100px;
  }
}
#searchConditionBox .searchAxis {
  display: block;
  border-bottom: 0;
}
@media only screen and (max-width: 599px) {
  #searchConditionBox .searchAxis {
    padding: 10px 4px;
  }
}
#searchConditionBox .searchAxis#openhours label {
  display: flex;
  justify-content: center;
  align-items: center;
}
#searchConditionBox .searchAxis#openhours label select {
  margin: 0 10px;
}
#searchConditionBox .searchAxis#openhours label::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 14px;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-sizing: border-box;
  border-radius: 6px;
}
#searchConditionBox .searchAxis#openhours label.checked {
  background: #f0f8ff;
  border-color: #8bc5ff;
  color: #333;
}
#searchConditionBox .searchAxis#openhours label.checked::before {
  background-image: url(/img/check.svg);
  background-color: #0089ff;
  border: 1px solid #0089ff;
  background-size: 12px 12px;
  background-position: 50%;
  background-repeat: no-repeat;
}
#searchConditionBox .searchAxis h4 {
  margin: 0;
  font-size: 92%;
  color: #606060;
}
#searchConditionBox .searchAxis p.description {
  font-size: 84%;
  margin-top: 10px;
}
#searchConditionBox .searchAxis label {
  font-size: 85%;
  margin: 6px 8px;
  padding: 4px 16px;
}
#searchConditionBox .searchAxis label input[type=checkbox] {
  display: none;
}
#searchConditionBox .searchAxis#keyword label input[type=checkbox] {
  display: inline-block;
}
#searchConditionBox .searchAxis label.checked {
  background-color: #22A8FC;
  border-color: #22A8FC;
  color: #fff;
}
#searchConditionBox .searchAxis input[type=text] {
  border: solid 1px #22A8FC;
}
#searchConditionBox .close-menu {
  display: none;
}
@media only screen and (max-width: 599px) {
  #searchConditionBox .close-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 44px;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #387BFE;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

.yellow #searchConditionBox {
  background-color: transparent;
}

.blue,
.black {
  /*map*/
}
.blue p.headline,
.black p.headline {
  color: #fff;
}
.blue #searchPanel .condition label,
.black #searchPanel .condition label {
  color: #fff;
}
.blue #searchPanel .condition input:checked + label,
.black #searchPanel .condition input:checked + label {
  background-color: rgba(255, 255, 255, 0.3);
}
.blue #searchConditionBox,
.black #searchConditionBox {
  background-color: transparent;
}
.blue #searchConditionBox .searchAxis h4,
.black #searchConditionBox .searchAxis h4 {
  color: #fff;
}
.blue #searchConditionBox .searchAxis p.description,
.black #searchConditionBox .searchAxis p.description {
  color: #fff;
}
.blue #searchConditionBox .searchAxis label.checked,
.black #searchConditionBox .searchAxis label.checked {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #fff;
  font-weight: bold;
}
.blue #searchConditionBox .searchAxis#openhours label.checked,
.black #searchConditionBox .searchAxis#openhours label.checked {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #fff;
  border-width: 2px;
  color: #fff;
}
.blue #searchConditionBox .searchAxis#openhours label.checked::before,
.black #searchConditionBox .searchAxis#openhours label.checked::before {
  background-color: rgba(255, 255, 255, 0.19);
  border: 2px solid #ffffff;
}
.blue .searchAxis label,
.black .searchAxis label {
  background-color: transparent;
  border-color: #fff;
}
.blue #searchPanel #mapListTab input:checked + label,
.black #searchPanel #mapListTab input:checked + label {
  background-color: rgba(255, 255, 255, 0.3);
}
.blue #searchPanel #mapListTab label,
.black #searchPanel #mapListTab label {
  color: #fff;
}
.blue ul#searchResultTable li:nth-child(1),
.blue ul#facilityList li:nth-child(1),
.black ul#searchResultTable li:nth-child(1),
.black ul#facilityList li:nth-child(1) {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.blue ul#searchResultTable li, .blue ul#facilityList li,
.black ul#searchResultTable li,
.black ul#facilityList li {
  color: #fff;
  border-color: #fff;
}
.blue #searchPanel .condition label::before,
.black #searchPanel .condition label::before {
  background-image: url("/img/sankaku_1w@2x.png");
}
.blue #wrapper .markerContent a,
.black #wrapper .markerContent a {
  color: #0364b6;
}
.blue #wrapper .markerContent a:visited,
.black #wrapper .markerContent a:visited {
  color: rgb(85, 26, 139);
}

.yellow p.headline {
  color: #000;
}
.yellow #searchPanel .condition label {
  color: #000;
  border: solid 1px #000;
}
.yellow #searchPanel #mapListTab label {
  border: solid 1px #000;
}
.yellow #searchPanel .condition input:checked + label {
  background-color: #000;
  color: #fff;
}
.yellow #searchConditionBox {
  background-color: transparent;
  border: solid 1px #000;
}
@media only screen and (max-width: 599px) {
  .yellow #searchConditionBox {
    background-color: yellow;
  }
}
.yellow #searchConditionBox .searchAxis h4 {
  color: #000;
}
.yellow #searchConditionBox .searchAxis p.description {
  color: #000;
}
.yellow #searchConditionBox .searchAxis label.checked {
  background-color: #000;
  border-color: #000;
  font-weight: bold;
}
.yellow .searchAxis label {
  background-color: transparent;
  border-color: #000;
}
.yellow #searchPanel #mapListTab input:checked + label {
  background-color: #000;
  color: #fff;
}
.yellow #searchPanel #mapListTab label {
  color: #000;
}
.yellow ul#searchResultTable li:nth-child(1),
.yellow ul#facilityList li:nth-child(1) {
  background-color: #000;
  color: #fff;
  border-top: solid 1px #000;
}
.yellow ul#searchResultTable li, .yellow ul#facilityList li {
  color: #000;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
}
.yellow #searchPanel .condition label::before {
  background-image: url("/img/sankaku_1b@2x.png");
}
.yellow #searchPanel .condition input:checked + label::before {
  background-image: url("/img/sankaku_1w@2x.png");
}

/*# sourceMappingURL=searchAxis2.css.map */