@charset "utf-8";
@media only screen and (min-width: 10px) {

	[data-target-popup] {
		cursor: pointer;
	}

	div.mpPopup,
	div.mpPopup .popupClose,
	div.mpStyle [class*="_mpTransition"] {
		-webkit-transition: all 350ms ease-in-out;
		-moz-transition: all 350ms ease-in-out;
		-o-transition: all 350ms ease-in-out;
		transition: all 350ms ease-in-out;
	}
}

@media only screen and (min-width: 10px) {
	div.mpPopup.in,
	div.mpPopup .popupClose {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
}
@media only screen and (min-width: 10px) {
	div.mpPopup .popupMainArea,
	div.mpPopup .popupClose {
		-webkit-border-radius: var(--dbr);
		border-radius: var(--dbr);
	}
}

@media only screen and (min-width: 10px) {

	div.superSlider .sliderPopup .popupClose {
		-webkit-transition: 350ms ease-in-out;
		-moz-transition: 350ms ease-in-out;
		-o-transition: 350ms ease-in-out;
		transition: 350ms ease-in-out;
	}
	div.superSlider .sliderPopup.in,
	div.superSlider .sliderPopup .popupClose {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}

	[data-target-popup] {
		cursor: pointer;
	}
	div.superSlider .sliderPopup div.superSlider {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
		height: 100%;
		width: 100%;
		overflow: hidden;
		margin: 0;
		position: relative;
	}
	div.superSlider .sliderPopup {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 111111111;
		overflow: hidden auto;
		background: #000c;
	}
	div.superSlider .sliderPopup .popupClose {
		position: absolute;
		z-index: 1111;
		cursor: pointer;
		top: 100%;
		right: 50px;
		width: 50px;
		height: 50px;
		background-color: #fff;
		color: #222;
		font-size: 20px;
	}
	div.superSlider .sliderPopup .popupClose:hover {
		color: #fff;
		background-color: #222;
	}
	div.superSlider .sliderPopup .sliderAllItem {
		height: 70vh;
		background-color: transparent;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	div.superSlider .sliderPopup .sliderAllItem img {
		width: auto;
		height: 100%;
	}
	div.superSlider .sliderPopup .popupHeader {
		border-bottom: 1px solid #fff;
	}
	div.superSlider .sliderPopup .popupHeader,
	div.superSlider .sliderPopup .popupFooter {
		color: #fff;
		padding: 15px;
		max-height: 15vh;
		overflow: hidden auto;
		margin: 0 auto;
		width: 100%;
		background-color: #222;
		position: relative;
	}
	div.superSlider .sliderPopup .popupHeader {
		overflow: visible;
	}
	div.superSlider .sliderPopup .popupHeader h2 {
		color: #fff;
		text-align: center;
	}
	div.superSlider .sliderPopup .popupFooter {
		border-top: 1px solid #fff;
	}
	div.superSlider .sliderPopup .popupBody {
		position: relative;
		width: 80%;
		max-width: 100vh;
	}
	div.superSlider .sliderPopup .slideIndicator {
		margin: 0;
	}
}
@media only screen and (min-width: 10px) {
	[data-target-popup] {
		cursor: pointer;
	}
	div.mpPopup {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 111111;
		overflow: hidden;
		background: #000c;
	}
	div.mpPopup .popupMainArea {
		min-width: 500px;
		max-width: 700px;
		width: auto;
		min-height: 250px;
		max-height: 100vh;
		height: auto;
		background-color: #fff;
		border: 20px solid #444;
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-flow: column;
		flex-flow: column;
	}
	div.mpPopup .popupMainArea.fullWidth {
		max-width: 100vw;
		width: 100%;
	}
	div.mpPopup .popupClose {
		position: fixed;
		z-index: 1111;
		cursor: pointer;
		top: 50px;
		right: 50px;
		width: 50px;
		height: 50px;
		background-color: #444;
		color: #fff;
		font-size: 20px;
	}
	div.mpPopup .popupClose:hover {
		color: #fff;
		background-color: #6b003e;
	}
	div.mpPopup .popupHeader {
		border-bottom: 4px double var(--color_border);
		padding: var(--dmp_xs);
	}
	div.mpPopup .popupBody {
		padding: var(--dmp);
		overflow: auto;
	}
	div.mpPopup .popupFooter {
		border-top: 4px double var(--color_border);
		padding: var(--dmp_xs);
	}
	div.mpPopup .dLayout,
	div.mpPopup [class*="_dLayout"] {
		margin: 0;
	}
}