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


.alegria-box{
div[class^="m"]{
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* 必要なら contain に変更 */
  max-width: 1920px;
  margin: 0 auto;
} 
.m1{ aspect-ratio: 1920 / 737;  background-image: url("https://p-c.pw/alegria/img/meal/m1.png"); }
.m2{ aspect-ratio: 1920 / 157;  background-image: url("https://p-c.pw/alegria/img/meal/m2.png"); }
.m3{ aspect-ratio: 1920 / 844;  background-image: url("https://p-c.pw/alegria/img/meal/m3.png"); }
.m4{ aspect-ratio: 1920 / 869;  background-image: url("https://p-c.pw/alegria/img/meal/m4.png"); }
.m5{ aspect-ratio: 1920 / 958;  background-image: url("https://p-c.pw/alegria/img/meal/m5.png"); }
.m6{ aspect-ratio: 1920 / 1054; background-image: url("https://p-c.pw/alegria/img/meal/m6.png"); }
.m7{ aspect-ratio: 1920 / 1106; background-image: url("https://p-c.pw/alegria/img/meal/m7.png"); }
.m8{ aspect-ratio: 1920 / 1024; background-image: url("https://p-c.pw/alegria/img/meal/m8.png"); } 
        
}