@charset "utf-8";
/*lightcaseカスタム*/
#lightcase-overlay{
	display: none;
	width: 100%;
	min-height: 100%;
	position: fixed;
	z-index: 2000;
	top: -9999px;
	bottom: -9999px;
	left: 0;
	background-color: rgba(0, 105, 182, .6);
	opacity: 1!important;
}
#lightcase-case{
	display: none;
	position: fixed;
	z-index: 2002;
	top: 50%;
	left: 50%;
}
.lightcase-icon-prev{
	width: 44px;
	height: 44px;
	background-color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: calc(-760px + 44px);
	right: 0;
	margin: auto;
	z-index: 10000;
	transition: all .5s;
}
@media only screen and (max-width: 767px) {
	.lightcase-icon-prev{
		left: 0;
		right: auto;
	}
}
.lightcase-icon-prev::before{
	content: '';
	width: 10px;
	height: 10px;
	margin: 0 calc(-10px / 2) 0 0;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	flex-shrink: 0;
}
.lightcase-icon-prev span{
	display: none!important;
}
.lightcase-icon-next{
	width: 44px;
	height: 44px;
	background-color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(-760px + 44px);
	margin: auto;
	z-index: 10000;
	transition: all .5s;
}
@media only screen and (max-width: 767px) {
	.lightcase-icon-next{
		left: auto;
		right: 0;
	}
}
.lightcase-icon-next::before{
	content: '';
	width: 10px;
	height: 10px;
	margin: 0 0 0 calc(-10px / 2);
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	display: block;
	-webkit-transform: rotate(calc(45deg + 180deg));
	transform: rotate(calc(45deg + 180deg));
	flex-shrink: 0;
}
.lightcase-icon-next span{
	display: none!important;
}
.lightcase-icon-close{
	width: 50px;
	height: 50px;
	position: absolute;
	top: calc(-50px - 10px);
	bottom: auto;
	left: auto;
	right: 0;
	margin: auto;
	opacity: 0;
	outline: none;
	z-index: 10000;
}
@media only screen and (max-width: 767px) {
	.lightcase-icon-close{
		width: 30px;
		height: 30px;
		top: calc(-30px - 10px);
	}
}
.lightcase-icon-close > span{
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	position: relative;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.lightcase-icon-close > span::before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #dddddd;
	border-radius: calc(2px / 2);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.lightcase-icon-close > span::after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #dddddd;
	border-radius: calc(2px / 2);
	opacity: 1;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#lightcase-info{
	display: none!important;
}
/*lightcaseカスタム*/