@charset "utf-8";




/* *{
	outline: 1px solid red;
} */


/*Loading*/


#splash {
	/*fixedで全面に固定*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #f2f1f0;
	text-align: center;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
}









/*各画像の横幅などの設定*/

.grid{
	margin: 190px 5%;
	
}

.box{
	box-sizing: border-box;
	position: relative;
	/* overflow: auto;
	display: flex; */
	margin: 0 auto;
}

.item{
	/* position: absolute; */
	width: 30%;
	padding: 10px;
	/* display: block; */
}

.item img{
	display: block;
	width: 100%;
	height: 100%;
}


.hidearea {
	display: none;
}






/*くコ:彡   SP*/




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




	.grid{
		width: 90%;
		margin: 5%;
	}
	
	.box{
		position: relative;
		width: 100%;
	}
	
	.item{
		width: calc(50% - 30px);
	}
	
	.item img{
		width: 100%;
	}
	

}