@charset "UTF-8";

/* -------------------------------------------------------------------------- **
**  SPECIAL
** -------------------------------------------------------------------------- */

.gradient-bg { background-image: url(../images/special/common/gradient-bg.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.gradient-bg { background-image: url(../images/special/common/gradient-bg_2x.jpg); }
}
.gradient-bg {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(196, 233, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(196, 233, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0,rgba(196, 233, 255, 1)), color-stop(1,rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(-90deg, rgba(196, 233, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(196, 233, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg, rgba(196, 233, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.gradient-bg {
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 500px;
}

.gradient2-bg { background-image: url(../images/special/common/gradient2-bg.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.gradient2-bg { background-image: url(../images/special/common/gradient2-bg_2x.jpg); }
}
.gradient2-bg {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(238, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(238, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0,rgba(238, 247, 255, 1)), color-stop(1,rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(-90deg, rgba(238, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(238, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg, rgba(238, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.gradient2-bg {
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 300px;
}

.gradient3-bg { background-image: url(../images/special/common/gradient3-bg.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.gradient3-bg { background-image: url(../images/special/common/gradient3-bg_2x.jpg); }
}
.gradient3-bg {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(189, 226, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(189, 226, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0,rgba(189, 226, 255, 1)), color-stop(1,rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(-90deg, rgba(189, 226, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(189, 226, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg, rgba(189, 226, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.gradient3-bg {
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 500px;
}

.gradient4-bg { background-color: #ffecdf; background-image: url(../images/special/common/gradient4-bg.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.gradient4-bg { background-image: url(../images/special/common/gradient4-bg_2x.jpg); }
}
.gradient4-bg {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(255, 98, 98, 1) 0%, rgba(255, 161, 96, 0.2) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 98, 98, 1) 0%, rgba(255, 161, 96, 0.2) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0,rgba(255, 98, 98, 1)), color-stop(1,rgba(255, 161, 96, 0.2) ));
	background: -o-linear-gradient(-90deg, rgba(255, 98, 98, 1) 0%, rgba(255, 161, 96, 0.2) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 98, 98, 1) 0%, rgba(255, 161, 96, 0.2) 100%);
	background: linear-gradient(180deg, rgba(255, 98, 98, 1) 0%, rgba(255, 161, 96, 0.2) 100%);
}
.gradient4-bg {
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 100%;
}

