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

/* 全体の共通CSS
--------------------------------------------*/

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
    width: 100%;
}

article {
   text-align: center;
}

.bg-hara {
    background: url(../img/bg-hara.webp);
}
.bg-yunoizumi {
    background: url(../img/bg-yunoizumi.webp);
}
.bg-yunoizumi-shop {
    background: url(../img/bg-yunoizumi-shop.webp);
}


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

	/* 520px以下に適用されるCSS（スマホ用） */


}

/* レスポンシブ用CSS
--------------------------------------------*/

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

	/* 960px以下に適用されるCSS（タブレット用） */
    article img {
        width: 100%;
     }

}