@charset "UTF-8";
/*
Layers CSS 1.0.2
Released by Jerry Jäppinen under the MIT license
http://eiskis.net/layers
2013-10-25 14:56 Europe/Helsinki
*/
/*Basics*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, a, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  clear: both;
  vertical-align: baseline; 
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  outline: 0;
  outline-style: solid;
  background: transparent;
}

html, body, blockquote, pre, table, form {
  margin: 0;
  padding: 0;
}

figure, button, input, select, textarea {
  margin: 0;
}

img, iframe, button, input, select, textarea {
  max-width: 100%;
}

iframe {
  width: 100%;
}

/*HTML5 elements*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;

  *display: inline;
  *zoom: 1;
}

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

/*Improve scaled image quality in IE7*/
img {
  -ms-interpolation-mode: bicubic;
}

/*Correct overflows in IE9*/
svg:not(:root) {
  overflow: hidden;
}

/*White-space behavior in pre*/
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*Document elements*/
/*Lists*/
ul {
  padding-left: 2em; 
  list-style: disc;
}

ol {
  padding-left: 2em; 
  list-style: decimal;
}

nav ul, nav ol {
  padding-left: 0; 
  list-style: none;
  list-style-image: none;
}

/*Inline*/
sub {
  position: relative;
  vertical-align: baseline; 
  line-height: 0;
}

sup {
  position: relative;
  top: -.5em; 
  vertical-align: baseline;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

/*Tables*/
table {
  width: 100%;
  border-spacing: 0; 
  border-collapse: collapse;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
}

/*Text*/
/*Fonts*/
html {
  font-family: sans-serif;
  font-size: 100%;

  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, strong, dt, mark, th {
  font-weight: bold;
}

/*Interactive*/
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

input, select, textarea, button {
  font-family: inherit;
}

input[type=""], input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
  font-size: inherit;
  line-height: inherit;
}

select, textarea, pre, code, kbd, samp {
  font-size: inherit;
  line-height: inherit;
}

button, input, select, textarea, pre, code, kbd, samp {
  font-weight: inherit;
}

button, select {
  text-transform: none;
}

/*Inline markup*/
em, dfn, q, blockquote {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

/*Quotes*/
blockquote, q {
  quotes: none;
}

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

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

/*Forms & interaction*/
/*Use the same box-model and sizing in all browsers*/
button {
  display: inline-block; 
  box-sizing: content-box;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type=""], input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
  display: inline-block; 
  box-sizing: content-box;
}

textarea {
  display: inline-block; 
  box-sizing: content-box;
}

/*Make search fields consistent with text fields on Webkit*/
input[type="search"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/*Get IE on the line with checkboxes*/
/*Make button rendering consistent on Firefox 4+*/
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0; 
  border: 0;
}

/*Style clickable inputs consistently on all webkits*/
button, html input[type="button"] {
  -webkit-appearance: button;
}

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
}

/*Buttons have center-aligned text*/
button, html input[type="button"] {
  text-align: center;
}

input[type="reset"], input[type="submit"] {
  text-align: center;
}

/*Use sensible alignments*/
button, input, select {
  vertical-align: baseline;

  *vertical-align: middle;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/*Use sensible cursors*/
body {
  cursor: default;
}

abbr[title], dfn[title] {
  cursor: help; 
  text-decoration: underline;
}

a, label, button {
  cursor: pointer;
}

input[type="submit"], input[type="button"], input[type="reset"] {
  cursor: pointer;
}

.disabled button, .disabled label, .disabled a {
  cursor: default;
}

button.disabled, label.disabled, a.disabled {
  cursor: default;
}

.disabled input[type="submit"], .disabled input[type="button"], .disabled input[type="reset"] {
  cursor: default;
}

input[type="submit"].disabled, input[type="button"].disabled, input[type="reset"].disabled {
  cursor: default;
}

a[disabled], button[disabled], input[disabled] {
  cursor: default;
}

/*Consistent outlines*/
a:focus {
  outline-style: dotted;
}

a:active, a:hover {
  outline: 0;
}

/*Form elements*/
/*Dimensions*/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type=""], input:not([type]) {
  width: 60%;
  max-width: 20em;
}

input[type="text"].squeeze, input[type="password"].squeeze, input[type="email"].squeeze, input[type="url"].squeeze, input[type="search"].squeeze, input[type="tel"].squeeze, input[type=""].squeeze, input:not([type]).squeeze {
  width: 40%;
  max-width: 14em;
}

textarea {
  width: 60%;
  max-width: 32em;
  height: 10.72em;
}
textarea.squeeze {
  width: 40%;
  max-width: 20em; 
  height: 4.02em;
}

/*Resets*/
button.plain, input.plain, textarea.plain {
  padding: 0; 
  border-width: 0;
  border-style: solid;
  background-color: transparent;
}

button.plain {
  font-family: inherit; 
  font-size: inherit;
  line-height: inherit;
}

input[type="submit"].plain, input[type="button"].plain, input[type="reset"].plain {
  font-family: inherit; 
  font-size: inherit;
  line-height: inherit;
}

input.buffer, input.buffer-top {
  padding-top: .35em;
}

/*Explicit padding for input elements*/
textarea.buffer, textarea.buffer-top {
  padding-top: .35em;
}

input.buffer, input.buffer-right {
  padding-right: .6em;
}

textarea.buffer, textarea.buffer-right {
  padding-right: .6em;
}

input.buffer, input.buffer-bottom {
  padding-bottom: .4em;
}

textarea.buffer, textarea.buffer-bottom {
  padding-bottom: .4em;
}

input.buffer, input.buffer-left {
  padding-left: .6em;
}

textarea.buffer, textarea.buffer-left {
  padding-left: .6em;
}

/*Change box model for grid elements*/
.row, .column {
  box-sizing: border-box;
}

/*Rows with buffer space*/
.row {
  float: none; 
  clear: both;
  width: 100%;
}

.row-content {
  max-width: 70em; 
  margin: 0 auto;
}
.row-content.buffer, .row-content.buffer-top {
  padding-top: 2%;
}
.row-content.buffer.even, .row-content.buffer-top.even {
  padding-top: 6%;
}
.row-content.buffer, .row-content.buffer-right {
  padding-right: 8%;
}
.row-content.buffer, .row-content.buffer-bottom {
  padding-bottom: 6%;
}
.row-content.buffer, .row-content.buffer-left {
  padding-left: 8%;
}

/*Column basics (12-based fluid grid)*/
.column {
  float: left;
  clear: none;
  min-height: 1px;
  margin-right: 3.8%; 
  margin-left: 0;
}
.column.first, .column.full, .column.twelve, .column.center {
  clear: both;
}
.column.right {
  float: right;
}
.column.center, .column.right.center {
  float: none;
}
.column.last, .column.reset {
  margin-right: 0 !important;
}
.column.right {
  margin-right: 0;
  margin-left: 3.8%;
}
.column.right.last, .column.right.reset {
  margin-left: 0 !important;
}
.column.center, .column.right.center {
  margin-right: auto !important;
  margin-left: auto !important;
}
.column.full, .column.twelve {
  width: 100%;
}
.column.one {
  width: 4.85%;
}
.column.two, .column.sixth {
  width: 13.45%;
}
.column.three, .column.fourth {
  width: 22.05%;
}
.column.four, .column.twosixths, .column.third {
  width: 30.75%;
}
.column.five {
  width: 39.45%;
}
.column.six, .column.half, .column.threesixths, .column.twofourths {
  width: 48%;
}
.column.seven {
  width: 56.75%;
}
.column.eight, .column.foursixths, .column.twothirds {
  width: 65.4%;
}
.column.nine, .column.threefourths {
  width: 74.05%;
}
.column.ten, .column.fivesixths {
  width: 82.7%;
}
.column.eleven {
  width: 91.35%;
}
.column.push-one {
  margin-left: 8.65%;
}
.column.right.push-one {
  margin-right: 8.65%;
}
.column.push-two, .column.push-sixth {
  margin-left: 17.25%;
}
.column.right.push-two, .column.right.push-sixth {
  margin-right: 17.25%;
}
.column.push-three, .column.push-fourth {
  margin-left: 25.85%;
}
.column.right.push-three, .column.right.push-fourth {
  margin-right: 25.85%;
}
.column.push-four, .column.push-twosixths, .column.push-third {
  margin-left: 34.55%;
}
.column.right.push-four, .column.right.push-twosixths, .column.right.push-third {
  margin-right: 34.55%;
}
.column.push-five {
  margin-left: 43.25%;
}
.column.right.push-five {
  margin-right: 43.25%;
}
.column.push-six, .column.push-half, .column.push-threesixths, .column.push-twofourths {
  margin-left: 51.8%;
}
.column.right.push-six, .column.right.push-half, .column.right.push-threesixths, .column.right.push-twofourths {
  margin-right: 51.8%;
}
.column.push-seven {
  margin-left: 60.55%;
}
.column.right.push-seven {
  margin-right: 60.55%;
}
.column.push-eight, .column.push-foursixths, .column.push-twothirds {
  margin-left: 69.2%;
}
.column.right.push-eight, .column.right.push-foursixths, .column.right.push-twothirds {
  margin-right: 69.2%;
}
.column.push-nine, .column.push-threefourths {
  margin-left: 77.85%;
}
.column.right.push-nine, .column.right.push-threefourths {
  margin-right: 77.85%;
}
.column.push-ten, .column.push-fivesixths {
  margin-left: 86.5%;
}
.column.right.push-ten, .column.right.push-fivesixths {
  margin-right: 86.5%;
}
.column.push-eleven {
  margin-left: 95.15%;
}
.column.right.push-eleven {
  margin-right: 95.15%;
}
.column.one.reset {
  width: 8.3%;
}
.column.two.reset, .column.sixth.reset {
  width: 16.65%;
}
.column.three.reset, .column.fourth.reset {
  width: 25%;
}
.column.four.reset, .column.twosixths.reset, .column.third.reset {
  width: 33.3%;
}
.column.five.reset {
  width: 41.65%;
}
.column.six.reset, .column.half.reset, .column.threesixths.reset, .column.twofourths.reset {
  width: 50%;
}
.column.seven.reset {
  width: 58.3%;
}
.column.eight.reset, .column.foursixths.reset, .column.twothirds.reset {
  width: 66.6%;
}
.column.nine.reset, .column.threefourths.reset {
  width: 75%;
}
.column.ten.reset, .column.fivesixths.reset {
  width: 83.35%;
}
.column.eleven.reset {
  width: 91.7%;
}
.column.reset.push-one {
  margin-left: 8.3%;
}
.column.reset.right.push-one {
  margin-right: 8.3%;
}
.column.reset.push-two, .column.reset.push-sixth {
  margin-left: 16.65%;
}
.column.reset.right.push-two, .column.reset.right.push-sixth {
  margin-right: 16.65%;
}
.column.reset.push-three, .column.reset.push-fourth {
  margin-left: 25%;
}
.column.reset.right.push-three, .column.reset.right.push-fourth {
  margin-right: 25%;
}
.column.reset.push-four, .column.reset.push-twosixths, .column.reset.push-third {
  margin-left: 33.3%;
}
.column.reset.right.push-four, .column.reset.right.push-twosixths, .column.reset.right.push-third {
  margin-right: 33.3%;
}
.column.reset.push-five {
  margin-left: 41.65%;
}
.column.reset.right.push-five {
  margin-right: 41.65%;
}
.column.reset.push-six, .column.reset.push-half, .column.reset.push-threesixths, .column.reset.push-twofourths {
  margin-left: 50%;
}
.column.reset.right.push-six {
  margin-right: 50%;
}
.column.right.reset.push-half, .column.right.reset.push-threesixths, .column.right.reset.push-twofourths {
  margin-right: 50%;
}
.column.reset.push-seven {
  margin-left: 58.3%;
}
.column.reset.right.push-seven {
  margin-right: 58.3%;
}
.column.reset.push-eight, .column.reset.push-foursixths, .column.reset.push-twothirds {
  margin-left: 66.6%;
}
.column.reset.right.push-eight, .column.reset.right.push-foursixths, .column.reset.right.push-twothirds {
  margin-right: 66.6%;
}
.column.reset.push-nine, .column.reset.push-threefourths {
  margin-left: 75%;
}
.column.reset.right.push-nine, .column.reset.right.push-threefourths {
  margin-right: 75%;
}
.column.reset.push-ten, .column.reset.push-fivesixths {
  margin-left: 83.35%;
}
.column.reset.right.push-ten, .column.reset.right.push-fivesixths {
  margin-right: 83.35%;
}
.column.reset.push-eleven {
  margin-left: 91.7%;
}
.column.reset.right.push-eleven {
  margin-right: 91.7%;
}
.column.fluid {
  float: left;
  clear: none;
  width: 100%;
  margin-right: 0; 
  margin-left: 0;
}
.column.fluid > .column-content {
  margin-right: 10em;
}
.column.fixed {
  position: static;
  float: right;
  clear: none;
  width: 10em; 
  margin-right: 0;
  margin-left: -100%;
}
.column.fluid.right > .column-content {
  margin-right: 0;
  margin-left: 10em;
}
.column.fixed.right {
  float: left;
}

/*Fluid columns*/
/*Reverse stacking*/
/*Centered columns*/
/*Full-width column*/
/*Fluid column widths*/
/*Shift guttered columns*/
/*No gutters*/
/*Shift no-gutter columns*/
/*Fixed-width column with another column taking rest of the available space (fixed on the left)*/
/*Reverse stacking*/
/*List layouts*/
/*Modified lists*/
ul.plain {
  padding-left: 0;
  list-style-type: none;
}
ul.plain ul, ul.plain ol {
  padding-left: 0;
  list-style-type: none;
}

ol.plain {
  padding-left: 0;
  list-style-type: none;
}
ol.plain ul, ol.plain ol {
  padding-left: 0;
  list-style-type: none;
}

ul.inline, ol.inline, ul.collapse, ol.collapse {
  padding-left: 0;
  list-style-type: none;
}

/*Child lists*/
ul.plain ul, ul.plain ol {
  margin-top: 0;
  margin-bottom: 0;
}

ol.plain ul, ol.plain ol {
  margin-top: 0;
  margin-bottom: 0;
}

ul.inline ul, ul.inline ol {
  margin-top: 0;
  margin-bottom: 0;
}

ol.inline ul, ol.inline ol {
  margin-top: 0;
  margin-bottom: 0;
}

ul.collapse ul, ul.collapse ol {
  margin-top: 0;
  margin-bottom: 0;
}

ol.collapse ul, ol.collapse ol {
  margin-top: 0;
  margin-bottom: 0;
}

/*Plain definition lists*/
dl.plain dt {
  font-weight: inherit;
}

/*Inline lists*/
ul.inline.right, ol.inline.right, dl.inline.right {
  text-align: right;
}

ul.inline.center, ol.inline.center, dl.inline.center {
  text-align: center;
}

ul.inline > li, ol.inline > li {
  display: inline;
}

dl.inline > dt, dl.inline > dd {
  display: inline;
}

/*Horizontal lists with block elements*/
ul.collapse, ol.collapse, dl.collapse {
  float: left;
  clear: none;
}

ul.collapse.right, ol.collapse.right, dl.collapse.right {
  float: right;
}

ul.collapse > li, ol.collapse > li {
  float: left;
  clear: none;
}

dl.collapse > dt, dl.collapse > dd {
  float: left;
  clear: none;
}

/*Rhythm*/
body {
  line-height: 1.34;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.34em;
  margin-bottom: .67em;
}

p, ul, ol, table, pre, blockquote {
  margin-top: .67em;
  margin-bottom: 1.34em;
}

/*Nested lists*/
ul ul, ul ol {
  margin-top: 0;
  margin-bottom: .67em;
}

ol ol, ol ul {
  margin-top: 0;
  margin-bottom: .67em;
}

/*Definition lists*/
dl {
  margin-bottom: 1.34em;
}
dl.plain {
  margin-top: .67em;
}
dl.reset, dl.reset-top {
  margin-top: 0;
}

dt {
  margin-top: .67em;
  margin-bottom: 0;
}

dl.plain > dt, dl.inline > dt, dl.collapse > dt {
  margin-top: 0;
}

dd {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

/*Tables*/
caption {
  margin-bottom: .67em;
}

th, td {
  padding: .67em;
}

.squeeze th, .squeeze td {
  padding: .335em;
}

th.squeeze, td.squeeze {
  padding: .335em;
}

table table th, table table td {
  padding: .335em;
}

table.plain th, table.plain td {
  padding: 0;
}

tr.plain th, tr.plain td {
  padding: 0;
}

tbody.plain th, tbody.plain td {
  padding: 0;
}

thead.plain th, thead.plain td {
  padding: 0;
}

tfoot.plain th, tfoot.plain td {
  padding: 0;
}

th.plain, td.plain {
  padding: 0;
}

/*Headings*/
h1.squeeze, h2.squeeze, h3.squeeze, h4.squeeze, h5.squeeze, h6.squeeze, h1.squeeze-top, h2.squeeze-top, h3.squeeze-top, h4.squeeze-top, h5.squeeze-top, h6.squeeze-top {
  margin-top: .67em;
}

p.squeeze, ul.squeeze, ol.squeeze, table.squeeze, pre.squeeze, blockquote.squeeze, p.squeeze-top, ul.squeeze-top, ol.squeeze-top, table.squeeze-top, pre.squeeze-top, blockquote.squeeze-top {
  margin-top: .335em;
}

h1.squeeze, h2.squeeze, h3.squeeze, h4.squeeze, h5.squeeze, h6.squeeze, h1.squeeze-bottom, h2.squeeze-bottom, h3.squeeze-bottom, h4.squeeze-bottom, h5.squeeze-bottom, h6.squeeze-bottom {
  margin-bottom: .335em;
}

p.squeeze, ul.squeeze, ol.squeeze, table.squeeze, pre.squeeze, blockquote.squeeze, p.squeeze-bottom, ul.squeeze-bottom, ol.squeeze-bottom, table.squeeze-bottom, pre.squeeze-bottom, blockquote.squeeze-bottom {
  margin-bottom: .67em;
}

/*Spacing*/
.push, .push-top {
  margin-top: 1.34em;
}

.push, .push-right {
  margin-right: 1.34em;
}

.push, .push-bottom {
  margin-bottom: 1.34em;
}

.push, .push-left {
  margin-left: 1.34em;
}

/*No spacing*/
.reset, .reset-top {
  margin-top: 0;
}

.reset, .reset-right {
  margin-right: 0;
}

.reset, .reset-bottom {
  margin-bottom: 0;
}

.reset, .reset-left {
  margin-left: 0;
}

/*Buffers*/
.buffer, .buffer-top {
  padding-top: 1em;
}

.buffer.even, .buffer-top.even {
  padding-top: 2em;
}

.buffer, .buffer-right {
  padding-right: 2em;
}

.buffer, .buffer-bottom {
  padding-bottom: 2em;
}

.buffer, .buffer-left {
  padding-left: 2em;
}

/*No buffers*/
.no-buffer, .no-buffer-top {
  padding-top: 0;
}

.no-buffer, .no-buffer-right {
  padding-right: 0;
}

.no-buffer, .no-buffer-bottom {
  padding-bottom: 0;
}

.no-buffer, .no-buffer-left {
  padding-left: 0;
}

/*Table gravity*/
/*Horizontal*/
th.left, td.left {
  text-align: left;
}

th.right, td.right {
  text-align: right;
}

th.center, td.center {
  text-align: center;
}

/*Vertical*/
th.top, td.top {
  vertical-align: top;
}

th.vertical-center, td.vertical-center, th.middle, td.middle {
  vertical-align: middle;
}

th.bottom, td.bottom {
  vertical-align: bottom;
}

/*Overall rhythm*/
body {
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto; 

  -epub-hyphens: auto;
      -ms-hyphens: auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
  word-break: normal;
}

/*Font families*/
html {
  font-family: "Segoe UI", "Lucida Grande", "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

blockquote, q {
  font-family: "Droid Serif", "Georgia", serif;
}

pre, code, kbd, samp {
  font-family: "Menlo", "Monaco", "Segoe UI Mono", "Droid Sans Mono", "Consolas", monospace;
  font-size: .9em;
}

pre code, pre kbd, pre samp {
  font-size: 1em;
}

/*Sizes*/
h1, h2, h3 {
  text-rendering: optimizeLegibility;
}

/*Force floats*/
.keep-left, .keep-right {
  clear: none;
}

.keep-left {
  float: left;
}

.keep-right {
  float: right;
}

.keep-center {
  margin-right: auto;
  margin-left: auto;
}

/*Positioning*/
.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: static;
}

.fixed {
  position: fixed;
}

/*Blocks and inline-blocks*/
.block {
  display: block;
}

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

.inline {
  display: inline;
}

ul.inline, ol.inline, dl.inline {
  display: block;
}

/*Utilities for common CSS-based behavior*/
.hidden {
  display: none;
}

.clear {
  clear: both;
}

.clear-after {
  *zoom: 1;
}
.clear-after:after {
  display: table;
  clear: both; 
  content: " ";
}

/*Dry element of its content*/
.dry {
  text-indent: -9999em;

  direction: ltr;
}

/*Include padding and border in dimensions*/
.content-box {
  box-sizing: content-box;
}

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

/* 汎用クラス */
.opacity {
       opacity: .55;

  -ms-filter: "alpha(opacity=55.0)"; 
      filter: alpha(opacity=55);
  -moz-opacity: .55;
}

.inline-block {
  display: inline-block;

  *display: inline;
  *zoom: 1;
}

.table-cell {
  display: table-cell;

  *display: inline;
  *zoom: 1;
  /*vertical-align: middle;*/
}

.fr, .imgR {
  float: right;
  margin-left: 10px;
}

.fl, .imgL {
  float: left;
  margin-right: 10px;
}

.imgC, .tC, .btn {
  text-align: center;
}

.imgC {
  display: block;
  margin-right: auto; 
  margin-left: auto;
}

.tR, .sign {
  text-align: right;
}

.box-size {
      box-sizing: border-box; 

  -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
}

.ts-none {
          text-shadow: none !important; 

  -webkit-text-shadow: none !important;
     -moz-text-shadow: none !important;
      -ms-text-shadow: none !important;
       -o-text-shadow: none !important;
}

.bs-none {
      box-shadow: none !important; 

  -ms-box-shadow: none !important;
   -o-box-shadow: none !important;
}

/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  /* for IE */

  *font: x-small;
  *font-size: small;
  /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font: 100%; 
  font-size: inherit;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%; 

  *font-size: 108%;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssfonts {
  display: none;
}

div {
  /*line-height: 0;*/
  clear: none;
}

p, img, ul, li {
  clear: none;
}

img {
  width: auto\9; 
  height: auto;
  vertical-align: bottom;
}

p {
  font-size: 108%;
  line-height: 1.5;
}

li, dt, dd, th, td, address, .h1 {
  font-size: 93%;
  line-height: 1.5;
}

address {
  font-style: normal;
}

ul {
  margin: 0;
}

input[type="checkbox"], input[type="radio"] {
  margin-right: 5px; 
  padding: 0;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type=""], input:not([type]) {
  width: auto;
  max-width: none;
}

textarea {
  width: 80%;
}

.clearfix, .grid, .col, .col2 {
  *zoom: 1;
}
.clearfix:after, .grid:after, .col:after, .col2:after {
  display: table;
  clear: both; 
  content: "";
}

/*----------------------------------------------------
  パーツ
----------------------------------------------------*/
.visible {
  overflow: visible !important;
}

.nowrap {
  white-space: nowrap !important;
}

.reset {
  margin: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.w150 {
  width: 150px;
  /* 4分割 */
}

.w192 {
  width: 192px;
  /* 3分割 */
}

.w169 {
  width: 169px;
  /* 2分割 */
}

.w429 {
  width: 429px;
  /* 2分割 */
}

.w299 {
  width: 299px;
  /* 均等2分割 */
}

.w618 {
  width: 618px;
  /* 分割なし*/
}

/*----------------------------------------------------
  見出し
----------------------------------------------------*/
.h1 {
  position: absolute;
  top: 30px;
  left: 280px;
  margin: 0;
  color: #959595; 
  font-weight: normal;
}

.h2 {
  width: 500px;
  height: 240px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px 20px 0 180px; 
  color: #fff;
  font-size: 154%;
}

.h3 {
  margin: 0 0 20px;
}

.h4 {
  margin-bottom: 40px;
  text-align: center;
}

.h5 {
  margin: 0 0 15px;
}

/*----------------------------------------------------
  共通
----------------------------------------------------*/
.topicpath {
  position: absolute;
  top: -20px;
}

.pagetop {
  width: 960px;
  margin: 0 auto 20px;
  text-align: right;
}

.copyright {
  margin: 0 0 10px;
  text-align: center;
  color: #fff;
}

.note {
  color: #f38268;
}

.lead {
  position: absolute;
  top: 60px;
  left: 180px;
  width: 460px;
  color: #fff;
  font-size: 108%;
}

.underline {
  text-decoration: underline;
}

.border, .border-top {
  border-top: 1px #eee solid;
}

.border, .border-left {
  border-left: 1px #eee solid;
}

.border, .border-right {
  border-right: 1px #eee solid;
}

.border, .border-bottom {
  border-bottom: 1px #eee solid;
}

.no-border-top {
  border-top: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

/*----------------------------------------------------
  ヘッダー
----------------------------------------------------*/
.header-logo, .header-tel {
  position: absolute;
}

.header-logo {
  top: 32px;
  left: 0;
}

.header-tel {
  top: 15px;
  right: 40px;
}

.header-body {
  position: relative;
  height: 100px;
}

/*----------------------------------------------------
  フッター
----------------------------------------------------*/
.footer address {
  margin-bottom: 50px; 
  color: #bfbfbf;
}

/*----------------------------------------------------
  メイン
----------------------------------------------------*/
.content-body {
  padding: 20px 40px;
  border: 1px #eee solid;
  border-top: none; 
  background-color: #fff;
}
.content-body.no-padding-top {
  padding-top: 0;
}
.content-body.no-padding-bottom {
  padding-bottom: 0;
}

/*----------------------------------------------------
  サブ
----------------------------------------------------*/
.sub-body {
  padding: 20px 10px;
  border: 1px #eee solid; 
  background-color: #fff;
}
.sub-body-lead {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
  font-size: 15px;
  font-size: .9375rem;
}
.sub-body .sub-body-lead {
  font-weight: bold;
}

/*----------------------------------------------------
  .home
----------------------------------------------------*/
.home > .container {
  background-color: #fff;
}

.home #main {
  width: 940px;
}

.home .primary-nav {
  margin-bottom: 500px;
}

.home h2 {
  margin: 0 0 40px;
  text-align: center;
}

.home p {
  font-size: 93%;
}

.article-01 {
  padding: 40px 0; 
  text-align: center;
  background: #fff;
}

.section-01 {
  background: #f7f7f7 url(../img/home/bg_home_02.png) 50% 100% no-repeat;
}
.section-01 dl {
  margin-bottom: 200px;
  padding: 20px;
  border: 1px #eee solid; 
  background: #fff;
}
.section-01 dt {
  margin-bottom: 20px;
}

.section-body {
  padding: 40px 0;
}

.w300 {
  width: 300px;
}

.section-02 {
  background: #fff;
}

.w420 {
  width: 420px;
}

.w60 {
  width: 60px;
}

.section-03 {
  background: #f7f7f7;
}
.section-03 dl {
  margin: 0;
  padding: 20px 10px;
  border: 1px #eee solid; 
  background: #fff;
}
.section-03 dt {
  margin: 0 0 20px;
}

.section-04 {
  background: #fff;
}

/*----------------------------------------------------
  .about
----------------------------------------------------*/
.about .h2 {
  background-image: url(../img/about/bg_about_01.png);
}

.about-company {
  margin: 0 0 40px;
}
.about-company dt, .about-company dd {
  padding: 15px 0 20px;
}
.about-company dt {
  float: left;
  width: 180px;
  height: 15px;
  margin: 0;
  text-align: center;
  color: #005192;
  background: #e5e5e5;
  font-size: 108%;
}
.about-company dd {
  clear: none;
  height: 15px;
  padding-left: 190px;
  border-bottom: 2px white solid;
  background: #f7f7f7;
}
.about-company .irregular {
  height: 45px;
  padding: 5px 20px 0 190px;
}

/*----------------------------------------------------
  .achievement
----------------------------------------------------*/
.achievement .h2 {
  background-image: url(../img/achievement/bg_achievement_01.png);
}

/*----------------------------------------------------
  .consulting
----------------------------------------------------*/
.consulting .h2 {
  background-image: url(../img/consulting/bg_consulting_01.png);
}

.consulting #main p {
  font-size: 93%;
}

/*----------------------------------------------------
  .contingentfee
----------------------------------------------------*/
.contingentfee .h2 {
  background-image: url(../img/contingentfee/bg_contingentfee_01.png);
}

.contingentfee #main p {
  font-size: 93%;
}

/*----------------------------------------------------
  .flatrate
----------------------------------------------------*/
.flatrate .h2 {
  background-image: url(../img/flatrate/bg_flatrate_01.png);
}

.flatrate #main p {
  font-size: 93%;
}

/*----------------------------------------------------
  .flow
----------------------------------------------------*/
.flow .h2 {
  background-image: url(../img/flow/bg_flow_01.png);
}

.flow section.mb30 {
  background: url(../img/flow/bg_flow_02.png) 0 100% no-repeat;
}

/*----------------------------------------------------
  .plan
----------------------------------------------------*/
.plan .h2 {
  background-image: url(../img/plan/bg_plan_01.png);
}

.plan .h3 {
  margin-bottom: 40px;
}

.plan .h4 {
  margin-bottom: 30px;
}

.plan #main p {
  font-size: 93%;
}

/*----------------------------------------------------
  .policy
----------------------------------------------------*/
.policy .h2 {
  background-image: url(../img/policy/bg_policy_01.png);
}

.policy p {
  font-size: 93%;
}

.policy #main dt {
  color: #005192;
}

.policy #main dd {
  margin-bottom: 20px;
}

/*----------------------------------------------------
  .price
----------------------------------------------------*/
.price .h2 {
  background-image: url(../img/price/bg_price_01.png);
}

.price .h4 {
  margin-bottom: 30px;
}

.h4 + .lead {
  position: absolute;
  top: 90px;
  left: 140px;
  color: #000;
}
.h4 + .lead.small {
  font-size: 100%;
}

.bg {
  background: #f7f7f7;
}

/*----------------------------------------------------
  .contact
----------------------------------------------------*/
.contact .h2 {
  background-image: url(../img/contact/bg_contact_01.png);
}

table.form {
  margin-top: 0;
  border-color: #fff;
}
table.form th {
  width: 30%;
  padding: 10px 20px;
  vertical-align: middle;
  border-color: #fff; 
  background: #e5e5e5;
  font-weight: normal;
}
table.form td {
  padding: 10px 20px;
  white-space: nowrap;
  border-color: #fff; 
  background: #f7f7f7;
}
table.form label {
  margin-right: 10px;
}

/*----------------------------------------------------
  .sitemap
----------------------------------------------------*/
.sitemap .h2 {
  background-image: url(../img/sitemap/bg_sitemap_01.png);
}

.sitemap #main dt {
  margin-bottom: 10px; 
  text-align: center;
  font-size: 108%;
}
.sitemap #main dt a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*----------------------------------------------------
  .startpack
----------------------------------------------------*/
.startpack .h2 {
  background-image: url(../img/startpack/bg_startpack_01.png);
}

.startpack-flow {
  margin-bottom: 30px; 
  background: url(../img/flow/bg_flow_02.png) 0 100% no-repeat;
}

.number {
  color: #ff7300; 
  font-size: 231%;
}

.faq {
  margin: 0;
}
.faq > .question {
  min-height: 25px;
  padding: 1em 0 1em 60px;
  background: #f7f7f7 url(../img/common/ico_q_01.png) 20px 50% no-repeat; 
  font-size: 108%;
  font-weight: normal;
}
.faq > .answer {
  min-height: 25px;
  padding: 1em 0 1em 60px;
  background: #f7f7f7 url(../img/common/ico_q_01.png) 20px 50% no-repeat;
  background: white url(../img/common/ico_a_01.png) 20px 50% no-repeat; 
  font-size: 108%;
  font-weight: normal;
}

/*----------------------------------------------------
  element style
----------------------------------------------------*/
/*html {
  height: 100%;
}*/
body {
  /*height: 100%;*/
  /*background: $main_color;*/
  /*color: $font_color;*/
  /*font-family: $base_font;*/
}

/*input, textarea {
  font-family: $base_font;
}*/
* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.externalIcon {
  margin: 0 3px;
  vertical-align: middle;
}

a {
  text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
  color: #3498db;
}

/*
  1kb_grid_extended.scss

  This SCSS is based on "The 1Kb CSS Grid".
  Learn more ~ http://www.1kbgrid.com/
*/
/* Grid Settings
---------------------------*/
/* The 1Kb Grid
---------------------------*/
.span-1 {
  width: 40px;
}

.span-2 {
  width: 100px;
}

.span-3 {
  width: 160px;
}

.span-4 {
  width: 220px;
}

.span-5 {
  width: 280px;
}

.span-6 {
  width: 340px;
}

.span-7 {
  width: 400px;
}

.span-8 {
  width: 460px;
}

.span-9 {
  width: 520px;
}

.span-10 {
  width: 580px;
}

.span-11 {
  width: 640px;
}

.span-12 {
  width: 700px;
}

.span-13 {
  width: 760px;
}

.span-14 {
  width: 820px;
}

.span-15 {
  width: 880px;
}

.span-16 {
  width: 940px;
}

.col {
  display: inline; 
  float: left;
  overflow: hidden;
  margin: 0 10px;
}

.col2 {
  display: inline; 
  float: right;
  overflow: hidden;
  margin: 0 10px;
}

.grid {
  overflow: hidden; 
  width: 960px;
  margin: 0 auto;
}
.grid .grid {
  width: auto; 
  margin: 0 -10px;
}

.no-gutter, .no-gutter-left {
  margin-left: 0;
}

.no-gutter, .no-gutter-right {
  margin-right: 0;
}

.l-table {
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #fff;
}

.l-table-cell {
  display: table-cell;

  *display: inline;
  *zoom: 1;
}

/*----------------------------------------------------
  #container
----------------------------------------------------*/
.container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  background-repeat: no-repeat; 
  background-position: 50% 150px;
}

/*----------------------------------------------------
  #contents
----------------------------------------------------*/
#content {
  position: relative;
  margin-top: -16px;
  background-color: transparent;
}

#main {
  position: relative;
  width: 700px;
}

#sub {
  width: 220px;
}

/*----------------------------------------------------
  竹井事務所トップ
----------------------------------------------------*/
/*.homeimg{
 position:absolute;
  width:100%;
  margin-top:-500px;
  left:50%;
  margin-left:-750px;
*/
/*.homeimg{
  width:1500px;
  display:block;
  margin-top:-500px;
  margin-left:auto;
  margin-right:auto;
}

.homeimg img{
  max-width:none;
}*/
.homeimg {
  margin: -500px auto 0;
}

/*----------------------------------------------------
  ヘッダー
----------------------------------------------------*/
.primary-header {
  background: #333739;
}

.primary-nav {
  margin-bottom: 30px;
  border-bottom: 1px #eee solid; 
  background: #fff;
}
.primary-nav ul {
  display: table;
  overflow: hidden;
  box-sizing: border-box; 
  width: 940px;
  height: 49px;
  margin: 0 auto;
  table-layout: fixed;
  text-align: center;
}
.primary-nav ul > li {
  display: table-cell;
  clear: none; 
  vertical-align: middle;
}
.primary-nav ul > li a {
  display: table;
  width: 100%;
  height: 49px;
  -webkit-transition: .4s;
          transition: .4s; 
  text-align: center;
  color: #959595;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
.primary-nav ul > li a span {
  display: table-cell;
  vertical-align: middle;
}
.primary-nav ul > li a:hover {
  color: #00a3e2;
}

/*----------------------------------------------------
  フッター
----------------------------------------------------*/
.footer {
  position: relative;
  /*  position: absolute;
    bottom: 0;*/
  /*width: 100%;*/
  /*margin-bottom: 500px;*/
  /*padding-bottom: 600px;*/
  padding-top: 20px;
  background: #333739;
}

/*Light Layers-style color scheme*/
html, body, div, blockquote, pre, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, tr, td, thead, tbody, tfoot, caption, img, form, fieldset, legend, label {
  border-color: #e0e0e0;
}

/*Background colors*/
body {
  background-color: #fff;
}

table td, table th {
  border-width: 1px;
}

/*Tables*/
pre, table th, .zebra .even td {
  background-color: #f2f2f2;
}

table table .zebra .even td, table table th {
  background-color: #f2f2f2;
}

/*Text colors*/
body {
  color: #222;
}

a {
  color: #ae8f50;
}
a:visited {
  color: #ae8f50;
}

/*Alterations*/
.discreet, .disabled {
  color: #888;
}

.highlight {
  color: #7ae400;
}

.error {
  color: #c6122a;
}

@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}

@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}

.m-btn {
  max-width: 460px;
  margin-right: auto; 
  margin-left: auto;
}
.m-btn_item {
  position: relative;
  top: 0;
  display: table;
  width: 100%;
  margin-bottom: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out; 
  text-align: center;
  border: none;
  border-radius: 6px;
  background-color: #ff811a;
  box-shadow: 0 6px 0 #e66800;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1;
}
.m-btn_item:before {
  position: absolute;
  top: 0;
  left: -10em;
  display: block;
  width: 3em;
  height: 100%;
  content: "";
  -webkit-transition: none;
          transition: none; 
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  background-color: rgba(255, 255, 255, .4);
}
.m-btn_item:hover {
  background-color: #ff7300;
}
.m-btn_item:hover:before {
  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; 
  -webkit-transform: skewX(-45deg) translateX(30em);
          transform: skewX(-45deg) translateX(30em);
}
.m-btn_item:active {
  top: 5px;
  box-shadow: 0 2px 0 #e66800;
}
.m-btn_item.__btn01 {
  padding-top: 20px;
  padding-bottom: 15px;
  outline: none; 

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.m-btn_item.__btn01:hover:before {
  -webkit-transform: skewX(-45deg) translateX(60em);
          transform: skewX(-45deg) translateX(60em);
}
.m-btn_item-inner {
  display: inline-block;
  text-align: center; 
  vertical-align: middle;
  color: #fff;
}
.m-btn_item-inner.__btn01 {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}
.m-btn_item-inner.__mail:before {
  display: inline-block;
  margin-right: 1.3em; 
  content: url(../img/common/ico_mail01.png);
  vertical-align: middle;
}
.m-btn_item-inner.__seo:before {
  display: inline-block;
  margin-right: 1.3em; 
  content: url(../img/common/ico_seo01.png);
  vertical-align: middle;
}

.m-btn02 {
  position: relative;
  top: 0;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  padding: .6em 2em;
  -webkit-transition: .2s;
          transition: .2s; 
  color: #fff;
  border-radius: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.inline .m-btn02 {
  border: none;
  outline: none; 
  background: none;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.m-btn02.__back {
  background-color: #005192;
  box-shadow: 0 4px 0 #00355f;
}
.m-btn02.__submit {
  background-color: #ff7300;
  box-shadow: 0 4px 0 #cc5c00;
}
.m-btn02:active {
  top: 3px;
}
.m-btn02:active.__back {
  box-shadow: 0 1px 0 #00355f;
}
.m-btn02:active.__submit {
  box-shadow: 0 1px 0 #cc5c00;
}

.m-btn03 {
  text-align: center; 
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  font-size: .9375rem;
  font-weight: bold;
}
.m-btn03 a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: .3s;
          transition: .3s; 
  color: #222;
  border: 3px solid #bfbfbf;
}
.m-btn03 a:hover {
  color: #00a3e2;
  border-color: #005192;
}

.m-link img {
  -webkit-transition: .5s;
          transition: .5s;
}

.m-link:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); 

  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

/*!
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;

  *display: inline; 
  *zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #333739;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;

  *zoom: 1;
}
.bx-wrapper img {
  display: block; 
  max-width: 100%;
}
.bx-wrapper .bx-pager {
  display: block;
  width: 100%;
  padding-top: 20px; 
  text-align: center;
  color: #666;
  font-family: Arial;
  font-size: .85em;
  font-weight: bold;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  text-indent: -9999px;
  border-radius: 5px; 
  outline: 0;
  background: #969696;
}
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  width: 10px;
  height: 11px;
  margin: 0 3px; 
  text-indent: -9999px;
  outline: 0;
  background: url(../img/home/controls.png) -86px -11px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  width: 9px;
  height: 11px;
  margin: 0 3px; 
  text-indent: -9999px;
  outline: 0;
  background: url(../img/home/controls.png) -86px -44px no-repeat;
}
.bx-wrapper .bx-loading {
  position: absolute;
  z-index: 2000; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 50px;
  background: url(../img/home/bx_loader.gif) center center no-repeat #fff;
}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/home/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(../img/home/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; 
  background: rgba(80, 80, 80, .75);
}
.bx-wrapper .bx-caption span {
  display: block;
  padding: 10px; 
  color: #fff;
  font-family: Arial;
  font-size: .85em;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  z-index: 9999; 
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  text-indent: -9999px;
  outline: 0;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  width: 80%; 
  text-align: left;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/*----------------------------------------------------
  印刷用スタイル
----------------------------------------------------*/
@media print {
  * html body {
    zoom: .7;
  }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: .6s;
          animation-duration: .6s;

  -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-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); 
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); 
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); 
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); 
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); 
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); 
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

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

@-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, .75, 1);
            transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .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, .75, 1);
            transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .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-name: headShake;
          animation-name: headShake; 
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-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(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.39063deg) skewY(.39063deg);
            transform: skewX(.39063deg) skewY(.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
            transform: skewX(-.19531deg) skewY(-.19531deg);
  }
}

@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(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.39063deg) skewY(.39063deg);
            transform: skewX(.39063deg) skewY(.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
            transform: skewX(-.19531deg) skewY(-.19531deg);
  }
}

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

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
  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% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); 
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); 
    opacity: 1;
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
  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% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); 
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); 
    opacity: 1;
  }
}

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  from {
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  from {
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  from {
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); 
    opacity: 1;
  }
  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(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  from {
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); 
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); 
    opacity: 1;
  }
  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% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); 
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); 
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
}

.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% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); 
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); 
    opacity: 0;
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); 
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); 
    opacity: 0;
  }
}

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

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

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

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

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

@keyframes bounceOutRight {
  20% {
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); 
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); 
    opacity: 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% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); 
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); 
    opacity: 0;
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); 
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); 
    opacity: 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 {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); 
    opacity: 0;
  }
  to {
    -webkit-transform: none;
            transform: none; 
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); 
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); 
    opacity: 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-animation-name: flip;
          animation-name: flip; 

  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

@-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-animation-name: flipInX;
          animation-name: flipInX; 

  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-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-animation-name: flipInY;
          animation-name: flipInY; 

  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-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-animation-name: flipOutY;
          animation-name: flipOutY; 

  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-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: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 0;
  }
  to {
    -webkit-transform: none;
            transform: none;
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 0;
  }
  to {
    -webkit-transform: none;
            transform: none;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    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: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    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: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    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: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    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: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    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: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    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 {
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 
    opacity: 0;
  }
  to {
    -webkit-transform: none;
            transform: none; 
    opacity: 1;
  }
}

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

.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 {
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 
    opacity: 0;
  }
}

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

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

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

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

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

@-webkit-keyframes zoomInDown {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

@keyframes zoomInDown {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

@keyframes zoomInLeft {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

@keyframes zoomInRight {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

@keyframes zoomInUp {
  from {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 0;
  }
  60% {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3); 
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 1;
  }
  to {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 0;
  }
}

@keyframes zoomOutDown {
  40% {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 1;
  }
  to {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 0;
  }
}

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutUp {
  40% {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 1;
  }
  to {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 0;
  }
}

@keyframes zoomOutUp {
  40% {
    -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(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19); 
    opacity: 1;
  }
  to {
    -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(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1); 
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes slideInUp {
  from {
    visibility: visible; 
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  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;
}

/* NEWS */
.news h2 {
  text-align: center;
  font-weight: 100;
}
.__en {
  font-size: 1.4rem;
}
.__ja {
  font-size: 1rem;
}