/* gallery
----------------------------------------------------*/
/*
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
.pageTtl {
  background-image: url("img/page_ttl.jpg");
}
.pageTtl h2 {
}
/* 
----------------------------------------------------*/
#gallery    {
    padding-top: 0;
}
.txtBox::after {
  clear: both;
  display: block;
  content: '';
}
.txtBox {}
.txt {
  padding: 0 0 20px 0;
}
.shopTtl {
  font-size: 2rem;
  padding-bottom: 20px;
}
.lead {
  font-weight: 700;
}
.addBox {
  margin: 2em 0 0;
  padding: 0 0 0 10px;
  border-left: 2px solid #ddd;
  font-size: 1.2rem;
}
.en {
  padding-top: 10px;
  font-size: 1.1rem;
}
.phtBox {
  background-color: #ddd;
}
.phtBox ul {
  padding: 15px 15px 0;
}
.phtBox ul li {
  float: left;
  width: 48%;
  margin: 0 4% 15px 0;
}
.phtBox ul li:nth-child(2n) {
  margin-right: 0;
}
.phtBox ul li img {
  width: 100%;
}
@media (min-width: 415px) {
  .txt {
    float: left;
    width: 60%;
  }
  .phtBox {
    float: right;
    width: 36%;
  }
  .shopTtl {
    font-size: 2.4rem;
  }
  .phtBox ul {}
}
@media (min-width: 960px) {}
/* access
----------------------------------------------------*/
#access {
    border-top: 1px dashed #ccc;
}
.map {
  padding: 10px;
  border: 1px solid #ccc;
}
@media (min-width: 415px) {
  #access .txt {
    float: right;
    width: 36%;
  }
  #access .mapBox {
    float: left;
    width: 60%;
  }
}
@media (min-width: 960px) {}
/* shop
----------------------------------------------------*/
#shop {
  background: #f9f9f9;
}
.shopList {
  padding-bottom: 40px;
}
#shop .area {
  text-align: center;
  margin: 1em 0 2em;
  font-size: 1.6rem;
}
#shop .area strong {
  position: relative;
  display: inline-block;
  padding: 0 60px;
}
#shop .area strong:before, #shop .area strong:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #666;
}
#shop .area strong:before {
  left: 0;
}
#shop .area strong:after {
  right: 0;
}
#shop .area p {
  background: #333;
  color: #fff;
  width: 60px;
  margin: 10px auto;
  font-size: 1.3rem;
}
#shop ul {
  margin-bottom: 40px;
}
#shop li:nth-child(1) {
  border-top: 1px dashed #ccc;
}
#shop ul h4 {
  font-weight: 700;
  padding-bottom: 6px;
}
#shop ul p {
  font-size: 1.2rem;
}
#shop li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}
.linkHp {
  padding: 5px 0 0;
}
.linkHp a {
  display: inline-block;
  width: 24px;
  height: 0;
  padding-top: 24px;
  background: #333 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg>') no-repeat center center;
  background-size: 16px;
  border-radius: 15px;
  overflow: hidden;
}
@media (min-width: 415px) {
  #shop ul {
    margin-bottom: 60px;
  }
  #shop ul::after {
    clear: both;
    content: '';
    display: block;
  }
  #shop ul li {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
  }
  #shop li:nth-child(2) {
    border-top: 1px dashed #ccc;
  }
  #shop ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}