@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* These browsers currently include
** Android 4.3-4.4+,
** Chrome 39-40+,
** Firefox 34-35+,
** Internet Explorer 10-11+,
** iOS 7-8+,
** Safari 7-8+,
** Windows Phone 8.1+.
*/
/*
 * Normalization
 */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&family=Noto+Sans+JP:wght@400;700;900&display=swap");
:root {
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-text-size-adjust: 100%;
		   -moz-text-size-adjust: 100%;
		    -ms-text-size-adjust: 100%;
		        text-size-adjust: 100%;
}

audio:not([controls]) {
		display: none;
}

details {
		display: block;
}

input[type=number] {
		width: auto;
}
input[type=search] {
		-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
}

main {
		display: block;
}

summary {
		display: block;
}

pre {
		overflow: auto;
}

progress {
		display: inline-block;
}

small {
		font-size: 75%;
}

template {
		display: none;
}

textarea {
		overflow: auto;
}

[hidden] {
		display: none;
}

[unselectable] {
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
}

/*
 * Universal inheritance
 */
*,
::before,
::after {
		-webkit-box-sizing: inherit;
		        box-sizing: inherit;
}

* {
		font-size: inherit;
		line-height: inherit;
}

::before,
::after {
		text-decoration: inherit;
		vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
*,
::before,
::after {
		border-style: solid;
		border-width: 0;
}

* {
		margin: 0;
		padding: 0;
}

:root {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		cursor: default;
		font: 62.5%/1em sans-serif;
		text-rendering: optimizeLegibility;
}
@media screen and (min-width: 769px) {
		:root {
				font: 0.78125vw/1em sans-serif;
		}
}
@media screen and (min-width: 1600px) {
		:root {
				font: 78.125%/1em sans-serif;
		}
}

html {
		background-color: #FFFFFF;
}

a {
		text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
		vertical-align: middle;
}

button,
input:not([type=radio]),
select,
textarea {
		background-color: transparent;
}

button,
input:not([type=radio]),
select,
textarea {
		color: inherit;
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
}

button,
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
		min-height: 1em;
}

input[type=submit],
input[type=button] {
		border-radius: 0;
		-webkit-appearance: button;
		   -moz-appearance: button;
		        appearance: button;
		border: none;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
		display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
		outline-offset: -2px;
}

code,
kbd,
pre,
samp {
		font-family: monospace, monospace;
}

nav ol,
nav ul {
		list-style: none;
}

select {
		-moz-appearance: none;
		-webkit-appearance: none;
}
select::-ms-expand {
		display: none;
}
select::-ms-value {
		color: currentColor;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

textarea {
		resize: vertical;
}

::-moz-selection {
		color: #FFFFFF;
		background-color: #000000;
		text-shadow: none;
}

::selection {
		color: #FFFFFF;
		background-color: #000000;
		text-shadow: none;
}

@media screen {
		[hidden~=screen] {
				display: inherit;
		}

		[hidden~=screen]:not(:active):not(:focus):not(:target) {
				clip: rect(0 0 0 0) !important;
				position: absolute !important;
		}
}
* {
		margin: 0;
		padding: 0;
		outline: 0;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
		margin: 0;
		padding: 0;
		/* margin&padding reset */
		font-style: normal;
}

h1, h2, h3, h4, h5, h6, dt {
		font-weight: 700;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
		display: block;
		margin: 0;
}

table {
		border-collapse: collapse;
		font-size: small;
		margin: 0;
		empty-cells: show;
}

hr, .areaAnchor, .anchor {
		display: none;
}

img {
		vertical-align: bottom;
		border: none;
		/* img do not want a border */
}

li {
		list-style: none;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		content: none;
}

ins {
		text-decoration: none;
		color: #000;
}

small, sub, sup {
		font-size: 0.83em;
}

sub {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateY(15%);
		        transform: translateY(15%);
}

sup {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateY(-15%);
		        transform: translateY(-15%);
}

mark {
		font-weight: bold;
		font-style: italic;
		color: #000;
}

del {
		text-decoration: line-through;
}

abbr[title], dfn[title] {
		cursor: help;
		border-bottom: 1px dotted;
}

table {
		border-spacing: 0;
		border-collapse: collapse;
}

/* acronyms and abbreviations styles
-------------------------------------*/
acronym, abbr {
		cursor: help;
}

/* word break
-------------------------------------*/
p {
		word-break: normal;
}

/* image position
-------------------------------------*/
img {
		vertical-align: bottom;
}

/*
===== 2: form setting ===========================
*/
option {
		padding-right: 10px;
}

input, select {
		vertical-align: middle;
}

/*--------------------------------------------------------------- */
/* 全体で使用する common style を記述
/*--------------------------------------------------------------- */
/* EB Garamond
font-family: 'EB Garamond', serif;
Regular : 400;
*/
/* Noto Sans JP
font-family: 'Noto Sans JP';
Regular : 400;
Bold : 700;
Black : 900;
*/
/*-------------------------------------------> font */
.en {
		font-family: "EB Garamond", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 400;
}

.en.f_def {
		font-weight: 400;
}

.en.f_bold {
		font-weight: 700;
}

.f_def {
		font-weight: 400;
}

.f_bold {
		font-weight: 700;
}

.f_black {
		font-weight: 900;
}

/*-------------------------------------------> html / body style */
html {
		height: 100%;
}

body {
		width: 100%;
		min-width: 100%;
		height: 100%;
		color: #000;
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
		font-weight: 400;
		overflow-y: scroll;
		overflow-x: auto;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
body > * {
		-webkit-font-feature-settings: "palt";
		        font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
		body .pc {
				display: block;
		}
		body .sp {
				display: none;
		}
		body img.pc, body .svg.pc {
				display: inline;
		}
		body > * {
				-webkit-font-feature-settings: "palt";
				        font-feature-settings: "palt";
		}
}
@media screen and (max-width: 767px) {
		body {
				height: 100%;
		}
		body .pc {
				display: none;
		}
		body .sp {
				display: block;
		}
		body img.pc {
				display: none;
		}
		body img.sp, body .svg.sp {
				display: inline;
		}
		body img {
				max-width: 100%;
				height: auto;
		}
		body > * {
				-webkit-font-feature-settings: "palt";
				        font-feature-settings: "palt";
		}
}

.hide {
		display: none;
}

/*-------------------------------------------> link style */
a {
		outline: none;
		cursor: pointer;
}
a:link {
		text-decoration: none;
}
a:visited {
		text-decoration: none;
}
a:hover {
		text-decoration: none;
}
a:active {
		text-decoration: none;
}

.OverOpacity,
.OverOpacityGroup a {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
}
.OverOpacity:hover,
.OverOpacityGroup a:hover {
		opacity: 0.3;
}

/*-------------------------------------------> Common style */
#Header,
#Footer,
#Main {
		width: 1280px;
		margin-left: auto;
		margin-right: auto;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
		#Header,
#Footer,
#Main {
				overflow-x: hidden;
		}
}

#Header .inner,
#Footer .inner {
		min-width: 1280px;
		width: 100%;
		padding-left: 80px;
		padding-right: 80px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
}

/*-------------------------------------------> Header */
#Header {
		height: 140px;
}
#Header .fix {
		min-width: 1280px;
		width: 100%;
		height: 140px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: rgba(255, 255, 255, 0);
		-webkit-transition: -webkit-transform 0.3s ease-out;
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#Header.fixed .fix {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		background: rgb(255, 255, 255);
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
}
#Header.fixed.footerFixed .fix {
		-webkit-transform: translate3d(0, -100%, 0);
		        transform: translate3d(0, -100%, 0);
}

#Navi {
		width: 1120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-left: auto;
		margin-right: auto;
}
#Navi .logo {
		width: 228px;
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.1em;
		margin-right: 1.5em;
}
#Navi .logo a {
		display: block;
}
#Navi .logo img {
		max-width: initial;
		width: 228px;
		height: 39px;
}
#Navi .contact {
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.1em;
}
#Navi .contact a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 39px;
		color: #000;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}
#Navi .contact a:hover {
		color: #666;
}

/*-------------------------------------------> Footer */
#Footer .inner {
		margin-top: 95px;
}
#Footer .inner .flex {
		height: 200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#Footer .inner .copyright {
		position: relative;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.1em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#Footer .inner .copyright a.logo {
		display: block;
		width: 64px;
		height: 39px;
		background: url(../images/logomark.svg) no-repeat left top/100% 100%;
		margin-right: 55px;
		text-indent: -9999px;
		cursor: pointer;
}
#Footer .inner .sns {
		margin-left: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
#Footer .inner .sns .privacy {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.1em;
}
#Footer .inner .sns .privacy a {
		color: #000;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}
#Footer .inner .sns .privacy a:hover {
		color: #666;
}
#Footer .inner .sns .privacy a.logo {
		display: none;
}
#Footer .inner .sns .icon {
		margin-left: 20px;
}
#Footer .inner .sns .icon.instagram {
		margin-left: 55px;
}
#Footer .inner .sns .icon a .svg {
		width: 21px;
		height: 21px;
}
#Footer .inner .sns .icon a .svg .fill-snsicon {
		fill: #7d7d7d;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}
#Footer .inner .sns .icon a:hover .svg .fill-snsicon {
		fill: #000;
}

/*-------------------------------------------> Common Module */
/* hover zoom image */
.mod_imgZoom span {
		display: block;
		overflow: hidden;
}
.mod_imgZoom span img {
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}

a:hover .mod_imgZoom span img {
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
}

a.mod_imgZoom:hover span img {
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
}

/* modal movie */
.mod_movieBtn .mod_linkButton {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}

.mod_modal {
		display: none;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(255, 255, 255, 0.9);
}
.mod_modal .frame {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 80%;
		height: 0;
		padding-top: 45%;
}
.mod_modal .frame video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.mod_modal .frame .btnClose {
		position: absolute;
		top: -50px;
		right: 0;
		display: block;
		width: 40px;
		height: 40px;
}
.mod_modal .frame .btnClose a {
		display: block;
		cursor: pointer;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
}
.mod_modal .frame .btnClose a::before, .mod_modal .frame .btnClose a::after {
		content: "";
		width: 40px;
		height: 1px;
		background: #000;
		position: absolute;
		top: 20px;
		left: 0;
}
.mod_modal .frame .btnClose a::before {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
}
.mod_modal .frame .btnClose a::after {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
}

/*-------------------------------------------> WorksList - masonry */
.mod_worksList {
		width: 1260px;
		margin-left: 10px;
		margin-right: 10px;
}
.mod_worksList .item {
		width: 420px;
		padding-left: 70px;
		padding-right: 70px;
		margin-bottom: 90px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}
.mod_worksList .item .img {
		margin-bottom: 15px;
}
.mod_worksList .item .img span {
		display: block;
		overflow: hidden;
		width: 100%;
}
.mod_worksList .item .img span img {
		width: 100%;
}
.mod_worksList .item .meta .title {
		font-size: 12px;
		line-height: 1.3333333333;
		letter-spacing: 0.2em;
}
.mod_worksList .item .meta .day {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.2em;
		margin-top: 1em;
}
.mod_worksList .item a {
		display: block;
		color: #000;
}
.mod_worksList .item a .img img {
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}
.mod_worksList .item a .meta {
		color: #000;
		opacity: 0;
		-webkit-animation-duration: 0.3s;
		        animation-duration: 0.3s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
}
.mod_worksList .item a:hover .img img {
		-webkit-transform: scale3d(1.05, 1.05, 1);
		        transform: scale3d(1.05, 1.05, 1);
}
.mod_worksList .item a:hover .meta {
		-webkit-animation-name: fadeIn;
		        animation-name: fadeIn;
}

/*-------------------------------------------> animation module */
.anim-fadeInUp {
		opacity: 0;
		-webkit-animation-duration: 0.75s;
		        animation-duration: 0.75s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
		-webkit-animation-name: fadeInUp;
		        animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
		-webkit-animation-name: none;
		        animation-name: none;
}

.anim-fadeIn {
		opacity: 0;
		-webkit-animation-duration: 0.5s;
		        animation-duration: 0.5s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
		-webkit-animation-name: fadeIn;
		        animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
		-webkit-animation-name: none;
		        animation-name: none;
}

.anim-popUp {
		opacity: 0;
		-webkit-animation-duration: 0.3s;
		        animation-duration: 0.3s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
}

.inView .isAnim.inView.anim-popUp,
.inView .isAnim.inView .anim-popUp,
.inView .anim-popUp,
.inView.anim-popUp {
		-webkit-animation-name: popUp;
		        animation-name: popUp;
}

.inView .isAnim.anim-popUp,
.inView .isAnim .anim-popUp {
		-webkit-animation-name: none;
		        animation-name: none;
}

.anim-bounceIn {
		opacity: 0;
		-webkit-animation-duration: 0.3s;
		        animation-duration: 0.3s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
}

.inView .isAnim.inView.anim-bounceIn,
.inView .isAnim.inView .anim-bounceIn,
.inView .anim-bounceIn,
.inView.anim-bounceIn {
		-webkit-animation-name: bounceIn;
		        animation-name: bounceIn;
}

.inView .isAnim.anim-bounceIn,
.inView .isAnim .anim-bounceIn {
		-webkit-animation-name: none;
		        animation-name: none;
}

.anim-fadeInLeft {
		opacity: 0;
		-webkit-animation-duration: 0.9s;
		        animation-duration: 0.9s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		        animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
		-webkit-transform-origin: left bottom;
		        transform-origin: left bottom;
}

.inView .isAnim.inView.anim-fadeInLeft,
.inView .isAnim.inView .anim-fadeInLeft,
.inView .anim-fadeInLeft,
.inView.anim-fadeInLeft {
		-webkit-animation-name: fadeInLeft;
		        animation-name: fadeInLeft;
}

.inView .isAnim.anim-fadeInLeft,
.inView .isAnim .anim-fadeInLeft {
		-webkit-animation-name: none;
		        animation-name: none;
}

/* delay */
.delay0 {
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
}

.delay1 {
		-webkit-animation-delay: 0.2s;
		        animation-delay: 0.2s;
}

.delay2 {
		-webkit-animation-delay: 0.4s;
		        animation-delay: 0.4s;
}

.delay3 {
		-webkit-animation-delay: 0.6s;
		        animation-delay: 0.6s;
}

.delay4 {
		-webkit-animation-delay: 0.8s;
		        animation-delay: 0.8s;
}

.delay5 {
		-webkit-animation-delay: 1s;
		        animation-delay: 1s;
}

.delay6 {
		-webkit-animation-delay: 1.2s;
		        animation-delay: 1.2s;
}

.delay7 {
		-webkit-animation-delay: 1.4s;
		        animation-delay: 1.4s;
}

.delay8 {
		-webkit-animation-delay: 1.6s;
		        animation-delay: 1.6s;
}

.delay9 {
		-webkit-animation-delay: 1.8s;
		        animation-delay: 1.8s;
}

.delay10 {
		-webkit-animation-delay: 2s;
		        animation-delay: 2s;
}

.delay11 {
		-webkit-animation-delay: 2.2s;
		        animation-delay: 2.2s;
}

/*-------------------------------------------> keyframe */
@-webkit-keyframes fadeInUp {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, 20px, 0);
				        transform: translate3d(0, 20px, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: none;
				        transform: none;
		}
}
@keyframes fadeInUp {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, 20px, 0);
				        transform: translate3d(0, 20px, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: none;
				        transform: none;
		}
}
@-webkit-keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
@-webkit-keyframes popUp {
		0% {
				opacity: 0;
				-webkit-transform: scale(0.8);
				        transform: scale(0.8);
		}
		80% {
				opacity: 1;
				-webkit-transform: scale(1.05);
				        transform: scale(1.05);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@keyframes popUp {
		0% {
				opacity: 0;
				-webkit-transform: scale(0.8);
				        transform: scale(0.8);
		}
		80% {
				opacity: 1;
				-webkit-transform: scale(1.05);
				        transform: scale(1.05);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@-webkit-keyframes bounceIn {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		0% {
				opacity: 0;
				-webkit-transform: scale3d(0.3, 0.3, 0.3);
				        transform: scale3d(0.3, 0.3, 0.3);
		}
		20% {
				-webkit-transform: scale3d(1.1, 1.1, 1.1);
				        transform: scale3d(1.1, 1.1, 1.1);
		}
		40% {
				-webkit-transform: scale3d(0.9, 0.9, 0.9);
				        transform: scale3d(0.9, 0.9, 0.9);
		}
		60% {
				opacity: 1;
				-webkit-transform: scale3d(1.03, 1.03, 1.03);
				        transform: scale3d(1.03, 1.03, 1.03);
		}
		80% {
				-webkit-transform: scale3d(0.97, 0.97, 0.97);
				        transform: scale3d(0.97, 0.97, 0.97);
		}
		to {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
		}
}
@keyframes bounceIn {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		0% {
				opacity: 0;
				-webkit-transform: scale3d(0.3, 0.3, 0.3);
				        transform: scale3d(0.3, 0.3, 0.3);
		}
		20% {
				-webkit-transform: scale3d(1.1, 1.1, 1.1);
				        transform: scale3d(1.1, 1.1, 1.1);
		}
		40% {
				-webkit-transform: scale3d(0.9, 0.9, 0.9);
				        transform: scale3d(0.9, 0.9, 0.9);
		}
		60% {
				opacity: 1;
				-webkit-transform: scale3d(1.03, 1.03, 1.03);
				        transform: scale3d(1.03, 1.03, 1.03);
		}
		80% {
				-webkit-transform: scale3d(0.97, 0.97, 0.97);
				        transform: scale3d(0.97, 0.97, 0.97);
		}
		to {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
		}
}
@-webkit-keyframes bounceInZoom {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		20% {
				-webkit-transform: scale3d(1.1, 1.1, 1.1);
				        transform: scale3d(1.1, 1.1, 1.1);
		}
		40% {
				-webkit-transform: scale3d(0.9, 0.9, 0.9);
				        transform: scale3d(0.9, 0.9, 0.9);
		}
		60% {
				-webkit-transform: scale3d(1.03, 1.03, 1.03);
				        transform: scale3d(1.03, 1.03, 1.03);
		}
		80% {
				-webkit-transform: scale3d(0.97, 0.97, 0.97);
				        transform: scale3d(0.97, 0.97, 0.97);
		}
		to {
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
		}
}
@keyframes bounceInZoom {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		20% {
				-webkit-transform: scale3d(1.1, 1.1, 1.1);
				        transform: scale3d(1.1, 1.1, 1.1);
		}
		40% {
				-webkit-transform: scale3d(0.9, 0.9, 0.9);
				        transform: scale3d(0.9, 0.9, 0.9);
		}
		60% {
				-webkit-transform: scale3d(1.03, 1.03, 1.03);
				        transform: scale3d(1.03, 1.03, 1.03);
		}
		80% {
				-webkit-transform: scale3d(0.97, 0.97, 0.97);
				        transform: scale3d(0.97, 0.97, 0.97);
		}
		to {
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
		}
}
@-webkit-keyframes fadeInLeft {
		from {
				opacity: 1;
				-webkit-transform: scale3d(0, 0, 0);
				        transform: scale3d(0, 0, 0);
				-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		}
		60% {
				opacity: 1;
				-webkit-transform: scale3d(0.475, 0.475, 0.475);
				        transform: scale3d(0.475, 0.475, 0.475);
				-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
				        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
				-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
				        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		}
}
@keyframes fadeInLeft {
		from {
				opacity: 1;
				-webkit-transform: scale3d(0, 0, 0);
				        transform: scale3d(0, 0, 0);
				-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		}
		60% {
				opacity: 1;
				-webkit-transform: scale3d(0.475, 0.475, 0.475);
				        transform: scale3d(0.475, 0.475, 0.475);
				-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
				        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				        transform: scale3d(1, 1, 1);
				-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
				        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		}
}