@charset "utf-8";
@import url("root.css");

/***************************************
------------- 店舗案内 -------------
***************************************/
#shop .row{
margin: 30px auto 30px;
}

#shop .h3_bottom {margin: 50px auto 0;}

#shop .map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* ← 高さをスマートに自動調整 */
  margin: 30px auto 0;
}

#shop .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



@media screen and (max-width: 1024px) {
#shop .row{
margin: 10px auto; 0
}
#shop .h3_bottom {margin: 30px auto 20px;}

#shop .col_03 {
width: calc((100% - 30px) / 3);
margin-right: 15px;
}
#shop .col_03:nth-child(3n) {
margin-right: 0;
}
#shop .map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* ← 高さをスマートに自動調整 */
  margin:20px auto 0;
}

#shop .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


}