.photo_wrap							{position:relative;}  
.photo_list							{margin:-15px; height:480px; overflow:hidden;} 
.photo_list li						{margin:15px 13px; background:#fff; width:320px; overflow:hidden; border:1px solid rgba(0,0,0,.1);}
.photo_list figure					{width:100%; aspect-ratio:6 / 4; overflow:hidden; }
.photo_list figure img				{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list dl						{padding:30px 35px;}
.photo_list dl dt					{color:#111; font-size:1.2em; font-weight:500; margin-bottom:12px; height:60px; line-height:1.35; letter-spacing:-1px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.photo_list dl dd>div				{color:#797979; height:75px; line-height:1.4; font-size:0.95em; letter-spacing:-0.75px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word; }
.photo_list dl dd>em				{display:block; color:#bbb; font-size:0.95em; margin-top:15px;}
.photo_list li:hover				{box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.photo_list li:hover figure img		{transform: scale(1.1); }
.photo_list .nolist					{width:100%; text-align:center; padding:60px 0; color:#777;}

.photo_wrap	.arrow					{position:absolute; top:calc(50% - 20px); width:100%;}
.photo_wrap	.arrow p				{position:absolute; text-align:center; width:70px; line-height:70px; background:rgba(0,0,0,.2); cursor:pointer; border-radius:50%;} 
.photo_wrap	.arrow span				{position:relative; display:inline-block; border:solid #fff; border-width:2px 0 0 2px; padding:6px;}
.photo_wrap	.arrow p:after			{position:absolute; top:0; right:0; bottom:0; margin:auto; content:''; width:55%; height:2px; background:#fff;}
.photo_wrap	.arrow .prev			{left:-140px;}
.photo_wrap	.arrow .prev span		{transform:rotate(315deg); margin-left:5px;}
.photo_wrap	.arrow .next			{right:-140px;}
.photo_wrap	.arrow .next span		{transform:rotate(135deg); margin-right:5px;}
.photo_wrap	.arrow .next:after		{right:auto; left:0;}
.photo_wrap	.arrow p:hover			{background:var(--color1);} 


@media screen and (max-width:1680px) {
	.photo_wrap	.arrow .prev		{left:-40px;}
	.photo_wrap	.arrow .next		{right:-40px;}
}

@media screen and (max-width:1200px) {
	.photo_list li					{margin:15px 10px;}	
}
@media screen and (max-width:1024px) {
	.photo_list 					{margin:-15px -10px;}
	.photo_list dl					{padding:20px 25px;}
	.photo_list dl dt				{font-size:1.05em; height:46px; margin-bottom:7px;}
	.photo_list dl dd>div			{height:62px;}

	.photo_wrap	.arrow p			{width:50px; line-height:50px; background:rgba(0,0,0,.5)}
	.photo_wrap .arrow span			{padding:5px;}
	.photo_wrap	.arrow .prev		{left:-20px;}
	.photo_wrap	.arrow .next		{right:-20px;}
}