.photo_wrap								{position:relative;}  
.photo_wrap>p							{font-family: 'S-Core Dream'; position:absolute; top:0; left:0; background:var(--gra); color:#fff; padding:10px 20px; z-index:1;}
.photo_list figure						{aspect-ratio:6 / 3.5; overflow:hidden; border:1px solid #eaeaea;}
.photo_list figure img					{width:100%; height:100%; object-fit:cover;  transition:all 1s ease; }
.photo_list dl							{letter-spacing:-0.75px;}
.photo_list dl dt						{font-family: 'S-Core Dream'; color:#333; font-size:1.1em; font-weight:500; margin:25px 0 10px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;} 
.photo_list dl dd						{font-family: 'S-Core Dream'; color:#7f7f7f; font-size:0.95em; line-height:150%; 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 li:hover figure img			{transform: scale(1.1); }
.photo_list li:hover dl dt				{text-decoration:underline;}
.photo_list .nolist						{text-align:center; padding:0; line-height:280px; color:#777;}
.photo_wrap .slick-list					{padding:0;}

.photo_wrap .arrow						{position:absolute; top:32%; width:100%;}
.photo_wrap .arrow p					{position:absolute; width:56px; line-height:56px; background:rgba(0,0,0,0.45); cursor:pointer; text-align:center; transition: .5s;} 
.photo_wrap .arrow p:after				{content:''; display:inline-block; border:solid #fff; padding:4px; border-width:4px 4px 0 0; border-radius:2px; transform:rotate(45deg);}
.photo_wrap .arrow .prev				{left:1px; text-indent:5px;}
.photo_wrap .arrow .prev:after			{transform:rotate(225deg);}
.photo_wrap .arrow .next				{right:1px;}
.photo_wrap .arrow .next:after			{margin-right:5px;}
.photo_wrap .arrow p:hover				{background:#fff; box-shadow:0 0 15px 1px rgba(0,0,0,.08);}
.photo_wrap .arrow p:hover:after		{border-color:#555;}


@media screen and (max-width:1200px) {
	.photo_list						{margin:0 -10px;}
	.photo_list li					{margin:0 10px;}
}

@media screen and (max-width:1024px) {
	.photo_wrap>p					{top:0; padding:5px 15px; font-size:0.9em;}
	.photo_list figure				{aspect-ratio:6 / 3.5; height:auto;}
	.photo_list dl dt				{font-size:1.05em; margin:20px 0 5px 0;}
	.photo_wrap .arrow				{top:calc(50% - 60px);}
	.photo_wrap .arrow p			{width:46px; line-height:46px;}
	.photo_wrap .arrow p:after		{padding:5px; border-width:3px 3px 0 0;}
}