@charset "UTF-8";
/* 薬局サーチ mobile/css/common_page.css — loaded with media="screen and (max-width:768px)" after
   css/common_page.css. */

.page-tit {
  padding: 16px 0;
}
.page-tit-info dt {
  width: 96px;
  font-size: 1.3rem;
}
.page-tit-info dd {
  width: calc(100% - 96px);
  font-size: 1.3rem;
}
.page-tit-thumb-txt {
  display: block;
}
.page-tit-thumb {
  width: 140px;
  margin: 0 auto 14px;
}
.page-tit-txt {
  font-size: 1.3rem;
}

/* lists */
.btn-switch-sp {
  display: block;
  margin-bottom: 12px;
}
.btn-switch-sp ul {
  display: flex;
}
.btn-switch-sp li {
  flex: 1;
}
.btn-switch-sp li + li {
  margin-left: 8px;
}
.store-search-num-detail dl {
  padding: 8px 10px;
}
.store-area .store-list dt,
.store-area .store-list dd {
  width: 100%;
}
.store-area .store-list dt {
  padding-bottom: 0;
}

/* store card */
.detail-img-sp {
  display: block;
}
.detail-img-sp img {
  display: block;
  width: 100%;
}
.detail-top-content,
.detail-map {
  display: block;
}
.detail-map-img {
  display: none;
}
.detail-reserve {
  margin: 14px 0 0;
}
.page.detail .section .row {
  display: block;
}
.page.detail .section .row > .block {
  width: auto;
}
.page.detail .section .row > .block + .block {
  margin-top: 24px;
}

/* brand page */
.page.brand-top .row > .review,
.page.brand-top .row > .use-and-pay {
  float: none;
  width: auto;
}
.page.brand-top .row > .use-and-pay {
  margin-top: 24px;
}
.about-brand .brand-list li {
  width: calc(100% / 3 - 16px);
}
.review .module-box-a {
  padding: 0 14px;
}
.review-box-avator {
  flex: 0 0 70px;
  margin-right: 12px;
}
.review-box-avator .thumb img {
  width: 52px;
  height: 52px;
}
.other-store-list {
  padding: 0 36px;
}

/* prefecture page: the two link boxes become pulldowns */
.search-area,
.search-station {
  display: none;
}
.search-sp {
  display: block;
}
.search-btn-sp + .search-btn-sp {
  margin-top: 10px;
}
.search-btn-sp .btn a {
  position: relative;
  border-radius: 4px;
  box-shadow: none;
  text-align: left;
}
.search-btn-sp .btn a:after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  font-size: 2rem;
  line-height: 1;
}
.search-btn-sp.is-open .btn a:after {
  content: "\2212";
}
.pulldown-content .list {
  padding: 8px 4px;
}
.pulldown-content ul {
  display: flex;
  flex-wrap: wrap;
}
.pulldown-content li {
  width: 50%;
  padding: 6px 4px;
  border-bottom: 1px dotted #ccc;
  font-size: 1.3rem;
}
.search-list li {
  width: 50%;
}