/* CSS Document */

#photo{
	padding: 0;
	}

#subject{
	margin-bottom: 0;
	}

#pageTab{
	margin-bottom: 2em;
	}

#toCart,#toDownload{
	padding-top: 2em;
	padding-bottom: 2em;
	}

#resultList{}
	#resultList section{}
		#resultList section:hover figure{
			border-color: #45a4ca;
			}
		#resultList section h3{
			position: static;
			margin: 0;
			padding: 0;
			background: none;
			color: inherit;
			}
		#resultList section h3+div{
			margin-top: 0.5em;
			}
		#resultList section p{
			font-size: 0.8em;
			letter-spacing: 0.05em;
			opacity: 0.6;
			}
		#resultList section figure{
			margin-bottom: 0.8em;
			border: 1px solid #bcbcbc;
			transition: border 0.2s ease-out;
			}

.photoList{
	display: flex;
	flex-wrap: wrap;
	}
	.photoList dl{
		position: relative;
		display: flex;
		flex-direction: column;
		}
	.photoList dt+dd{
		margin-bottom: 1em;
		order: -1;
		}
	.photoList dd a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		opacity: 0;
		}
	.photoList .thumb{
		padding-top: 100%;
		}
	.photoList [LSC-LT="dummy"]{
		display: inherit;
		flex-wrap: inherit;
		width: 100%;
		margin-top: 4em;
		}




/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
#searchSelect{}
	#searchSelect li{}
		#searchSelect li:not(:last-child){
			flex-direction: column;
			}
	#searchSelect button{
		padding-top: 0.7em;
		padding-bottom: 0.7em;
		}
		#searchSelect button small{
			display: block;
			margin-top: 0.5em;
			}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
.photoList{}
	.photoList dl{
		width: calc(50% - 0.5em);
		}
		.photoList dl:nth-of-type(n+3){
			margin-top: 2em;
			}
		.photoList dl:nth-of-type(even){
			margin-left: auto;
			}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
.photoList{}
	.photoList dl{
		width: calc(33.33% - 1.33em);
		}
		.photoList dl:nth-of-type(3n+2){
			margin-left: 2em;
			margin-right: auto;
			}
		.photoList dl:nth-of-type(n+4){
			margin-top: 2em;
			}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
.photoList{}
	.photoList dl{
		width: calc(25% - 1.5em);
		}
		.photoList dl:not(:nth-of-type(4n+1)){
			margin-left: 2em;
			}
		.photoList dl:nth-of-type(n+5){
			margin-top: 2em;
			}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}