  
.photo_wrap								{position:relative;}  
.photo_wrap>p							{font-family: 'S-CoreDream-4Regular'; position:absolute; top:310px; left:1px; background:var(--color1); color:#fff; padding:5px 20px; border-radius:0 7px 7px 7px; z-index:1;}
.photo_list figure						{aspect-ratio:6 / 4; border-radius:25px; overflow:hidden; }
.photo_list figure img					{border-radius:10px; width:100%; height:100%; object-fit:cover; transition:all 1s ease; border:1px solid #eaeaea;}
.photo_list dl							{letter-spacing:-0.75px;}
.photo_list dl dt						{font-family: 'S-CoreDream-5Medium'; color:#333; font-size:1.2em; margin:30px 0 10px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;} 
.photo_list dl dd						{color:#7f7f7f; 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				{box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.16);}
.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:0; text-indent:5px;}
.photo_wrap .arrow .prev:after			{transform:rotate(225deg);}
.photo_wrap .arrow .next				{right:0;}
.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:1024px) {
	.photo_list figure				{aspect-ratio:6 / 3.5; height:auto;}
	.photo_wrap>p					{top:0; padding:5px 15px; font-size:0.9em;}
	.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;}
}
   
