@charset "UTF-8";

.shopInfo{
  margin:2em 0;
  padding:1.5em;
  color:#28d;
  background:#e0eefd;
  border:1px solid #28d;
}
.shopInfo h5{
  margin:1em 0;
  font-size:1em;
  font-weight:700;
}
.shopPix{
  display:flex;
  display:-ms-flexbox;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  justify-content:space-between;
  -ms-flex-pack:justify;
  width:640px;
  margin:2em auto;
}

ol.numList{margin:1em 0 2em 1em;}
ol.numList li{
  margin-bottom:.5em;
  list-style:decimal;
}

table.overview{
  border:solid 1px #333;
  margin:0;
  border-collapse:collapse;
  width:100%;
}
table.overview th, table.overview td{
  vertical-align:middle;
  border:1px solid #333;
  font-size:1em;
}
table.overview th{
  padding: .2em;
  background:#dae9f7;
  text-align:center;
}
table.overview td{
  padding: 1em .5em;
}

h5{
  font-weight:700;
}

.caution_text{
  text-decoration:underline;
}

#inqArea{
  margin:2em auto;
  padding:0 1em;
  border:1px solid #60c2c3;
}

.numList img { width: 100%; }

/* ----- responsive ----- */
@media (max-width:560px) {
  ol.numList{margin:1em 0 2em 1em;}
  table.overview{margin:1em 0;}
  ol.numList li{
    font-size: .9em;
  }

  #inqArea{
    width:90%;
    margin:1em auto;
    padding:0 .5em;
  }

}


/* ----- responsive ----- */
@media (max-width:560px) {
  .shopPix{
    display:block;
    width:300px;
    margin:1.5em auto .5em;
  }
  .shopPix figure{
    margin-bottom:1em;
  }

}

.contact {
  padding: 10px;
}

.contact dl {
    padding: 10px 25px;
}

.contact dt {
    display: flex;
    justify-content: space-between;
    clear: both;
    width: 120px;
    float: left;
    padding-top: 5px; 
}

.contact dt::after {
      content: "："; 
}

.contact dd {
    padding-top: 5px;
    padding-left: 120px; 
}

a.pdf{
  padding:5px 18px 5px 0;
  background:url(/img/icons/pdf.png) no-repeat right;
}