@charset "UTF-8";






body .modaal-close:after, body .modaal-close:before {
    background: #34afcd;


}




 .cate ul{

  display: flex;
  gap:  8px 10px ;
  flex-wrap: wrap;
}
 

 .shop_fl {

  display: flex;
  gap:  20px 15px ;
  flex-wrap: wrap;
}
.shop_fl .shop_list_inner {

  flex: 1.5;
      grid-template-rows: 1fr;
}

.shop_fl figure {
  flex: 1;

}

.modaal-content-container .cate li {

  font-weight: bold;

}
.cate li {
  background-color: #E0F3F6;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 15px 0;
  border-radius: 12px;
      line-height: 1.65;
    font-size: 1.2rem;
}

.shop_fl p {
  margin: 15px 0;
  font-size: 1.6rem;
}


.shop_list a {

  text-decoration: none;
}
.modaal-container .shop_dl {

  flex-wrap: wrap;
}

.modaal-container 
.shop_dl h3 {

  flex: 0 1 max(60%, 420px);
  text-align: center;
  font-weight: bold;
}
.modaal-container 
.shop_dl h3 span {

color: #34afcd;
font-size: 3rem;
font-weight: bold;
}
.modaal-container .shop_dl small{

  white-space: nowrap;
font-weight: bold;

}

.fl_modal_inner {
      font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif  !important;
    color: #000;
    font-feature-settings: "palt";

overflow-wrap: break-word;  
}

.fl_modal_inner a {
  display: block;
  line-height: 1.1;

  }

.shop_list a {

  transition: all .3s;
} 

.shop_list a:hover {

  opacity: .55;

}

.fl_modal_inner table[class*="bort"] tbody th {

  white-space: nowrap;


}



html:has(.modaal-noscroll) {

  overflow: hidden;
}

.matus {
display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;

  aspect-ratio: 912 / 712;  
}

@media screen and (min-width:768px) {


  a[href^="tel:"] {
    pointer-events: none;

    text-decoration: none;

    color: #000;
}
  


}


@media screen and (max-width:767px) {


  

body .shop_fl .shop_list_inner,
 body .shop_fl figure {
  flex: auto;



}
.fl_modal_inner table[class*="bort"] {

word-break: break-word;

font-size: 1em !important;

}



.modaal-content-container:has(.main_font02){

  padding: 15px;
} 

}

.shop-guide {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 150%);
  opacity: 0;
  transition: .5s;
  z-index: 100;
   color:  #34afcd;
  /*text-shadow: 0 0 black;*/
    text-shadow: 1px 1px 0 #bbb, -1px 1px 0 #bbb, 1px -1px 0 #bbb, -1px -1px 0 #bbb, 1px 0px 0 #bbb, -1px 0px 0 #bbb, 0px 1px 0 #bbb, 0px -1px 0 #bbb; 
}



.shop-guide.open {
  transform: translate(-50%, 0);
  opacity: 1;
}

.shop1-1_img {
    aspect-ratio: 443 / 344;
    overflow: hidden;

}

.shop1-1_img img {

  object-fit: cover;
  height: 100%;  
  display: block;
  margin: 0 auto;

}