body{
	width:1000px;
	margin: auto;
	color:#666666;
	background-color:#f6f6f6;
}


_img{
	pointer-events:none;
}

p.clear{
	clear: both;
}

.row{	
	display:flex;
	width:1000px;
	justify-content: space-around;
}

.waku{
	display:flex;
	justify-content:center;
	width:300px;
	height:300px;
	min-width:300px;
	min-height:300px;
	border:1px solid #ff6600;
	position:relative;
	margin-bottom:1em;
}

.waku p{
	width:100%;
	position: absolute;
	color: #000000;/*文字は白に*/
	background:rgba(255,255,255,1);
	font-weight: bold; /*太字に*/
	font-size: 1em;/*サイズ2倍*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	top: 90%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:auto;
	padding:0px;
}

.waku a{
	display:flex;
}

.waku img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin:auto;
	object-fit: contain;
}

.row2{	
	display:flex;
	max-width:1000px;
	justify-content: space-around;
}

.row2 .aria{
	display:block;
	width:700px;
	justify-content: space-around;
}

.row2 img{
	width:auto;
	height:auto;
	max-width:700px;
	max-height:600px;
	margin:auto;
	object-fit: contain;
}

/*.row2 p{
	display:block;
	width:700px;
}*/

.row2 .comment{
	display:block;
	width:500px;
	max-width:500px;
	border:1px solid #000000;
	margin:auto auto auto 1em;
	word-wrap:break-word;
	word-break:break-all;
	font-weight: bold; /*太字に*/
	font-size: 1em;/*サイズ2倍*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	background-color:#ffffff;

}

@media all and (-ms-high-contrast: none) {
	.row2 .comment{
		height:300px;
	}
}

.row2 .name{
	width:850px;
	height:auto;
	border:1px solid #000000;
	text-align:center;
	margin:auto;
	padding:0.5em;
	font-weight: bold; /*太字に*/
	font-size: 2em;/*サイズ2倍*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	background-color:#ffffff;
}

/*ローディング*/
.loading
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 10;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		animation: fadeOut 2.5s 3.5s forwards;
	}

@keyframes fadeOut
	{
		0% 
		{
			opacity:1;
		}

		100%
		{
			opacity:0;
			visibility:hidden;
		}
	}

.loading__logo
	{
		opacity: 0;
		animation: logo_fade 5s 0.5s forwards;
		width: 175px;
	}

@keyframes logo_fade
	{
		0%
		{
			opacity: 0;
			transform: translateY(0px);
		}
		60%
		{
			opacity: 1;
			transform: translateY(0);
		
		100%
		{
			opacity: 0;
		}
	}