@charset "shift_jis";

.grid 			{
    display			: grid; /* グリッドレイアウト */
	grid-template-columns: 300px 300px 300px;
}
.gridItem 		{
	padding			: 3px 0px;
	width			: 220px;
}
li.m35			{
	margin			: 3px 0px 2px 35px;
}


@media screen and (max-width : 430px) {
	.grid 			{
		grid-template-columns: 1fr;
	}
	.gridItem 		{
		padding			: 0px 0px 8px 0px;
		font-size			: 1.3em;
	}
	img.photo_s1	{
		border			: solid 1px #ccc;
		margin-bottom	: 8px;
		height			: 179px;
		width			: 228px;
	}
	img.photo_s2	{
		border			: solid 1px #ccc;
		margin-bottom	: 8px;
		height			: 151px;
		width			: 242px;
	}
	img.photo_s3	{
		border			: solid 1px #ccc;
		margin-bottom	: 8px;
		height			: 182px;
		width			: 211px;
	}
	img.photo_s		{
		border			: 1px;
		margin-bottom	: 8px;
		width			: auto;
		height			: auto;
		max-width		: 100%;
		max-height		: 100%;
	}

}