@charset 'utf-8';

article{
	overflow: visible;
}

/* =========================================================
photo_category
========================================================= */
#photo_category{
	width: 21%;
	padding-right: 20px;
	margin-top: -4px;
}
@media print, screen and (max-width: 1000px) and (min-width: 768px) {
	#photo_category{
		width: 200px;
	}
}
@media only screen and (max-width: 767px) {
	#photo_category{
		padding-right: 0;
		margin-top: 0;
	}
}
.photo_category--title{
	width: 100%;
}
.photo_category__title{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: column-reverse nowrap;
	-webkit-flex-flow: column-reverse nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 18px;
}
.photo_category__title--en {
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
	.photo_category__title{
	        align-items: center;
	-webkit-align-items: center;
		width: 100%;
	}
}
.photo_category__list{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: column nowrap;
	-webkit-flex-flow: column nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 15px;
	margin-top: 30px;
	width: 100%;
}
.photo_category__select{
}
.photo_category__select label {
}
.photo_category__select input {
}
#photo_category .photo_category__select label span {
	letter-spacing: 0.03em;
}
#photo_category .photo_category__select label span:before {
	border-width: 2px;
	border-color: var(--sub-color--border5);
}
#photo_category .photo_category__select label span:after {
	border-width: 2px;
}
@media only screen and (max-width: 767px) {
	.photo_category__list{
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		gap: 30px;
	}
}

/* =========================================================
photo
========================================================= */
#photo{
	position: relative;
	padding-bottom: 180px;
}
.photo_fixed{
	width: 100%;
}
#container .photo_inner {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	position: relative;
	padding-top:0;
	padding-bottom: 0;
}
@media only screen and (max-width: 767px){
	#photo{
		padding-bottom: 120px;
	}
	.photo_fixed{
	}
	#container .photo_inner {
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		padding-top:0;
		min-height: 500px;
		padding-bottom: 0;
	}
}


/* =========================================================
photo_item
========================================================= */
#photo_item {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	max-width: 900px;
	width: 79%;
	gap:48px 6.2%;
}
@media only screen and (max-width: 767px){
	#photo_item {
		margin-top: 60px;
	}
}
#photo_item a.photo_bloc{
	position: relative;
	width: 29.2%;
}
@media print, screen and (max-width: 1000px) and (min-width: 768px) {
	#photo_item {
		width: calc(100% - 200px);
		gap:48px 30px;
	}
	#photo_item a.photo_bloc{
		position: relative;
		width: calc(50% - 15px);
		max-width: 100%;
	}
}
#photo_item a.photo_bloc .photo_img {
	overflow: hidden;
}
#photo_item a.photo_bloc .photo_img .img{
	width: 100%;
	backface-visibility: hidden;
}
#photo_item a.photo_bloc .photo_img img{
	width: 100%;
	display: none;
}
#photo_item a.photo_bloc .photo_txt {
	padding: 18px 0 0;
	text-align: left;
}
#photo_item a.photo_bloc .photo_txt h4{
	letter-spacing: 0;
}
#photo_item a.photo_bloc .photo_txt .photo_info{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}
#photo_item a.photo_bloc .photo_media{
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
#photo_item a.photo_bloc .photo_media a{
	display: block;
	width: 100%;
	position: relative;
}
#photo_item a.photo_bloc .photo_media.photo_youtube a i{
	color: var(--main-color--font2);
	font-size: 60px;
}
#photo_item a.photo_bloc .photo_media.photo_youtube a i:after{
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
}
#photo_item a.photo_bloc .photo_media img{
	width: 100%;
	display: none;
}
#photo_item + .wp-pagenavi{
	margin-top: 60px;
}
@media only screen and (max-width: 767px){
	#photo_item {
		position: relative;
		width: 100%;
		gap:30px 30px;
	}
	#photo_item a.photo_bloc{
		width: calc(50% - 15px);
		max-width: 100%;
	}
	#photo_item a.photo_bloc .photo_img{
	}
	#photo_item a.photo_bloc .photo_txt {
		display: block;
		text-align: left;
		padding: 10px 15px 15px;
	}
	#photo_item a.photo_bloc .photo_txt h4{
		margin-bottom: 10px;
	}
}