@charset "utf-8";

/*****PC*****/
@media screen and (min-width: 1024px) {
.link_image_change .grid{
	position: relative;
}
.link_image_change picture#base{
	display: block;
	position: relative;
	z-index: 1;
}
.link_image_change picture{
	display: block;
	opacity: 0;
	transition: .3s;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.link_image_change picture.show_now{
	display: block;
	opacity: 1;
	z-index: 3;
}
}

/*****SP*****/
@media screen and (max-width: 1023px) {
.link_image_change .grid:nth-child(1){
	display: none;
}
.link_image_change{
	grid-template-columns: 1fr!important;
}
.link_image_change .link_list a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	color: #fff;
	padding: 16px;
}
.link_image_change .link_list a span.txt{
	position: absolute;
	bottom: 16px;
}
.link_image_change .link_list li{
	position: relative;
}
.link_image_change .link_list li + li{
	margin-top: 16px;
}
.link_image_change .link_list a.arrow_link span.arrow{
	background-color: #fff;
	right: 16px;
	width: 24px;
	bottom: 26px;
}
.link_image_change .link_list a.arrow_link span.arrow:before{
	background-color: #fff;
}
.link_image_change .link_list li picture{
	z-index: 1;
}

}


@media (768px <= width < 1024px) {
	.link_image_change .sp{
		display: block;
	}
	.link_image_change .link_list li picture.sp img{
		width: 100%;
	}
}