@charset "UTF-8";
/* Scss Document */
/* 変数 */
/* CSS Document */
#sform form {
  font-size: 0.9em; }
#sform ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  #sform ul li {
    margin: 0 8px; }

#map_base {
  border-radius: 5px;
  border: 1px solid darkred;
  margin-bottom: 1em;
  background-color: white;
  margin: 0 2em 2em;
  padding: 0 1em 1em; }

#phmap {
  position: relative;
  max-width: 100%; }
  #phmap img {
    width: 100%;
    margin: 0; }
  #phmap ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #phmap ul li {
      position: absolute;
      text-align: center; }
      #phmap ul li a {
        display: block;
        width: 100%;
        height: 100%; }
        #phmap ul li a img {
          width: 100%;
          height: 100%;
          display: none; }

#cboxLoadedContent {
  position: relative;
  overflow: visible; }

.pbox img {
  margin: 0;
  max-width: 100%;
  width: 100%; }
.pbox ul, .pbox li {
  margin: 0;
  padding: 0; }
.pbox ul {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0; }
.pbox li {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0; }
  .pbox li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px; }
    .pbox li a span {
      position: absolute;
      display: block;
      width: 4em;
      height: 100%;
      font-size: 120%;
      left: 50%;
      margin-left: -2em; }
  .pbox li a:link, .pbox li a:visited {
    background-color: #88C897;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    color: #000;
    text-decoration: underline; }
  .pbox li a:hover, .pbox li a:active {
    background-color: #4FD991;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    color: #000;
    text-decoration: none; }

#lbox {
  display: none; }

#shop .contents_wrap section.index {
  margin-bottom: 1em; }

.shops {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  clear: both;
  list-style: none; }
  .shops li {
    margin: 0;
    padding: 0; }
  .shops a {
    box-sizing: border-box;
    display: block;
    clear: both;
    width: 100%;
    border-color: #CCC;
    border-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 0px;
    background-image: url("../image/other_b.svg");
    background-position: right bottom;
    background-repeat: no-repeat; }
  .shops a:nth-child(odd) {
    background-color: #FFF; }
  .shops a:nth-child(even) {
    background-color: #EFF1FB; }
  .shops a:hover, .shops a:active {
    background-color: #EFF1FB; }
  .shops section,
  .shops div.headline {
    width: 100%;
    margin-bottom: 0; }
  .shops section:after,
  .shops div.headline:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  .shops .headline {
    box-sizing: border-box;
    background-color: #004EA2;
    color: #FFF;
    border: 1px solid #CCC;
    text-align: center; }
  .shops h3,
  .shops .shopname {
    width: 30%;
    float: left;
    font-size: 100%;
    background-image: none;
    font-weight: normal !important;
    border-bottom: 0 none !important;
    color: inherit !important;
    line-height: inherit !important; }
  .shops h3,
  .shops p {
    box-sizing: border-box;
    margin: 0;
    padding: 5px; }
  .shops .address {
    width: 50%;
    float: left;
    border-left: 1px solid #CCC; }
  .shops .tel {
    width: 20%;
    float: left;
    border-left: 1px solid #CCC; }

.shop_title {
  text-shadow: 0 0 5px black;
  color: white; }

.view {
  margin-bottom: 1em; }

.detail_wrap {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px; }
  .detail_wrap section {
    margin: 0;
    border: 0px none;
    border-bottom: 1px dotted #CCCCCC;
    padding: .5em 0;
    display: flex;
    align-items: center; }
    .detail_wrap section h2 {
      white-space: nowrap;
      font-size: 100%;
      width: 10em;
      min-height: 40px;
      margin-bottom: 0; }
    .detail_wrap section p {
      margin: 0;
      padding: 0;
      padding-left: 1em;
      font-size: 100%; }
  .detail_wrap section:last-child {
    border-bottom: 0 none; }

.access_map {
  clear: both; }
  .access_map h2 {
    font-size: 100%; }

.iemap {
  display: none; }

fieldset {
  background-color: rgba(255, 255, 255, 0.7); }

@media screen and (max-width: 600px) {
  .detail_wrap section {
    display: inherit; }

  .detail_wrap section h2 {
    margin-bottom: 0; }

  .detail_wrap section p {
    padding-top: 0;
    margin-top: .5em; }

  .shops .headline {
    display: none; }
  .shops a {
    width: 100%;
    margin: 10px auto 20px;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC; }
  .shops .address,
  .shops .tel {
    border-left: 0px none;
    width: 100%;
    float: none; }
  .shops h3 {
    float: none;
    width: 100%;
    border-bottom: 1px solid lightblue; }
  .shops .address {
    width: 100%;
    float: none;
    border-bottom: 1px solid lightblue; }
  .shops a.even {
    background-color: #FFF; }
  .shops p.tel {
    padding-left: 24px;
    position: relative; }
  .shops p.tel:before {
    content: url(../business/pharmacy/image/tel_icon_b.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    left: 0; } }
#phmap li a span {
  width: 100%;
  opacity: 1 !important; }

.view {
  width: 100%; }
  .view section {
    margin-right: 33%;
    width: 67%; }

.shopimg {
  width: 30%;
  float: right;
  margin-bottom: 10px; }

.detail_wrap {
  clear: right; }
  .detail_wrap section {
    width: 100%; }

#shop_search td {
  font-size: 90%; }

fieldset {
  width: 98%;
  margin-left: 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#phmap #pc_map {
  display: none; }
  #phmap #pc_map img {
    display: none; }

#contents #phmap #sp_map .iemap {
  display: block\9; }

.close #s_tel, .close #s_fax, .close #s_open_time, .close #s_close_day, .close #s_parking, .close #s_credit, .close #s_service {
  display: none; }

.shop_close {
  background-color: lightyellow;
  border: 1px dotted orange;
  color: darkred;
  font-size: 130%;
  margin: 1em;
  padding: 1em; }