@charset "UTF-8";
html {
  line-height: 1.5; }

html, body {
  width: 100%;
  height: 100%;
  background-color: #081b37;
  color: #fafafa; }

img {
  max-width: inherit; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  margin: 0;
  padding: 0; }

a {
  color: white;
  color: #fafafa; }
  a:hover, a:active, a:focus {
    color: #cccccc; }

.l-backlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-fixedlayer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-absolutelayer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.l-frontlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: none; }

.l-main {
  position: relative;
  width: 100%;
  min-height: 100%; }

.l-main__contents {
  position: relative;
  width: 100%;
  min-height: 100%; }

header {
  padding: 0.5rem;
  background: #0a4595;
  color: #ffffff;
  font-size: 1.4rem; }

.sceneList {
  position: relative;
  width: 100%; }

.scene {
  position: relative;
  width: 100%; }

.page {
  position: relative;
  width: 100%; }

.page__contents {
  position: relative;
  width: 100%; }

.horizontalRule {
  position: relative;
  width: 100%; }
  .horizontalRule .horizontalRule__ornament--left,
  .horizontalRule .horizontalRule__ornament--right {
    position: relative;
    width: 10px;
    height: 10px; }
    .horizontalRule .horizontalRule__ornament--left .bar,
    .horizontalRule .horizontalRule__ornament--right .bar {
      position: absolute;
      width: 10px;
      height: 1px;
      top: 5px;
      background: rgba(255, 255, 255, 0.5); }
    .horizontalRule .horizontalRule__ornament--left .bar--vartical,
    .horizontalRule .horizontalRule__ornament--right .bar--vartical {
      position: absolute;
      top: 5px;
      width: 10px;
      height: 1px;
      background: rgba(255, 255, 255, 0.5);
      transform: rotate(-90deg); }
  .horizontalRule .horizontalRule__ornament--center {
    width: 100%;
    height: 1px;
    padding: 0 1rem; }
    .horizontalRule .horizontalRule__ornament--center .bar {
      width: 100%;
      height: 1px;
      background: rgba(255, 255, 255, 0.5); }

input[type="submit"].button {
  -webkit-appearance: none; }

input[type="button"].button {
  -webkit-appearance: none; }

.button {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  display: inline-block; }

.button--flow {
  width: 100%;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  letter-spacing: 2px;
  color: #ffffff;
  border-radius: 2.4rem;
  border: none; }

.button--flow:hover {
  color: #ffffff; }

.button--flow:active {
  color: #ffffff; }

.button--flow--blue {
  background: #1f58cc;
  background: -moz-linear-gradient(left, #1f58cc 0%, #1f58cc 80%, #1f58cc 100%);
  background: -webkit-linear-gradient(left, #1f58cc 0%, #1f58cc 80%, #1f58cc 100%);
  background: linear-gradient(to right, #1f58cc 0%, #1f58cc 80%, #1f58cc 100%); }

.button--flow--black {
  background: #494949;
  background: -moz-linear-gradient(left, #494949 0%, #494949 80%, #494949 100%);
  background: -webkit-linear-gradient(left, #494949 0%, #494949 80%, #494949 100%);
  background: linear-gradient(to right, #494949 0%, #494949 80%, #494949 100%); }

.button--util {
  display: inline-block;
  text-decoration: none;
  zoom: 1;
  vertical-align: baseline;
  margin: 0 auto; }

a.button {
  text-decoration: none; }

.button.textShadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.button.boxShadow {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.button.rounded {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em; }

.rounded--05 {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.button--purple {
  color: #ffffff;
  border: solid 1px #3e0042;
  background: #530059;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjMDA5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzMDA1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c0096), color-stop(100%, #530059));
  background-image: -moz-linear-gradient(top, #8c0096, #530059);
  background-image: -webkit-linear-gradient(top, #8c0096, #530059);
  background-image: linear-gradient(to bottom, #8c0096, #530059);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8C0096', endColorstr='#FF530059'); }

.button--purple:hover, .button--purple:active {
  background: #700078;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDBiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcwMDA3OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a900b5), color-stop(100%, #700078));
  background-image: -moz-linear-gradient(top, #a900b5, #700078);
  background-image: -webkit-linear-gradient(top, #a900b5, #700078);
  background-image: linear-gradient(to bottom, #a900b5, #700078);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA900B5', endColorstr='#FF700078'); }

.button--red {
  color: #ffffff;
  border: solid 1px #590015;
  background: #73001b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDAyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczMDAxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b00029), color-stop(100%, #73001b));
  background-image: -moz-linear-gradient(top, #b00029, #73001b);
  background-image: -webkit-linear-gradient(top, #b00029, #73001b);
  background-image: linear-gradient(to bottom, #b00029, #73001b);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB00029', endColorstr='#FF73001B'); }

.button--red:hover, .button--red:active {
  background: #920022;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDAzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyMDAyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf0031), color-stop(100%, #920022));
  background-image: -moz-linear-gradient(top, #cf0031, #920022);
  background-image: -webkit-linear-gradient(top, #cf0031, #920022);
  background-image: linear-gradient(to bottom, #cf0031, #920022);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCF0031', endColorstr='#FF920022'); }

.button.asRed {
  color: #ffffff;
  border: solid 1px #720202;
  background: #a60202;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMDMwMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E2MDIwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e20303), color-stop(100%, #a60202));
  background-image: -moz-linear-gradient(top, #e20303, #a60202);
  background-image: -webkit-linear-gradient(top, #e20303, #a60202);
  background-image: linear-gradient(to bottom, #e20303, #a60202);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE20303', endColorstr='#FFA60202'); }

.button.asRed:hover, .button.asRed:active {
  background: #c40202;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjMDgwOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MDIwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc0808), color-stop(100%, #c40202));
  background-image: -moz-linear-gradient(top, #fc0808, #c40202);
  background-image: -webkit-linear-gradient(top, #fc0808, #c40202);
  background-image: linear-gradient(to bottom, #fc0808, #c40202);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFC0808', endColorstr='#FFC40202'); }

.button.asLightGlay {
  color: #000000;
  border: solid 1px #999999;
  background: #cccccc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC'); }

.button.asLightGlay:hover, .button.asLightGlay:active {
  background: #dbdbdb;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dbdbdb));
  background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: linear-gradient(to bottom, #ffffff, #dbdbdb);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDBDBDB'); }

.button--blue {
  color: #ffffff;
  border: solid 1px #0969b2;
  background: #0a78cc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmOThmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhNzhjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f98f4), color-stop(100%, #0a78cc));
  background-image: -moz-linear-gradient(top, #1f98f4, #0a78cc);
  background-image: -webkit-linear-gradient(top, #1f98f4, #0a78cc);
  background-image: linear-gradient(to bottom, #1f98f4, #0a78cc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1F98F4', endColorstr='#FF0A78CC'); }

.button--blue:hover, .button--blue:active {
  background: #0b89e9;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjYTVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiODllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca5f5), color-stop(100%, #0b89e9));
  background-image: -moz-linear-gradient(top, #3ca5f5, #0b89e9);
  background-image: -webkit-linear-gradient(top, #3ca5f5, #0b89e9);
  background-image: linear-gradient(to bottom, #3ca5f5, #0b89e9);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3CA5F5', endColorstr='#FF0B89E9'); }

.button--green {
  color: #ffffff;
  border: solid 1px #436614;
  background: #53801a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0YjMyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzODAxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #74b324), color-stop(100%, #53801a));
  background-image: -moz-linear-gradient(top, #74b324, #53801a);
  background-image: -webkit-linear-gradient(top, #74b324, #53801a);
  background-image: linear-gradient(to bottom, #74b324, #53801a);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF74B324', endColorstr='#FF53801A'); }

.button--green:hover, .button--green:active {
  background: #63991f;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0Y2MyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzOTkxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84cc29), color-stop(100%, #63991f));
  background-image: -moz-linear-gradient(top, #84cc29, #63991f);
  background-image: -webkit-linear-gradient(top, #84cc29, #63991f);
  background-image: linear-gradient(to bottom, #84cc29, #63991f);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF84CC29', endColorstr='#FF63991F'); }

.button--orange {
  color: #ffffff;
  border: solid 1px #b37012;
  background: #cb8015;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOWYzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiODAxNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea9f33), color-stop(100%, #cb8015));
  background-image: -moz-linear-gradient(top, #ea9f33, #cb8015);
  background-image: -webkit-linear-gradient(top, #ea9f33, #cb8015);
  background-image: linear-gradient(to bottom, #ea9f33, #cb8015);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA9F33', endColorstr='#FFCB8015'); }

.button--orange:hover, .button--orange:active {
  background: #e79118;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYWM0ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3OTExOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edac4f), color-stop(100%, #e79118));
  background-image: -moz-linear-gradient(top, #edac4f, #e79118);
  background-image: -webkit-linear-gradient(top, #edac4f, #e79118);
  background-image: linear-gradient(to bottom, #edac4f, #e79118);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDAC4F', endColorstr='#FFE79118'); }

.button--glay {
  color: #ffffff;
  border: solid 1px #1a1a1a;
  background: #333333;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #333333));
  background-image: -moz-linear-gradient(top, #525252, #333333);
  background-image: -webkit-linear-gradient(top, #525252, #333333);
  background-image: linear-gradient(to bottom, #525252, #333333);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF333333'); }

.button--glay:hover, .button--glay:active {
  background: #424242;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #616161), color-stop(100%, #424242));
  background-image: -moz-linear-gradient(top, #616161, #424242);
  background-image: -webkit-linear-gradient(top, #616161, #424242);
  background-image: linear-gradient(to bottom, #616161, #424242);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF616161', endColorstr='#FF424242'); }

.button--black {
  color: #ffffff;
  border: solid 1px #000000;
  background: #1b1b1b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a3a3a), color-stop(100%, #1b1b1b));
  background-image: -moz-linear-gradient(top, #3a3a3a, #1b1b1b);
  background-image: -webkit-linear-gradient(top, #3a3a3a, #1b1b1b);
  background-image: linear-gradient(to bottom, #3a3a3a, #1b1b1b);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3A3A3A', endColorstr='#FF1B1B1B'); }

.button--black:hover, .button--black:active {
  background: #2a2a2a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhMmEyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494949), color-stop(100%, #2a2a2a));
  background-image: -moz-linear-gradient(top, #494949, #2a2a2a);
  background-image: -webkit-linear-gradient(top, #494949, #2a2a2a);
  background-image: linear-gradient(to bottom, #494949, #2a2a2a);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF494949', endColorstr='#FF2A2A2A'); }

.button--lightGlay {
  color: #ffffff;
  border: solid 1px #555555;
  background: #444444;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #636363), color-stop(100%, #444444));
  background-image: -moz-linear-gradient(top, #636363, #444444);
  background-image: -webkit-linear-gradient(top, #636363, #444444);
  background-image: linear-gradient(to bottom, #636363, #444444);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF636363', endColorstr='#FF444444'); }

.button--lightGlay:hover, .button--lightGlay:active {
  background: #535353;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #727272), color-stop(100%, #535353));
  background-image: -moz-linear-gradient(top, #727272, #535353);
  background-image: -webkit-linear-gradient(top, #727272, #535353);
  background-image: linear-gradient(to bottom, #727272, #535353);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF727272', endColorstr='#FF535353'); }

@font-face {
  font-family: 'app-ico';
  src: url("../fonts/app-ico.ttf?r0g0ws") format("truetype"), url("../fonts/app-ico.woff?r0g0ws") format("woff"), url("../fonts/app-ico.svg?r0g0ws#app-ico") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon--"], [class*=" icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'app-ico' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--check:before {
  content: "\e900"; }

.icon--exclamation:before {
  content: "\e901"; }

.icon--search:before {
  content: "\e986"; }

.icon--circle-right:before {
  content: "\ea42"; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-fontWeight--bold {
  font-weight: bold; }

.u-fontSize--88 {
  font-size: 88%; }

.u-fontSize--2rem {
  font-size: 2rem; }

.u-color--black {
  color: #000000; }

.u-color--orange {
  color: #fe8b01; }

.u-color--red0 {
  color: #ff0000; }

.u-color--red {
  color: #ff0000; }

.u-color--white {
  color: #ffffff; }

.u-color--glay--999 {
  color: #999999; }

.u-textAlignRight {
  text-align: right; }

.u-textAlignLeft {
  text-align: left; }

.u-textAlignCenter {
  text-align: center; }

.u-textShadow--white--1 {
  text-shadow: white 1px 1px 0px; }

.u-textShadow--white--2 {
  text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff, 0 -2px 1px #ffffff; }

.u-textShadow--blue--1 {
  text-shadow: 2px 2px 10px #0091ce,2px 2px 5px #0091ce; }

.u-textShadow--blue--2 {
  text-shadow: 2px 2px 10px #006bb0,2px 2px 5px #006bb0; }

.bg_mat_white {
  background-color: #ffffff; }

.bg_mat_white_alpha {
  background-color: rgba(255, 255, 255, 0.7); }

.bg_mat_black_alpha05 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg_mat_glay_light {
  background-color: #cccccc; }

.bg_mat_beige {
  background-color: #d1c1ae; }

.bg_mat_beige_light {
  background-color: #ede6df; }

.translucentMat {
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.translucentMat:hover {
  background-color: rgba(255, 255, 255, 0.75); }

.translucentMat--noEffect {
  background-color: rgba(255, 255, 255, 0.6); }

.u-borderRadius05rem {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.u-borderRadius10rem {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem; }

.u-borderRadius15rem {
  -moz-border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem; }

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

.u-boxShadow--000--45 {
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; }

.u-boxShadowEffect--hover {
  -moz-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; }

.u-boxShadowEffect {
  -moz-box-shadow: 0 0 4rem transparent;
  -webkit-box-shadow: 0 0 4rem transparent;
  box-shadow: 0 0 4rem transparent;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.u-boxShadowEffect:hover {
  -moz-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.u-lineHeight0 {
  line-height: 0; }

.u-opacityFade {
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.u-opacityFade.fadein {
  opacity: 1; }

.u-flashLightButton img {
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.u-flashLightButton:hover img {
  -moz-animation: flash-light 0.75s;
  -webkit-animation: flash-light 0.75s;
  animation: flash-light 0.75s; }

.u-mb025rem {
  margin-bottom: 0.25rem; }

.u-mb05rem {
  margin-bottom: 0.5rem; }

.u-mb1rem {
  margin-bottom: 1rem; }

.u-mb2rem {
  margin-bottom: 2rem; }

.u-mb3rem {
  margin-bottom: 3rem; }

.u-mb4rem {
  margin-bottom: 4rem; }

.u-mb5rem {
  margin-bottom: 5rem; }

.u-mb6rem {
  margin-bottom: 6rem; }

.u-mb7rem {
  margin-bottom: 7rem; }

.u-mb8rem {
  margin-bottom: 8rem; }

.u-mb9rem {
  margin-bottom: 9rem; }

.u-mb10rem {
  margin-bottom: 10rem; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-p05rem {
  padding: 0.5rem; }

.u-p1rem {
  padding: 1rem; }

.u-p2rem {
  padding: 2rem; }

.u-pb05rem {
  padding-bottom: 0.5rem; }

.u-pb1rem {
  padding-bottom: 1rem; }

.u-pt05rem {
  padding-top: 0.5rem; }

.u-pt1rem {
  padding-top: 1rem; }

.u-ptb05rem {
  padding: 0.5rem 0; }

.u-ptb1rem {
  padding: 1rem 0; }

.u-ptb2rem {
  padding: 2rem 0; }

.u-ptb3rem {
  padding: 3rem 0; }

.u-ptb4rem {
  padding: 4rem 0; }

.u-ptb6rem {
  padding: 6rem 0; }

.u-plr025rem {
  padding: 0 0.25rem; }

.u-plr05rem {
  padding: 0 0.5rem; }

.u-plr1rem {
  padding: 0 1rem; }

.u-plr2rem {
  padding: 0 2rem; }

.u-pr05rem {
  padding-right: 0.5rem; }

.u-pr1rem {
  padding-right: 1rem; }

.u-pl05rem {
  padding-left: 0.5rem; }

.u-pl1rem {
  padding-left: 1rem; }

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.u-flexWrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari */ }

.u-flexAlignItemsCenter {
  -webkit-align-items: center;
  align-items: center; }

.u-flexJustifyContentCenter {
  -webkit-justify-content: center;
  justify-content: center; }

.u-flexJustifyContentSpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between; }

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

.u-displayNone {
  display: none; }

.u-preview {
  display: none; }

.u-previewOpacity {
  opacity: 0; }

.u-maxWidth--960 {
  max-width: 480px; }

.u-maxWidth--600 {
  max-width: 600px; }

.u-maxWidth--480 {
  max-width: 480px; }

.u-marginSideAuto {
  margin-left: auto;
  margin-right: auto; }

.u-linkNoDecoration:hover {
  text-decoration: none;
  color: inherit; }

.u-display--pc {
  display: none; }

.u-display--sp {
  display: block; }

@media screen and (min-width: 1024px) {
  .u-display--pc {
    display: block; }

  .u-display--sp {
    display: none; } }
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem; }

body {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; }

.button {
  color: #ffffff; }
  .button span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem 6rem;
    font-size: 1.8rem;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: none;
    color: #ffffff;
    border-radius: 2rem; }

.button:hover span, .button:active span {
  color: #ffffff; }

.button span {
  background: rgba(5, 156, 212, 0.9);
  animation: glow 1.5s linear infinite; }

.button:hover span, .button:active span {
  background: rgba(5, 156, 212, 0.9);
  box-shadow: 0 0 15px 0 #2dcbff; }

@keyframes glow {
  0% {
    box-shadow: 0 0 0px 0 #2dcbff; }
  50% {
    box-shadow: 0 0 15px 0 #2dcbff; }
  100% {
    box-shadow: 0 0 0px 0 #2dcbff; } }
.l-backlayer .l-fixedlayer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.l-backlayer .l-fixedlayer .bg--gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MzI2ZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzE5MzI2ZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMTkzMjZmIi8+PHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMxOTMyNmYiIHN0b3Atb3BhY2l0eT0iMC4wMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MzI2ZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(25, 50, 111, 0)), color-stop(40%, #19326f), color-stop(60%, #19326f), color-stop(99%, rgba(25, 50, 111, 0.02)), color-stop(100%, rgba(25, 50, 111, 0)));
  background-image: -moz-linear-gradient(left, rgba(25, 50, 111, 0) 0%, #19326f 40%, #19326f 60%, rgba(25, 50, 111, 0.02) 99%, rgba(25, 50, 111, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(25, 50, 111, 0) 0%, #19326f 40%, #19326f 60%, rgba(25, 50, 111, 0.02) 99%, rgba(25, 50, 111, 0) 100%);
  background-image: linear-gradient(to right, rgba(25, 50, 111, 0) 0%, #19326f 40%, #19326f 60%, rgba(25, 50, 111, 0.02) 99%, rgba(25, 50, 111, 0) 100%); }
.l-backlayer .l-fixedlayer .bg--texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/texture-diamond.png") top center repeat;
  opacity: 0.1; }

.pager_area {
  padding: 2rem 0; }

.pager {
  max-width: 480px;
  margin: 0 auto; }

.pager ul {
  width: 100%;
  overflow: hidden;
  font-size: 0;
  text-align: center; }

.pager span {
  font-size: 12px; }

.pager li {
  display: inline-block;
  margin: 0.2rem; }

.pager a {
  box-sizing: border-box;
  color: #3c3c3c;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  border: 1px solid #3c3c3c;
  border-radius: 4px; }

.pager a:hover {
  background-color: white; }

a.current {
  background-color: white;
  font-weight: bold;
  color: #9d9d9d; }

.scene--label {
  position: relative;
  background: #111; }
  .scene--label .page__contents {
    max-width: 1024px;
    margin: 0 auto;
    font-size: 1.3rem; }

.scene--header .keyVisual {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #19326f; }
  .scene--header .keyVisual img {
    width: 100%; }
@media screen and (min-width: 1024px) {
  .scene--header .keyVisual {
    width: 100%;
    height: 200px; }
    .scene--header .keyVisual img {
      position: absolute;
      width: auto;
      max-width: none;
      left: 50%;
      transform: translate(-50%, 0); } }

.scene--footer {
  position: relative;
  background: #111111; }
  .scene--footer .page__contents {
    padding: 6rem; }

.scene--sidestory {
  line-height: 1.8; }
  @media screen and (min-width: 1024px) {
    .scene--sidestory {
      font-size: 1.5rem; } }
  .scene--sidestory .sidestoryName {
    padding: 0 2rem;
    font-size: 2.2rem;
    margin-top: 2rem; }
    @media screen and (min-width: 1024px) {
      .scene--sidestory .sidestoryName {
        font-size: 3rem; } }

.underContentBox {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }
  .underContentBox p {
    text-indent: 1rem; }

.item--illustration img {
  width: 100%;
  max-width: 360px; }

.horizontalRule {
  position: relative;
  width: 100%; }
  .horizontalRule .horizontalRule__border {
    width: 100%;
    height: 2px;
    background: #fff; }
  .horizontalRule .horizontalRule__border--light {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5); }

.scene--footer {
  position: relative;
  background: #111111; }
  .scene--footer .page__contents {
    padding: 6rem; }

.pageTopButton.active {
  pointer-events: auto;
  opacity: 1; }

.pageTopButton {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background: rgba(120, 120, 120, 0.5);
  width: 50px;
  height: 50px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear; }
  .pageTopButton a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px; }
  .pageTopButton .arrow {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #000;
    vertical-align: middle;
    text-decoration: none; }
  .pageTopButton .arrow::before,
  .pageTopButton .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle; }
  .pageTopButton .arrow::before {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: translateX(-10px) translateY(-8px) rotate(-45deg);
    transform: translateX(-10px) translateY(-8px) rotate(-45deg); }

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

a, a:hover {
  text-decoration: none; }

.limitWidthContents {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 1rem; }

.fullWidthContents {
  width: 100%; }

.keyVisual {
  position: relative;
  width: 100%;
  height: 100%; }
  .keyVisual .mainVisual {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .keyVisual .mainVisual img {
      width: 100%;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .keyVisual .download {
    position: absolute;
    width: 100%;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0); }
    .keyVisual .download .itemList {
      max-width: 420px;
      margin: 0 auto; }
    .keyVisual .download .bt {
      position: relative;
      padding: 0 1rem;
      max-width: 220px;
      width: 50%; }
      .keyVisual .download .bt img {
        width: 100%; }
      .keyVisual .download .bt a {
        display: block; }
    .keyVisual .download .bt:first-child {
      text-align: center; }
      .keyVisual .download .bt:first-child img {
        width: 81.21%; }
  .keyVisual .logo {
    position: absolute;
    width: 100%;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, 0); }
  .keyVisual .pv {
    position: relative;
    padding: 1rem; }
    .keyVisual .pv img {
      max-width: 680px; }
  @media screen and (min-width: 1024px) {
    .keyVisual .mainVisual {
      top: -150px; }
      .keyVisual .mainVisual img {
        width: auto;
        max-width: none; }
    .keyVisual .logo {
      position: absolute;
      width: 100%;
      top: 310px; }
    .keyVisual .download {
      position: absolute;
      top: 570px; }
    .keyVisual .pv {
      position: absolute;
      top: 512px;
      left: 50%;
      transform: translate(-440px, 0); } }

.bookContents {
  position: relative;
  width: 100%;
  display: block;
  padding: 6rem 0 2rem 0;
  overflow: hidden; }
  .bookContents .itemlist {
    width: 100%;
    min-height: 390px;
    position: relative;
    background: url("../img/shadow.png") no-repeat bottom center; }
  .bookContents .credit {
    width: 100%;
    z-index: 1000; }
    .bookContents .credit .mat {
      background: rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 1024px) {
    .bookContents {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .bookContents .itemlist {
        width: 544px; }
      .bookContents .credit {
        width: 480px; } }
  .bookContents .book {
    top: 25px; }
  .bookContents .trigger {
    position: absolute;
    display: block;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.85);
    padding: 1rem 3rem;
    display: none;
    opacity: 0; }

.bookContents {
  /* basic grid, only for this demo */
  /* ///////////////////////////////////////////////////
  
  HARDCOVER
  Table of Contents
  
  1. container
  2. background & color
  3. opening cover, back cover and pages
  4. position, transform y transition
  5. events
  6. Bonus
    - Cover design
    - Ribbon
    - Figcaption
  7. mini-reset
  
  /////////////////////////////////////////////////////*/
  /*
    1. container
  */
  /*
    2. background & color
  */
  /* HARDCOVER FRONT */
  /* reverse */
  /* HARDCOVER BACK */
  /* reverse */
  /* thickness of cover */
  /* page */
  /*
    3. opening cover, back cover and pages
  */
  /*
    4. position, transform & transition
  */
  /* HARDCOVER front */
  /* HARDCOVER back */
  /* thickness of cover */
  /* HARDCOVER front */
  /* thickness of cover */
  /* BOOK SPINE */
  /* thickness of book spine */
  /*
    5. events
  */
  /*
    6. Bonus
  */
  /* cover CSS */
  /* Media Queries */ }
  .bookContents .itemlist {
    margin: 0 auto;
    text-align: center; }
  .bookContents .itemlist > li {
    display: inline-block;
    vertical-align: top; }
  .bookContents .book {
    position: relative;
    width: 240px;
    height: 328px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .bookContents .hardcover_front li:first-child {
    background-color: #eee;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .bookContents .hardcover_front li:last-child {
    background: #fffbec; }
  .bookContents .hardcover_back li:first-child {
    background: #fffbec; }
  .bookContents .hardcover_back li:last-child {
    background: #fffbec; }
  .bookContents .book_spine li:first-child {
    background: #eee; }
  .bookContents .book_spine li:last-child {
    background: #000e26; }
  .bookContents .hardcover_front li:first-child:after,
  .bookContents .hardcover_front li:first-child:before,
  .bookContents .hardcover_front li:last-child:after,
  .bookContents .hardcover_front li:last-child:before,
  .bookContents .hardcover_back li:first-child:after,
  .bookContents .hardcover_back li:first-child:before,
  .bookContents .hardcover_back li:last-child:after,
  .bookContents .hardcover_back li:last-child:before,
  .bookContents .book_spine li:first-child:after,
  .bookContents .book_spine li:first-child:before,
  .bookContents .book_spine li:last-child:after,
  .bookContents .book_spine li:last-child:before {
    background: #999; }
  .bookContents .page > li {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZGRkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmJmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e1ddd8), color-stop(100%, #fffbf6));
    background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
    border-radius: 0px 5px 5px 0px; }
    .bookContents .page > li img {
      width: 98%;
      height: 98%;
      border-radius: 0px 5px 5px 0px; }
  .bookContents .hardcover_front {
    -moz-transform: rotateY(24deg) translateZ(10px);
    -ms-transform: rotateY(24deg) translateZ(10px);
    -webkit-transform: rotateY(24deg) translateZ(10px);
    transform: rotateY(24deg) translateZ(10px);
    z-index: 100; }
  .bookContents .hardcover_back {
    -moz-transform: rotateY(10deg) translateZ(-10px);
    -ms-transform: rotateY(10deg) translateZ(-10px);
    -webkit-transform: rotateY(10deg) translateZ(-10px);
    transform: rotateY(10deg) translateZ(-10px); }
  .bookContents .page li:nth-child(1) {
    -moz-transform: rotateY(14deg);
    -ms-transform: rotateY(14deg);
    -webkit-transform: rotateY(14deg);
    transform: rotateY(14deg); }
  .bookContents .page li:nth-child(2) {
    -moz-transform: rotateY(16deg);
    -ms-transform: rotateY(16deg);
    -webkit-transform: rotateY(16deg);
    transform: rotateY(16deg); }
  .bookContents .page li:nth-child(3) {
    -moz-transform: rotateY(18deg);
    -ms-transform: rotateY(18deg);
    -webkit-transform: rotateY(18deg);
    transform: rotateY(18deg); }
  .bookContents .page li:nth-child(4) {
    -moz-transform: rotateY(20deg);
    -ms-transform: rotateY(20deg);
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg); }
  .bookContents .page li:nth-child(5) {
    -moz-transform: rotateY(22deg);
    -ms-transform: rotateY(22deg);
    -webkit-transform: rotateY(22deg);
    transform: rotateY(22deg); }
  .bookContents .hardcover_front,
  .bookContents .hardcover_back,
  .bookContents .book_spine,
  .bookContents .hardcover_front li,
  .bookContents .hardcover_back li,
  .bookContents .book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .bookContents .hardcover_front,
  .bookContents .hardcover_back {
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%; }
  .bookContents .hardcover_front {
    -moz-transition: all 0.8s ease, z-index 0.6s;
    -o-transition: all 0.8s ease, z-index 0.6s;
    -webkit-transition: all 0.8s ease, z-index 0.6s;
    transition: all 0.8s ease, z-index 0.6s; }
  .bookContents .hardcover_front li:first-child {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-transform: translateZ(2px);
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px); }
  .bookContents .hardcover_front li:last-child {
    -moz-transform: rotateY(180deg) translateZ(2px);
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px); }
  .bookContents .hardcover_back li:first-child {
    -moz-transform: translateZ(2px);
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px); }
  .bookContents .hardcover_back li:last-child {
    -moz-transform: translateZ(-2px);
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px); }
  .bookContents .hardcover_front li:first-child:after,
  .bookContents .hardcover_front li:first-child:before,
  .bookContents .hardcover_front li:last-child:after,
  .bookContents .hardcover_front li:last-child:before,
  .bookContents .hardcover_back li:first-child:after,
  .bookContents .hardcover_back li:first-child:before,
  .bookContents .hardcover_back li:last-child:after,
  .bookContents .hardcover_back li:last-child:before,
  .bookContents .book_spine li:first-child:after,
  .bookContents .book_spine li:first-child:before,
  .bookContents .book_spine li:last-child:after,
  .bookContents .book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0; }
  .bookContents .hardcover_front li:first-child:after,
  .bookContents .hardcover_front li:first-child:before {
    width: 4px;
    height: 100%; }
  .bookContents .hardcover_front li:first-child:after {
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px); }
  .bookContents .hardcover_front li:first-child:before {
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px); }
  .bookContents .hardcover_front li:last-child:after,
  .bookContents .hardcover_front li:last-child:before {
    width: 4px;
    height: 160px; }
  .bookContents .hardcover_front li:last-child:after {
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px); }
  .bookContents .hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px); }
  .bookContents .hardcover_back li:first-child:after,
  .bookContents .hardcover_back li:first-child:before {
    width: 4px;
    height: 100%; }
  .bookContents .hardcover_back li:first-child:after {
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px); }
  .bookContents .hardcover_back li:first-child:before {
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px); }
  .bookContents .hardcover_back li:last-child:after,
  .bookContents .hardcover_back li:last-child:before {
    width: 4px;
    height: 160px; }
  .bookContents .hardcover_back li:last-child:after {
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px); }
  .bookContents .hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px); }
  .bookContents .book_spine {
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0; }
  .bookContents .book_spine li:first-child {
    -moz-transform: translateZ(2px);
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px); }
  .bookContents .book_spine li:last-child {
    -moz-transform: translateZ(-2px);
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px); }
  .bookContents .book_spine li:first-child:after,
  .bookContents .book_spine li:first-child:before {
    width: 4px;
    height: 100%; }
  .bookContents .book_spine li:first-child:after {
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px); }
  .bookContents .book_spine li:first-child:before {
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px); }
  .bookContents .book_spine li:last-child:after,
  .bookContents .book_spine li:last-child:before {
    width: 4px;
    height: 16px; }
  .bookContents .book_spine li:last-child:after {
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px); }
  .bookContents .book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px); }
  .bookContents .page,
  .bookContents .page > li {
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .bookContents .page {
    width: 100%;
    height: 98%;
    top: 1%;
    right: 3%;
    z-index: 10; }
  .bookContents .page > li {
    width: 100%;
    height: 100%;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .bookContents .page > li:nth-child(1) {
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s; }
  .bookContents .page > li:nth-child(2) {
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s; }
  .bookContents .page > li:nth-child(3) {
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }
  .bookContents .page > li:nth-child(4) {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; }
  .bookContents .page > li:nth-child(5) {
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s; }
  .bookContents .item.open > .book > .hardcover_front,
  .bookContents .item.hover > .book > .hardcover_front {
    -moz-transform: rotateY(180deg) translateZ(0);
    -ms-transform: rotateY(180deg) translateZ(0);
    -webkit-transform: rotateY(180deg) translateZ(0);
    transform: rotateY(180deg) translateZ(0);
    z-index: 0; }
  .bookContents .item.open > .book > .page li:nth-child(1),
  .bookContents .item.hover > .book > .page li:nth-child(1) {
    -moz-transform: rotateY(15deg);
    -ms-transform: rotateY(15deg);
    -webkit-transform: rotateY(15deg);
    transform: rotateY(15deg);
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s; }
  .bookContents .item.open > .book > .page li:nth-child(2),
  .bookContents .item.hover > .book > .page li:nth-child(2) {
    -moz-transform: rotateY(25deg);
    -ms-transform: rotateY(25deg);
    -webkit-transform: rotateY(25deg);
    transform: rotateY(25deg);
    -moz-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s; }
  .bookContents .item.open > .book > .page li:nth-child(3),
  .bookContents .item.hover > .book > .page li:nth-child(3) {
    -moz-transform: rotateY(135deg);
    -ms-transform: rotateY(135deg);
    -webkit-transform: rotateY(135deg);
    transform: rotateY(135deg);
    -moz-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s; }
  .bookContents .item.open > .book > .page li:nth-child(4),
  .bookContents .item.hover > .book > .page li:nth-child(4) {
    -moz-transform: rotateY(150deg);
    -ms-transform: rotateY(150deg);
    -webkit-transform: rotateY(150deg);
    transform: rotateY(150deg);
    -moz-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s; }
  .bookContents .item.open > .book > .page li:nth-child(5),
  .bookContents .item.hover > .book > .page li:nth-child(5) {
    -moz-transform: rotateY(155deg);
    -ms-transform: rotateY(155deg);
    -webkit-transform: rotateY(155deg);
    transform: rotateY(155deg);
    -moz-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s; }
  .bookContents .coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  @media screen and (max-width: 37.8125em) {
    .bookContents .book {
      margin: 0 auto; } }