<!--//style.css//-->

@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	color: #000;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","Verdana,Geneva,Arial","ＭＳＰ ゴシック","sans-serif";
	line-height: 1.2;
}

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

html{
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
	list-style:none;
}

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

caption, th{
	text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*------------------------------------------------------------------------------
 LINK STYLES
 -------------------------------------------------------------------------------*/
a:link {
	color:#ff0000;
	text-decoration: none;
}

a:visited {
	color:#fe7777;
}

a:hover {
	color:#4b8dca;
	__background-color:rgba(255,255,255,0.5);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

a img {
	background:none!important;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/*** トップコンテンツ ***/
.top_contents{
	width: 100%;
	height:1080px;
	margin:0 auto;
	overflow:hidden;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/main.jpg) no-repeat center top;
}

.maincont{
	width: 1000px;
	height:1080px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.main_cont01{
	width: 100%;
	height:250px;
	margin:0 auto;
	overflow:hidden;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/main_cont_bg.png) no-repeat center top;
	position:absolute;
	top: 300px;
}

.main_cont02{
	width: 750px;
	height:200px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	top: 510px;
	background-color: rgba( 255, 255, 255, 0.9 );
	border:10px solid #0101a8;
}

.main_cont02 .subtitle{
background: #ed3643; /* Old browsers */
background: -moz-linear-gradient(top,  #ed3643 0%, #a5262c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ed3643 0%,#a5262c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ed3643 0%,#a5262c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3643', endColorstr='#a5262c',GradientType=0 ); /* IE6-9 */
	width: 720px;
	height:35px;
	margin: 15px auto 10px auto;
	display: block;
	text-align: center;
}

.main_cont02 .subtitle strong{
	color: #fff;
	font-size:18px;
	line-height: 35px;
	text-shadow: 1px 1px 1px #555;
	font-weight:bold;
}

.main_cont02 input.input01{
	margin: 0 0 10px 15px !important;
	padding: 10px 10px;
	font-size: 16px;
	width: 480px;
	border: 3px solid #8d000b;
	float:left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.main_cont02 .but{
	float:left;
	margin-left: 10px;
}

.main_cont02 p{
	font-size: 12px;
	color:#333;
	margin: 5px 0 0 15px !important;
	text-shadow: 0.5px 0.5px 0.5px #fff;
	clear:both;
}

.main_cont03{
	width: 220px;
	height:220px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	top: 510px;
	left: 780px;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/point.jpg) no-repeat center top;
}

.maincont .get{
	width: 1000px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	top: 740px;
}

.maincont .get h2{
	height: 120px;
	width:1000px;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/entry_title.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: 10px;
}

.maincont .get p.step01,.maincont .get p.step02{
	height: 70px;
	width:1000px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: 15px;
}

.maincont .get p.step01{
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/step01.png);
}

.maincont .get p.step02{
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/step02.png);
}


/*** サブ・コンテンツ ***/
.sub_contents{
	width: 100%;
	margin:0 auto;
	text-align: center;
	overflow:hidden;
background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi01.png);
}

.sub_contents h2{
	height: 120px;
	width:1000px;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/perform_title.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 30px auto 10px auto;
}

.sub_contents ul{
	width:1000px;/*width:100%;*/
	/*overflow: hidden;*/
	margin: 0 auto;
	text-align: center;
	/*background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi01.png);*/
}

.sub_contents ul li{
	width:320px;
	height:215px;
	overflow: hidden;
	float:left;/*display:inline-block;*/
	margin: 30px 0;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi02.png);
box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
-webkit-box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
-moz-box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
}

.sub_contents ul li.mr{
	margin-right:20px;
}
.sub_contents ul li.mr:nth-of-type(3n){
	margin-right:0;
}

.sub_contents ul li p.days{
	height: 65px;
	width:330px;
	background-image: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/days_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	overflow: hidden;
	text-align: center;
	line-height: 65px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #fff;
	margin: 20px 0 10px 0;
}

.sub_contents ul li p.race{
	text-align:center;
	font-size:16px;
	line-height:1.5em;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

.sub_contents ul li strong{
	text-align:center;
	font-size:28px;
	display:block;
	margin-top:10px;
	font-weight:bold;
	color:#ed3643;
	text-shadow: 2px 2px 2px #000;
}

.sub_contents ul li strong::before{
	content: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/tro.png);
}

/*** サブ・コンテンツ ***/
.sub_contents_f{
	width: 100%;
	margin:0 auto;
	text-align: center;
	overflow:hidden;
}

.sub_contents_f h2{
	height: 120px;
	width:1000px;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/free_title.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 30px auto 10px auto;
}

.sub_contents_f ul{
	width:100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi03.png);
}

.sub_contents_f ul li{
	width:320px;
	height:215px;
	overflow: hidden;
	display:inline-block;
	margin: 30px 0;
	background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi04.png);
box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
-webkit-box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
-moz-box-shadow:rgba(0, 0, 0, 0.85) 0px 0px 10px 5px;
}

.sub_contents_f ul li.mr{
	margin-right:15px;
}

.sub_contents_f ul li p.days{
	height: 65px;
	width:330px;
	background-image: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/days_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	overflow: hidden;
	text-align: center;
	line-height: 65px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #fff;
	margin: 20px 0 10px 0;
}

.sub_contents_f ul li p.race{
	text-align:center;
	font-size:16px;
	line-height:1.5em;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

.sub_contents_f ul li strong{
	text-align:center;
	font-size:28px;
	display:block;
	margin-top:10px;
	font-weight:bold;
	color:#ed3643;
	text-shadow: 2px 2px 2px #000;
}

.sub_contents_f ul li strong::before{
	content: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/tro.png);
}

/*------------------------------------------------------------------------------
 各コンテンツ
 -------------------------------------------------------------------------------*/

/*** コンテンツ外枠 ***/

#container{
	width: 100%;
	margin:0 auto;
	overflow:hidden;
	background-color:#f1f1fc;
}


.contents{
	width: 1000px;
	margin:0 auto;
	overflow:hidden;
	height: auto;
	padding-top: 20px;
}

/*** ヘッダイメージ ***/

.himages{
	margin-bottom:20px;
}

/*** カラムなしコンテンツ ***/
.contents .non_cont {
    margin: 0 auto 6px auto;
    font-size: 16px;
    line-height: 1.8em;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 40px 20px;
    overflow: hidden;
}


/*------------------------------------------------------------------------------
 左サイドコンテンツ
 -------------------------------------------------------------------------------*/

.contents_menu{
	width: 250px;
	margin:0 auto;
	overflow:hidden;
	float:left;
}

.contents_menu .but_bg{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 3px #555;
	-moz-box-shadow: 0px 0px 3px #555;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 3px #555;　/* Safari,Google Chrome用 */  
	overflow: hidden;
	width: 230px;
	margin: 10px auto;
	padding: 15px 0;
	text-align: center;
	background-color: #fff;
}

/*------------------------------------------------------------------------------
 右メインコンテンツ
 -------------------------------------------------------------------------------*/
 
.contents_in{
	width: 750px;
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: center;
}

.contents_in .headimg{
	margin:0 auto 30px auto;
}

.contents_in .bun700{
	margin:0 auto 25px auto;
}

.contents_in .cont_txt{
	margin:0 auto 6px auto;
	font-size:16px;
	line-height:1.8em;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:40px 20px;
	width:650px;
	overflow:hidden;
}

.contents_in .cont_txt p.graph,
.contents_in .cont_txt p.buynum01,
.contents_in .cont_txt p.buynum02,
.contents_in .cont_txt p.buynum03
{
	font-size:16px;
	line-height:1.5em;
	display: block;
	margin: 0 20px 30px 20px;
	color: #555;
}

.contents_in .cont_txt p.buynum01,
.contents_in .cont_txt p.buynum02,
.contents_in .cont_txt p.buynum03{
   	background-repeat:no-repeat;
   	background-size:20px 20px;
   	background-position: 0px 3px;
   	padding-left: 25px;
   	border-bottom:dashed #ccc 1px;
   	margin-bottom: 20px;
}

.contents_in .cont_txt p.buynum01{
   	background-image:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/contents/guide_num01.png);
}

.contents_in .cont_txt p.buynum02{
   	background-image:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/contents/guide_num02.png);
}

.contents_in .cont_txt p.buynum03{
   	background-image:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/contents/guide_num03.png);
}

/*** 見出し ***/
.cont_txt h2{
	position: relative;
	margin: 0 0 1.5em;
	padding: 0.8em 0 0.8em 1.5em;
	border: 2px solid #ed3643;
	font-size: 1.143em;
	font-weight: bold;
	color:#333;
}
 
.cont_txt h2:before{
	content: "";
	position: absolute;
	background: #B92A2C;
	top: 50%;
	left: 0.5em;
	margin-top :-15px;
	height: 30px;
	width: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.cont_txt h3{
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #252ad4 0%, #191b6b 100%);
	background: linear-gradient(to bottom, #252ad4 0%, #191b6b 100%);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:10px 5px;
	margin-bottom: 20px;
}

.cont_txt h3 span{
	color: #fff;
}

.cont_txt h3 span.s00::before{
	content:"●";
	margin:0 2% 0 1%;
	color:#d04131;
	font-size:14px;
}


.cont_txt h3 span.s01::before,
.cont_txt h3 span.s02::before,
.cont_txt h3 span.s03::before
{
	content:"STEP.1";
	margin: 0 0.5% 0 1%;
	background: -webkit-linear-gradient(top, #d04131 0%, #6d0e03 100%);
	background: linear-gradient(to bottom, #d04131 0%, #6d0e03 100%);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:0px 10px;
	font-size:14px;
}

.cont_txt h3 span.s01::before{
	content:"STEP.1";
}

.cont_txt h3 span.s02::before{
	content:"STEP.2";
}

.cont_txt h3 span.s03::before{
	content:"STEP.3";
}


/*** SSLボタン ***/
ul.button{
	margin-top:20px;
}

ul.button li{
	text-align: center;
}

/*** ポイント購入 ***/
.point_cont{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 3px #555;
	-moz-box-shadow: 0px 0px 3px #555;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 3px #555;　/* Safari,Google Chrome用 */  
	overflow: hidden;
	margin: 20px auto;
	padding: 20px 15px;
	text-align: center;
	background-color: #fff;
	width:600px;
	overflow:hidden;
}

.point_cont p{
	text-align:left;
	line-height:1.6em;
	color:#555;
}

.point_cont span{
	display:block;
	text-align:left;
	margin: 5px 0 0 10px;
}

.point_cont span::before{
	content:"●";
	color:#e74c3c;
	margin-left:0.5%;
}

.point_cont span a{
	text-decoration:underline;
}

.caution{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fee1de;
	padding:20px 20px;
	overflow:hidden;
	margin:20px 0 0 0;
	font-size:14px;
	color#555;
}

.caution p{
	margin-bottom:10px;
	line-height:1.5em;
}

.caution ul li{
	line-height:1.5em;
}

.fc_red{
	color:#9f3124;
}

/*** 初心者ガイド ***/

ul.cont_but04{
	width:730px;
	margin:0 auto 30px auto;
	text-align:center;
	overflow: hidden;
}

ul.cont_but04 li{
	width: 356px;
	float:left;
	font-size:18px;
}


ul.cont_but04 li a,
ul.guideul li a
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
	-moz-box-shadow: 0px 0px 0px 2px #7d4100;
	-webkit-box-shadow: 0px 0px 0px 2px #7d4100;
	box-shadow: 0px 0px 0px 2px #7d4100;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23))
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-o-linear-gradient(top, #ffec64 5%, #ffab23 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	linear-gradient(to bottom, #ffec64 5%, #ffab23 100%)
	;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	repeat;
  background-position:
    10px center, /* 最前面の背景レイヤーに対応 */
    center;
  background-size:
    20px 20px, /* 最前面の背景レイヤーに対応 */
    100%;
	border:1px solid #ffe224;
	text-shadow:0px 1px 0px #ffee66;
	padding: 15px 5px;
	margin: 2px;
	color:#555;
}

ul.cont_but04 li a:hover,
ul.guideul li a:hover
 {
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23))
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-o-linear-gradient(top, #ffab23 5%, #ffec64 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%)
	;
	background-image:
	url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/but_go.png"),
	linear-gradient(to bottom, #ffab23 5%, #ffec64 100%)
	;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	repeat;
  background-position:
    10px center, /* 最前面の背景レイヤーに対応 */
    center;
  background-size:
    20px 20px, /* 最前面の背景レイヤーに対応 */
    100%;
	color:#333;
	font-weight:bold;
}
ul.cont_but04 li:active,
ul.guideul li:active
 {
	position:relative;
	top:1px;
}

span.guidetex{
	margin: 0 35px 20px 35px;
	display: block;
	font-size:14px;
	line-height: 1.5em;
}

ul.guideul{
	width:580px;
	margin:0 auto 30px auto;
	text-align:center;
	overflow: hidden;
}

ul.guideul li{
	width: 185px;
	float:left;
	font-size:18px;
}

ul.buyul{
	width:580px;
	margin:0 auto 30px auto;
	text-align:center;
	overflow: hidden;
}
ul.buyul li{
	width: 280px;
	float:left;
	margin-top:20px;
}

ul.buyul li img{
	padding:3px;
	border:1px #ccc solid;
}


ul.buyul li p{
	display: block;
	font-size:12px;
	margin-top:5px;
}

/*** カード種類背景 ***/
.card_bg {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 3px #555;
    -moz-box-shadow: 0px 0px 3px #555;
    -webkit-box-shadow: 0px 0px 3px #555;
    overflow: hidden;
    margin: 10px auto;
    padding: 15px 0;
    text-align: center;
    background-color: #fff;
}

.card_bg strong{
    border-bottom:1px dashed #ccc;
	display: block;
	font-size:18px;
	text-align:left;
	margin:auto 20px 20px 20px;
	padding-bottom:3px;
	padding-left:10px;
	border-left:7px solid #ed3643;
}

.card_bg p{
	display: block;
	font-size:14px;
	text-align:left;
	margin:auto 20px 20px 20px;
	color:#555;
	line-height:1.5em;
}

.card_bg b{
	font-size:16px;
	display: block;
}

.card_bg b::before{
	content:"■";
	color:#fff;
	margin-right:0.5%;
}

.card_bg div.green,
.card_bg div.red,
.card_bg div.blue{
	text-align:left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px;
    margin:0 20px;
}

.card_bg div.green{
    background-color:#d9face;
}

.card_bg div.red{
    background-color:#fdd6d6;
}

.card_bg div.blue{
    background-color:#cfe3ff;
}

.card_bg div p{
	display: block;
	font-size:14px;
	text-align:left;
	margin:10px 20px 0px 20px;
	color:#555;
	line-height:1.5em;
}

.card_bg p.bun{
}


.card_bg hr{
	height:1px;
	border:1px dotted #ccc;
	clear: both;
	margin: 0 10px 20px 10px;
}

/*** 実績 ***/

ul.result{
	width:600px;
	margin:30px auto 30px auto;
	text-align:center;
	overflow: hidden;
}

ul.result li{
	width: 290px;
	height: 216px;
	float:left;
	font-size:14px;
	background-image:url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/contents/result_bg.jpg");
	background-position:top center;
	position: relative;
}

ul.result li p.days{
	position: absolute;
	top: 20px;
	left: 15px;
	color:#fff;
	font-size:16px;
	text-shadow: 1px 1px 2px #555;
}

ul.result li p.title{
	position: absolute;
	top: 50px;
	left: 15px;
	color:#fff;
	font-size:16px;
	text-shadow: 1px 1px 2px #555;
	font-weight:bold;
}

ul.result li p.j01{
	position: absolute;
	top: 105px;
	left: 93px;
}

ul.result li p.j02{
	position: absolute;
	top: 141px;
	left: 93px;
}

ul.result li p.j03{
	position: absolute;
	top: 174px;
	left: 93px;
}

/*** 感謝の声 ***/

div.voice{
	margin:30px auto 30px auto;
	padding:20px;
	overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    overflow: hidden;
    margin: 0px auto 20px auto;
    text-align: left;
    background-color: #fff;
}

div.voice .voice_title{
	position: relative;
	padding: .5em .75em;
	background-color: #d4d4fe;
	border-radius: 6px;
}

div.voice .voice_title::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #d4d4fe;
}

div.voice .voice_title strong{
	display: block;
	font-size:18px;
	border-left:7px solid #ed3643;
	padding-left:10px;
}

div.voice .voice_title span{
	display: block;
	margin-top:8px;
	font-size:12px;
	margin-left: 20px;
}

div.voice p{
	display: block;
	margin-top:5px;
	font-size:14px;
	margin: 25px 10px;
	color:#555;
	line-height: 1.5em;
	margin: 25px 10px 0px 10px;
}

/*** よくある質問リスト ***/

ul.faq{
	margin:0px auto 30px auto;
	text-align:left;
	overflow: hidden;
	border:5px solid #a31f27;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding:15px;
}

ul.faq a{
	text-decoration:underline;
}

ul.faq li{
	font-size:16px;
	line-height:35px;
}

ul.faq li::before{
	content:url("https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/check.png");
}

/*** よくある質問答え ***/

ul.ans{
	margin:0px auto;
	text-align:left;
	overflow: hidden;
    padding: 15px 15px 0 15px;
}

ul.ans li{
	font-size:16px;
}

ul.ans li.question{
	font-size:16px;
	background-color:#a31f27;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding:15px;
	overflow: hidden;
}

ul.ans li.question span{
	font-size:18px;
    color: #fff;
    display: block;
    float: left;
    margin: 5px 0 0 10px;
    text-shadow: 1px 1px 1px #333;
}

ul.ans li.answer p{
	font-size:14px;
	color:#555;
    display: block;
    float: left;
    width: 540px;
    margin: 20px 0 30px 0;
    line-height:1.5em;
}

/*** お問い合わせ ***/
textarea.inquiry {
    width: 645px;
    height: 200px;
    border: solid 1px #1d2088;
}

ul.inq,.input_id {
	margin: 30px auto 0px auto;
	text-align:left;
	overflow: hidden;
    padding: 20px 30px;
	background-color:#cfcffc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
}

ul.inq li{
	font-size:14px;
    padding:5px 0px;
	overflow: hidden;
    color: #333;
    line-height:1.5em;
}

ul.inq li::before{
	content:"●";
    color: #fff;
    margin-right: 0.5%;
}

/*** ビットキャッシュ ***/
.input_id ul {
    height: 35px;
    padding: 15px 0 0 0;
    margin: 0px;
    text-align: left;
}

.input_id ul .bitcash_tex {
    border-style: none;
    background-color: #fff;
    width: 131.5px;
    height: 25px;
    margin-right: 15px;
    float: left;
    border: 1px solid #aaa;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.gopage {
    font-size:12px;
    line-height:1.5em;
    margin-top:5px;
}

/*** カラムあり選択テーブル ***/
table td {
	border: solid 1px #ccc;
	padding: 10px;
}

table#select,
table#confirm,
table#bankInfo
{ 
  width: 600px;
  margin-left: auto;
  margin-right: auto;
	text-shadow: 1px 1px 1px #ccc;
}

table#select tr:nth-child(2n+1),
table#confirm tr:nth-child(2n+1)
{
	background: #f1f1fc;
}

table#select tr > td:first-child,
table#confirm tr > td:first-child
{
	width: 50px;
	text-align: center;
	padding: 0;
}

table th {
	border: solid 1px #ccc;
	padding: 10px;
	font-weight: normal;
}

table#select tr > td,
table#confirm tr > td
{
	border: solid 1px #ccc;
}

table#select tr > td:first-child > input, {
	width: 50px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
}

table#confirm tr > td:first-child {
	width: 480px;
	padding: 10px;
	background: #f1f1fc;
	text-align: left;
}

table#confirm tr > td:nth-child(2) {
	width: 120px;
	text-align: center;
	background: #fff;
}

table#select tr > td:nth-child(2) {
	width: 430px;
	padding: 10px;
}

table#select tr > td:nth-child(3){
	width: 120px;
	text-align: center;
}

table#bankInfo tr > th{
	width: 200px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	background-color:#1d2088;
}

table#bankInfo tr > td{
	width: 480px;
	text-align: left;
	background: #fff;
}

/*------------------------------------------------------------------------------
 カラムなしコンテンツ
 -------------------------------------------------------------------------------*/

/*** カラムなしテーブル ***/
.non_cont table {
	border: solid 1px #ccc;
	margin: 0 30px;
}

.non_cont table td.blueside,.non_cont table td.whiteside {
	padding: 15px 10px;
	line-height:1.5em;
}

.non_cont table td.blueside {
	width: 200px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	background-color: #1d2088;
}

.non_cont table td.whiteside {
	color: #555;
	background-color: #fff;
	text-shadow: none;
}

/*** 利用規約 ***/
.agree_cont {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 3px #555;
    -moz-box-shadow: 0px 0px 3px #555;
    -webkit-box-shadow: 0px 0px 3px #555;
    overflow: hidden;
	margin: 0 30px 30px 30px;
    padding: 20px 30px;
    text-align: left;
    background-color: #fff;
    overflow: hidden;
}

.agree_cont .title{
    color:#a31f27;
    font-weight:bold;
    font-size:18px;
}

.agree_cont .subtitle{
    color:#333;
    font-size:16px;
    margin:15px 0;
    line-height:1.5em;
}

.agree_cont .subcont{
    color:#555;
    font-size:14px;
    margin:5px 20px;
    line-height:1.5em;
}


<!--//reset.css//-->

@charset "utf-8";

/*------------------------------------------------------------------------------
 RESET
 -------------------------------------------------------------------------------*/
html,body{
	height: 100%;
}

body, div, a, p, ul, ol, li, dl, dt, dd, table, th ,td, img,
h1, h2, h3 ,h4 ,h5, h6, form, select, figure, figcaption {
	margin:0;
	padding:0;
}
ul, ol { list-style: none; }
img { border: 0; vertical-align:middle;}
table { border-spacing:0; }
caption {padding:0; text-align:left; }
th, td {
	text-align: left;
	vertical-align: baseline;
}
input, select { vertical-align: middle; }
input[type="text"],
input[type="password"],
textarea,
select {
	outline:none;
}
header, footer, nav, section, article, figure, aside,
details, figcaption, figure, hgroup, menu {
	display:block;
}

input { display:inline; }

iframe { border: none; }

/*------------------------------------------------------------------------------
 FONT FACE
 -------------------------------------------------------------------------------*/
body, input, textarea, select {
	color: #666666;
	font-family:'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','Verdana,Geneva,Arial','ＭＳＰ ゴシック','sans-serif';
	font-size: 12px;
	line-height:1.2 ;
}

h1, h2, h3 ,h4 ,h5, h6,address, th, b,strong {
	font-style:normal;
	font-weight:normal;
}

/*------------------------------------------------------------------------------
 LINK STYLES
 -------------------------------------------------------------------------------*/
a:link {
	color:#000;
	text-decoration: none;
}

a:visited {
	color:#000;
}

a:hover {
	color:#1d2088;
    __background-color:rgba(255,255,255,0.5);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a img {
	background:none!important;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/* 点滅 */
.blink{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*------------------------------------------------------------------------------
 GENERAL CLASSES（SIZE & MARGIN）
 -------------------------------------------------------------------------------
/* WIDTH */

.w20per		{ width:20%; }
.w25per		{ width: 25%; }
.w33per		{ width: 33.3%; }
.w46per		{ width: 46%; }
.w50per		{ width: 50%; _width: 49.9%; }
.w75per		{ width: 75%; }
.w77per		{ width: 77%; }
.w80per		{ width: 80%; }
.w96per		{ width: 96%; }
.wf			{ width: 100%; }

.w10		{ width: 10px;}
.w20		{ width: 20px;}
.w30		{ width: 30px;}
.w40		{ width: 40px;}
.w50		{ width: 50px;}
.w80		{ width: 80px;}
.w110		{ width: 110px;}
.w135		{ width: 135px;}
.w140		{ width: 140px;}

/* HEIGHT */
.hf			{ height: 100%; }

/* MARGIN */
.mt00		{ margin-top: 0px !important; }
.mt01		{ margin-top: 1px; }
.mt02		{ margin-top: 2px; }
.mt03		{ margin-top: 3px; }
.mt04		{ margin-top: 4px; }
.mt05		{ margin-top: 5px !important; }
.mt06		{ margin-top: 6px !important; }
.mt_06		{ margin-top: -6px !important; }
.mt07		{ margin-top: 7px; }
.mt08		{ margin-top: 8px; }
.mt09		{ margin-top: 9px; }
.mt10		{ margin-top: 10px !important; }
.mt11		{ margin-top: 11px; }
.mt12		{ margin-top: 12px; }
.mt13		{ margin-top: 13px !important; }
.mt14		{ margin-top: 14px; }
.mt15		{ margin-top: 15px; }
.mt16		{ margin-top: 16px; }
.mt17		{ margin-top: 17px; }
.mt18		{ margin-top: 18px; }
.mt19		{ margin-top: 19px !important; }
.mt20		{ margin-top: 20px !important; }
.mt21		{ margin-top: 21px !important; }
.mt22		{ margin-top: 22px; }
.mt23		{ margin-top: 23px; }
.mt24		{ margin-top: 24px; }
.mt25		{ margin-top: 25px; }
.mt26		{ margin-top: 26px; }
.mt27		{ margin-top: 27px; }
.mt28		{ margin-top: 28px; }
.mt29		{ margin-top: 29px; }
.mt30		{ margin-top: 30px !important; }
.mt35		{ margin-top: 35px !important; }
.mt33		{ margin-top: 33px !important; }
.mt40		{ margin-top: 40px !important; }
.mt50		{ margin-top: 50px !important; }
.mt01Per	{ margin-top: 1% !important; }
.mt02Per	{ margin-top: 2% !important; }
.mt03Per	{ margin-top: 3% !important; }

.mr00		{ margin-right: 0px !important; }
.mr01		{ margin-right: 1px !important; }
.mr02		{ margin-right: 2px !important; }
.mr03		{ margin-right: 3px !important; }
.mr04		{ margin-right: 4px !important; }
.mr05		{ margin-right: 5px !important; }
.mr06		{ margin-right: 6px !important; }
.mr07		{ margin-right: 7px !important; }
.mr08		{ margin-right: 8px !important; }
.mr09		{ margin-right: 9px !important; }
.mr10		{ margin-right: 10px !important; }
.mr11		{ margin-right: 11px !important; }
.mr12		{ margin-right: 12px !important; }
.mr13		{ margin-right: 13px !important; }
.mr14		{ margin-right: 14px !important; }
.mr15		{ margin-right: 15px !important; }
.mr16		{ margin-right: 16px !important; }
.mr17		{ margin-right: 17px !important; }
.mr18		{ margin-right: 18px !important; }
.mr19		{ margin-right: 19px !important; }
.mr20		{ margin-right: 20px !important; }
.mr21		{ margin-right: 21px !important; }
.mr22		{ margin-right: 22px !important; }
.mr23		{ margin-right: 23px !important; }
.mr24		{ margin-right: 24px !important; }
.mr25		{ margin-right: 25px !important; }
.mr26		{ margin-right: 26px !important; }
.mr27		{ margin-right: 27px !important; }
.mr28		{ margin-right: 28px !important; }
.mr29		{ margin-right: 29px !important; }
.mr30		{ margin-right: 30px !important; }
.mr40		{ margin-right: 40px !important; }
.mr46		{ margin-right: 46px !important; }
.mr01Per	{ margin-right: 1% !important; }
.mr02Per	{ margin-right: 2% !important; }
.mr03Per	{ margin-right: 3% !important; }
.mr33Per	{ margin-right: 33.3% !important; }
.mr46Per	{ margin-right: 46% !important; }

.mb00		{ margin-bottom: 0px !important; }
.mb01		{ margin-bottom: 1px; }
.mb02		{ margin-bottom: 2px; }
.mb03		{ margin-bottom: 3px; }
.mb04		{ margin-bottom: 4px; }
.mb05		{ margin-bottom: 5px !important; }
.mb06		{ margin-bottom: 6px; }
.mb07		{ margin-bottom: 7px; }
.mb08		{ margin-bottom: 8px; }
.mb09		{ margin-bottom: 9px; }
.mb10		{ margin-bottom: 10px !important; }
.mb11		{ margin-bottom: 11px; }
.mb12		{ margin-bottom: 12px; }
.mb13		{ margin-bottom: 13px; }
.mb14		{ margin-bottom: 14px; }
.mb15		{ margin-bottom: 15px; }
.mb16		{ margin-bottom: 16px; }
.mb17		{ margin-bottom: 17px; }
.mb18		{ margin-bottom: 18px; }
.mb19		{ margin-bottom: 19px; }
.mb20		{ margin-bottom: 20px !important; }
.mb21		{ margin-bottom: 21px; }
.mb22		{ margin-bottom: 22px; }
.mb23		{ margin-bottom: 23px; }
.mb24		{ margin-bottom: 24px; }
.mb25		{ margin-bottom: 25px; }
.mb26		{ margin-bottom: 26px; }
.mb27		{ margin-bottom: 27px; }
.mb28		{ margin-bottom: 28px; }
.mb29		{ margin-bottom: 29px; }
.mb30		{ margin-bottom: 30px !important; }
.mb31		{ margin-bottom: 31px; }
.mb32		{ margin-bottom: 32px; }
.mb33		{ margin-bottom: 33px; }
.mb34		{ margin-bottom: 34px; }
.mb35		{ margin-bottom: 35px !important; }
.mb36		{ margin-bottom: 36px; }
.mb37		{ margin-bottom: 37px; }
.mb38		{ margin-bottom: 38px; }
.mb39		{ margin-bottom: 39px; }
.mb40		{ margin-bottom: 40px !important; }
.mb41		{ margin-bottom: 41px !important; }
.mb42		{ margin-bottom: 42px !important; }
.mb43		{ margin-bottom: 43px !important; }
.mb44		{ margin-bottom: 44px !important; }
.mb45		{ margin-bottom: 45px !important; }
.mb50		{ margin-bottom: 50px !important; }
.mb01Per	{ margin-bottom: 1% !important; }
.mb02Per	{ margin-bottom: 2% !important; }
.mb03Per	{ margin-bottom: 3% !important; }

.ml01		{ margin-left: 1px !important; }
.ml02		{ margin-left: 2px !important; }
.ml03		{ margin-left: 3px !important; }
.ml04		{ margin-left: 4px !important; }
.ml05		{ margin-left: 5px !important; }
.ml06		{ margin-left: 6px !important; }
.ml07		{ margin-left: 7px !important; }
.ml08		{ margin-left: 8px !important; }
.ml09		{ margin-left: 9px !important; }
.ml10		{ margin-left: 10px !important; }
.ml11		{ margin-left: 11px !important; }
.ml12		{ margin-left: 12px !important; }
.ml13		{ margin-left: 13px !important; }
.ml14		{ margin-left: 14px !important; }
.ml15		{ margin-left: 15px !important; }
.ml16		{ margin-left: 16px !important; }
.ml17		{ margin-left: 17px !important; }
.ml18		{ margin-left: 18px !important; }
.ml19		{ margin-left: 19px !important; }
.ml20		{ margin-left: 20px !important; }
.ml21		{ margin-left: 21px !important; }
.ml22		{ margin-left: 22px !important; }
.ml23		{ margin-left: 23px !important; }
.ml24		{ margin-left: 24px !important; }
.ml25		{ margin-left: 25px !important; }
.ml26		{ margin-left: 26px !important; }
.ml27		{ margin-left: 27px !important; }
.ml28		{ margin-left: 28px !important; }
.ml29		{ margin-left: 29px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }
.ml45		{ margin-left: 45px !important; }
.ml50		{ margin-left: 50px !important; }
.ml130		{ margin-left: 130px !important; }
.ml01Per	{ margin-left: 1% !important; }
.ml15Per	{ margin-left: 1.5% !important; }
.ml02Per	{ margin-left: 2% !important; }
.ml03Per	{ margin-left: 3% !important; }
.ml33Per	{ margin-left: 33.3% !important; }
.ml46Per	{ margin-left: 46% !important; }


.m01		{ margin: 1px; }
.m02		{ margin: 2px; }
.m03		{ margin: 3px; }
.m04		{ margin: 4px; }
.m05		{ margin: 5px; }
.m06		{ margin: 6px; }
.m07		{ margin: 7px; }
.m08		{ margin: 8px; }
.m09		{ margin: 9px; }
.m10		{ margin: 10px; }
.m11		{ margin: 11px; }
.m12		{ margin: 12px; }
.m13		{ margin: 13px; }
.m14		{ margin: 14px; }
.m15		{ margin: 15px; }
.m20		{ margin: 20px; }
.m21		{ margin: 21px; }
.m22		{ margin: 22px; }
.m23		{ margin: 23px; }
.m24		{ margin: 24px; }
.m25		{ margin: 25px; }
.m26		{ margin: 26px; }
.m27		{ margin: 27px; }
.m28		{ margin: 28px; }
.m29		{ margin: 29px; }
.m30		{ margin: 30px; }

.mh01		{ margin-right: 1px; margin-left: 1px; }
.mh02		{ margin-right: 2px; margin-left: 2px; }
.mh03		{ margin-right: 3px; margin-left: 3px; }
.mh04		{ margin-right: 4px; margin-left: 4px; }
.mh05		{ margin-right: 5px; margin-left: 5px; }
.mh06		{ margin-right: 6px; margin-left: 6px; }
.mh07		{ margin-right: 7px; margin-left: 7px; }
.mh08		{ margin-right: 8px; margin-left: 8px; }
.mh09		{ margin-right: 9px; margin-left: 9px; }
.mh10		{ margin-right: 10px; margin-left: 10px; }
.mh11		{ margin-right: 11px; margin-left: 11px; }
.mh12		{ margin-right: 12px; margin-left: 12px; }
.mh13		{ margin-right: 13px; margin-left: 13px; }
.mh14		{ margin-right: 14px; margin-left: 14px; }
.mh15		{ margin-right: 15px; margin-left: 15px; }
.mh16		{ margin-right: 16px; margin-left: 16px; }
.mh17		{ margin-right: 17px; margin-left: 17px; }
.mh18		{ margin-right: 18px; margin-left: 18px; }
.mh19		{ margin-right: 19px; margin-left: 19px; }
.mh20		{ margin-right: 20px; margin-left: 20px; }
.mh21		{ margin-right: 21px; margin-left: 21px; }
.mh22		{ margin-right: 22px; margin-left: 22px; }
.mh23		{ margin-right: 23px; margin-left: 23px; }
.mh24		{ margin-right: 24px; margin-left: 24px; }
.mh25		{ margin-right: 25px; margin-left: 25px; }
.mh26		{ margin-right: 26px; margin-left: 26px; }
.mh27		{ margin-right: 27px; margin-left: 27px; }
.mh28		{ margin-right: 28px; margin-left: 28px; }
.mh29		{ margin-right: 29px; margin-left: 29px; }
.mh30		{ margin-right: 30px; margin-left: 30px; }
.mh40		{ margin-right: 40px; margin-left: 40px; }

.mv00		{ margin-top: 0; margin-bottom: 0; }
.mv01		{ margin-top: 1px; margin-bottom: 1px; }
.mv02		{ margin-top: 2px; margin-bottom: 2px; }
.mv03		{ margin-top: 3px; margin-bottom: 3px; }
.mv04		{ margin-top: 4px; margin-bottom: 4px; }
.mv05		{ margin-top: 5px; margin-bottom: 5px; }
.mv06		{ margin-top: 6px; margin-bottom: 6px; }
.mv07		{ margin-top: 7px; margin-bottom: 7px; }
.mv08		{ margin-top: 8px; margin-bottom: 8px; }
.mv09		{ margin-top: 9px; margin-bottom: 9px; }
.mv10		{ margin-top: 10px; margin-bottom: 10px; }
.mv11		{ margin-top: 11px; margin-bottom: 11px; }
.mv12		{ margin-top: 12px; margin-bottom: 12px; }
.mv13		{ margin-top: 13px; margin-bottom: 13px; }
.mv14		{ margin-top: 14px; margin-bottom: 14px; }
.mv15		{ margin-top: 15px; margin-bottom: 15px; }
.mv16		{ margin-top: 16px; margin-bottom: 16px; }
.mv17		{ margin-top: 17px; margin-bottom: 17px; }
.mv18		{ margin-top: 18px; margin-bottom: 18px; }
.mv19		{ margin-top: 19px; margin-bottom: 19px; }
.mv20		{ margin-top: 20px; margin-bottom: 20px; }
.mv21		{ margin-top: 21px; margin-bottom: 21px; }
.mv22		{ margin-top: 22px; margin-bottom: 22px; }
.mv23		{ margin-top: 23px; margin-bottom: 23px; }
.mv24		{ margin-top: 24px; margin-bottom: 24px; }
.mv25		{ margin-top: 25px; margin-bottom: 25px; }
.mv26		{ margin-top: 26px; margin-bottom: 26px; }
.mv27		{ margin-top: 27px; margin-bottom: 27px; }
.mv28		{ margin-top: 28px; margin-bottom: 28px; }
.mv29		{ margin-top: 29px; margin-bottom: 29px; }
.mv30		{ margin-top: 30px; margin-bottom: 30px; }
.mv40		{ margin-top: 40px; margin-bottom: 40px; }


/* PADDING */
.pt00		{ padding-top: 0px !important; }
.pt01		{ padding-top: 1px; }
.pt02		{ padding-top: 2px; }
.pt03		{ padding-top: 3px; }
.pt04		{ padding-top: 4px; }
.pt05		{ padding-top: 5px; }
.pt06		{ padding-top: 6px; }
.pt07		{ padding-top: 7px; }
.pt08		{ padding-top: 8px; }
.pt09		{ padding-top: 9px; }
.pt10		{ padding-top: 10px; }
.pt11		{ padding-top: 11px; }
.pt12		{ padding-top: 12px; }
.pt13		{ padding-top: 13px; }
.pt14		{ padding-top: 14px; }
.pt15		{ padding-top: 15px; }
.pt16		{ padding-top: 16px; }
.pt17		{ padding-top: 17px; }
.pt18		{ padding-top: 18px; }
.pt19		{ padding-top: 19px; }
.pt20		{ padding-top: 20px; }
.pt21		{ padding-top: 21px; }
.pt22		{ padding-top: 22px; }
.pt23		{ padding-top: 23px; }
.pt24		{ padding-top: 24px; }
.pt25		{ padding-top: 25px; }
.pt26		{ padding-top: 26px; }
.pt27		{ padding-top: 27px; }
.pt28		{ padding-top: 28px; }
.pt29		{ padding-top: 29px; }
.pt30		{ padding-top: 30px; }

.pr01		{ padding-right: 1px; }
.pr02		{ padding-right: 2px; }
.pr03		{ padding-right: 3px; }
.pr04		{ padding-right: 4px; }
.pr05		{ padding-right: 5px; }
.pr06		{ padding-right: 6px; }
.pr07		{ padding-right: 7px; }
.pr08		{ padding-right: 8px; }
.pr09		{ padding-right: 9px; }
.pr10		{ padding-right: 10px; }
.pr11		{ padding-right: 11px; }
.pr12		{ padding-right: 12px; }
.pr13		{ padding-right: 13px; }
.pr14		{ padding-right: 14px; }
.pr15		{ padding-right: 15px; }
.pr16		{ padding-right: 16px; }
.pr17		{ padding-right: 17px; }
.pr18		{ padding-right: 18px; }
.pr19		{ padding-right: 19px; }
.pr20		{ padding-right: 20px; }
.pr21		{ padding-right: 21px; }
.pr22		{ padding-right: 22px; }
.pr23		{ padding-right: 23px; }
.pr24		{ padding-right: 24px; }
.pr25		{ padding-right: 25px; }
.pr26		{ padding-right: 26px; }
.pr27		{ padding-right: 27px; }
.pr28		{ padding-right: 28px; }
.pr29		{ padding-right: 29px; }
.pr30		{ padding-right: 30px; }
.pr40		{ padding-right: 40px; }

.pb01		{ padding-bottom: 1px; }
.pb02		{ padding-bottom: 2px; }
.pb03		{ padding-bottom: 3px; }
.pb04		{ padding-bottom: 4px; }
.pb05		{ padding-bottom: 5px; }
.pb06		{ padding-bottom: 6px; }
.pb07		{ padding-bottom: 7px; }
.pb08		{ padding-bottom: 8px; }
.pb09		{ padding-bottom: 9px; }
.pb10		{ padding-bottom: 10px; }
.pb11		{ padding-bottom: 11px; }
.pb12		{ padding-bottom: 12px; }
.pb13		{ padding-bottom: 13px; }
.pb14		{ padding-bottom: 14px; }
.pb15		{ padding-bottom: 15px; }
.pb16		{ padding-bottom: 16px; }
.pb17		{ padding-bottom: 17px; }
.pb18		{ padding-bottom: 18px; }
.pb19		{ padding-bottom: 19px; }
.pb20		{ padding-bottom: 20px !important; }
.pb21		{ padding-bottom: 21px; }
.pb22		{ padding-bottom: 22px; }
.pb23		{ padding-bottom: 23px; }
.pb24		{ padding-bottom: 24px; }
.pb25		{ padding-bottom: 25px; }
.pb26		{ padding-bottom: 26px; }
.pb27		{ padding-bottom: 27px; }
.pb28		{ padding-bottom: 28px; }
.pb29		{ padding-bottom: 29px; }
.pb30		{ padding-bottom: 30px; }

.pl01		{ padding-left: 1px; }
.pl02		{ padding-left: 2px; }
.pl03		{ padding-left: 3px; }
.pl04		{ padding-left: 4px; }
.pl05		{ padding-left: 5px; }
.pl06		{ padding-left: 6px; }
.pl07		{ padding-left: 7px; }
.pl08		{ padding-left: 8px; }
.pl09		{ padding-left: 9px; }
.pl10		{ padding-left: 10px; }
.pl11		{ padding-left: 11px; }
.pl12		{ padding-left: 12px; }
.pl13		{ padding-left: 13px; }
.pl14		{ padding-left: 14px; }
.pl15		{ padding-left: 15px; }
.pl16		{ padding-left: 16px; }
.pl17		{ padding-left: 17px; }
.pl18		{ padding-left: 18px; }
.pl19		{ padding-left: 19px; }
.pl20		{ padding-left: 20px; }
.pl21		{ padding-left: 21px; }
.pl22		{ padding-left: 22px; }
.pl23		{ padding-left: 23px; }
.pl24		{ padding-left: 24px; }
.pl25		{ padding-left: 25px; }
.pl26		{ padding-left: 26px; }
.pl27		{ padding-left: 27px; }
.pl28		{ padding-left: 28px; }
.pl29		{ padding-left: 29px; }
.pl30		{ padding-left: 30px; }
.pl35		{ padding-left: 35px; }
.pl40		{ padding-left: 40px; }
.pl50		{ padding-left: 50px; }

.pv01		{ padding-top: 1px; padding-bottom: 1px; }
.pv02		{ padding-top: 2px; padding-bottom: 2px; }
.pv03		{ padding-top: 3px; padding-bottom: 3px; }
.pv04		{ padding-top: 4px; padding-bottom: 4px; }
.pv05		{ padding-top: 5px !important; padding-bottom: 5px !important; }
.pv06		{ padding-top: 6px; padding-bottom: 6px; }
.pv07		{ padding-top: 7px; padding-bottom: 7px; }
.pv08		{ padding-top: 8px; padding-bottom: 8px; }
.pv09		{ padding-top: 9px; padding-bottom: 9px; }
.pv10		{ padding-top: 10px; padding-bottom: 10px; }
.pv11		{ padding-top: 11px; padding-bottom: 11px; }
.pv12		{ padding-top: 12px; padding-bottom: 12px; }
.pv13		{ padding-top: 13px; padding-bottom: 13px; }
.pv14		{ padding-top: 14px; padding-bottom: 14px; }
.pv15		{ padding-top: 15px; padding-bottom: 15px; }
.pv16		{ padding-top: 16px; padding-bottom: 16px; }
.pv17		{ padding-top: 17px; padding-bottom: 17px; }
.pv18		{ padding-top: 18px; padding-bottom: 18px; }
.pv19		{ padding-top: 19px; padding-bottom: 19px; }
.pv20		{ padding-top: 20px; padding-bottom: 20px; }
.pv21		{ padding-top: 21px; padding-bottom: 21px; }
.pv22		{ padding-top: 22px; padding-bottom: 22px; }
.pv23		{ padding-top: 23px; padding-bottom: 23px; }
.pv24		{ padding-top: 24px; padding-bottom: 24px; }
.pv25		{ padding-top: 25px; padding-bottom: 25px; }
.pv26		{ padding-top: 26px; padding-bottom: 26px; }
.pv27		{ padding-top: 27px; padding-bottom: 27px; }
.pv28		{ padding-top: 28px; padding-bottom: 28px; }
.pv29		{ padding-top: 29px; padding-bottom: 29px; }
.pv30		{ padding-top: 30px; padding-bottom: 30px; }
.pv40		{ padding-top: 40px; padding-bottom: 40px; }

.ph01		{ padding-right: 1px; padding-left: 1px; }
.ph02		{ padding-right: 2px; padding-left: 2px; }
.ph03		{ padding-right: 3px; padding-left: 3px; }
.ph04		{ padding-right: 4px; padding-left: 4px; }
.ph05		{ padding-right: 5px; padding-left: 5px; }
.ph06		{ padding-right: 6px; padding-left: 6px; }
.ph07		{ padding-right: 7px; padding-left: 7px; }
.ph08		{ padding-right: 8px; padding-left: 8px; }
.ph09		{ padding-right: 9px; padding-left: 9px; }
.ph10		{ padding-right: 10px; padding-left: 10px; }
.ph11		{ padding-right: 11px; padding-left: 11px; }
.ph12		{ padding-right: 12px; padding-left: 12px; }
.ph13		{ padding-right: 13px; padding-left: 13px; }
.ph14		{ padding-right: 14px; padding-left: 14px; }
.ph15		{ padding-right: 15px; padding-left: 15px; }
.ph16		{ padding-right: 16px; padding-left: 16px; }
.ph17		{ padding-right: 17px; padding-left: 17px; }
.ph18		{ padding-right: 18px; padding-left: 18px; }
.ph19		{ padding-right: 19px; padding-left: 19px; }
.ph20		{ padding-right: 20px; padding-left: 20px; }
.ph21		{ padding-right: 21px; padding-left: 21px; }
.ph22		{ padding-right: 22px; padding-left: 22px; }
.ph23		{ padding-right: 23px; padding-left: 23px; }
.ph24		{ padding-right: 24px; padding-left: 24px; }
.ph25		{ padding-right: 25px; padding-left: 25px; }
.ph26		{ padding-right: 26px; padding-left: 26px; }
.ph27		{ padding-right: 27px; padding-left: 27px; }
.ph28		{ padding-right: 28px; padding-left: 28px; }
.ph29		{ padding-right: 29px; padding-left: 29px; }
.ph30		{ padding-right: 30px; padding-left: 30px; }

.p00		{ padding: 0; }
.p01		{ padding: 1px; }
.p02		{ padding: 2px; }
.p03		{ padding: 3px; }
.p04		{ padding: 4px; }
.p05		{ padding: 5px; }
.p06		{ padding: 6px; }
.p07		{ padding: 7px; }
.p08		{ padding: 8px; }
.p09		{ padding: 9px; }
.p10		{ padding: 10px; }
.p11		{ padding: 11px; }
.p12		{ padding: 12px; }
.p13		{ padding: 13px; }
.p14		{ padding: 14px; }
.p15		{ padding: 15px; }
.p16		{ padding: 16px; }
.p17		{ padding: 17px; }
.p18		{ padding: 18px; }
.p19		{ padding: 19px; }
.p20		{ padding: 20px; }
.p21		{ padding: 21px; }
.p22		{ padding: 22px; }
.p23		{ padding: 23px; }
.p24		{ padding: 24px; }
.p25		{ padding: 25px; }
.p26		{ padding: 26px; }
.p27		{ padding: 27px; }
.p28		{ padding: 28px; }
.p29		{ padding: 29px; }
.p30		{ padding: 30px; }

/* FLOAT */
.fn			{ float: none !important; }
.fl			{ float: left !important; }
.fr			{ float: right !important; }
.cb			{ clear: both !important; }
.cr			{ clear: right !important; }
.cl			{ clear: left !important; }

/* CLEAR FIX */
.cf:after	{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cf			{ zoom: 1; }

/* POSITION */
.pr			{ position: relative; zoom: 1; }
.pa			{ position: absolute; }
.t00			{ top: 0; }
.t01			{ top: 1px; }
.t02			{ top: 2px; }
.t03			{ top: 3px; }
.t04			{ top: 4px; }
.t05			{ top: 5px; }
.t06			{ top: 6px; }
.t07			{ top: 7px; }
.t08			{ top: 8px; }
.t09			{ top: 9px; }
.t10		{ top: 10px; }
.t11		{ top: 11px; }
.t12		{ top: 12px; }
.t13		{ top: 13px; }
.t14		{ top: 14px; }
.t15		{ top: 15px; }
.t20		{ top: 20px; }
.t21		{ top: 21px; }
.t22		{ top: 22px; }
.t23		{ top: 23px; }
.t24		{ top: 24px; }
.t25		{ top: 25px; }
.t26		{ top: 26px; }
.t27		{ top: 27px; }
.t28		{ top: 28px; }
.t29		{ top: 29px; }
.t30		{ top: 30px; }

.r00		{ right: 0; }
.r01		{ right: 1px; }
.r02		{ right: 2px; }
.r03		{ right: 3px; }
.r04		{ right: 4px; }
.r05		{ right: 5px; }
.r06		{ right: 6px; }
.r07		{ right: 7px; }
.r08		{ right: 8px; }
.r09		{ right: 9px; }
.r10		{ right: 10px; }
.r11		{ right: 11px; }
.r12		{ right: 12px; }
.r13		{ right: 13px; }
.r14		{ right: 14px; }
.r15		{ right: 15px; }
.r20		{ right: 20px; }
.r21		{ right: 21px; }
.r22		{ right: 22px; }
.r23		{ right: 23px; }
.r24		{ right: 24px; }
.r25		{ right: 25px; }
.r26		{ right: 26px; }
.r27		{ right: 27px; }
.r28		{ right: 28px; }
.r29		{ right: 29px; }
.r30		{ right: 30px; }

.b00		{ bottom: 0; }
.b01		{ bottom: 1px; }
.b02		{ bottom: 2px; }
.b03		{ bottom: 3px; }
.b04		{ bottom: 4px; }
.b05		{ bottom: 5px; }
.b06		{ bottom: 6px; }
.b07		{ bottom: 7px; }
.b08		{ bottom: 8px; }
.b09		{ bottom: 9px; }
.b10		{ bottom: 10px; }
.b11		{ bottom: 11px; }
.b12		{ bottom: 12px; }
.b13		{ bottom: 13px; }
.b14		{ bottom: 14px; }
.b15		{ bottom: 15px; }
.b20		{ bottom: 20px; }
.b21		{ bottom: 21px; }
.b22		{ bottom: 22px; }
.b23		{ bottom: 23px; }
.b24		{ bottom: 24px; }
.b25		{ bottom: 25px; }
.b26		{ bottom: 26px; }
.b27		{ bottom: 27px; }
.b28		{ bottom: 28px; }
.b29		{ bottom: 29px; }
.b30		{ bottom: 30px; }

.l00		{ left: 0; }
.l01		{ left: 1px; }
.l02		{ left: 2px; }
.l03		{ left: 3px; }
.l04		{ left: 4px; }
.l05		{ left: 5px; }
.l06		{ left: 6px; }
.l07		{ left: 7px; }
.l08		{ left: 8px; }
.l09		{ left: 9px; }
.l10		{ left: 10px; }
.l11		{ left: 11px; }
.l12		{ left: 12px; }
.l13		{ left: 13px; }
.l14		{ left: 14px; }
.l15		{ left: 15px; }
.l20		{ left: 20px; }
.l21		{ left: 21px; }
.l22		{ left: 22px; }
.l23		{ left: 23px; }
.l24		{ left: 24px; }
.l25		{ left: 25px; }
.l26		{ left: 26px; }
.l27		{ left: 27px; }
.l28		{ left: 28px; }
.l29		{ left: 29px; }
.l30		{ left: 30px; }

/* OVERFLOW */
.ofh		{ overflow: hidden; width: 100%; }
.ofa		{ overflow: auto; }
.ofs		{ overflow: scroll; }
.ofxs		{ overflow-x: scroll; }
.ofys		{ overflow-y: scroll; }
/* DISPLAY */
.db			{ display: block; }
.di			{ display: inline; }
.ditc		{ display:table-cell; }
.dit		{ display:table;}
.dib4i		{ display: inline-block; }
.dib4b		{ display: inline-block; *display: inline; zoom: 1; }
.dn			{ display: none !important; }
/* VISIBILITY */
.vh			{ visibility: hidden; }
.vv			{ visibility: visible; }
/* Z-INDEX */
.zi0		{ z-index: 0; }
.zi1		{ z-index: 1; }
/* HASLAYOUT TO TRUE */
.zm1		{ zoom: 1; }
/* BOX SIZING */
.bb			{ box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* VERTICAL-ALIGN */
.vat		{ vertical-align: top; }
.vam		{ vertical-align: middle; }
.vab		{ vertical-align: bottom; }
/* TEXT-ALIGN */
.tal		{ text-align: left !important; }
.tac		{ text-align: center !important; }
.tar		{ text-align: right !important; }
/* BLOCK-ALIGN */
.bal		{ margin-right: auto; }
.bac		{ margin-left: auto; margin-right: auto; }
.bar		{ margin-left: auto; }
/* FONT-WEIGHT */
.b			{ font-weight: bold; }
.n			{ font-weight: normal; }
/* FONT-SIZE */
.fs08		{ font-size: 8px !important; }
.fs09		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs11		{ font-size: 11px !important; }
.fs12		{ font-size: 12px !important; }
.fs13		{ font-size: 13px !important; }
.fs14		{ font-size: 14px !important; }
.fs15		{ font-size: 15px !important; }
.fs16		{ font-size: 16px !important; }
.fs17		{ font-size: 17px !important; }
.fs18		{ font-size: 18px !important; }
.fs19		{ font-size: 19px !important; }
.fs20		{ font-size: 20px !important; }
.fs21		{ font-size: 21px !important; }
.fs22		{ font-size: 22px !important; }
.fs23		{ font-size: 23px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }
.fs30		{ font-size: 30px !important; }
.fs80p	{ font-size: 80% !important; }
.fs85p	{ font-size: 85% !important; }
.fs90p	{ font-size: 90% !important; }
.fs120p	{ font-size: 120% !important; }
.fs130p	{ font-size: 130% !important; }
.fs150p	{ font-size: 150% !important; }
.fs240p	{ font-size: 240% !important; }
.fs250p	{ font-size: 250% !important; }
.fs300p	{ font-size: 300% !important; }
.fs350p	{ font-size: 350% !important; }
.fsSS { font-size:75% !important; }
.fsS { font-size:86% !important; }
.fsL { font-size:116% !important; }
.fsLL { font-size:129% !important; }
.fsLLL { font-size:150% !important; }


/* TEXT-DECORATION */
.del		{ text-decoration: line-through; }
.u			{ text-decoration: underline; }
.tdn		{ text-decoration: none;}

/* TEXT-SHADOW */
.ts01	{ text-shadow: 1px 1px 2px #ccc;  }
.ts02	{ text-shadow: 1px 1px 2px #fff;  }
.ts03	{ text-shadow: 1px 1px 2px #777;  }
.ts04	{ text-shadow: 0.5px 0.5px 2px #fff;  }

/* LETTER-SPACING */
.ls01	{ letter-spacing: 0.01em; }
.ls02	{ letter-spacing: 0.02em; }
.ls03	{ letter-spacing: 0.03em; }
.ls09	{ letter-spacing: 0.09em; }

/* FONT-COLOR */
.fcgreen1	{ color: #008B8B; }
.fcgreen2	{ color: #016460; }
.fcgray1	{ color: #999; }
.fcpink1	{ color: #fe80a8; }
.fcfff	{ color: #fff; }
.fc333	{ color: #333; }

/* BACKGROUND */
.bg01	{ background-color: #20b2aa; }
.bg02	{ background-color: #fff; }
.bg03	{ background-color: #E8F7F9; }

/* BORDER */
.bdn	{ border: none !important; }
.bd	{ border: 1px solid #999999; }
.bdDot	{ border: 1px dotted #999999; }
.btDot	{ border-top: 1px solid #AAA; }
.bdDotB	{ border-bottom: 1px dotted #999999; }
.bdb999	{ border-bottom: 1px solid #999999;}
.bdbE0{ border-bottom: 1px solid #E0E0E0;}
.bdbC{ border-bottom: 1px dotted #CCC;}
.bdb3b{ border-bottom: 1px solid #3BDFD6;}
.brbC{ border-right: 1px dotted #CCC;}
.bdtC{ border-top: 1px dotted #CCC;}
.bdsC{ border-bottom: 1px solid #CCC;}
.brsC{ border-right: 1px solid #CCC;}
.hr		{ border: 0; border-bottom: 1px dotted #999999; }
.bd_bun	{ border: 1px solid #eee; padding:3px; }

.uline_dot	{ 
	background-image: url("http://full-gate.net/assets/images/pc/common/dash.png");
	line-height: 30px;
	margin: 0px;
	background-position: center top;
	display:block;
 }

/* BORDER-RADIUS */
.br3 {
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	-o-border-radius:3px; /* Opera */
	-ms-border-radius:3px; /* Internet Explorer */
}
.br5 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */
}
.br6 {
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
	-o-border-radius:6px; /* Opera */
	-ms-border-radius:6px; /* Internet Explorer */
}

/* LINE-HEIGHT */
.lh1		{ line-height: 1; }
.lh1p2		{ line-height: 1.2; }
.lh1p3		{ line-height: 1.3; }
.lh1p4		{ line-height: 1.4; }
.lh1p6		{ line-height: 1.6; }
.lh1p8		{ line-height: 1.8; }
.lh2		{ line-height: 2; }

/* TEXT-INDENT */
.ti01		{ text-indent: 1px; }
.ti02		{ text-indent: 2px; }
.ti03		{ text-indent: 3px; }
.ti04		{ text-indent: 4px; }
.ti05		{ text-indent: 5px; }
.ti06		{ text-indent: 6px; }
.ti07		{ text-indent: 7px; }
.ti08		{ text-indent: 8px; }
.ti09		{ text-indent: 9px; }
.ti10		{ text-indent: 10px; }
.ti11		{ text-indent: 11px; }
.ti12		{ text-indent: 12px; }
.ti13		{ text-indent: 13px; }
.ti14		{ text-indent: 14px; }
.ti15		{ text-indent: 15px; }
.ti20		{ text-indent: 20px; }
.ti21		{ text-indent: 21px; }
.ti22		{ text-indent: 22px; }
.ti23		{ text-indent: 23px; }
.ti24		{ text-indent: 24px; }
.ti25		{ text-indent: 25px; }
.ti26		{ text-indent: 26px; }
.ti27		{ text-indent: 27px; }
.ti28		{ text-indent: 28px; }
.ti29		{ text-indent: 29px; }
.ti30		{ text-indent: 30px; }

.ti1em	{ margin-left:1em;	text-indent:-1em;}
.ti1hem	{ margin-left:1.5em;	text-indent:-1.5em;}
.ti2em	{ margin-left:2em;	text-indent:-2em;}
.ti2hem	{ margin-left:2.5em;	text-indent:-2.5em;}

/* OFF LEFT */
.ol			{ text-indent: -9999px; overflow: hidden; }

/* NOWRAP */
.nr			{ white-space: nowrap; }

/* CURSOR */
.pointer	{ cursor: pointer; }

/* BORDER-COLLAPSE */
.bdcc		{ border-collapse: collapse; }
.bdcs		{ border-collapse: separate; }

/* TABLE-LAYOUT */
.tlf		{ table-layout: fixed; }

/* コンテンツ幅 */
.wi_full {
    margin: 0px auto;
    width: 1000px;
}
.wi_100per {
    margin: 0px auto;
    width: 100%;
}

.wi_98per {
    margin: 0px auto;
    width: 98%;
}

.wi_49per {
    margin: 0px auto;
    width: 49%;
}

.wi_700 {
    margin: 0px auto;
    width: 700px;
}

.wi_250 {
    margin: 0px auto;
    width: 250px;
}

.wi_270 {
    margin: 0px auto;
    width: 270px;
}

.wi_290 {
    margin: 0px auto;
    width: 290px;
}


.wi_300 {
    margin: 0px auto;
    width: 300px;
}

.wi_400 {
    margin: 0px auto;
    width: 400px;
}

.wi_450 {
    margin: 0px auto;
    width: 450px;
}

.wi_540 {
    margin: 0px auto;
    width: 540px;
}

.wi_640 {
    margin: 0px auto;
    width: 640px;
}

.wi_650 {
    margin: 0px auto;
    width: 650px;
}

/* リストマーク */

.list_01::before,.list_02::before,.list_03::before{
    content: "●";
    padding-right: 0.3em;
}

.list_01::before {
    color: #FD7224;
}

.list_02::before {
    color: #ccc;
}

.list_03::before {
    color: #fff;
}

.list_sq01::before,.list_sq02::before,.list_sq03::before {
    content: "■";
    padding-right: 0.2em;
}

.list_01try::before{
    content: "▼";
    padding-right: 0.3em;
}

.list_sq01::before,.list_01try::before {
    color: #f0d8e6;/* ピンク */
}

.list_sq02::before {
    color: #bedff3;/* ブルー */
}

.list_sq03::before {
    color: #e6e4f1;/* 紫 */
}

.list_q::before{
    content: url("http://full-gate.net/assets/images/pc/common/ico_q.png") ;
    padding-right: 0.5em;/* Q */
    float:left;
}

.list_a::before{
    content: url("http://full-gate.net/assets/images/pc/common/ico_a.png") ;
    padding-right: 0.5em;/* A */
    float:left;
}


<!--//common.css//-->


@charset "utf-8";

/*--------------------------------------------------------------------------------
 見出し HEADING STYLES
 -------------------------------------------------------------------------------*/
.header h1{
    height: 75px;
    width:308px;
    background: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/logo.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	float: left;
}
.header h1 a{
    height: 75px;
    width:308px;
    display:block;
}

.header {
	width:100%;
	margin:0 auto;
	padding:10px 0;
    background-image: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/head_bg.png);
    background-repeat: repeat-x;
    overflow:hidden;
}

.header_in {
	width:1000px;
	margin:0 auto;
    overflow:hidden;
}

.header ul{
	width:230px;
	margin:0 auto;
	padding:10px 0;
	float: right;
}

.header ul li{
	height: 25px;
}

.header ul p{
	width:80px;
	float: left;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	margin-top: 3px;
}

.header ul input{
	width:130px;
	float: left;
}

.header .login{
	float: right;
	margin-top:10px;
}

.header .login p{
	margin-top:5px;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	font-size:10px;
}

.header .login p a{
	color:#fff;
}


/*--------------------------------------------------------------------------------
 グローバルナビゲーション GLOVAL NAVI
 -------------------------------------------------------------------------------*/

/*** トップグローバルナビ ***/
.gnavi,.cont_gnavi{
	width: 100%;
	margin:0 auto;
	text-align: center;
	overflow:hidden;
    background-image: url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/head_bg.png);
    background-repeat: repeat-x;
}

.gnavi ul,.cont_gnavi ul{
    width:1000px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.gnavi ul li,.cont_gnavi ul li{
    width:199px;
    height:70px;
	overflow: hidden;
	float: left;
	line-height:70px;
	display: block;
	background-color: rgba( 255, 255, 255, 0.10 );
	border-left: 1px solid #7679ca;
}

.gnavi ul li{
    width:199px;
}

.cont_gnavi ul li{
    width:165.5px;
}

.gnavi ul li.br{
    width:198px;
	border-right: 1px solid #7679ca;
}

.cont_gnavi ul li.br{
    width:165.5px;
	border-right: 1px solid #7679ca;
}

.gnavi ul li:hover,.cont_gnavi ul li:hover{
	background-color: rgba( 255, 255, 255, 0.20 );
}


.gnavi ul li a,.cont_gnavi ul li a{
    display:block;
	font-size:14px;
	line-height: 55px;
	height: 55px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border-bottom: 10px solid #a31f27;
	margin: 5px 0 0 5px;
}

.gnavi ul li a{
    width:190px;
}

.cont_gnavi ul li a{
    width:160px;
}

.gnavi ul li a:hover,.cont_gnavi ul li a:hover{
    display:block;
	font-size:16px;
	line-height: 45px;
	height: 45px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border-bottom: 20px solid #ed3643;
	margin: 10px 0 0 5px;
}

.gnavi ul li a:hover{
    width:190px;
}

.cont_gnavi ul li a:hover{
    width:160px;
}

/*--------------------------------------------------------------------------------
 ページトップ PAGE TOP
 -------------------------------------------------------------------------------*/

#pageTop{
	background:#ed3643;
	color:#FFF;
	padding:10px 12px;
	font-size:1.5em;
	position:fixed;
	bottom:20px;
	right:20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	}
#pageTop:hover{
	background:#a31f27;
	}
	
/*--------------------------------------------------------------------------------
 バナー
 -------------------------------------------------------------------------------*/
 
.bunner{
	width: 100%;
	margin: 30px auto;
	text-align: center;
	overflow:hidden;
}

.bunner ul{
    width:1000px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.bunner ul li{
	width: 250px;
	overflow: hidden;
	float: left;
	display: block;
}

.bunner2{
	width: 100%;
	margin: 20px auto;
	text-align: center;
	overflow:hidden;
}

.bunner2 ul{
    width:700px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.bunner2 ul li{
	width: 200px;
	overflow: hidden;
	float: left;
	display: block;
}

/*--------------------------------------------------------------------------------
 フッター FOOTER STYLES
 -------------------------------------------------------------------------------*/

.footer {
	width:100%;
	margin:0 auto;
	overflow: hidden;
	background-color:#1d2088;
}

.upnavi {
	width:100%;
	margin:0 auto;
	overflow: hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f3124+1,6d0e03+100 */
background: #9f3124; /* Old browsers */
background: -moz-linear-gradient(top,  #9f3124 1%, #6d0e03 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9f3124 1%,#6d0e03 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9f3124 1%,#6d0e03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f3124', endColorstr='#6d0e03',GradientType=0 ); /* IE6-9 */
}

.footer ul,.footer dl{
	width:1000px;
	margin: 0 auto;
	padding: 0;
}

.footer ul li,.footer dl dt{
	color:#FFF;
	line-height: 1.4em;
	letter-spacing:0.05em;
}

.footer ul li .mt07{
	margin-top:7px;
}

.footer ul li::before{
	content:"●";
	margin-right:0.5%;
}

.footer dl.up dt{
	float:left;
	display:block;
	width:140px;
	text-align:center;
	border-left:1px solid #d04131;
	border-right:1px solid #6d0e03;
background: #9f3124; /* Old browsers */
background: -moz-linear-gradient(top,  #9f3124 1%, #6d0e03 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9f3124 1%,#6d0e03 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9f3124 1%,#6d0e03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f3124', endColorstr='#6d0e03',GradientType=0 ); /* IE6-9 */
text-shadow:2px 2px 1px #510c04;
}

.footer dl.up dt:hover{
background: #e74c3c; /* Old browsers */
background: -moz-linear-gradient(top,  #e74c3c 0%, #9f3124 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e74c3c 0%,#9f3124 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e74c3c 0%,#9f3124 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#9f3124',GradientType=0 ); /* IE6-9 */
text-shadow:1px 1px 1px #6d0e03;
}

.footer dl.up a{
	display:block;
	padding: 15px 0;
	overflow: hidden;
}

.footer ul{
	width:1000px;
	margin: 30px auto;
	clear: both;
	overflow: hidden;
}

.footer dl.bottom {
	width:800px !important;
	margin: 20px auto 0px auto;
	overflow: hidden;
}

.footer dl.bottom dt{
	float:left;
	width:170px;
	text-align:center;
	padding: 5px 10px;
	border:1px solid #010242;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #060973; /* Old browsers */
background: -moz-linear-gradient(top,  #060973 1%, #010242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #060973 1%,#010242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #060973 1%,#010242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060973', endColorstr='#010242',GradientType=0 ); /* IE6-9 */
text-shadow:2px 2px 1px #222;
}

.footer dl.bottom dt:hover{
background: #010242; /* Old browsers */
background: -moz-linear-gradient(top,  #010242 0%, #060973 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #010242 0%,#060973 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #010242 0%,#060973 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010242', endColorstr='#060973',GradientType=0 ); /* IE6-9 */
text-shadow:1px 1px 1px #6d0e03;
}

.footer dl.bottom dt a{
	color:#d0d1fe;
	display:block;
}

.footer dl.bottom dt a:hover{
	color:#fff;
}

.footer .corp{
	color:#FFF;
	width:100%;
	margin:0 auto;
	background-color:#060973;
	height: 40px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.footer .corp a{
	color:#FFF;
	width:100%;
	margin:0 auto;
	height: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
}

.footer a{
	color:#FFF;
	width:100%;
	margin:0 auto;
}


<!--//slick.css//-->

/* Slider */

.slide{
	width: 1000px;
	height:250px;
	margin:0 auto;
	overflow:hidden;
}

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


<!--//slick-theme.css//-->


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    padding-top:20px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '?';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


<!--//animate.css//-->

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated:hover {
  -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;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -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 {
  from, to {
    -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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-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);
  }

  to {
    -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);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

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

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  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.610, 0.355, 1.000);
    animation-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);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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, 25px, 0);
    transform: translate3d(0, 25px, 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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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, 25px, 0);
    transform: translate3d(0, 25px, 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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

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

  from {
    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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

  from {
    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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

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

  from {
    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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  from {
    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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

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

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

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

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* add style 20160801 */

.img {
	width:100%;
	vertical-align:bottom;
	}

.addPageWrap {
	width:1000px;
	margin:0 auto;
	}

/*=============================================================
	addTopContents001
=============================================================*/

#addTopContents001 {
	position:relative;
	background:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi01.png);
	padding:40px 0;
	}

#addTopContents001 img {
	position:relative;
	z-index:1;
	}

#addTopContents001 > .addPageWrap > p {
	position:relative;
	background:rgba(255,255,255,.75);
	font-size:18px;
	letter-spacing:2px;
	margin-top:-100px;
	padding:30px 60px;
	z-index:10;
	}

/*=============================================================
	addTopContents002
=============================================================*/

#addTopContents002 {
	position:relative;
	padding:40px 0;
	}

#addTopContents002 .planBanner {
	text-align:center;
	background:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/metalgridbk.jpg);
	margin:-50px auto 0;
	padding:50px 0 20px;
	}

#addTopContents002 .planBanner02 {
	text-align:center;
	background:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/metalgridbk.jpg);
	margin:-28px auto 0;
	padding:20px 0;
	}

#addTopContents002 > .addPageWrap > p {
	margin:12px auto 40px;
	font-size:18px;
	letter-spacing:2px;
	padding:20px;
	border:solid 1px #333;
	}

/*=============================================================
	underReg
=============================================================*/

#underReg {
	position:relative;
	background:url(https://fullgate-site-images-staging.s3.ap-northeast-1.amazonaws.com/pc/common/sabi01.png);
	padding:40px 0;
	}

#underReg .underRegContents {
	position:relative;
	background:rgba(255,255,255,.75);
	font-size:12px;
	letter-spacing:2px;
	padding:12px 0;
	border:solid 2px #333;
	box-sizing:border-box;
	}

#underReg .underRegContents .underRegTitle {
	text-align:center;
	background:#880000;
	background:-webkit-gradient(liner, left top, left bottom, form(#880000), to(#ee0000));
	background:-webkit-linear-gradient(top, #880000, #ee0000);
	background:-moz-linear-gradient(top, #880000, #ee0000);
	background:-o-linear-gradient(top, #880000, #ee0000);
	background:-ms-linear-gradient(top, #880000, #ee0000);
	background: linear-gradient(to bottom, #880000, #ee0000);
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	padding:12px 0;
	margin:12px 0;
	}

#underReg .underRegContents ul {
	width:100%;
	padding:0 20px;
	font-size:0;
	box-sizing:border-box;
	}

#underReg .underRegContents li {
	display:inline-block;
	font-size:14px;
	box-sizing:border-box;
	}

#underReg .underRegContents li:first-child {
	width:70%;
	vertical-align:middle;
	box-sizing:border-box;
	}

#underReg .underRegContents li:last-child {
	width:28%;
	vertical-align:middle;
	margin-left:10px;
	box-sizing:border-box;
	}

#underReg .underRegContents li img {
	width:100%;
	}

#underReg .underRegContents li .underRegInput {
	width:100%;
	padding:15px;
	font-size:14px;
	border-radius:6px;
	border:solid 3px #8d000b;
	box-sizing:border-box;
	}

#underReg .underRegContents li .underRegBtn {
width:260px;
}

#underReg .underRegContents .underRegTxt {
	padding:12px 20px 0;
	font-size:14px;
	letter-spacing:2px;
	line-height:24px;
	}