@charset "utf-8";
/* CSS Document */

/************************************************************************************
* paddingとborderを幅と高さに含める
*************************************************************************************/
* {
	-webkit-box-sizing:border-box;   /* for SP>3 */
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;   /* for SP>3 */
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	box-sizing: border-box;
}

/************************************************************************************
HTML,BODY
*************************************************************************************/
html,body {
	width:100%;
	height:100%;
	min-height:100%;   /* html fit brows */
}
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	color:#3b3b3b;
	font-size:14px;
	line-height:150%;
	text-align:center;
	overflow-x: hidden;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
.clearfix {/* for IE<8 */
	zoom:1;
}

/************************************************************************************
FLOAT
*************************************************************************************/
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.floatnone {
	float:none;
}

/************************************************************************************
FLOAT
*************************************************************************************/
.pcNone {
	display:none;
}
.spNone {
	display: inline-block;
}
@media only screen and (max-width: 1269px){
	.pcNone {
		display:block;
	}
	.spNone {
		display:none;
	}
}

/************************************************************************************
LINK
*************************************************************************************/
a {
	white-space:nowrap;
	transition: all 0.4s;
}
a:link {
	color:#3b3b3b;
	text-decoration:none;
	outline: none;
}
a:visited {
	color:inherit;
	text-decoration:none;
}
a:hover {
	color:rgba(235,186,77,1.0);
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
}
.alphaover a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	transition-duration:1s;
}
.none{
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
}
a.ghostButton {
	width:240px;
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	padding:10px 30px;
	margin:24px auto 0;
	background-color:rgba(235,186,77,0.7);
	border:2px rgba(235,186,77,1.0) solid;
	border-radius:1px;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);
	cursor:pointer;
	transition: all 0.4s;
	display:block;
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}
a.ghostButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}
@media only screen and (max-width: 650px){
	a.ghostButton {
		width:90%;
	}
}

/************************************************************************************
TEXT
*************************************************************************************/
.black {
	color:#000000;
}
.yellow {
	color:rgba(235,186,77,1.0);
}
.bold {
	font-weight:bold;
}
pre a {
	text-decoration:none;
}
.supplementation {
	font-size:10px;
}
.tit {
	font-size:25px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	letter-spacing:3px;
	margin-bottom:30px;
}

/************************************************************************************
MARGIN,PADDING
*************************************************************************************/

/************************************************************************************
INPUT,TEXTAREA
*************************************************************************************/
input[type="text"], input[type="password"], input[type="email"] {
	-webkit-appearance: none;
	border-radius:0;
	padding-left:2px;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
	outline:2px rgba(235,186,77,1.0) solid;
	box-shadow:none;
}
textarea {
	padding-left:2px;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
}
textarea:focus {
	outline:2px rgba(235,186,77,1.0) solid;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);
}
input[type="text"], input[type="password"], input[type="search"], input[type="email"], isindex {
	-webkit-appearance: none;
	border-radius:0;
	padding:1px;
	background-color:#FFF;
	border:1px solid #CCC;
	border-image:initial;
	-webkit-rtl-ordering:logical;
	-webkit-user-select:text;
	cursor:auto;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
	-webkit-appearance: none;
	border-radius:0;
	border:none;
}
textarea {
	-webkit-appearance: none;
	border-radius:0;
	background-color:#FFF;
	border:1px solid #CCC;
	border-image:initial;
	-webkit-rtl-ordering:logical;
	-webkit-user-select:text;
	-webkit-box-orient:vertical;
	resize:auto;
	cursor:auto;
	padding:2px;
	white-space:pre-wrap;
	word-wrap:break-word;
}

/************************************************************************************
BUTTON/SUBMIT/RESET
*************************************************************************************/
button, input[type="button"], input[type="submit"], input[type="reset"] {
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	padding:4px 15px !important;
	background-color:rgba(235,186,77,1.0);
	border:none;
	border-radius:5px;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.2);
	cursor:pointer;
	transition: all 0.3s;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
	outline:none;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.2) inset;
}
button:focus, input[type="button"]:active, input[type="submit"]:focus, input[type="reset"]:focus {
	border:none;
	outline:none;
	/*box-shadow:0px 0px 6px 1px rgba(0,0,0,0.2) inset;*/
}

/************************************************************************************
RADIO
*************************************************************************************/
input[type="radio"] {
	display:none;
}
input[type="radio"] + label.radio-label {
	padding-left:30px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
	cursor:pointer;
	transition: all 0.3s;
	

}
input[type="radio"] + label.radio-label:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;	
}
input[type="radio"]:checked + label.radio-label {
	background-position:0 -25px;
}
label.radio-label {
	background-image:url(../images/common/radio_button.png);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/************************************************************************************
CHECKBOX
*************************************************************************************/
input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label.check-label {
	padding-left:30px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
	cursor:pointer;
	transition: all 0.3s;
}
input[type="checkbox"] + label.check-label:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;	
}
input[type="checkbox"]:checked + label.check-label {
	background-position:0 -25px;
}
label.check-label {
	background-image:url(../images/common/check_box.png);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	margin-right:10px;
}

/************************************************************************************
SELECT
*************************************************************************************/
select {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	border:1px solid #CCC;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);
	/*margin-bottom:15px;*/
	cursor:pointer;
	transition: all 0.3s;
}
select:hover {
	border:#BBB solid 1px;
}
select:active {	
}
select:focus {
	box-shadow:none;
	border:1px #155698 solid;
	border-radius:2px;
	outline:1px #155698 solid;
}
option:hover {
	background-color:#155698;
}


/************************************************************************************
FLEXBOX
*************************************************************************************/
.flexbox {
	display:flex;
	justify-content:center;
	align-items:center;
}

/************************************************************************************
SECTION
*************************************************************************************/
.section960 {
	width:960px;
	margin:0 auto;
	text-align:left;
}
.section1270 {
	max-width:1270px;
	margin:0 auto;
	text-align:left;
}
@media only screen and (max-width: 1269px){
	.section960 {
		width:100%;
	}
	.section1270 {
		width:100%;
	}
}

/************************************************************************************
CONTAINER
*************************************************************************************/
#container {
	width:100%;
	height:auto;
	min-height:100%; /* html fit brows */
	margin:0 auto;
	background-color:rgba(255,255,255,1);
	overflow:hidden;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	width:100%;
	min-width:1250px;
	height:auto;
	padding:0;
	background-color:#FFF;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	margin:0 auto;
}
header#header div.section960 {
	margin-bottom:0 !important;
}
header#header div#hTop h1 {
	float:left;
}
header#header div#hTop div#telNumber {
	float:right;
}
#header div#logo {
	font-size:18px;
	line-height:140%;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	float:left;
}
#header div#logo a span:first-child {
	color:rgba(235,186,77,1.0);
	font-size:16px;
	font-weight:bold;
	letter-spacing:6px;
	padding-left:3px !important;
}
#header div#logo a span:last-child {
	color:#666666;
	letter-spacing:3px;
}
#header div#logo a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	transition-duration:1s;
}
#header nav {
	padding-top:20px;
	padding-right:10px;
	float:right;
}
#header nav ul {
}
#header nav ul li {
	font-size:16px;
	float:left;
}
#header nav ul li a {
	display:block;
	line-height:30px;
	float:left;
}
#header nav ul li+ li {
	padding-left:40px;
}
#header nav ul li a:hover {
	transition: all 0.5s;
}
#header nav ul li.current {
	color:rgba(235,186,77,1.0) !important;
	font-weight:bold;
	
}
#header nav ul li.current a:link {
	color:rgba(235,186,77,1.0) !important;
}
#header nav ul li.current a:hover {
	color:rgba(235,186,77,1.0) !important;
}
#header nav ul li.current a:visited {
	color:rgba(235,186,77,1.0) !important;
}
@media only screen and (min-width: 1270px){
	div#spNav {
		display:none;
	}
}
@media only screen and (max-width: 1269px){
	header#header {
		width:100%;
		max-width:100%;
		min-width:100%;
		height:auto !important;
		position:fixed;
		z-index:9995 !important;
		overflow:inherit !important;
	}
	#header div#logo {
		float:none;
	}
	/*  PCNAV  */
	nav#pcNav {
		display:none;
	}
	#header nav {
		padding-top:0;
		float:none;
	}
	#header nav ul li {
		float:none;
	}
	#header nav ul li a {
		float:none;
	}
	#header nav ul li+ li {
		padding-left:0;
	}
	#header nav ul li a.current {
		color:rgba(235,186,77,1.0);
		font-weight:bold;	
	}
	/*  SPNAV  */
	div#spNav {
		max-width:100%;
		display:inherit;
		overflow:hidden;
	}
	div#spNav ul li a {
		color:#ffffff;
		text-decoration:none;
		display:block;
		padding:25px 0;
	}
	div#spNav ul li a:hover {
		color:rgba(235,186,77,1.0);
		transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-webkit-transition:color 0.3s ease-in-out;
	}
	div#spNav ul li+ li {
		border-top:1px solid #ffffff;
	}
	
	.HiddenCheckbox {
		display:none;
	}
	.MenuIcon {
		width:50px;
		height:50px;
		cursor:pointer;
		display:block !important;
		
		-webkit-transition-duration:0.4s;
		-moz-transition-duration:0.4s;
		-o-transition-duration:0.4s;
		-ms-transition-duration:0.4s;
		transition-duration:0.4s;
		
		background-image:url(../images/common/humberger.png);
		background-size:40px;
		background-repeat:no-repeat;
		background-position:center;
		position:fixed;
		top:12px;
		left:0;
		z-index:9999;
	}
	.HiddenCheckbox:checked ~ .MenuHeader {
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
	}
	.HiddenCheckbox:checked ~ .MenuIcon {
		background-image:url(../images/common/menuclose.png);
		background-size:40px;
		background-position:center;
	}
}

/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/************************************************************************************
PAGE-TOP
*************************************************************************************/
#page-top {
	width:50px;
	height:50px;
    position:fixed;
	right:10px;
	bottom:10px;
	z-index:9990;
}
#page-top a {
	width:50px;
	height:50px;
	display:block;
	background-image:url(../images/common/totop.png);
	background-size:50px;
	background-repeat:no-repeat;
	background-position:center;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
    display:block;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
#page-top a:hover {
	background-image:url(../images/common/totop.png);
	background-size:50px;
	background-repeat:no-repeat;
	background-position:center;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

/************************************************************************************
INTRO
*************************************************************************************/
article#intro {
	margin-bottom:30px;
}
.parallax_bg{
	height:100vh;
	overflow-x:hidden;
    overflow-y:auto;
}
.parallax_bg::-webkit-scrollbar {
    width:10px;
}
 .parallax_bg::-webkit-scrollbar-track {
    background-color:rgba(204,204,204,0.5);
    border-radius:5px;
}
 .parallax_bg::-webkit-scrollbar-thumb {
    background-color:rgba(235,186,77,0.8);
    border-radius:5px;
}
.parallax_content{
	color:#FFFFFF;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	
	/*background-attachment: fixed;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.img_bg_01{
	background-image:url(../images/common/fv_bg.jpg);
}
.img_bg_03{
	background-image:url(../images/common/gallery_bg.jpg);
}
.img_bg_06{
	background-image:url(../images/common/portfolio_bg.jpg);
}
.img_bg_02{
	background-image:url(../images/common/eye01.jpg);
}
.img_bg_04{
	background-image:url(../images/common/eye03.jpg);
}
.img_bg_05{
	background-image:url(../images/common/eye04.jpg);
}


article#intro div img {
	width:20%;
	height:auto;
	padding-top:80px;
}

@media only screen and (max-width: 1269px){
	article#intro {
		margin-bottom:10px;
	}
	article#intro div img {
		width:40%;
		height:auto;
		padding-top:0px;
	}
}

/************************************************************************************
ABOUT
*************************************************************************************/
article#about {
	width:100%;
	padding:100px 0 0;
	margin-top:-50px;
	margin-bottom:30px;
	
}
article#about section {
	background-image:url(../images/common/about_bg.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px 0;
}
article#about section dl {
	width:50%;
	background-color:rgba(255,255,255,0.6);
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	padding:50px 50px;
	margin-left:auto;
	margin-right:50px;
}
article#about section dl dt {
	font-size:17px;
	margin-bottom:15px;
}
article#about section dl dt span.yellow {
	margin-top:40px !important;
	display:inline-block;
}
article#about section dl dd {
	line-height:30px;
	padding-left:10px;
	margin-bottom:10px;
}
@media only screen and (max-width: 1269px){
	article#about {
		margin-bottom:20px;
	}
	article#about section {
		padding:50px 10px;
		background-size:cover;
		background-position:center left;
	}
	article#about section dl {
		width:100%;
		background-color:rgba(255,255,255,0.8);
	}
}

/************************************************************************************
GALLERY
*************************************************************************************/
article#gallery {
	width:100%;
	padding:100px 20px 0;
	margin-top:-50px;
}
article#gallery section {
	width:30%;
	text-align:center;
	margin-left:5%;
	margin-bottom:60px;
	float:left;
}
article#gallery section:nth-child(3n+1) {
	margin-left:0;
}
article#gallery section figure {
	width:100%;
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-moz-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-webkit-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	position:relative;
	overflow:hidden;
	transition:all 0.4s;
	
	width:100%;
	height:0px;
	padding-top:56.25%;/*16：9*/
	position:relative;
}
article#gallery section figure:before {
    content:"";
    display:block;
    padding-top:100%;
}
article#gallery section figure iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

@media only screen and (max-width: 1269px){
	article#gallery section {
		width:50%;
		padding:0 1.3%;
		margin-left:0;
		margin-bottom:30px;
	}
}
@media only screen and (max-width: 720px){
	article#gallery section {
		width:100%;
		float:none;
	}
}

/************************************************************************************
WORKS / PORTFOLIO
*************************************************************************************/
article#works,
article#portfolio {
	width:100%;
	padding:100px 20px 0;
	margin-top:-50px;
}
article#works {
	margin-bottom:50px;
}
article#works section,
article#portfolio section {
	width:30%;
	text-align:center;
	margin-left:5%;
	margin-bottom:30px;
	float:left;
}
article#works section:nth-child(3n+1),
article#portfolio section:nth-child(3n+1) {
	margin-left:0;
}
article#works section figure,
article#portfolio section figure {
	width:100%;
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-moz-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-webkit-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	position:relative;
	overflow:hidden;
	transition:all 0.4s;
}
article#works section figure:before,
article#portfolio section figure:before {
    content:"";
    display:block;
    padding-top:100%;
}
article#works section figure img,
article#portfolio section figure img {
	width:100%;
	height:100%;
    position:absolute;
    top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition:all 0.5s;
	object-fit: cover;
}
article#works section figure figcaption,
article#portfolio section figure figcaption {
	width:100%;
	color:#FFFFFF;
	line-height:50px;
	background-color:rgba(235,186,77,0.8);
	position:absolute;
    top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition:all 0.4s;
}
article#works section a:hover figure,
article#portfolio section a:hover figure {
	background-color:rgba(235,186,77,0.5);
	transition:all 0.4s;
}
article#works section a:hover figure figcaption,
article#portfolio section a:hover figure figcaption {
	font-size:16px;
	font-weight:bold;
	background-color:rgba(235,186,77,0.1);
	transition:all 0.4s;
}
@media only screen and (max-width: 1269px){
	article#works section,
	article#portfolio section {
		width:50%;
		padding:0 1.3%;
		margin-left:0;
	}
	article#works {
		margin-bottom:0;
	}
}
@media only screen and (max-width: 480px){
	article#works section,
	article#portfolio section {
		width:100%;
		float:none;
	}
}

/************************************************************************************
GalleryWrap
*************************************************************************************/
article.galleryWrap {
	width:100%;
	padding:100px 20px 0;
	margin-top:-50px;
}
article.galleryWrap section {
	width:30%;
	text-align:center;
	margin-left:5%;
	margin-bottom:30px;
	float:left;
}
article.galleryWrap section:nth-child(3n+1) {
	margin-left:0;
}
article.galleryWrap section figure {
	width:100%;
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-moz-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-webkit-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	position:relative;
	overflow:hidden;
	transition:all 0.4s;
}
article.galleryWrap section figure:before {
    content:"";
    display:block;
    padding-top:100%;
}
article.galleryWrap section figure img {
	width:100%;
	height:100%;
    position:absolute;
    top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition:all 0.5s;
	object-fit: cover;
}
article.galleryWrap section figure figcaption {
	width:100%;
	color:#FFFFFF;
	line-height:50px;
	background-color:rgba(235,186,77,0.8);
	position:absolute;
    top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition:all 0.4s;
}
article.galleryWrap section a figure {
}
article.galleryWrap section a:hover figure {
	background-color:rgba(235,186,77,0.5);
	transition:all 0.4s;
}
article.galleryWrap section a:hover figure figcaption {
	font-size:16px;
	font-weight:bold;
	background-color:rgba(235,186,77,0.1);
	transition:all 0.4s;
}
#toTop {
	margin:50px 0;
}
@media only screen and (max-width: 1269px){
	article.galleryWrap section {
		width:50%;
		padding:0 1.3%;
		margin-left:0;
	}
	#toTop {
		margin:30px 0 50px;
	}
}
@media only screen and (max-width: 480px){
	article.galleryWrap section {
		width:100%;
		float:none;
	}
}

/************************************************************************************
GALLERYVR
*************************************************************************************/
article#galleryVr {
	width:100%;
	padding:100px 20px 0;
	margin-top:-50px;
}
article#galleryVr section {
	width:100%;
	text-align:center;
	margin-bottom:60px;
}
article#gallery section figure {
	width:100%;
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-moz-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	-webkit-box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	position:relative;
	overflow:hidden;
	transition:all 0.4s;
	
	width:1270px;
	height:auto;
}
/*article#gallery section figure:before {
    content:"";
    display:block;
    padding-top:100%;
}*/
/*article#gallery section figure iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}*/


@media only screen and (max-width: 1269px){
	article#galleryVr section {
		width:100%;
		padding:0 1.3%;
		margin-left:0;
		margin-bottom:30px;
	}
	article#gallery section figure {
		width:100%;
	}
}
@media only screen and (max-width: 720px){
	article#galleryVr section {
		width:100%;
	}
}

/************************************************************************************
SERVICE
*************************************************************************************/
article#service {
	width:100%;
	padding:100px 0 0;
	margin-top:-50px;
}
article#service section {
	margin-bottom:50px;
}
article#service section  figure {
	margin-bottom:30px;
}
article#service section h1 {
	font-size:18px;
	text-align:center;
	letter-spacing:3px;
	margin-bottom:20px;
}
article#service section p {
	text-align:center;
	line-height:25px;
	margin-bottom:20px;
}
article#service section.leftService {
	width:30%;
	height:auto;
	margin-right:5%;
	float:left;
}
article#service section:nth-child(3) {
	margin-right:0 !important;
}
article#service section#vrService {
	background-image:url(../images/common/service04.png);
	background-position:center left;
	background-size:contain;
	background-repeat:no-repeat;
	padding:100px 0;
}
article#service section#vrService div {
	width:60%;
	background-color:rgba(255,255,255,0.9);
	box-shadow:0px 0px 12px -2px rgba(59,59,59,0.2),0px 0px 3px 0px rgba(59,59,59,0.1);
	padding:50px 50px;
	margin-left:auto;
}
article#service section figure img {
	width:100%;
	height:auto;
}
@media only screen and (max-width: 1269px){
	article#service {
		padding:100px 20px 0;
	}
	article#service section {
		margin-bottom:60px;
	}
	article#service section:last-child {
		margin-bottom:0 !important;
	}
	article#service section.leftService {
		width:100%;
		float:none;
	}
	article#service section#vrService {
		padding:20px 0;
		margin-bottom:0 !important;
	}
	article#service section#vrService div {
		width:100%;
		padding:50px 10px;
		background-size:cover;
	}
	article#service section figure {
		height:auto;
	}
}

/************************************************************************************
CONTACT
*************************************************************************************/
#contact {
	width:100%;
	padding:100px 20px 0;
	margin:-50px auto 50px;
}
#contact section {
	width:100%;
	margin-bottom:30px;
}
#contact section#cForm form {
	width:610px;
	text-align:left;
	margin:0 auto;
}
#contact form .text {
	width:282px;
	height:28px;
	margin-bottom:10px;
}
#contact form textarea {
	width:100%;
	max-width:602px !important;
	height:100px;
	margin-bottom:10px;
}
@media only screen and (max-width: 1269px){
	#contact {
		padding:121px 10px 0;
	}
	#contact section {
		width:100%;
		padding:0 10px;
	}
	#contact section#cForm form {
		width:100%;
	}
	#contact form .text {
		width:80%;
	}
	#contact form textarea {
		max-width:100% !important;
	}
}

/************************************************************************************
MAP
*************************************************************************************/
article#map {
	width:960px;
	height:auto;
	text-align:left;
	margin:0 auto 50px;
	overflow:hidden !important;
	position:relative;
}
article#map ifame {
	width:100%;
	position:relative;
	overflow:hidden;
}

@media only screen and (max-width: 959px){
	article#map {
		width:100%;
		padding:0 20px;
		margin:0 auto 50px;
	}
}

/************************************************************************************
STUDIO
*************************************************************************************/
article#studio {
	width:960px;
	margin:0 auto 100px;
}
article#studio figure {
	width:100%;
	height:auto;
}
article#studio figure ifame {
	width:960px;
	height:auto;
	position:relative;
	overflow:hidden;
}
@media only screen and (max-width: 959px){
	article#studio {
		width:100%;
		padding:0 20px;
		margin:0 auto 80px;
	}
	article#studio figure ifame {
		width:100%;
	}
}

/************************************************************************************
FOOTER
*************************************************************************************/
footer#footer {
	color:#3b3b3b;
	font-size:12px !important;
	padding:0;
	position:relative;
}
footer#footer a {
	color:#ffffff !important;
}
footer#footer h1 {
	margin-bottom:0;
}
footer#footer h2 {
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:20px;
}
footer#footer div.section1270 {
	margin-bottom:0 !important;
}
footer#footer section {
	/*width:33.333%;
	float:left;*/
	text-align:center;
	margin-bottom:30px;
}
footer#footer section#fAdd {
	font-size:12px;
}

footer#footer section#fSocial ul {
	width:198px;
	margin:10px auto 0;
}
footer#footer section#fSocial ul li {
	padding:0 10px;
	float:left;
}
footer#footer section#fOpen {
	text-align:right;
}
footer#footer section#fOpen li span.lSpace {
	letter-spacing:-13px;
}
footer#footer div#copyrights {
	font-size:10px;
	text-align:center;
	line-height:140%;
	background-color:#f2f2f2;
	line-height:30px;
}
@media only screen and (max-width: 1269px){
	footer#footer {
		width:100%;
	}
	footer#footer div.section1270 {
		padding:0 20px;
	}
	footer#footer section {
		width:100%;
		padding:0 10px;
		margin-bottom:20px;
		float:none;
	}
	footer#footer section#fAdd {
		text-align:center;
		padding:0 
	}
	footer#footer section#fAdd ul {
		width:250px;
		margin:0 auto 20px;
	}
	footer#footer section#fSocial ul {
		margin:0 auto 20px;
	}
	footer#footer section#fOpen {
		text-align:center;
	}
	footer#footer section#fOpen li span.lSpace {
		letter-spacing:0;
	}
}

/************************************************************************************
ANIMATION
*************************************************************************************/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .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(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }


  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

.infinite {
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}