@charset "UTF-8";
/* 薬局サーチ mobile/css/index.css — loaded with media="screen and (max-width:768px)" after css/index.css.
   On phones the map and the side list give way to the region buttons (iziModal windows), the chain tabs to
   accordion lists (.store-btn-sp), the station table to accordions (.station-btn-sp). */

.top-search {
  padding: 20px 0 24px;
}
.top-search .container {
  display: block;
}
.top-search-map,
.top-search-list {
  display: none;
}
.top-search-sp {
  display: block;
}
.top-search-sp-tit {
  margin-bottom: 14px;
  font-size: 1.8rem;
  text-align: center;
  color: #003a74;
}
.top-search-sp .area ul {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}
.top-search-sp .area li {
  width: 50%;
  padding: 4px;
}
.top-search-sp .area li:last-child {
  width: 100%;
}
.top-search-sp .area a {
  display: block;
  padding: 12px 8px;
  border-radius: 4px;
  background: #00a2e9;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 0 #0080b8;
}

.top-search-store,
.top-search-station {
  padding: 28px 0;
}
.top-search-store-tit,
.top-search-station-tit,
.top-drugstore-data-tit {
  font-size: 1.9rem;
}
.store-tab,
.store-tab-contents,
.station-list {
  display: none;
}
.store-btn-sp,
.station-btn-sp {
  display: block;
}
.store-btn-sp + .store-btn-sp,
.station-btn-sp + .station-btn-sp {
  margin-top: 8px;
}
.store-btn-sp .btn a,
.station-btn-sp .btn a {
  position: relative;
  border-radius: 4px;
  box-shadow: none;
  text-align: left;
}
.store-btn-sp .btn a:after,
.station-btn-sp .btn a:after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  font-size: 2rem;
  line-height: 1;
}
.store-btn-sp.is-open .btn a:after,
.station-btn-sp.is-open .btn a:after {
  content: "\2212";
}
.store-btn-sp .store-list,
.station-btn-sp .store-list {
  display: none;
  padding: 8px 4px;
}
.store-btn-sp.is-open .store-list,
.station-btn-sp.is-open .store-list {
  display: block;
}
.store-btn-sp .store-list ul,
.station-btn-sp .store-list ul {
  display: flex;
  flex-wrap: wrap;
}
.store-btn-sp .store-list li,
.station-btn-sp .store-list li {
  width: 50%;
  padding: 6px 4px;
  border-bottom: 1px dotted #ccc;
  font-size: 1.3rem;
}

.top-about-us {
  padding: 28px 0;
}
.top-about-us .img {
  float: none;
  width: auto;
  margin: 0 0 16px;
}
.top-about-us-tit {
  font-size: 1.8rem;
}
.top-drugstore-data {
  padding: 28px 0;
}