/*==============================================
common
==============================================*/
html {
  overflow-y:unset!important;
}

.sanx * {
	box-sizing: border-box;
}

.sanx-inner {
  width: 70%;
  min-width: 1000px;
	max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.sanx-innermini {
  width: 700px;
	max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.sanx-tit {
  margin-bottom: 30px;
  text-align: center;
}

.sanx ._pc {
	display: inline-block;
}

.sanx ._sp {
	display: none;
}

.sanx ._up {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.5s ease;
}

.sanx ._up--ison {
  opacity: 1;
  transform: translateY(0%);
}


@media screen and (max-width: 667px) {
	.sanx-inner {
		width: 100%;
		min-width: unset;
		padding: 0 20px;
	}

	.sanx-innermini {
		width: 100%;
		min-width: unset;
		padding: 0 20px;
	}

	.sanx-tit {
		margin-bottom: 15px;
	}

	.sanx ._pc {
		display: none;
	}

	.sanx ._sp {
		display: inline-block;
	}
}


/*==============================================
nav
==============================================*/
.sanx-nav {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}

.sanx-nav__list {
  background: #fffcdc;
  border: 4px solid #d7d089;
  box-shadow: 0 0 0 4px #fff;
  display: flex;
  justify-content: center;
	align-items: center;
  gap: 20px;
  border-radius: 1000px;
  padding: 15px 40px;
	font-size: 1px;
	line-height: 1;
}

.sanx-nav__list-item a, .sanx-nav__list-item a:visited {
  position: relative;
  top:0;
  transition: all .3s;
}

@media (hover: hover) {
  .sanx-nav__list-item a:hover {
    top:2px;
    transition: all .3s;
  }
}

.sanx-nav__list-item img {
  width: auto;
  height: 35px;
	vertical-align: top;
}

.sanx-nav--floating {
	display: none;
}

.sanx-nav--floating--fixed {
	display: block;
  position: fixed;
  top:30px;
  left:50%;
  transform: translateX(-50%);
  z-index: 99;
	width: max-content;
}

.sanx-nav--floating--fixed.sanx-nav--floating--stay {
	display: block;
	top:auto;
	left:auto;
	bottom:auto;
	position: static;
	transform: none;
	margin: 20px auto 0;
}

@media screen and (max-width: 667px) {
	.sanx-nav__list {
		gap: 10px;
		padding: 7px 15px;
		border-width: 2.5px;
		box-shadow: 0 0 0 2.5px #fff;
		/* width: calc(100% - 15px); */
	}

	.sanx-nav--floating--fixed {
		top:auto;
		left:50%;
		bottom: 20px;
	}

	.sanx-nav__list-item img {
		width: auto;
		height: 20px;
	}
}


/*==============================================
kv
==============================================*/
.sanx-kv {
  background:linear-gradient(to bottom,  #0e62af 0%,#4ab8ea 49%,#c9e9fa 100%) center top;
  position: relative;
}

.sanx-kv__bg {
	background: url(/san-x/img/kv_bg.png) top center no-repeat;
	background-size: 1440px;
	height: 120%;
  padding: 50px 0 80px;
}

.sanx-kv__inner {
	width: 1000px;
	margin: 0 auto;
}

.sanx-kv::after {
  content: '';
  position: absolute;
  background: url(/san-x/img/wave_white.png) repeat-x center bottom;
  background-size: contain;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
}

.sanx-kv__img {
  position: relative;
  margin-bottom: 30px;
	display: grid;
	grid-template-columns: 16% 1fr 15%;
	align-items: end;
	justify-content: center;
	gap: 20px;
}

.sanx-kv__img-01,
.sanx-kv__img-02,
.sanx-kv__img-03 {
	opacity: 0;
	transition: all .5s ease;
}

.sanx-kv__img-01 {
	transition-delay: .25s;
	transform: scale(0.8) translateY(20px);
	transform-origin: right bottom;
}

.sanx-kv__img-02 {
	transition-delay: .75s;
	transform: scale(0.95) translateY(20px);
}

.sanx-kv__img-03 {
	transition-delay: .25s;
	position: relative;
	left:-30%;
	transform: scale(0.8) translateY(20px);
	transform-origin: left bottom;
}

.sanx-kv__img-01--ison {
	opacity: 1;
	transform: scale(1) translateY(0);
}

.sanx-kv__img-02--ison {
	opacity: 1;
	transform: scale(1) translateY(0);
}

.sanx-kv__img-03--ison {
	opacity: 1;
	transform: scale(1) translateY(0);
}

@media screen and (max-width: 667px) {
	.sanx-kv__bg {
		background: url(/san-x/img/kv_bg_sp.png) top center no-repeat;
		background-size: 100%;
		padding: 20px 0 40px;
	}

	.sanx-kv__inner {
		width: 100%;
		padding: 0 5px;
		min-width: unset;
	}

	.sanx-kv__img {
		margin-bottom: 15px;
		grid-template-columns: 12% 1fr 12%;
		gap: 10px;
		aspect-ratio: 345/245;
	}
}


/*==============================================
msg
==============================================*/
.sanx-msg {
  padding: 70px 0 140px;
  position: relative;
}

.sanx-msg::after {
  content: '';
  position: absolute;
  background: url(/san-x/img/wave_lightblue.png) repeat-x left bottom;
  background-size: contain;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
}

.sanx-msg__bg {
  background: #fff url(/san-x/img/msg_bg.png) top center no-repeat;
  background-size: 1440px;
}

.sanx-msg__copy {
  display: grid;
  gap: 60px;
	justify-content: center;
	padding: 0 50px;
	margin-bottom: 50px;
}

.sanx-msg__copy-item {
	margin: 0 auto;
}

/*最長sanx-msg__copy-item--03 1143px基準*/
.sanx-msg__copy-item--01 {
	width: calc(920 / 1143 *100%);
}

.sanx-msg__copy-item--02 {
	width: calc(1052 / 1143 *100%);
}

.sanx-msg__copy-item--03 {
	width: calc(1143 / 1143 *100%);
}

.sanx-msg__img-set {
	display: flex;
	justify-content: center;
	align-items: end;
	gap: 20px;

}

.sanx-msg__img {
	opacity: 0;
	transform: translateY(10px);
	transition: all 1s ease;
}

.sanx-msg__img--02 {
  width: calc(154px / 2);
	transition-delay: .4s;
}

.sanx-msg__img--03 {
  width: calc(332px / 2);
	transition-delay: .1s;
}

.sanx-msg__img--04 {
  width: calc(471px / 2);
	transition-delay: .3s;
}

.sanx-msg__img--05 {
  width: calc(170px / 2);
	transition-delay: .5s;
}

.sanx-msg__img--06 {
  width: calc(76px / 2);
	transition-delay: .2s;
}

.sanx-msg__img--07 {
  width: calc(201px / 2);
	transition-delay: .3s;
}

.sanx-msg__img--ison {
	opacity: 1;
	transform: translateY(0);
}

.sanx-msg__img--ison img {
	animation: poyoyon 3.5s infinite;
}

.sanx-msg__img--ison.sanx-msg__img--03 img,
.sanx-msg__img--ison.sanx-msg__img--06 img {
	animation-delay: 2.5s;
}

.sanx-msg__img--ison.sanx-msg__img--05 img,
.sanx-msg__img--ison.sanx-msg__img--07 img {
	animation-delay: 1.5s;
}

.sanx-msg__img--ison.sanx-msg__img--02 img,
.sanx-msg__img--ison.sanx-msg__img--04 img {
	animation-delay: 3s;
}


@keyframes poyoyon {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.97);
  }
}


@media screen and (max-width: 667px) {
	.sanx-msg {
		padding: 35px 0 55px;
	}

	.sanx-msg__bg {
		background-repeat: repeat-y;
		background-size: 125%;
	}

	.sanx-msg__copy {
		gap: 30px;
		width: 75%;
		margin: 0 auto 25px;
		padding: 0;
	}

	/*最長sanx-msg__copy-item--02 660px基準*/
	.sanx-msg__copy-item--01 {
		width: calc(535 / 660 *100%);
	}

	.sanx-msg__copy-item--02 {
		width: calc(660 / 660 *100%);
	}

	.sanx-msg__copy-item--03 {
		width: calc(544 / 660 *100%);
	}

	.sanx-msg__img-set {
		gap: 10px;
	}

	.sanx-msg__img--02 {
		width: calc(154 / 1440 *100%);
	}

	.sanx-msg__img--03 {
		width: calc(332 / 1440 *100%);
	}

	.sanx-msg__img--04 {
		width: calc(471 / 1440 *100%);
	}

	.sanx-msg__img--05 {
		width: calc(170 / 1440 *100%);
	}

	.sanx-msg__img--06 {
		width: calc(76 / 1440 *100%);
	}

	.sanx-msg__img--07 {
		width: calc(201 / 1440 *100%);
	}
}



/*==============================================
movie
==============================================*/
.sanx-movie {
  background: #c9e9fa url(/san-x/img/movie_bg.png) top center repeat-y;
  background-size: 1440px;
  padding: 70px 0 100px;
  position: relative;
}

.sanx-movie::after {
  content: '';
  position: absolute;
  background: url(/san-x/img/wave_white.png) repeat-x left bottom;
  background-size: contain;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
}

.sanx-movie__tit img {
  width: 387px;
  height: auto;
}

.sanx-movie__list {
  display: grid;
	gap: 40px;
}

.sanx-movie__list-item a, .sanx-movie__list-item a:visited {
  position: relative;
  display: block;
}

.sanx-movie__list-item-img {
  transform: scale(1);
  transition: all .3s ease-out;
	margin-bottom: 10px;
}

@media (hover: hover) {
	.sanx-movie__list-item a:hover {
		color: #003399;
		text-decoration: none;
	}

  .sanx-movie__list-item a:hover .sanx-movie__list-item-img {
    transform: scale(1.03);
  }
}

.sanx-movie__list-item-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  display: grid;
  place-items: center;
}

.sanx-movie__list-item-icon img {
  width: 110px;
  height: auto;
}

.sanx-movie__list-item-cap {
	display: flex;
	justify-content: center;
	text-align: center;
}

.sanx-movie__list-item-cap span {
	background: #fff;
	border-radius: 1000px;
	padding: .5em 2em;
	font-size: 1.4rem;
}

@media screen and (max-width: 667px) {
	.sanx-movie {
		background-size: 120%;
		padding: 35px 0 50px;
	}

	.sanx-movie__tit img {
		width: calc(387 / 720 * 100vw);
	}

	.sanx-movie__list {
		gap: 25px;
	}

	.sanx-movie__list-item-img {
		margin-bottom: 7px;
	}

	.sanx-movie__list-item-icon img {
		width: 70px;
	}

	.sanx-movie__list-item-cap span {
		font-size: 1.3rem;
	}
}


/*==============================================
cp
==============================================*/
.sanx-cp {
  padding: 70px 0;
}

.sanx-cp__tit img {
  width: 252px;
  height: auto;
}

.sanx-cp__copy {
  color: #6e4e33;
  margin-bottom: 1em;
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
	letter-spacing: 0.05em;
}

.sanx-cp__list {
	display: grid;
	gap: 30px;
}

.sanx-cp__list-item {
	display: grid;
	gap: 15px;
}

.sanx-cp__list-item-img a, .sanx-cp__list-item-img a:visited {
	position: relative;
  transform: scale(1);
  transition: all .3s ease-out;
	display: block;
}

@media (hover: hover) {
	.sanx-cp__list-item-img a:hover {
		transform: scale(1.03);
		transition: all .3s ease-out;
	}
}

.sanx-cp__list-item-copy {
	text-align: center;
  color: #003399;
  font-size: 1.8rem;
	font-weight: 700;
}

.sanx-cp__list-item-link a, .sanx-cp__list-item-link a:visited {
	width: 70%;
	display: block;
	margin: 0 auto;
	position: relative;
  transform: scale(1);
  transition: all .3s ease-out;
}

@media (hover: hover) {
	.sanx-cp__list-item-link a:hover {
    transform: scale(1.03);
    transition: all .3s ease-out;
	}
}


@media screen and (max-width: 667px) {
	.sanx-cp {
		padding: 35px 0;
	}

	.sanx-cp__tit img {
		width: calc(252 / 720 * 100vw);
	}

	.sanx-cp__copy {
		font-size: 120%;
	}

	.sanx-cp__list-item {
		gap: 10px;
	}

	.sanx-cp__list-item-copy {
		font-size: 100%;
	}

	.sanx-cp__list-item-link a, .sanx-cp__list-item-link a:visited {
		width: calc(100% - 30px);
	}

}


/*==============================================
links
==============================================*/
.sanx-links {
  background: #edf9ff;
  padding: 70px 0;
}

.sanx-links__tit img {
  width: 117px;
  height: auto;
}

.sanx-links__list {
  display: grid;
  grid-template-columns: repeat(2,auto);
  gap: 30px;
}

.sanx-links__list-item a, .sanx-links__list-item a:visited {
  display: block;
  transform: scale(1);
  transition: all .3s ease-out;
}

@media (hover: hover) {
  .sanx-links__list-item a:hover {
    transform: scale(1.05);
    transition: all .3s ease-out;
  }
}

@media screen and (max-width: 667px) {
	.sanx-links {
		padding: 35px 0;
	}

	.sanx-links__tit img {
		width: calc(117 / 720 * 100vw);
	}

	.sanx-links__list {
		gap: 15px;
	}
}

/*==============================================
copyright
==============================================*/
.sanx-copyright {
	text-align: center;
	padding: 2em;
	font-size: 1.2rem;
}



/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
	overflow: hidden;
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 200px;
}


@media (max-width:767px) {
	.modaal-inner-wrapper {
		padding: 80px 20px;
	}
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 700px;
	border-radius: 0px;
	/* background: #fff; */
	/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); */
	cursor: auto;
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}

.modaal-close {
	/* position: fixed; */
	position: absolute;
	top: 25px;
	right: 25px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	/* background: #fff; */
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #ccc;
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 0px;
	right: 30px;
	width: 1px;
	height: 60px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}

@media all and (max-width: 768px) {
	.modaal-close {
		/* top:calc(50% - 40vw); */
		top:20px;
		right: 20px;
		width: 40px;
		height: 40px;
	}

	.modaal-close:before,
	.modaal-close:after {
		height: 40px;
		right: 20px;
	}
}

.modaal-content-container {
	text-align: center;
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}

.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}

.modaal-gallery-item {
	display: none;
}

.modaal-gallery-item img {
	display: block;
}

.modaal-gallery-item.is_active {
	display: block;
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.modaal-gallery-label:focus {
	outline: none;
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
}

.modaal-gallery-next-outer {
	right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
}

.modaal-gallery-prev-outer {
	left: 45px;
}

.modaal-video-wrap {
	margin: auto;
	position: relative;
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}



@media only screen and (min-width: 1400px) {
.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
}
}

@media only screen and (max-width: 1140px) {

.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
}

.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	background: #fff;
}

.modaal-gallery-next {
	left: auto;
	right: 20px;
}

.modaal-gallery-prev {
	left: 20px;
	right: auto;
}

}

@media screen and (max-width: 900px) {

.modaal-instagram iframe {
	width: 500px !important;
}

}

@media only screen and (max-width: 600px) {

.modaal-instagram iframe {
	width: 280px !important;
}

}

@media screen and (max-height: 1100px) {

.modaal-instagram iframe {
	width: 700px !important;
}

}

@media screen and (max-height: 1000px) {

.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.modaal-instagram iframe {
	width: 600px !important;
}

}

@media screen and (max-height: 900px) {

.modaal-instagram iframe {
	width: 500px !important;
}

.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
}

}

@media only screen and (max-height: 820px) {

.modaal-gallery-label {
	display: none;
}

}

@keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
}