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

article {
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding: 1.5rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background-color: white;
}
article::before {
	content: "";
	position: absolute;
	top: -450%;
	left: -450%;
	width: 1000%;
	height: 1000%;
	background-image: url('../image/mahjong_back_01.png'); /* ←今回の画像パス採用！ */
	background-repeat: repeat;
	background-size: 400px 400px;
	background-position: 0 0;
	transform: rotate(-45deg);
	transform-origin: center;
	z-index: -1;
	pointer-events: none;
}

@media (max-width: 600px) {
article {
	padding: 1rem;
}
article::before {
	top: -470%;  /* ← さらに深くする */
	left: -470%;
	width: 1050%;
	height: 1050%;
	background-size: 250px 250px; /* ← スマホ時は背景を小さめにして密度UP */
}
}