/* --------------------------------------------------------------------------------------
   辭滓�閧�
--------------------------------------------------------------------------------------- */

.column {
	overflow: hidden;
	margin-top: 45px;
}

.column .photo > div {
	border: 3px solid #dfd9cd;
	margin-top: 3px;
}

.column:nth-child(2),
.column .photo > div:first-child,
.column .detail p:first-child { margin-top: 0; }

.column .detail { overflow: hidden; }

.column .detail p {
	margin-top: 20px;
	float: right;
}

.column .photo p { margin-top: 10px; }

.left .photo {
	float: left;
	margin-right: 50px;
}

.right .photo {
	float: right;
	margin-left: 50px;
}


/* --------------------------------------------------------------------------------------
   繧ｿ繝悶Ξ繝�ヨ
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 767px) {
	
	.column { margin: 4% 3% 0; }
	
	.column img {
		width: 100%;
		height: auto;
	}
	
	.left .photo {
		width: 44%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
	
	.right .photo {
		width: 44%;
		margin-left: 3%;
		margin-bottom: 3%;
	}
	
	.column .detail { overflow: initial; }
	
	.column .detail p { float: none; }
	
	.left .photo iframe { width: 100%; }
}

/* --------------------------------------------------------------------------------------
  繧ｹ繝槭�逕ｨ
--------------------------------------------------------------------------------------- */

@media(max-width: 766px){
	.column { margin: 4% 3% 0; }
	
	.left .photo {
		width: 44%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
	
	.right .photo {
		width: 44%;
		margin-left: 3%;
		margin-bottom: 3%;
	}
	
	.column .detail { overflow: initial; }
	
	.column .detail p { float: none; }
	
	.column .photo p {
		background-color: #000;
		color: #fff;
		margin-top: 0;
		text-align: center;
		font-size: 90%;
		padding: 2% 4%;
	}
	
	.left .photo iframe { width: 100%; }
	
	.column a { display: inline; }
	
	.column br { display: none; }
}