@charset "utf-8";

/******************************************************
 SP・PC共通
******************************************************/
/* fancybox */
.compensate-for-scrollbar {
	margin-right: 0 !important;
}
.fancybox-content img {
}

/******************************************************
 SP
******************************************************/
@media only screen and (max-width: 768px) {
	/* photoTxt */
	.photoTxt {
		background-color: #000;
	}
	.photoTxt .inner {
		color: #fff;
		padding: 10% 5%;
	}
	.photoTxt .inner p {
		font-size: 2.0rem;
		line-height: 1.8;
		text-align: center;
	}
		
	/* photoList */
	.photoList ul {
		display: flex;
		flex-wrap: wrap;
	}
	.photoList ul li {
		width: 50%;
	}
	.photoList ul li img {
		max-width: 100%;
		cursor: pointer;
	}
}

/******************************************************
 PC
******************************************************/
@media print,
screen and (min-width: 769px) {
	/* photoTxt */
	.photoTxt {
		background-color: #000;
		padding:
	}
	.photoTxt .inner {
		width: 80%;
		max-width: 1000px;
		color: #fff;
		margin: 0 auto;
		padding: 10% 0;
	}
	.photoTxt .inner p {
		font-size: 1.8rem;
		line-height: 2;
		text-align: center;
	}
	
	/* photoList */
	.photoList ul {
		display: flex;
		flex-wrap: wrap;
	}
	.photoList ul li {
		width: 25%;
	}
	.photoList ul li img {
		max-width: 100%;
		cursor: pointer;
		transition: all .5s;
	}
	.photoList ul li img:hover {
		opacity: .5;
	}
}