@charset "utf-8";
/* CSS Document */

/*---------------------
  共通
---------------------*/
/*▼shop▼*/
section#shop {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 10% ;
}
@media screen and (max-width:768px) {
  section#shop {
    width:100%;
    margin: 8% auto 15%;
  }
}
#shop h2{
  background-image: url("../img/pc/bg_title.png");
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  font-size: clamp(28px, 4.2vw, 42px);
  font-weight: bold;
  line-height: 1;
  margin: 0 0 2% 0;
  padding: 4.7% 0;
}
@media screen and (max-width:768px) {
  #shop h2{
    background-image: url("../img/sp/bg_title.png");
    background-size: 100%;
    font-size: clamp(26px, 3.6vw, 36px);
    margin: 0 0 2% 0;
    aspect-ratio: 750 / 74;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .for_sp{ display: none;}
}

.shopDataList{
  width: 88%;
  border: 3px solid #0068b7;
  margin: 0 auto;
  padding: 2%;
}

.shopNameArea{
  margin: 0 auto 2% auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1%;
  border-bottom: 2px solid #aaa; 
}
@media screen and (max-width:768px) {
  .shopNameArea{
    padding-bottom: 1.5%;
  }
}
.shopNameArea h4{
  font-size: clamp(21px, 3.6vw, 32px);
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:768px) {
  .shopNameArea h4{min-width: 55%; font-size: clamp(16px ,3.1vw ,24px);}
}

.shopNameArea h4::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 2.1rem;
    background: #5eabdc;
    margin-right: 0.8rem;
}
@media screen and (max-width:768px) {
  .shopNameArea h4::before{
    height: 2.4rem;
  }
}

.shopNameArea div{
  font-size: 1.5em;
  margin: 0 2%;
  position: relative; 
}
@media screen and (max-width:768px) {
  .shopNameArea div{ 
    font-size: 0.95em;
    display: flex;
    height: auto;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
}

.shopNameArea div a{
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 80px;
    margin: 0 auto;
    padding: 0.5em 2em 0.5em 0.8em;
    border: 1px solid #5eabdc;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 1;
}
@media screen and (max-width:768px) {
  .shopNameArea div a{ 
    font-size: 0.85rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    min-width: 4em;
  }
}

.shopNameArea div a:hover,
.shopNameArea div a:active,
.shopNameArea div a:visited{  color: #000; text-decoration: none;}
.shopNameArea div a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #5eabdc;
    top: 32%;
    right: 10%;
}
.shopData{
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:768px) {
.shopData{ display: block;}
}

.shopData .shopPhoto img{
  width: 100%;
}
.shopData .shopPhoto{
  width: 49%;
}
@media screen and (max-width:768px) {
  .shopData .shopPhoto{ width: 100%;}
}

.shopData table{
  width: 49%;
}
@media screen and (max-width:768px) {
  .shopData table{ width: 100%;}
}

.shopData table th{
  width: 30%;
  background-color: #f6f6f2;
  font-weight: bold;
  text-align: center;
  font-size: clamp(12px ,1.8vw ,18px);
  padding: 1%;
}
@media screen and (max-width:768px) {
  .shopData table th{ font-size: clamp(13px ,2.5vw ,19px);}
}

.shopData table td{
  font-size: clamp(12px ,1.8vw ,18px);
  padding: 1%;
}
@media screen and (max-width:768px) {
  .shopData table td{ font-size: clamp(13px ,2.5vw ,19px);}
}
.shopMap{
  margin: 2% 0 0 0;
  padding: 2%;
  text-align: center;
  background-color: #f6f6f2;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 2px;  
}
@media screen and (max-width:768px) {
  .shopMap{ padding: 4% 2% 2% 2%;}
}

.shopMap h5{
  margin: 0;
  padding-bottom: 2%;
  line-height: 1;
}
.shopMap iframe{
  width: 96%;
  height: 40vh;
  margin: 0 2%;
}
/*▲shop▲*/