@charset "UTF-8";

/*

Site Structur

*/

/*

not required

*/

/*

0                   ~   $sp-max-width       :   sp

$sp-max-width + 1   ~   $pc-min-width - 1   :   tab

$pc-min-width       ~                       :   pc

*/

/*

FOX CSS 3.0.0

by Ronan Levesque - CC BY 3.0 license



Includes Normalize by Nicolas Gallagher

More info => http://necolas.github.io/normalize.css/

*/

/*-------------------------*/

/* +RESETS                 */

/*-------------------------*/

*,

*:after,

*:before {

  -webkit-box-sizing: border-box;

          box-sizing: border-box; }



body {

  font-family: Arial, Helvetica, Sans-serif;

  color: #000;

  background: #fff; }



html, body, blockquote, form {

  margin: 0;

  padding: 0; }



blockquote, code, embed, iframe, img, input, object, pre, table, td, textarea, video {

  max-width: 100%;

  height: auto; }



a img, form, fieldset {

  border: none; }



input, button, select {

  vertical-align: middle; }



textarea {

  vertical-align: top; }



abbr {

  cursor: help;

  border-bottom: 1px dotted #bbb; }



blockquote p, button, input, li h1, li h2, li h3, li h4, li h5, li h6, li li, li p, select, td p, th p {

  font-size: 100%; }



/*-------------------------*/

/* +NORMALIZE              */

/*-------------------------*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {

  font-family: sans-serif;

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

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



body {

  margin: 0; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block; }



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden],

template {

  display: none; }



a {

  background-color: transparent; }



a:active,

a:hover {

  outline: 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b,

strong {

  font-weight: bold; }



dfn {

  font-style: italic; }



h1 {

  font-size: 2em;

  margin: 0.67em 0; }



mark {

  background: #ff0;

  color: #000; }



small {

  font-size: 80%; }



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 1em 40px; }



hr {

  -webkit-box-sizing: content-box;

          box-sizing: content-box;

  height: 0; }



pre {

  overflow: auto; }



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em; }



button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0; }



button {

  overflow: visible; }



button,

select {

  text-transform: none; }



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled],

html input[disabled] {

  cursor: default; }



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input {

  line-height: normal; }



input[type="checkbox"],

input[type="radio"] {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  padding: 0; }



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



input[type="search"] {

  -webkit-appearance: textfield;

  -webkit-box-sizing: content-box;

  box-sizing: content-box; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto; }



optgroup {

  font-weight: bold; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



td,

th {

  padding: 0; }



/*-------------------------*/

/* +UTILS                  */

/*-------------------------*/

.fx-txt-left {

  text-align: left; }



.fx-txt-right {

  text-align: right; }



.fx-txt-center {

  text-align: center; }



.fx-ellip {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.fx-left {

  float: left; }



.fx-right {

  float: right; }



.fx-center {

  margin: auto; }



.fx-clearfix:before, .fx-clearfix:after {

  content: "";

  display: table; }



.fx-clearfix:after {

  clear: both; }



.fx-clear {

  clear: both; }



.fx-inline {

  display: inline; }



.fx-inlineb {

  display: inline-block; }



.fx-valign {

  vertical-align: middle; }



.fx-hidden {

  position: absolute;

  left: -9999px;

  text-indent: -9999px;

  overflow: hidden; }



.fx-no-display {

  display: none; }



/*-------------------------*/

/* +GRID                   */

/*-------------------------*/

.fx-row {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .fx-row + .fx-row {

    margin-top: 0; }



.fx-row-start-xs {

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start; }



.fx-row-center-xs {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }



.fx-row-end-xs {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end; }



.fx-row-between-xs {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between; }



.fx-row-around-xs {

  -ms-flex-pack: distribute;

      justify-content: space-around; }



@media screen and (min-width: 740px) {

  .fx-row-start-s {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start; }

  .fx-row-center-s {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

  .fx-row-end-s {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .fx-row-between-s {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

  .fx-row-around-s {

    -ms-flex-pack: distribute;

        justify-content: space-around; } }



@media screen and (min-width: 940px) {

  .fx-row-start-m {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start; }

  .fx-row-center-m {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

  .fx-row-end-m {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .fx-row-between-m {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

  .fx-row-around-m {

    -ms-flex-pack: distribute;

        justify-content: space-around; } }



@media screen and (min-width: 1024px) {

  .fx-row-start-l {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start; }

  .fx-row-center-l {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

  .fx-row-end-l {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .fx-row-between-l {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

  .fx-row-around-l {

    -ms-flex-pack: distribute;

        justify-content: space-around; } }



.flex-vertical-centering {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.fx-row-reverse-xs {

  -ms-flex-direction: row-reverse;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

          flex-direction: row-reverse; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s {

    -ms-flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

            flex-direction: row-reverse; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m {

    -ms-flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

            flex-direction: row-reverse; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l {

    -ms-flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

            flex-direction: row-reverse; } }



[class*="fx-col"] {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  -ms-flex-preferred-size: 100%;

      flex-basis: 100%;

  max-width: 100%;

  -ms-flex: 1 1 100%;

  -webkit-flex: 1 1 100%; }



.fx-col-10-xs {

  -ms-flex-preferred-size: 10%;

      flex-basis: 10%;

  max-width: 10%;

  -ms-flex: 1 1 10%;

  -webkit-flex: 1 1 10%; }



.fx-col-15-xs {

  -ms-flex-preferred-size: 15%;

      flex-basis: 15%;

  max-width: 15%;

  -ms-flex: 1 1 15%;

  -webkit-flex: 1 1 15%; }



.fx-col-20-xs {

  -ms-flex-preferred-size: 20%;

      flex-basis: 20%;

  max-width: 20%;

  -ms-flex: 1 1 20%;

  -webkit-flex: 1 1 20%; }



.fx-col-25-xs {

  -ms-flex-preferred-size: 25%;

      flex-basis: 25%;

  max-width: 25%;

  -ms-flex: 1 1 25%;

  -webkit-flex: 1 1 25%; }



.fx-col-30-xs {

  -ms-flex-preferred-size: 30%;

      flex-basis: 30%;

  max-width: 30%;

  -ms-flex: 1 1 30%;

  -webkit-flex: 1 1 30%; }



.fx-col-33-xs {

  -ms-flex-preferred-size: 33.3333%;

      flex-basis: 33.3333%;

  max-width: 33.3333%;

  -ms-flex: 1 1 33.3333%;

  -webkit-flex: 1 1 33.3333%; }



.fx-col-35-xs {

  -ms-flex-preferred-size: 35%;

      flex-basis: 35%;

  max-width: 35%;

  -ms-flex: 1 1 35%;

  -webkit-flex: 1 1 35%; }



.fx-col-40-xs {

  -ms-flex-preferred-size: 40%;

      flex-basis: 40%;

  max-width: 40%;

  -ms-flex: 1 1 40%;

  -webkit-flex: 1 1 40%; }



.fx-col-45-xs {

  -ms-flex-preferred-size: 45%;

      flex-basis: 45%;

  max-width: 45%;

  -ms-flex: 1 1 45%;

  -webkit-flex: 1 1 45%; }



.fx-col-50-xs {

  -ms-flex-preferred-size: 50%;

      flex-basis: 50%;

  max-width: 50%;

  -ms-flex: 1 1 50%;

  -webkit-flex: 1 1 50%; }



.fx-col-55-xs {

  -ms-flex-preferred-size: 55%;

      flex-basis: 55%;

  max-width: 55%;

  -ms-flex: 1 1 55%;

  -webkit-flex: 1 1 55%; }



.fx-col-60-xs {

  -ms-flex-preferred-size: 60%;

      flex-basis: 60%;

  max-width: 60%;

  -ms-flex: 1 1 60%;

  -webkit-flex: 1 1 60%; }



.fx-col-65-xs {

  -ms-flex-preferred-size: 65%;

      flex-basis: 65%;

  max-width: 65%;

  -ms-flex: 1 1 65%;

  -webkit-flex: 1 1 65%; }



.fx-col-66-xs {

  -ms-flex-preferred-size: 66.6666%;

      flex-basis: 66.6666%;

  max-width: 66.6666%;

  -ms-flex: 1 1 66.6666%;

  -webkit-flex: 1 1 66.6666%; }



.fx-col-70-xs {

  -ms-flex-preferred-size: 70%;

      flex-basis: 70%;

  max-width: 70%;

  -ms-flex: 1 1 70%;

  -webkit-flex: 1 1 70%; }



.fx-col-75-xs {

  -ms-flex-preferred-size: 75%;

      flex-basis: 75%;

  max-width: 75%;

  -ms-flex: 1 1 75%;

  -webkit-flex: 1 1 75%; }



.fx-col-80-xs {

  -ms-flex-preferred-size: 80%;

      flex-basis: 80%;

  max-width: 80%;

  -ms-flex: 1 1 80%;

  -webkit-flex: 1 1 80%; }



.fx-col-85-xs {

  -ms-flex-preferred-size: 85%;

      flex-basis: 85%;

  max-width: 85%;

  -ms-flex: 1 1 85%;

  -webkit-flex: 1 1 85%; }



.fx-col-90-xs {

  -ms-flex-preferred-size: 90%;

      flex-basis: 90%;

  max-width: 90%;

  -ms-flex: 1 1 90%;

  -webkit-flex: 1 1 90%; }



.fx-col-95-xs {

  -ms-flex-preferred-size: 95%;

      flex-basis: 95%;

  max-width: 95%;

  -ms-flex: 1 1 95%;

  -webkit-flex: 1 1 95%; }



.fx-col-100-xs {

  -ms-flex-preferred-size: 100%;

      flex-basis: 100%;

  max-width: 100%;

  -ms-flex: 1 1 100%;

  -webkit-flex: 1 1 100%; }



@media screen and (min-width: 740px) {

  .fx-col-10-s {

    -ms-flex-preferred-size: 10%;

        flex-basis: 10%;

    max-width: 10%;

    -ms-flex: 1 1 10%;

    -webkit-flex: 1 1 10%; }

  .fx-col-15-s {

    -ms-flex-preferred-size: 15%;

        flex-basis: 15%;

    max-width: 15%;

    -ms-flex: 1 1 15%;

    -webkit-flex: 1 1 15%; }

  .fx-col-20-s {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    max-width: 20%;

    -ms-flex: 1 1 20%;

    -webkit-flex: 1 1 20%; }

  .fx-col-25-s {

    -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

    max-width: 25%;

    -ms-flex: 1 1 25%;

    -webkit-flex: 1 1 25%; }

  .fx-col-30-s {

    -ms-flex-preferred-size: 30%;

        flex-basis: 30%;

    max-width: 30%;

    -ms-flex: 1 1 30%;

    -webkit-flex: 1 1 30%; }

  .fx-col-33-s {

    -ms-flex-preferred-size: 33.3333%;

        flex-basis: 33.3333%;

    max-width: 33.3333%;

    -ms-flex: 1 1 33.3333%;

    -webkit-flex: 1 1 33.3333%; }

  .fx-col-35-s {

    -ms-flex-preferred-size: 35%;

        flex-basis: 35%;

    max-width: 35%;

    -ms-flex: 1 1 35%;

    -webkit-flex: 1 1 35%; }

  .fx-col-40-s {

    -ms-flex-preferred-size: 40%;

        flex-basis: 40%;

    max-width: 40%;

    -ms-flex: 1 1 40%;

    -webkit-flex: 1 1 40%; }

  .fx-col-45-s {

    -ms-flex-preferred-size: 45%;

        flex-basis: 45%;

    max-width: 45%;

    -ms-flex: 1 1 45%;

    -webkit-flex: 1 1 45%; }

  .fx-col-50-s {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    max-width: 50%;

    -ms-flex: 1 1 50%;

    -webkit-flex: 1 1 50%; }

  .fx-col-55-s {

    -ms-flex-preferred-size: 55%;

        flex-basis: 55%;

    max-width: 55%;

    -ms-flex: 1 1 55%;

    -webkit-flex: 1 1 55%; }

  .fx-col-60-s {

    -ms-flex-preferred-size: 60%;

        flex-basis: 60%;

    max-width: 60%;

    -ms-flex: 1 1 60%;

    -webkit-flex: 1 1 60%; }

  .fx-col-65-s {

    -ms-flex-preferred-size: 65%;

        flex-basis: 65%;

    max-width: 65%;

    -ms-flex: 1 1 65%;

    -webkit-flex: 1 1 65%; }

  .fx-col-66-s {

    -ms-flex-preferred-size: 66.6666%;

        flex-basis: 66.6666%;

    max-width: 66.6666%;

    -ms-flex: 1 1 66.6666%;

    -webkit-flex: 1 1 66.6666%; }

  .fx-col-70-s {

    -ms-flex-preferred-size: 70%;

        flex-basis: 70%;

    max-width: 70%;

    -ms-flex: 1 1 70%;

    -webkit-flex: 1 1 70%; }

  .fx-col-75-s {

    -ms-flex-preferred-size: 75%;

        flex-basis: 75%;

    max-width: 75%;

    -ms-flex: 1 1 75%;

    -webkit-flex: 1 1 75%; }

  .fx-col-80-s {

    -ms-flex-preferred-size: 80%;

        flex-basis: 80%;

    max-width: 80%;

    -ms-flex: 1 1 80%;

    -webkit-flex: 1 1 80%; }

  .fx-col-85-s {

    -ms-flex-preferred-size: 85%;

        flex-basis: 85%;

    max-width: 85%;

    -ms-flex: 1 1 85%;

    -webkit-flex: 1 1 85%; }

  .fx-col-90-s {

    -ms-flex-preferred-size: 90%;

        flex-basis: 90%;

    max-width: 90%;

    -ms-flex: 1 1 90%;

    -webkit-flex: 1 1 90%; }

  .fx-col-95-s {

    -ms-flex-preferred-size: 95%;

        flex-basis: 95%;

    max-width: 95%;

    -ms-flex: 1 1 95%;

    -webkit-flex: 1 1 95%; }

  .fx-col-100-s {

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    max-width: 100%;

    -ms-flex: 1 1 100%;

    -webkit-flex: 1 1 100%; } }



@media screen and (min-width: 940px) {

  .fx-col-10-m {

    -ms-flex-preferred-size: 10%;

        flex-basis: 10%;

    max-width: 10%;

    -ms-flex: 1 1 10%;

    -webkit-flex: 1 1 10%; }

  .fx-col-15-m {

    -ms-flex-preferred-size: 15%;

        flex-basis: 15%;

    max-width: 15%;

    -ms-flex: 1 1 15%;

    -webkit-flex: 1 1 15%; }

  .fx-col-20-m {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    max-width: 20%;

    -ms-flex: 1 1 20%;

    -webkit-flex: 1 1 20%; }

  .fx-col-25-m {

    -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

    max-width: 25%;

    -ms-flex: 1 1 25%;

    -webkit-flex: 1 1 25%; }

  .fx-col-30-m {

    -ms-flex-preferred-size: 30%;

        flex-basis: 30%;

    max-width: 30%;

    -ms-flex: 1 1 30%;

    -webkit-flex: 1 1 30%; }

  .fx-col-33-m {

    -ms-flex-preferred-size: 33.3333%;

        flex-basis: 33.3333%;

    max-width: 33.3333%;

    -ms-flex: 1 1 33.3333%;

    -webkit-flex: 1 1 33.3333%; }

  .fx-col-35-m {

    -ms-flex-preferred-size: 35%;

        flex-basis: 35%;

    max-width: 35%;

    -ms-flex: 1 1 35%;

    -webkit-flex: 1 1 35%; }

  .fx-col-40-m {

    -ms-flex-preferred-size: 40%;

        flex-basis: 40%;

    max-width: 40%;

    -ms-flex: 1 1 40%;

    -webkit-flex: 1 1 40%; }

  .fx-col-45-m {

    -ms-flex-preferred-size: 45%;

        flex-basis: 45%;

    max-width: 45%;

    -ms-flex: 1 1 45%;

    -webkit-flex: 1 1 45%; }

  .fx-col-50-m {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    max-width: 50%;

    -ms-flex: 1 1 50%;

    -webkit-flex: 1 1 50%; }

  .fx-col-55-m {

    -ms-flex-preferred-size: 55%;

        flex-basis: 55%;

    max-width: 55%;

    -ms-flex: 1 1 55%;

    -webkit-flex: 1 1 55%; }

  .fx-col-60-m {

    -ms-flex-preferred-size: 60%;

        flex-basis: 60%;

    max-width: 60%;

    -ms-flex: 1 1 60%;

    -webkit-flex: 1 1 60%; }

  .fx-col-65-m {

    -ms-flex-preferred-size: 65%;

        flex-basis: 65%;

    max-width: 65%;

    -ms-flex: 1 1 65%;

    -webkit-flex: 1 1 65%; }

  .fx-col-66-m {

    -ms-flex-preferred-size: 66.6666%;

        flex-basis: 66.6666%;

    max-width: 66.6666%;

    -ms-flex: 1 1 66.6666%;

    -webkit-flex: 1 1 66.6666%; }

  .fx-col-70-m {

    -ms-flex-preferred-size: 70%;

        flex-basis: 70%;

    max-width: 70%;

    -ms-flex: 1 1 70%;

    -webkit-flex: 1 1 70%; }

  .fx-col-75-m {

    -ms-flex-preferred-size: 75%;

        flex-basis: 75%;

    max-width: 75%;

    -ms-flex: 1 1 75%;

    -webkit-flex: 1 1 75%; }

  .fx-col-80-m {

    -ms-flex-preferred-size: 80%;

        flex-basis: 80%;

    max-width: 80%;

    -ms-flex: 1 1 80%;

    -webkit-flex: 1 1 80%; }

  .fx-col-85-m {

    -ms-flex-preferred-size: 85%;

        flex-basis: 85%;

    max-width: 85%;

    -ms-flex: 1 1 85%;

    -webkit-flex: 1 1 85%; }

  .fx-col-90-m {

    -ms-flex-preferred-size: 90%;

        flex-basis: 90%;

    max-width: 90%;

    -ms-flex: 1 1 90%;

    -webkit-flex: 1 1 90%; }

  .fx-col-95-m {

    -ms-flex-preferred-size: 95%;

        flex-basis: 95%;

    max-width: 95%;

    -ms-flex: 1 1 95%;

    -webkit-flex: 1 1 95%; }

  .fx-col-100-m {

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    max-width: 100%;

    -ms-flex: 1 1 100%;

    -webkit-flex: 1 1 100%; } }



@media screen and (min-width: 1024px) {

  .fx-col-10-l {

    -ms-flex-preferred-size: 10%;

        flex-basis: 10%;

    max-width: 10%;

    -ms-flex: 1 1 10%;

    -webkit-flex: 1 1 10%; }

  .fx-col-15-l {

    -ms-flex-preferred-size: 15%;

        flex-basis: 15%;

    max-width: 15%;

    -ms-flex: 1 1 15%;

    -webkit-flex: 1 1 15%; }

  .fx-col-20-l {

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;

    max-width: 20%;

    -ms-flex: 1 1 20%;

    -webkit-flex: 1 1 20%; }

  .fx-col-25-l {

    -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

    max-width: 25%;

    -ms-flex: 1 1 25%;

    -webkit-flex: 1 1 25%; }

  .fx-col-30-l {

    -ms-flex-preferred-size: 30%;

        flex-basis: 30%;

    max-width: 30%;

    -ms-flex: 1 1 30%;

    -webkit-flex: 1 1 30%; }

  .fx-col-33-l {

    -ms-flex-preferred-size: 33.3333%;

        flex-basis: 33.3333%;

    max-width: 33.3333%;

    -ms-flex: 1 1 33.3333%;

    -webkit-flex: 1 1 33.3333%; }

  .fx-col-35-l {

    -ms-flex-preferred-size: 35%;

        flex-basis: 35%;

    max-width: 35%;

    -ms-flex: 1 1 35%;

    -webkit-flex: 1 1 35%; }

  .fx-col-40-l {

    -ms-flex-preferred-size: 40%;

        flex-basis: 40%;

    max-width: 40%;

    -ms-flex: 1 1 40%;

    -webkit-flex: 1 1 40%; }

  .fx-col-45-l {

    -ms-flex-preferred-size: 45%;

        flex-basis: 45%;

    max-width: 45%;

    -ms-flex: 1 1 45%;

    -webkit-flex: 1 1 45%; }

  .fx-col-50-l {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    max-width: 50%;

    -ms-flex: 1 1 50%;

    -webkit-flex: 1 1 50%; }

  .fx-col-55-l {

    -ms-flex-preferred-size: 55%;

        flex-basis: 55%;

    max-width: 55%;

    -ms-flex: 1 1 55%;

    -webkit-flex: 1 1 55%; }

  .fx-col-60-l {

    -ms-flex-preferred-size: 60%;

        flex-basis: 60%;

    max-width: 60%;

    -ms-flex: 1 1 60%;

    -webkit-flex: 1 1 60%; }

  .fx-col-65-l {

    -ms-flex-preferred-size: 65%;

        flex-basis: 65%;

    max-width: 65%;

    -ms-flex: 1 1 65%;

    -webkit-flex: 1 1 65%; }

  .fx-col-66-l {

    -ms-flex-preferred-size: 66.6666%;

        flex-basis: 66.6666%;

    max-width: 66.6666%;

    -ms-flex: 1 1 66.6666%;

    -webkit-flex: 1 1 66.6666%; }

  .fx-col-70-l {

    -ms-flex-preferred-size: 70%;

        flex-basis: 70%;

    max-width: 70%;

    -ms-flex: 1 1 70%;

    -webkit-flex: 1 1 70%; }

  .fx-col-75-l {

    -ms-flex-preferred-size: 75%;

        flex-basis: 75%;

    max-width: 75%;

    -ms-flex: 1 1 75%;

    -webkit-flex: 1 1 75%; }

  .fx-col-80-l {

    -ms-flex-preferred-size: 80%;

        flex-basis: 80%;

    max-width: 80%;

    -ms-flex: 1 1 80%;

    -webkit-flex: 1 1 80%; }

  .fx-col-85-l {

    -ms-flex-preferred-size: 85%;

        flex-basis: 85%;

    max-width: 85%;

    -ms-flex: 1 1 85%;

    -webkit-flex: 1 1 85%; }

  .fx-col-90-l {

    -ms-flex-preferred-size: 90%;

        flex-basis: 90%;

    max-width: 90%;

    -ms-flex: 1 1 90%;

    -webkit-flex: 1 1 90%; }

  .fx-col-95-l {

    -ms-flex-preferred-size: 95%;

        flex-basis: 95%;

    max-width: 95%;

    -ms-flex: 1 1 95%;

    -webkit-flex: 1 1 95%; }

  .fx-col-100-l {

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    max-width: 100%;

    -ms-flex: 1 1 100%;

    -webkit-flex: 1 1 100%; } }



.fx-col-top-xs {

  -ms-flex-item-align: start;

      align-self: flex-start; }



.fx-col-center-xs {

  -ms-flex-item-align: center;

      -ms-grid-row-align: center;

      align-self: center; }



.fx-col-bottom-xs {

  -ms-flex-item-align: end;

      align-self: flex-end; }



@media screen and (min-width: 740px) {

  .fx-col-top-s {

    -ms-flex-item-align: start;

        align-self: flex-start; }

  .fx-col-center-s {

    -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center; }

  .fx-col-bottom-s {

    -ms-flex-item-align: end;

        align-self: flex-end; } }



@media screen and (min-width: 940px) {

  .fx-col-top-m {

    -ms-flex-item-align: start;

        align-self: flex-start; }

  .fx-col-center-m {

    -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center; }

  .fx-col-bottom-m {

    -ms-flex-item-align: end;

        align-self: flex-end; } }



@media screen and (min-width: 1024px) {

  .fx-col-top-l {

    -ms-flex-item-align: start;

        align-self: flex-start; }

  .fx-col-center-l {

    -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center; }

  .fx-col-bottom-l {

    -ms-flex-item-align: end;

        align-self: flex-end; } }



.fx-col-fix-60 {

  -ms-flex-preferred-size: 60px;

      flex-basis: 60px; }

  .fx-col-fix-60 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 60px);

        flex-basis: calc(100% - 60px);

    width: calc(100% - 60px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 60px);

      flex-basis: calc(100% - 60px);

  width: calc(100% - 60px); }

  .fx-col-auto + .fx-col-fix-60 {

    -ms-flex-preferred-size: 60px;

        flex-basis: 60px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 60px);

        flex-basis: calc(100% - 60px);

    width: calc(100% - 60px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-60 {

      -ms-flex-preferred-size: 60px;

          flex-basis: 60px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 60px);

        flex-basis: calc(100% - 60px);

    width: calc(100% - 60px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-60 {

      -ms-flex-preferred-size: 60px;

          flex-basis: 60px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 60px);

        flex-basis: calc(100% - 60px);

    width: calc(100% - 60px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-60 {

      -ms-flex-preferred-size: 60px;

          flex-basis: 60px; } }



.fx-col-fix-70 {

  -ms-flex-preferred-size: 70px;

      flex-basis: 70px; }

  .fx-col-fix-70 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 70px);

        flex-basis: calc(100% - 70px);

    width: calc(100% - 70px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 70px);

      flex-basis: calc(100% - 70px);

  width: calc(100% - 70px); }

  .fx-col-auto + .fx-col-fix-70 {

    -ms-flex-preferred-size: 70px;

        flex-basis: 70px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 70px);

        flex-basis: calc(100% - 70px);

    width: calc(100% - 70px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-70 {

      -ms-flex-preferred-size: 70px;

          flex-basis: 70px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 70px);

        flex-basis: calc(100% - 70px);

    width: calc(100% - 70px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-70 {

      -ms-flex-preferred-size: 70px;

          flex-basis: 70px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 70px);

        flex-basis: calc(100% - 70px);

    width: calc(100% - 70px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-70 {

      -ms-flex-preferred-size: 70px;

          flex-basis: 70px; } }



.fx-col-fix-80 {

  -ms-flex-preferred-size: 80px;

      flex-basis: 80px; }

  .fx-col-fix-80 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 80px);

        flex-basis: calc(100% - 80px);

    width: calc(100% - 80px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 80px);

      flex-basis: calc(100% - 80px);

  width: calc(100% - 80px); }

  .fx-col-auto + .fx-col-fix-80 {

    -ms-flex-preferred-size: 80px;

        flex-basis: 80px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 80px);

        flex-basis: calc(100% - 80px);

    width: calc(100% - 80px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-80 {

      -ms-flex-preferred-size: 80px;

          flex-basis: 80px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 80px);

        flex-basis: calc(100% - 80px);

    width: calc(100% - 80px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-80 {

      -ms-flex-preferred-size: 80px;

          flex-basis: 80px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 80px);

        flex-basis: calc(100% - 80px);

    width: calc(100% - 80px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-80 {

      -ms-flex-preferred-size: 80px;

          flex-basis: 80px; } }



.fx-col-fix-100 {

  -ms-flex-preferred-size: 100px;

      flex-basis: 100px; }

  .fx-col-fix-100 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 100px);

        flex-basis: calc(100% - 100px);

    width: calc(100% - 100px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 100px);

      flex-basis: calc(100% - 100px);

  width: calc(100% - 100px); }

  .fx-col-auto + .fx-col-fix-100 {

    -ms-flex-preferred-size: 100px;

        flex-basis: 100px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 100px);

        flex-basis: calc(100% - 100px);

    width: calc(100% - 100px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-100 {

      -ms-flex-preferred-size: 100px;

          flex-basis: 100px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 100px);

        flex-basis: calc(100% - 100px);

    width: calc(100% - 100px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-100 {

      -ms-flex-preferred-size: 100px;

          flex-basis: 100px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 100px);

        flex-basis: calc(100% - 100px);

    width: calc(100% - 100px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-100 {

      -ms-flex-preferred-size: 100px;

          flex-basis: 100px; } }



.fx-col-fix-150 {

  -ms-flex-preferred-size: 150px;

      flex-basis: 150px; }

  .fx-col-fix-150 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 150px);

        flex-basis: calc(100% - 150px);

    width: calc(100% - 150px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 150px);

      flex-basis: calc(100% - 150px);

  width: calc(100% - 150px); }

  .fx-col-auto + .fx-col-fix-150 {

    -ms-flex-preferred-size: 150px;

        flex-basis: 150px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 150px);

        flex-basis: calc(100% - 150px);

    width: calc(100% - 150px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-150 {

      -ms-flex-preferred-size: 150px;

          flex-basis: 150px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 150px);

        flex-basis: calc(100% - 150px);

    width: calc(100% - 150px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-150 {

      -ms-flex-preferred-size: 150px;

          flex-basis: 150px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 150px);

        flex-basis: calc(100% - 150px);

    width: calc(100% - 150px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-150 {

      -ms-flex-preferred-size: 150px;

          flex-basis: 150px; } }



.fx-col-fix-200 {

  -ms-flex-preferred-size: 200px;

      flex-basis: 200px; }

  .fx-col-fix-200 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 200px);

        flex-basis: calc(100% - 200px);

    width: calc(100% - 200px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 200px);

      flex-basis: calc(100% - 200px);

  width: calc(100% - 200px); }

  .fx-col-auto + .fx-col-fix-200 {

    -ms-flex-preferred-size: 200px;

        flex-basis: 200px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 200px);

        flex-basis: calc(100% - 200px);

    width: calc(100% - 200px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-200 {

      -ms-flex-preferred-size: 200px;

          flex-basis: 200px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 200px);

        flex-basis: calc(100% - 200px);

    width: calc(100% - 200px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-200 {

      -ms-flex-preferred-size: 200px;

          flex-basis: 200px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 200px);

        flex-basis: calc(100% - 200px);

    width: calc(100% - 200px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-200 {

      -ms-flex-preferred-size: 200px;

          flex-basis: 200px; } }



.fx-col-fix-250 {

  -ms-flex-preferred-size: 250px;

      flex-basis: 250px; }

  .fx-col-fix-250 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 250px);

        flex-basis: calc(100% - 250px);

    width: calc(100% - 250px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 250px);

      flex-basis: calc(100% - 250px);

  width: calc(100% - 250px); }

  .fx-col-auto + .fx-col-fix-250 {

    -ms-flex-preferred-size: 250px;

        flex-basis: 250px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 250px);

        flex-basis: calc(100% - 250px);

    width: calc(100% - 250px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-250 {

      -ms-flex-preferred-size: 250px;

          flex-basis: 250px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 250px);

        flex-basis: calc(100% - 250px);

    width: calc(100% - 250px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-250 {

      -ms-flex-preferred-size: 250px;

          flex-basis: 250px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 250px);

        flex-basis: calc(100% - 250px);

    width: calc(100% - 250px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-250 {

      -ms-flex-preferred-size: 250px;

          flex-basis: 250px; } }



.fx-col-fix-280 {

  -ms-flex-preferred-size: 280px;

      flex-basis: 280px; }

  .fx-col-fix-280 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 280px);

        flex-basis: calc(100% - 280px);

    width: calc(100% - 280px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 280px);

      flex-basis: calc(100% - 280px);

  width: calc(100% - 280px); }

  .fx-col-auto + .fx-col-fix-280 {

    -ms-flex-preferred-size: 280px;

        flex-basis: 280px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 280px);

        flex-basis: calc(100% - 280px);

    width: calc(100% - 280px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-280 {

      -ms-flex-preferred-size: 280px;

          flex-basis: 280px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 280px);

        flex-basis: calc(100% - 280px);

    width: calc(100% - 280px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-280 {

      -ms-flex-preferred-size: 280px;

          flex-basis: 280px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 280px);

        flex-basis: calc(100% - 280px);

    width: calc(100% - 280px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-280 {

      -ms-flex-preferred-size: 280px;

          flex-basis: 280px; } }



.fx-col-fix-300 {

  -ms-flex-preferred-size: 300px;

      flex-basis: 300px; }

  .fx-col-fix-300 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 300px);

        flex-basis: calc(100% - 300px);

    width: calc(100% - 300px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 300px);

      flex-basis: calc(100% - 300px);

  width: calc(100% - 300px); }

  .fx-col-auto + .fx-col-fix-300 {

    -ms-flex-preferred-size: 300px;

        flex-basis: 300px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 300px);

        flex-basis: calc(100% - 300px);

    width: calc(100% - 300px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-300 {

      -ms-flex-preferred-size: 300px;

          flex-basis: 300px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 300px);

        flex-basis: calc(100% - 300px);

    width: calc(100% - 300px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-300 {

      -ms-flex-preferred-size: 300px;

          flex-basis: 300px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 300px);

        flex-basis: calc(100% - 300px);

    width: calc(100% - 300px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-300 {

      -ms-flex-preferred-size: 300px;

          flex-basis: 300px; } }



.fx-col-fix-350 {

  -ms-flex-preferred-size: 350px;

      flex-basis: 350px; }

  .fx-col-fix-350 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 350px);

        flex-basis: calc(100% - 350px);

    width: calc(100% - 350px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 350px);

      flex-basis: calc(100% - 350px);

  width: calc(100% - 350px); }

  .fx-col-auto + .fx-col-fix-350 {

    -ms-flex-preferred-size: 350px;

        flex-basis: 350px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 350px);

        flex-basis: calc(100% - 350px);

    width: calc(100% - 350px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-350 {

      -ms-flex-preferred-size: 350px;

          flex-basis: 350px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 350px);

        flex-basis: calc(100% - 350px);

    width: calc(100% - 350px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-350 {

      -ms-flex-preferred-size: 350px;

          flex-basis: 350px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 350px);

        flex-basis: calc(100% - 350px);

    width: calc(100% - 350px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-350 {

      -ms-flex-preferred-size: 350px;

          flex-basis: 350px; } }



.fx-col-fix-400 {

  -ms-flex-preferred-size: 400px;

      flex-basis: 400px; }

  .fx-col-fix-400 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 400px);

        flex-basis: calc(100% - 400px);

    width: calc(100% - 400px); }



.fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 400px);

      flex-basis: calc(100% - 400px);

  width: calc(100% - 400px); }

  .fx-col-auto + .fx-col-fix-400 {

    -ms-flex-preferred-size: 400px;

        flex-basis: 400px; }



@media screen and (min-width: 740px) {

  .fx-row-reverse-s .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 400px);

        flex-basis: calc(100% - 400px);

    width: calc(100% - 400px); }

    .fx-row-reverse-s .fx-col-auto + .fx-col-fix-400 {

      -ms-flex-preferred-size: 400px;

          flex-basis: 400px; } }



@media screen and (min-width: 940px) {

  .fx-row-reverse-m .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 400px);

        flex-basis: calc(100% - 400px);

    width: calc(100% - 400px); }

    .fx-row-reverse-m .fx-col-auto + .fx-col-fix-400 {

      -ms-flex-preferred-size: 400px;

          flex-basis: 400px; } }



@media screen and (min-width: 1024px) {

  .fx-row-reverse-l .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 400px);

        flex-basis: calc(100% - 400px);

    width: calc(100% - 400px); }

    .fx-row-reverse-l .fx-col-auto + .fx-col-fix-400 {

      -ms-flex-preferred-size: 400px;

          flex-basis: 400px; } }



/*-------------------------*/

/* +GRID IE9               */

/*-------------------------*/

.ie9 .fx-row {

  font-size: 0; }



.ie9 [class*="fx-row-reverse"] {

  direction: rtl; }

  .ie9 [class*="fx-row-reverse"] > * {

    direction: ltr; }



.ie9 [class*="fx-col"] {

  display: inline-block;

  font-size: 16px; }



.ie9 .fx-col-10-xs {

  width: 10%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-15-xs {

  width: 15%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-20-xs {

  width: 20%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-25-xs {

  width: 25%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-30-xs {

  width: 30%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-33-xs {

  width: 33.3333%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-35-xs {

  width: 35%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-40-xs {

  width: 40%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-45-xs {

  width: 45%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-50-xs {

  width: 50%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-55-xs {

  width: 55%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-60-xs {

  width: 60%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-65-xs {

  width: 65%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-66-xs {

  width: 66.6666%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-70-xs {

  width: 70%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-75-xs {

  width: 75%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-80-xs {

  width: 80%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-85-xs {

  width: 85%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-90-xs {

  width: 90%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-95-xs {

  width: 95%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



.ie9 .fx-col-100-xs {

  width: 100%; }



.ie9 .fx-row-start-xs {

  text-align: left; }



.ie9 .fx-row-end-xs {

  text-align: right; }



.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {

  text-align: center; }



@media screen and (min-width: 740px) {

  .ie9 .fx-col-10-s {

    width: 10%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-15-s {

    width: 15%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-20-s {

    width: 20%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-25-s {

    width: 25%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-30-s {

    width: 30%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-33-s {

    width: 33.3333%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-35-s {

    width: 35%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-40-s {

    width: 40%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-45-s {

    width: 45%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-50-s {

    width: 50%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-55-s {

    width: 55%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-60-s {

    width: 60%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-65-s {

    width: 65%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-66-s {

    width: 66.6666%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-70-s {

    width: 70%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-75-s {

    width: 75%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-80-s {

    width: 80%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-85-s {

    width: 85%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-90-s {

    width: 90%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-95-s {

    width: 95%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; }

  .ie9 .fx-col-100-s {

    width: 100%; }

  .ie9 .fx-row-start-s {

    text-align: left; }

  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {

    text-center: right; } }



@media screen and (min-width: 940px) {

  .ie9 .fx-col-10-m {

    width: 10%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-15-m {

    width: 15%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-20-m {

    width: 20%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-25-m {

    width: 25%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-30-m {

    width: 30%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-33-m {

    width: 33.3333%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-35-m {

    width: 35%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-40-m {

    width: 40%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-45-m {

    width: 45%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-50-m {

    width: 50%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-55-m {

    width: 55%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-60-m {

    width: 60%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-65-m {

    width: 65%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-66-m {

    width: 66.6666%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-70-m {

    width: 70%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-75-m {

    width: 75%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-80-m {

    width: 80%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-85-m {

    width: 85%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-90-m {

    width: 90%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-95-m {

    width: 95%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; }

  .ie9 .fx-col-100-m {

    width: 100%; }

  .ie9 .fx-row-start-m {

    text-align: left; }

  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {

    text-center: right; } }



@media screen and (min-width: 1024px) {

  .ie9 .fx-col-10-l {

    width: 10%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-15-l {

    width: 15%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-20-l {

    width: 20%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-25-l {

    width: 25%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-30-l {

    width: 30%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-33-l {

    width: 33.3333%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-35-l {

    width: 35%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-40-l {

    width: 40%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-45-l {

    width: 45%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-50-l {

    width: 50%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-55-l {

    width: 55%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-60-l {

    width: 60%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-65-l {

    width: 65%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-66-l {

    width: 66.6666%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-70-l {

    width: 70%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-75-l {

    width: 75%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-80-l {

    width: 80%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-85-l {

    width: 85%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-90-l {

    width: 90%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-95-l {

    width: 95%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; }

  .ie9 .fx-col-100-l {

    width: 100%; }

  .ie9 .fx-row-start-l {

    text-align: left; }

  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {

    text-center: right; } }



.ie9 .fx-col {

  width: 100%; }



/*

html5doctor.com Reset Stylesheet

v1.6.1

Last Updated: 2010-09-17

Author: Richard Clark - http://richclarkdesign.com

Twitter: @rich_clark

*/

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,

small, strong, sub, sup, var,

b, i,

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 {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent; }



body {

  line-height: 1; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



nav ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none; }



a {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent; }



/* change colours to suit your needs */

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none; }



/* change colours to suit your needs */

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold; }



del {

  text-decoration: line-through; }



abbr[title], dfn[title] {

  border-bottom: 1px dotted;

  cursor: help; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



/* change border colour to suit your needs */

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0; }



input, select {

  vertical-align: middle; }



/*

html5 doctor reset cssでは、box-sizing: border-box;が無い

*/

*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box; }



li {

  list-style: none; }



a {

  text-decoration: none; }



/*

Reset Form Design

  */

input[type='text'], input[type='email'], input[type='tel'] {

  padding: 0;

  border: none;

  border-radius: 0;

  outline: none;

  background: none; }



input[type="radio"] {

  display: none; }



input[type="radio"]:checked + label {

  background: #ff0000; }



input[type="checkbox"] {

  display: none; }



input[type="checkbox"]:checked + label {

  background: #ff0000; }



select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: none;

  outline: none;

  background: transparent; }



textarea {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  padding: 0;

  border: 0;

  outline: none;

  background: transparent; }



button,

input[type="button"],

input[type="submit"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  padding: 0;

  border: none;

  outline: none;

  background: transparent;

  cursor: pointer; }



/*

Reset SmartPhone FormDesign

*/

input[type="submit"],

input[type="button"],

input[type='text'], input[type='email'], input[type='tel'] {

  border-radius: 0;

  -webkit-box-sizing: content-box;

  -webkit-appearance: button;

  -moz-appearance: button;

       appearance: button;

  border: none;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  cursor: pointer; }



input[type="submit"]::-webkit-search-decoration,

input[type="button"]::-webkit-search-decoration,

input::-webkit-search-decoration {

  display: none; }



input[type="submit"]::focus,

input[type="button"]::focus {

  outline-offset: -2px; }



.clearfix::after {

  content: "";

  display: block;

  clear: both; }



.clear:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden; }



/*

フォントサイズの調整

htmlのベースを10px

bodyを16pxにして、あとはremで調整

*/

html {

  font-size: 62.5%; }



/* body font-size 16px*/

body {

  font-size: 1.6em;

  position: relative;

  word-break: break-word; }



h1 {

  font-size: 5rem;

  /* 50px */ }



p {

  font-size: 1.5rem;

  /* 15px */ }

  p:last-child {

    padding-bottom: 0;

    margin-bottom: 0; }



a {

  color: #252525; }

  a:hover {

    opacity: 0.8;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease; }



img {

  width: auto;

  max-width: 100%; }



/*

input[type="checkbox"] {

    width: 15px;

    height: 15px;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 5px;

}

*/

.alignnone {

  margin: 0rem; }



.aligncenter, div.aligncenter {

  display: block;

  margin: 0rem auto 0rem auto; }



.alignright {

  float: right;

  margin: 0rem; }



.alignleft {

  float: left;

  margin: 0rem; }



.aligncenter {

  display: block;

  margin: 0rem auto 0rem auto; }



img.alignright {

  float: right;

  margin: 0rem;

  padding: 0rem 1.0rem 1.0rem; }



img.alignnone {

  margin: 0;

  padding: 0rem 1.0rem 1.0rem; }



img.alignleft {

  float: left;

  margin: 0;

  padding: 0rem 1.0rem 1.0rem; }



img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

  padding: 0rem 1.0rem 1.0rem; }



.wp-caption {

  background: #fff;

  /*border: 1rem solid #f0f0f0;*/

  max-width: 96%;

  /* Image does not overflow the content area */

  padding: 0rem 1.0rem 1.0rem;

  text-align: center; }



.wp-caption.alignnone {

  margin: 0.5rem 2.0rem 2.0rem 0; }



.wp-caption.alignleft {

  margin: 0.5rem 2.0rem 2.0rem 0; }



.wp-caption.alignright {

  margin: 0.5rem 0 2.0rem 2.0rem; }



.wp-caption img {

  border: 0 none;

  height: auto;

  margin: 0;

  max-width: 98.5%;

  padding: 0;

  width: auto; }



.wp-caption p.wp-caption-text {

  font-size: 1.1rem;

  line-height: 1.7rem;

  margin: 0;

  padding: 0 0.4rem 0.5rem; }



body {

  position: relative;

  overflow-x: hidden; }

  body:after {

    content: "";

    display: block;

    height: 0;

    clear: both; }



.Footer {

  margin: 60px 0 0; }



.MainContents .Section {

  position: relative;

  z-index: 2;

  padding: 60px 0 0; }

  .MainContents .Section:first-child {

    padding-top: 60px; }

  .MainContents .Section:last-child {

    padding-bottom: 0; }

  .MainContents .Section h2,

  .MainContents .Section h3,

  .MainContents .Section h4,

  .MainContents .Section h5 {

    font-weight: bold; }

  .MainContents .Section h2 {

    font-size: 2.5rem; }

  .MainContents .Section h3 {

    font-size: 2rem; }

  .MainContents .Section h4,

  .MainContents .Section h5 {

    font-size: 1.8rem; }

  @media only screen and (max-width: 900px) {

    .MainContents .Section {

      padding: 30px 0 0; } }



.home .MainContents .Section:first-child {

  padding-top: 0; }



.Section [class*="fx-col"] {

  padding-left: 0px;

  padding-right: 0px;

  margin-top: 0; }



.blur {

  -webkit-filter: blur(20px);

  -moz-filter: blur(20px);

  -ms-filter: blur(20px);

  -o-filter: blur(20px);

  filter: blur(20px); }



.blackandwhite img, .blackandwhitegal img {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  -ms-filter: grayscale(100%); }



.blackandwhite img:hover, .blackandwhitegal img:hover {

  -webkit-filter: grayscale(0);

  -moz-filter: grayscale(0);

  -o-filter: grayscale(0);

  -ms-filter: grayscale(0);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out; }



.pc-only {

  display: initial; }

  @media only screen and (max-width: 940px) {

    .pc-only {

      display: none !important; } }



@media only screen and (min-width: 901px) {

  .pc-tab-only {

    display: initial; } }



@media only screen and (max-width: 900px) {

  .pc-tab-only {

    display: none !important; } }



@media only screen and (min-width: 940px) {

  .tab-sp-only {

    display: none !important; } }



@media only screen and (max-width: 940px) {

  .tab-sp-only {

    display: initial !important; } }



@media only screen and (min-width: 901px) {

  .sp-only {

    display: none !important; } }



@media only screen and (max-width: 900px) {

  .sp-only {

    display: initial !important; } }



body {

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }



.container {

  width: 98%;

  margin: auto;

  padding: 0 5%; }

  @media only screen and (max-width: 900px) {

    .container {

      padding: 0 1%; } }



a {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  a:hover {

    opacity: 0.8; }



img {

  width: 100%; }



.Footer {

  margin: 0; }



.page #MainContents .FooterWrapper {

  padding-top: 30px;

  background: #000;

  color: #fff; }



@media only screen and (min-width: 901px) {

  #SideContents {

    -ms-flex-preferred-size: 280px;

        flex-basis: 280px; }

  #MainContents {

    position: relative;

    -ms-flex-preferred-size: calc(100% - 280px);

        flex-basis: calc(100% - 280px);

    width: calc(100% - 280px); } }



@media only screen and (max-width: 900px) {

  #SideContents {

    width: 100%; }

    #SideContents .Header,

    #SideContents .MenuContainer {

      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfc76c+0,cfc76c+14,fbf0c7+66,baa884+97,baa884+100 */

      background: #cfc76c;

      /* Old browsers */

      /* FF3.6-15 */

      /* Chrome10-25,Safari5.1-6 */

      background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

      background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

      /* IE6-9 */ }

  #MainContents {

    position: relative;

    width: 100%;

    margin-left: auto;

    margin-right: auto; } }



.home #MainContents {

  background: #000;

  color: #fff; }

  .home #MainContents a {

    color: #fff; }



.page #MainContents .Section:nth-child(1) {

  padding-top: 0; }



#MainContents .HeaderSection {

  padding-top: 0 !important; }

  #MainContents .HeaderSection img {

    max-width: none;

    width: 100%; }



#MainContents p {

  line-height: 1.8; }



#MainContents .Section {

  padding: 40px 0; }

  #MainContents .Section:nth-child(1) {

    padding-top: 0; }

    @media only screen and (max-width: 900px) {

      #MainContents .Section:nth-child(1) {

        padding-top: 0; } }

  #MainContents .Section h2 {

    font-size: 3rem;

    margin-bottom: 30px;

    font-weight: normal; }

  #MainContents .Section h3 {

    font-size: 2.2rem; }

  @media only screen and (max-width: 900px) {

    #MainContents .Section {

      padding: 60px 0; } }



#MainContents a:hover {

  opacity: 0.8; }



.LanguageButton {

  width: 95%;

  margin-left: auto;

  margin-right: auto; }

  .LanguageButton__head {

    text-align: center;

    margin-bottom: 10px; }

  .LanguageButton .LanguageButton {

    font-size: 0; }

    .LanguageButton .LanguageButton__item {

      display: inline-block;

      width: 50%;

      border: 1px solid #564f20;

      text-align: center;

      color: #564f20;

      background: transparent;

      font-size: 16px;

      padding: 10px 0; }

      .LanguageButton .LanguageButton__item:last-child {

        border-left: none; }

      .LanguageButton .LanguageButton__item.active {

        color: #fff;

        background-image: url(images/common/menu_language_button_on.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat; }



@media only screen and (max-width: 900px) {

  .MenuContainer {

    padding-top: 25px; } }



.Menu .EachMenu {

  width: 100%;

  margin: auto; }

  .Menu .EachMenu__item {

    padding-right: 8%;

    position: relative; }

    .Menu .EachMenu__item::after {

      display: block;

      position: absolute;

      position: absolute;

      top: 50%;

      -webkit-transform: translateY(-50%);

              transform: translateY(-50%);

      right: 8%;

      width: 8px;

      height: 5px;

      content: "";

      background-image: url(images/common/menu_right_arrow.png);

      background-size: cover;

      background-repeat: no-repeat;

      background-position: center; }

    .Menu .EachMenu__item a {

      position: relative;

      padding: 22px 84px 22px 10px;

      display: block;

      text-align: left;

      border-bottom: 1px solid #676767;

      font-size: 1.5rem;

      line-height: 1.2; }

      .Menu .EachMenu__item a::after {

        content: '';

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

                transform: translateY(-50%);

        display: block;

        right: 22px;

        width: 65px;

        height: 30px;

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_update.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

      .Menu .EachMenu__item a.not_open::after {

        background-image: none !important; }



    .Menu .EachMenu__item a.closed::after {

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_closed.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

        

    .Menu .EachMenu__item a.ComingJp::after {

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_ComingJp.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

        

    .Menu .EachMenu__item a.ComingEn::after {

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_ComingEn.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

        

    .Menu .EachMenu__item a.MarchJp::after {

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_MarchJp.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

        

    .Menu .EachMenu__item a.MarchEn::after {

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/menu_MarchEn.png);

        background-position: center right;

        background-size: 65px;

        z-index: 10000; }

        

        

    a.link_pdf {

        padding-right: 20px;

        background-repeat: no-repeat;

        background-image: url("images/common/pdf.png");

        background-position: center right;

        background-size: 14px;

        }

        



    .Menu .EachMenu__item:nth-child(1) {

      display: list-item; }

      .Menu .EachMenu__item:nth-child(1) a {

        border-top: 1px solid #676767; }

    .Menu .EachMenu__item:hover::after {

      background-image: url(images/common/menu_right_arrow_hover.png); }

    .Menu .EachMenu__item:hover a {

      color: #fff;

      border-bottom: 1px solid #000;

      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#68600d+0,68600d+13,aea480+68,b9a884+100 */

      background: #68600d;

      /* Old browsers */

      /* FF3.6-15 */

      /* Chrome10-25,Safari5.1-6 */

      background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

      background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

      /* IE6-9 */ }



@media only screen and (max-width: 900px) {

  .Menu {

    width: 200%;

    overflow: hidden;

    margin-top: 20px; }

    .Menu .EachMenu {

      width: calc(50% - 5px);

      vertical-align: top;

      display: inline-block !important; }

      .Menu .EachMenu__item {

        padding-right: 0; }

    .Menu.slide {

      -webkit-transform: translateX(-50%);

              transform: translateX(-50%); } }



@media only screen and (max-width: 900px) {

  .Header {

    position: relative;

    z-index: 500;

    color: #000;

    background-color: transparent !important;

    padding: 0px !important;

    display: block !important; }

    .Header a {

      display: block;

      padding: 10px 0px 10px 5px;

      width: calc(100% - 78px); }

      .Header a img {

        width: 100%;

        max-width: none; } }



#menu-navibtn {

  display: none;

  cursor: pointer;

  cursor: hand; }



/* ハンバーガー */

#SideContents #navibtn {

  display: none;

  cursor: pointer;

  cursor: hand; }



@media only screen and (max-width: 900px) {

  #SideContents #navibtn {

    display: block;

    position: absolute;

    top: calc(50% - 10px);

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    right: 10px;

    z-index: 1000; }

  #SideContents #navibtn::before {

    display: block;

    position: absolute;

    content: "MENU";

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    top: 50%;

    right: 5px;

    z-index: 1000;

    width: 55px;

    color: #000;

    font-size: 1rem;

    font-weight: normal; }

  #SideContents #navibtn span {

    display: block;

    width: 20px;

    height: 20px; }

  #navibtn span span {

    display: block;

    overflow: hidden;

    width: 1px;

    height: 1px; }

  #navibtn span span::before,

  #navibtn span::after {

    position: absolute;

    left: 0px;

    content: "";

    width: 20px;

    height: 2px;

    background-color: #000;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out; }

  #navibtn span span::after {

    background-color: #000; }

  #navibtn span span::before {

    top: 11px; }

  #menu-navibtn:checked + #Contents label#navibtn span span::before {

    top: 18px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg); }

  /* 下の棒 */

  #navibtn span::after {

    bottom: 0px; }

  #menu-navibtn:checked + #Contents label#navibtn > span::after {

    bottom: -1px;

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg); }

  /* 中の棒 */

  #navibtn span span::after {

    top: 25px; }

  #menu-navibtn:checked + #Contents label#navibtn span span::after {

    display: none; }

  #SideContents {

    position: relative;

    z-index: 1000; }

    #SideContents .MenuContainer {

      position: absolute;

      display: block !important;

      z-index: 100;

      -webkit-transition: 0.2s;

      transition: 0.2s;

      -webkit-transform: translateY(-150%);

              transform: translateY(-150%);

      width: 100%;

      overflow: hidden; }

      #SideContents .MenuContainer .EachMenu__item a {

        -webkit-transition: 0.5s;

        transition: 0.5s;

        padding: 15px 0 15px 10px;

        width: calc(100% - 60px);

        margin: auto; }

      #SideContents .MenuContainer .EachMenu__item:last-child {

        margin-bottom: 20px; }

  #menu-navibtn:checked + #Contents .Header {

    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);

            box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }

  #menu-navibtn:checked + #Contents .MenuContainer {

    -webkit-transform: translateY(0%);

            transform: translateY(0%); } }



#MainContents .FooterWrapper {

  position: absolute;

  bottom: 0;

  width: 100%; }



#MainContents .FooterSection {

  position: relative;

  padding-bottom: 30px; }

  #MainContents .FooterSection .FooterSection__head {

    text-align: left;

    font-size: 1.5rem; }

  #MainContents .FooterSection #ScrollToNext {

    position: fixed;

    bottom: 140px;

    right: 0;

    z-index: 1000; }

    #MainContents .FooterSection #ScrollToNext .ScrollBtn {

      display: block;

      width: 66px;

      height: 66px;

      background-image: url(images/common/scroll_button.png);

      background-repeat: no-repeat;

      background-position: center;

      background-size: contain;

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

    @media only screen and (max-width: 900px) {

      #MainContents .FooterSection #ScrollToNext {

        bottom: 160px; }

        #MainContents .FooterSection #ScrollToNext .ScrollBtn {

          display: block;

          width: 40px;

          height: 40px; } }

  #MainContents .FooterSection #ScrollToTop {

    position: fixed;

    opacity: 0;

    bottom: 68px;

    right: 0;

    z-index: 10; }

    #MainContents .FooterSection #ScrollToTop .ScrollBtn {

      display: block;

      width: 66px;

      height: 66px;

      background-image: url(images/common/scroll_button.png);

      background-repeat: no-repeat;

      background-position: center;

      background-size: contain; }

    @media only screen and (max-width: 900px) {

      #MainContents .FooterSection #ScrollToTop {

        bottom: 66px; }

        #MainContents .FooterSection #ScrollToTop .ScrollBtn {

          display: block;

          width: 40px;

          height: 40px; } }



#MainContents .copyright {

  border-top: 1px solid #979797;

  padding: 20px 0;

  text-align: center;

  margin-bottom: 0; }



.BasicTable th {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfc76c+0,cfc76c+22,faefc6+100 */

  background: #cfc76c;

  /* Old browsers */

  /* FF3.6-15 */

  /* Chrome10-25,Safari5.1-6 */

  background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(22%, #cfc76c), to(#faefc6));

  background: linear-gradient(to right, #cfc76c 0%, #cfc76c 22%, #faefc6 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#faefc6',GradientType=1 );

  /* IE6-9 */

  min-width: 150px;

  font-weight: normal;

  text-align: center; }



.BasicTable th,

.BasicTable td {

  padding: 10px 0;

  border-left: 1px solid #979797;

  border-top: 1px solid #979797; }



.BasicTable td {

  border-right: 1px solid #979797;

  line-height: 1.5;

  padding: 10px; }



.BasicTable tr:last-child th,

.BasicTable tr:last-child td {

  border-bottom: 1px solid #979797; }



@media only screen and (max-width: 900px) {

  .BasicTable th {

    min-width: 100px;

    font-size: 14px; } }



/*

//Plugin

@import "./plugins/bxslider";



//pages

@import "./pages/contact";

*/

.home.english #MainContents .EyeCatchSection .container {

  background-image: url(images/home/home_main_background_en.png); }



.home.english #MainContents .InformationSection .Information__body .Info__item {

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

  padding-top: 9px;

  margin-top: 9px; }

  .home.english #MainContents .InformationSection .Information__body .Info__item:nth-child(1) {

    padding-top: 0;

    margin-top: 0; }

  .home.english #MainContents .InformationSection .Information__body .Info__item > span {

    line-height: 1.3; }

  .home.english #MainContents .InformationSection .Information__body .Info__item .EachInfo__sub {

    -webkit-box-flex: 0 !important;

            flex: 0 0 130px !important;

    -ms-flex: 0 0 130px !important;

    -webkit-flex: 0 0 130px !important;

    font-size: 16px;

    color: #baa884; }

  .home.english #MainContents .InformationSection .Information__body .Info__item .EachInfo__main {

    -webkit-box-flex: 1 !important;

            flex: 1 1 calc(100% - 130px) !important;

    -ms-flex: 1 1 calc(100% - 130px) !important;

    -webkit-flex: 1 1 calc(100% - 130px) !important;

    max-width: calc(100% - 130px);

    font-size: 16px; }



#MainContents .EyeCatchSection {

  padding-top: 0; }

  #MainContents .EyeCatchSection .container {

    background-image: url(images/home/home_main_background.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: top center; }

  #MainContents .EyeCatchSection__head {

    padding-top: 10%; }

  #MainContents .EyeCatchSection__body {

    padding-top: 47%; }



#MainContents .AlertInfoSection .Section__main {

  padding: 45px 0;

  border: 3px solid red;

  background: #fff; }



#MainContents .AlertInfoSection .Section__head {

  text-align: center;

  color: red;

  font-weight: bold;

  margin-bottom: 45px; }



#MainContents .AlertInfoSection .Section__body {

  max-width: 1000px;

  margin: auto;

  width: 90%; }

  #MainContents .AlertInfoSection .Section__body p {

    color: #000; }

    #MainContents .AlertInfoSection .Section__body p + p {

      margin-top: 30px; }



#MainContents .AlertInfoSection .Section__foot {

  max-width: 1000px;

  margin: 30px auto 0;

  width: 90%;

  color: #000;

  text-align: right; }



#MainContents .MovieSection {

  padding-top: 3%; }

  #MainContents .MovieSection .Section__body {

    /*max-width: 620px;*/

    max-width: 90%;

    margin: auto; }

    #MainContents .MovieSection .Section__body .MovieContainer {

      position: relative;

      padding: 28% 0; }

      #MainContents .MovieSection .Section__body .MovieContainer iframe {

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto; }



#MainContents .HomeBannerSection {

  padding-top: 8%; }

  #MainContents .HomeBannerSection .HomeBanner__title {

    text-align: center;

    position: relative;

    margin-bottom: 20px; }

    #MainContents .HomeBannerSection .HomeBanner__title img {

      display: block;

      margin: auto;

      max-width: 320px;

      width: 95%; }

  #MainContents .HomeBannerSection .HomeBanner__body {

    text-align: center; }

    #MainContents .HomeBannerSection .HomeBanner__body img {

      max-width: 320px;

      width: 95%; }

  @media only screen and (min-width: 901px) {

    #MainContents .HomeBannerSection .HomeBanner__body {

      text-align: left; }

      #MainContents .HomeBannerSection .HomeBanner__body img {

        padding-left: 10px; }

    #MainContents .HomeBannerSection .HomeBanner__title {

      margin-bottom: 0; }

      #MainContents .HomeBannerSection .HomeBanner__title img {

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

                transform: translateY(-50%);

        right: 10px; } }



#MainContents .MiraiBrochureBody, #MainContents .Preregistration {

  text-align: center; }

  #MainContents .MiraiBrochureBody img, #MainContents .Preregistration img {

    max-width: 695px; }



#MainContents .Preregistration {

  margin-top: 30px; }



#MainContents .InformationSection .InformationSection__head {

  text-align: left; }



#MainContents .InformationSection .scroll_box {

  position: relative;

  margin-top: 40px; }

  #MainContents .InformationSection .scroll_box.overflow {

    max-height: 170px;

    overflow-y: scroll; }

  @media only screen and (max-width: 900px) {

    #MainContents .InformationSection .scroll_box {

      margin-top: 30px; }

      #MainContents .InformationSection .scroll_box.overflow {

        overflow-y: unset;

        max-height: unset; } }



#MainContents .InformationSection .ps__thumb-y,

#MainContents .InformationSection .ps__rail-y:hover > .ps__thumb-y,

#MainContents .InformationSection .ps__rail-y:focus > .ps__thumb-y,

#MainContents .InformationSection .ps__rail-y.ps--clicking .ps__thumb-y {

  background-color: #564f20;

  width: 11px;

  right: 0 !important;

  opacity: 1 !important; }



#MainContents .InformationSection .ps--active-x > .ps__rail-x,

#MainContents .InformationSection .ps--active-y > .ps__rail-y {

  background-color: #dadada;

  opacity: 0.9 !important;

  width: 11px !important;

  border-radius: 6px; }



#MainContents .InformationSection .ps .ps__rail-x:hover,

#MainContents .InformationSection .ps .ps__rail-y:hover,

#MainContents .InformationSection .ps .ps__rail-x:focus,

#MainContents .InformationSection .ps .ps__rail-y:focus,

#MainContents .InformationSection .ps .ps__rail-x.ps--clicking,

#MainContents .InformationSection .ps .ps__rail-y.ps--clicking {

  background-color: #dadada;

  opacity: 0.9 !important;

  border-radius: 6px; }



#MainContents .InformationSection .Information__body .Info__item {

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

  padding-top: 9px;

  margin-top: 9px; }

  #MainContents .InformationSection .Information__body .Info__item:nth-child(1) {

    padding-top: 0;

    margin-top: 0; }

  #MainContents .InformationSection .Information__body .Info__item > span {

    line-height: 1.5; }

  #MainContents .InformationSection .Information__body .Info__item .EachInfo__sub {

    -webkit-box-flex: 0 !important;

            flex: 0 0 100px !important;

    -ms-flex: 0 0 100px !important;

    -webkit-flex: 0 0 100px !important;

    font-size: 16px;

    color: #baa884; }

  #MainContents .InformationSection .Information__body .Info__item .EachInfo__main {

    -webkit-box-flex: 1 !important;

            flex: 1 1 calc(100% - 100px) !important;

    -ms-flex: 1 1 calc(100% - 100px) !important;

    -webkit-flex: 1 1 calc(100% - 100px) !important;

    max-width: calc(100% - 100px);

    font-size: 16px; }



@media only screen and (max-width: 900px) {

  #MainContents .InformationSection .Information__body .Info__item {

    margin-bottom: 10px; }

    #MainContents .InformationSection .Information__body .Info__item .EachInfo__sub {

      display: block;

      width: 100%;

      -webkit-box-flex: 0 !important;

          -ms-flex: none !important;

              flex: none !important;

      font-size: 2rem; }

    #MainContents .InformationSection .Information__body .Info__item .EachInfo__main {

      display: block;

      width: 100%;

      font-size: 2rem;

      -webkit-box-flex: 0 !important;

          -ms-flex: none !important;

              flex: none !important;

      max-width: none; } }



@media only screen and (max-width: 900px) {

  .page #MainContents #MainContents .HeaderSection {

    padding-bottom: 40px; }

    .page #MainContents #MainContents .HeaderSection + .Section {

      padding-top: 0; } }



.page #MainContents .Links__item {

  padding-bottom: 10px;

  margin-bottom: 10px; }

  .page #MainContents .Links__item a:hover {

    color: #000; }



.page #MainContents .AccessSection__foot {

  margin-top: 30px; }

  .page #MainContents .AccessSection__foot a {

    display: inline-block;

    width: 50%;

    text-align: center;

    padding: 15px 0; }

    @media only screen and (max-width: 900px) {

      .page #MainContents .AccessSection__foot a {

        width: 100%; } }



.page #MainContents .GreetingSection .GreetingSection__sub {

  color: #564f20;

  padding-bottom: 30px;

  margin-bottom: 50px;

  border-bottom: 1px solid #564f20; }

  @media only screen and (min-width: 901px) {

    .page #MainContents .GreetingSection .GreetingSection__sub {

      position: absolute;

      padding-bottom: 15px;

      left: calc(200px + 10%);

      width: calc(100% - 297px); }

      .page #MainContents .GreetingSection .GreetingSection__sub p {

        display: inline-block; } }

  .page #MainContents .GreetingSection .GreetingSection__sub span {

    display: block;

    font-size: 1.8rem; }

    .page #MainContents .GreetingSection .GreetingSection__sub span:nth-child(1) {

      font-size: 2.5rem; }

    @media only screen and (min-width: 901px) {

      .page #MainContents .GreetingSection .GreetingSection__sub span {

        display: inline; } }



.page #MainContents .GreetingSection .EachSectionContent + .EachSectionContent {

  padding-top: 80px; }

  .page #MainContents .GreetingSection .EachSectionContent + .EachSectionContent p {

    margin-bottom: 50px; }



.page #MainContents .GreetingSection .EachSectionContent:nth-child(1) p {

  width: 98%;

  margin: auto;

  font-size: 2rem; }

  .page #MainContents .GreetingSection .EachSectionContent:nth-child(1) p .name {

    font-size: 2.8rem; }



@media only screen and (min-width: 901px) {

  .page #MainContents .GreetingSection .EachSectionContent:nth-child(1) p {

    padding-left: 30px;

    font-size: 2rem; }

    .page #MainContents .GreetingSection .EachSectionContent:nth-child(1) p .name {

      font-size: 2.5rem; }

  .page #MainContents .GreetingSection .EachSectionContent:nth-child(1) #KaichoImage {

    -ms-flex-preferred-size: 200px !important;

        flex-basis: 200px !important;

    max-width: none;

    -webkit-box-flex: 0;

        -ms-flex: none;

            flex: none; }

  .page #MainContents .GreetingSection .EachSectionContent:nth-child(1) #KaichoPosition {

    -ms-flex-preferred-size: calc(100% - 200px);

        flex-basis: calc(100% - 200px);

    width: calc(100% - 200px); } }



.page #MainContents .PartnerSection {

  padding-top: 0; }

  .page #MainContents .PartnerSection .EachSection {

    padding: 30px 0; }

    .page #MainContents .PartnerSection .EachSection__head {

      font-weight: normal;

      font-size: 2.5rem; }

    @media only screen and (max-width: 900px) {

      .page #MainContents .PartnerSection .EachSection__head {

        font-size: 3.6rem; } }

  .page #MainContents .PartnerSection #ToPartners .EachSection__head {

    margin-bottom: 15px; }

  .page #MainContents .PartnerSection #ToPartners .EachSection__body p {

    color: #0C1B43;

    text-align: center;

    line-height: 2; }

  @media only screen and (max-width: 900px) {

    .page #MainContents .PartnerSection #ToPartners {

      padding: 0; }

      .page #MainContents .PartnerSection #ToPartners .EachSection__head {

        margin-bottom: 30px; }

      .page #MainContents .PartnerSection #ToPartners .EachSection__body p {

        font-size: 2rem; } }

  .page #MainContents .PartnerSection #PartnerHead {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    margin: 30px 0;

    background-image: url(images/partner/partner_head_bg.png); }

    .page #MainContents .PartnerSection #PartnerHead .EachSection__head {

      text-align: center !important;

      color: #ffffff;

      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);

      font-size: 3.5rem;

      line-height: 1.5;

      padding: 30px 0;

      margin: 0 !important; }

  .page #MainContents .PartnerSection #PartnerSummary .EachSection__sub,

  .page #MainContents .PartnerSection #PartnerSummary .EachSection__head,

  .page #MainContents .PartnerSection #PartnerSummary .PartnerSummary__subtitle {

    color: #003369;

    text-align: center;

    font-weight: bold; }

  .page #MainContents .PartnerSection #PartnerSummary .EachSection__sub {

    font-size: 1.4rem;

    margin-bottom: 30px; }

  .page #MainContents .PartnerSection #PartnerSummary .EachSection__head {

    padding-bottom: 10px;

    margin-bottom: 12px;

    border-bottom: 1px solid #979797; }

  .page #MainContents .PartnerSection #PartnerSummary .PartnerSummary__subtitle {

    font-size: 1.8rem; }

  .page #MainContents .PartnerSection #PartnerSummary .BasicTable {

    margin-top: 20px;

    margin-left: auto;

    margin-right: auto; }

    .page #MainContents .PartnerSection #PartnerSummary .BasicTable th {

      background: #d7e6fb !important;

      background-color: #d7e6fb !important; }

  @media only screen and (max-width: 900px) {

    .page #MainContents .PartnerSection #PartnerSummary .EachSection__sub {

      font-size: 2rem;

      margin-bottom: 70px; }

    .page #MainContents .PartnerSection #PartnerSummary .EachSection__head {

      padding-bottom: 22px;

      margin-bottom: 22px; }

    .page #MainContents .PartnerSection #PartnerSummary .PartnerSummary__subtitle {

      font-size: 2.4rem; }

    .page #MainContents .PartnerSection #PartnerSummary .BasicTable {

      margin-top: 25px; }

      .page #MainContents .PartnerSection #PartnerSummary .BasicTable td {

        font-size: 1.5rem; } }

  .page #MainContents .PartnerSection #ConferenceSummary {

    background: #cef0ff;

    margin-top: 30px;

    padding: 30px 0; }

    .page #MainContents .PartnerSection #ConferenceSummary .EachSection__head {

      color: #003369;

      text-align: center;

      font-weight: bold;

      padding-bottom: 10px;

      margin-bottom: 40px;

      border-bottom: 1px solid #979797; }

    .page #MainContents .PartnerSection #ConferenceSummary .EachSection__body {

      text-align: center; }

      .page #MainContents .PartnerSection #ConferenceSummary .EachSection__body img {

        max-width: 754px; }

    @media only screen and (max-width: 900px) {

      .page #MainContents .PartnerSection #ConferenceSummary {

        padding: 60px 0; }

        .page #MainContents .PartnerSection #ConferenceSummary .EachSection__head {

          padding-bottom: 30px; } }

  .page #MainContents .PartnerSection #InterSection {

    background: rgba(0, 51, 105, 0.78);

    padding: 25px 0; }

    .page #MainContents .PartnerSection #InterSection .EachSection__head {

      text-align: center;

      color: #fff;

      font-weight: bold;

      font-size: 4rem; }

    @media only screen and (max-width: 900px) {

      .page #MainContents .PartnerSection #InterSection .EachSection__head {

        line-height: 1.5; }

        .page #MainContents .PartnerSection #InterSection .EachSection__head .number {

          font-size: 5.5rem; } }

  .page #MainContents .PartnerSection #SponsershipMerit {

    padding: 50px 0;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(images/partner/sponser_merit_bg.png); }

    .page #MainContents .PartnerSection #SponsershipMerit .EachSection__head {

      color: #fff;

      text-align: center;

      font-weight: bold;

      padding-bottom: 10px;

      margin-bottom: 40px;

      border-bottom: 1px solid #fff; }

    .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dt {

      color: #fff;

      font-size: 2rem;

      margin-bottom: 10px;

      font-weight: bold; }

    .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dd {

      color: #003369;

      padding: 20px;

      background-color: rgba(203, 228, 255, 0.78);

      font-weight: bold;

      line-height: 1.4;

      font-size: 1.8rem; }

      .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dd + dt {

        margin-top: 35px; }

    @media only screen and (max-width: 900px) {

      .page #MainContents .PartnerSection #SponsershipMerit {

        padding-bottom: 60px; }

        .page #MainContents .PartnerSection #SponsershipMerit .EachSection__head {

          line-height: 1.2; }

        .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dt {

          margin-bottom: 15px;

          font-size: 2.5rem; }

        .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dd {

          font-size: 2.2rem; }

          .page #MainContents .PartnerSection #SponsershipMerit .EachSection__body dd + dt {

            margin-top: 40px; } }

  .page #MainContents .PartnerSection #VenueInformation .EachSection__head {

    color: #003369;

    text-align: center;

    font-weight: bold;

    padding-bottom: 10px;

    margin-bottom: 25px;

    border-bottom: 1px solid #979797; }

  .page #MainContents .PartnerSection #VenueInformation .EachSection__body {

    text-align: center; }

    .page #MainContents .PartnerSection #VenueInformation .EachSection__body .ImageContainer img {

      max-width: 100%; }

  @media only screen and (max-width: 900px) {

    .page #MainContents .PartnerSection #VenueInformation {

      padding: 60px 0; }

      .page #MainContents .PartnerSection #VenueInformation .EachSection__head {

        line-height: 1.6; }

      .page #MainContents .PartnerSection #VenueInformation .ImageContainer img {

        min-width: 700px; } }

  .page #MainContents .PartnerSection #ApplicationForm .EachSection__head {

    color: #003369;

    text-align: center;

    font-weight: bold;

    padding-bottom: 10px;

    margin-bottom: 25px;

    border-bottom: 1px solid #979797; }

  .page #MainContents .PartnerSection #ApplicationForm .EachSection__sub {

    color: #003369;

    text-align: center;

    margin-bottom: 25px; }

  .page #MainContents .PartnerSection #ApplicationForm .EachSection__body {

    text-align: center; }

    .page #MainContents .PartnerSection #ApplicationForm .EachSection__body img {

      max-width: 356px; }

  .page #MainContents .PartnerSection .PartnerTable td,

  .page #MainContents .PartnerSection .PartnerTable th {

    border: 4px solid #fff;

    font-size: 1.3rem;

    vertical-align: middle; }

  .page #MainContents .PartnerSection .PartnerTable th {

    background: #c6c6c6;

    text-align: center;

    padding: 8px; }

  .page #MainContents .PartnerSection .PartnerTable tr td {

    background: #d0dde1;

    width: 32%;

    padding: 10px 8px;

    font-weight: bold;

    line-height: 1.3; }

    .page #MainContents .PartnerSection .PartnerTable tr td img {

      max-width: 200px;

      display: block;

      margin: 20px auto;

      width: 100%; }

    .page #MainContents .PartnerSection .PartnerTable tr td:nth-child(1) {

      vertical-align: top;

      padding: 3px 5px;

      background: #7499c0;

      color: #fff;

      line-height: 2;

      width: 36%;

      font-weight: normal; }

    .page #MainContents .PartnerSection .PartnerTable tr td p.text-bold {

      font-weight: bold;

      margin-bottom: 5px; }

    .page #MainContents .PartnerSection .PartnerTable tr td p {

      line-height: 1.3;

      font-weight: normal; }

  @media only screen and (max-width: 900px) {

    .page #MainContents .PartnerSection .PartnerTable {

      min-width: 700px; } }



.page #MainContents .TravelGrantSection a[href$=".pdf"] {

  position: relative;

  padding-right: 25px;

  line-height: 1.5; }

  .page #MainContents .TravelGrantSection a[href$=".pdf"]:after {

    position: absolute;

    bottom: 0;

    right: 0;

    content: " ";

    display: inline-block;

    width: 17px;

    height: 22px;

    background: url(images/common/pdf.png) no-repeat;

    background-size: contain; }



.page #MainContents .TravelGrantSection .border_bottom {

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px dashed #000; }



.page #MainContents .TravelGrantSection .BasicTable {

  margin: 15px 0 30px; }

  .page #MainContents .TravelGrantSection .BasicTable th {

    text-align: left;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 130%;

    vertical-align: middle; }

  .page #MainContents .TravelGrantSection .BasicTable td {

    min-width: 140px;

    vertical-align: middle;

    text-align: center; }



.page #MainContents .TravelGrantSection .EachContent {

  padding-top: 40px; }

  .page #MainContents .TravelGrantSection .EachContent.border_bottom {

    padding-bottom: 30px;

    margin-bottom: 0; }

  .page #MainContents .TravelGrantSection .EachContent__head {

    margin-bottom: 15px; }

  .page #MainContents .TravelGrantSection .EachContent__body table.list_table {

    margin: 15px 0; }

    .page #MainContents .TravelGrantSection .EachContent__body table.list_table th {

      font-weight: normal;

      min-width: 30px; }

    .page #MainContents .TravelGrantSection .EachContent__body table.list_table td,

    .page #MainContents .TravelGrantSection .EachContent__body table.list_table th {

      padding: 3px 5px;

      line-height: 1.5; }

  .page #MainContents .TravelGrantSection .EachContent__body a {

    color: #564f20; }

    .page #MainContents .TravelGrantSection .EachContent__body a.travelgrant_pdf_button {

      display: inline-block;

      text-align: center;

      font-weight: bold;

      margin: 20px 0;

      width: 95%;

      max-width: 450px;

      background: #cfc76c;

      background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

      background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

      padding: 15px; }

  .page #MainContents .TravelGrantSection .EachContent__body .CountryList {

    margin-top: 15px; }

    .page #MainContents .TravelGrantSection .EachContent__body .CountryList__item {

      padding-bottom: 5px;

      margin-bottom: 5px;

      list-style: inside;

      margin-left: 10px; }

      .page #MainContents .TravelGrantSection .EachContent__body .CountryList__item a {

        border-bottom: 1px solid #564f20; }

  .page #MainContents .TravelGrantSection .EachContent__body .InquiriesInfo {

    border: 1px solid #979797;

    padding: 30px;

    margin: 30px 0; }



.page #MainContents .TravelGrantSection.TravelGrantTaxSection .TravelGrantection__head {

  color: #baa146; }



.page #MainContents .TravelGrantSection.TravelGrantTaxSection .TravelGrantection__sub {

  margin-bottom: 30px; }



.page #MainContents .TravelGrantSection.TravelGrantTaxSection .EachContent {

  padding-top: 0; }

  .page #MainContents .TravelGrantSection.TravelGrantTaxSection .EachContent__head {

    font-weight: normal;

    padding: 15px 20px;

    color: #fff;

    border-bottom: 1px solid #000;

    background: #68600d;

    background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

    background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

    -webkit-transition: 0.5s;

    transition: 0.5s; }

    .page #MainContents .TravelGrantSection.TravelGrantTaxSection .EachContent__head:hover {

      cursor: pointer;

      opacity: 0.8; }

  .page #MainContents .TravelGrantSection.TravelGrantTaxSection .EachContent__body {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.8s;

    transition: 0.8s;

    display: none; }

    .page #MainContents .TravelGrantSection.TravelGrantTaxSection .EachContent__body.open {

      opacity: 1;

      visibility: visible;

      display: block;

      padding-bottom: 50px; }



.Paragraph + .Paragraph {

  margin-top: 45px; }



.Paragraph__head {

  font-size: 18px;

  font-weight: normal;

  line-height: 1.5;

  margin-bottom: 10px;

  border-left: 5px solid #baa146;

  padding-left: 8px;

  color: #542f00;

  font-weight: bold; }



.Paragraph__body p {

  margin-bottom: 5px;

  padding-bottom: 5px; }

  .Paragraph__body p + p {

    margin-top: 15px; }



.Paragraph__body dl.detail dt {

  padding-bottom: 8px;

  font-weight: bold;

  line-height: 1.5; }



.Paragraph__body dl.detail dd {

  line-height: 1.5; }

  .Paragraph__body dl.detail dd + dt {

    padding-top: 15px; }



.Paragraph .Pdf__item {

  padding-bottom: 5px;

  margin-bottom: 5px;

  list-style: inside;

  margin-left: 10px; }

  .Paragraph .Pdf__item a {

    border-bottom: 1px solid #564f20; }



.Paragraph dl {

  margin-top: 15px; }

  .Paragraph dl dt {

    font-weight: bold; }

  .Paragraph dl dd {

    margin-top: 10px;

    line-height: 1.5; }

    .Paragraph dl dd + dt {

      margin-top: 15px; }

  .Paragraph dl + p {

    margin-top: 30px; }



.CallForAbstractsSection .EachContent__head {

  font-weight: normal !important;

  padding: 10px;

  color: #fff;

  background: #68600d;

  background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

  background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

  margin-bottom: 30px; }



.CallForAbstractsSection .EachContent .Paragraph a {

  color: #d0a32d;

  text-decoration: underline; }



.CallForAbstractsSection .EachContent .Paragraph + .Paragraph {

  padding-top: 120px; }



.CallForAbstractsSection .EachContent .Paragraph__head {

  border: none !important;

  padding-left: 0px; }



.CallForAbstractsSection .EachContent .Paragraph__sub.centering.color-base {

  color: #a77914;

  text-align: center;

  border: 1px solid #a77914;

  padding: 10px; }



.CallForAbstractsSection .EachContent .Paragraph__body {

  margin-top: 30px; }



.CallForAbstractsSection .EachContent .Paragraph.SubmitParagraph .Paragraph__body {

  margin-top: 10px; }

  .CallForAbstractsSection .EachContent .Paragraph.SubmitParagraph .Paragraph__body a.gradient_button_01 {

    margin: 0; }



.CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__item {

  margin-bottom: 30px; }

  .CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__item .fx-row {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }



.CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__head {

  color: #564f20; }



.CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__body {

  margin: 0px !important; }

  .CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__body .deadline_alert {

    font-size: 1.6rem;

    padding: 5px 10px;

    display: inline-block;

    margin-right: 10px;

    line-height: 1; }

  @media only screen and (max-width: 900px) {

    .CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__body .deadline {

      margin-top: 5px;

      display: block; } }



.CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__foot {

  text-align: right; }

  .CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__foot a {

    background: #cfc76c;

    background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

    background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

    width: 100%;

    display: inline-block;

    text-align: center;

    padding: 15px;

    max-width: 290px;

    color: #000 !important;

    text-decoration: none !important; }

    @media only screen and (max-width: 900px) {

      .CallForAbstractsSection .EachContent .Paragraph .AbstractCategory__foot a {

        width: 100%;

        max-width: none; } }



.CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__head {

  margin-bottom: 5px; }



.CallForAbstractsSection.CallForAbstractsDetailSection .EachContent .Paragraph {

  margin-top: 45px; }

  .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent .Paragraph + .Paragraph {

    margin-top: 45px;

    padding-top: 0px; }

  .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent .Paragraph__body {

    margin-top: 10px; }



.english .CallForAbstractsSection .AbstractCategory__head {

  font-size: 1.8rem;

  font-weight: bold;

  padding: 0px 9px;

  border-left: 4px solid #564f20;

  margin-bottom: 10px; }



.english .CallForAbstractsSection .deadline_alert {

  padding: 10px !important;

  font-size: 1.8rem !important;

  line-height: 1 !important; }



.english .CallForAbstractsSection .EachContent .Paragraph__head {

  font-size: 2.5rem;

  border-bottom: 1px solid #baa146 !important;

  border-left: 0; }



.english .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__body .Paragraph__head {

  font-weight: bold;

  color: #542f00;

  border-bottom: 1px solid #542f00 !important; }



.english .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__body .Paragraph__body .EachSubContent {

  margin-top: 25px; }

  .english .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__body .Paragraph__body .EachSubContent__head {

    color: #564f20;

    font-size: 1.6rem;

    font-weight: bold;

    padding: 3px 9px;

    border-left: 4px solid #564f20;

    margin-bottom: 10px; }



.english .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__body .Paragraph__body dl dd table.NormalTable.NumberingTable {

  margin-left: 15px; }

  .english .CallForAbstractsSection.CallForAbstractsDetailSection .EachContent__body .Paragraph__body dl dd table.NormalTable.NumberingTable tr td:nth-child(1) {

    width: 24px; }



.english .EachSubContent.Submit a.gradient_button_01 {

  margin: 0 !important; }



.NormalTable {

  margin-bottom: 15px;

  font-size: 1.5rem; }

  .NormalTable td {

    padding: 5px 0;

    line-height: 1.5; }

  .NormalTable.MarkingTable tr th,

  .NormalTable.MarkingTable tr td:nth-child(1) {

    width: 10px; }

  .NormalTable.NumberingTable tr th,

  .NormalTable.NumberingTable tr td:nth-child(1) {

    width: 30px; }

  .NormalTable.NumberingTable .NormalTable tr th,

  .NormalTable.NumberingTable .NormalTable tr td:nth-child(1) {

    width: 10px; }

  .NormalTable.NumberingTable.WideTable tr th,

  .NormalTable.NumberingTable.WideTable tr td:nth-child(1) {

    width: 55px; }



.RemarkTable {

  font-size: 1.5rem; }

  .RemarkTable td,

  .RemarkTable th {

    line-height: 1.5;

    padding: 3px; }



.ChairPersonTable p {

  line-height: 1.3 !important; }



.CallForAbstractsDetailSection.CallForAbstractsSection.CallForAbstractsSection05 .EachSubContent {

  margin-top: 25px; }

  .CallForAbstractsDetailSection.CallForAbstractsSection.CallForAbstractsSection05 .EachSubContent__head {

    color: #564f20;

    font-size: 1.6rem;

    font-weight: bold;

    padding: 3px 9px;

    border-left: 4px solid #564f20;

    margin-bottom: 10px; }



.ProgramSection .ProgramMenu__item a {

  color: #fff;

  background: #68600d;

  background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

  background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

  display: block;

  text-align: left;

  font-weight: bold;

  margin: 20px auto;

  width: 95%;

  padding: 15px;

  font-size: 2.2rem; }



.ProgramSection__body {

  margin-top: 45px; }



.ProgramSection .ProgramSectionType__item {

  display: inline-block;

  margin-right: 15px; }



.ProgramSection .SeminarDetail__language {

  display: inline-block;

  color: #fff;

  padding: 5px 0px;

  background: #1d2088;

  font-size: 1.4rem;

  border-radius: 3px;

  width: 70px;

  text-align: center;

  line-height: 1; }

  .ProgramSection .SeminarDetail__language.english {

    background: #bc000f; }

  .ProgramSection .SeminarDetail__language.OnDemand {

    background: #256d31;

    width: 100px; }

  .ProgramSection .SeminarDetail__language.Live {

    background: #2366a9; }

  .ProgramSection .SeminarDetail__language.designated_speakers_only {

    background: #444; }

  @media only screen and (max-width: 900px) {

    .ProgramSection .SeminarDetail__language {

      margin: 0 3px; } }



.ProgramSection .SeminarDetail {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start; }

  .ProgramSection .SeminarDetail .fx-col-fix-60 {

    text-align: right; }



.ProgramSection .fx-row.SeminarDetail .fx-col-fix-60 {

  -ms-flex-preferred-size: 95px !important;

      flex-basis: 95px !important;

  margin-bottom: 5px; }

  .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 95px) !important;

    flex-basis: calc(100% - 95px) !important;

    width: calc(100% - 95px) !important; }

  .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60.long {

    -ms-flex-preferred-size: 120px !important;

        flex-basis: 120px !important; }

    .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60.long .SeminarDetail__language.designated_speakers_only {

      width: auto !important;

      padding: 5px 10px; }

    .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60.long + .fx-col-auto {

      -ms-flex-preferred-size: calc(100% - 140px) !important;

          flex-basis: calc(100% - 140px) !important;

      width: calc(100% - 140px) !important; }



@media only screen and (max-width: 900px) {

  .ProgramSection .fx-row.SeminarDetail {

    display: block; }

    .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60 {

      text-align: left !important; }

      .ProgramSection .fx-row.SeminarDetail .fx-col-fix-60 + .fx-col-auto {

        -ms-flex-preferred-size: calc(100%) !important;

        flex-basis: calc(100%) !important;

        width: calc(100%) !important; } }



.ProgramSection .SeminarDetail__presenter .fx-row .fx-col-fix-60 {

  -ms-flex-preferred-size: 95px !important;

      flex-basis: 95px !important;

  text-align: left !important; }

  .ProgramSection .SeminarDetail__presenter .fx-row .fx-col-fix-60 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 95px) !important;

    flex-basis: calc(100% - 95px) !important;

    width: calc(100% - 95px) !important; }



.ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-fix-60 {

  text-align: left !important;

  -ms-flex-preferred-size: 65px !important;

      flex-basis: 65px !important; }

  .ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-fix-60 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 65px) !important;

    flex-basis: calc(100% - 65px) !important;

    width: calc(100% - 65px) !important; }



.ProgramSection .EachContent + .EachContent {

  margin-top: 30px; }



.ProgramSection .EachContent__head {

  color: #fff;

  width: 100%;

  background: #68600d;

  background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

  background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

  display: inline-block;

  text-align: left;

  font-weight: bold;

  margin: 10px 0 10px;

  padding: 15px; }



.AwardsSection .download {

  display: inline-block;

  padding: 0 5px;

  border-bottom: 1px dotted; }



.AwardsSection .EachContent__head {

  color: #564f20;

  font-size: 2.5rem;

  margin-bottom: 30px; }



.AwardsSection .EachContent .AwardList {

  margin-left: 30px; }

  .AwardsSection .EachContent .AwardList__item {

    margin-bottom: 8px;

    padding-bottom: 8px;

    font-size: 2rem; }

    .AwardsSection .EachContent .AwardList__item > * {

      display: inline-block;

      vertical-align: middle; }

    .AwardsSection .EachContent .AwardList__item a {

      display: inline-block;

      background-color: #bc000f;

      margin-left: 15px;

      border-radius: 5px;

      color: #fff;

      padding: 4px 27px 5px 16px;

      position: relative;

      font-size: 1.5rem; }

      .AwardsSection .EachContent .AwardList__item a::after {

        content: "";

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url(images/common/triangle.png);

        right: 9px;

        width: 9px;

        height: 6px;

        position: absolute;

        z-index: 10;

        top: 50%;

        -webkit-transform: translateY(-50%);

                transform: translateY(-50%);

        background-size: contain; }



.AwardsSection .EachContent .Paragraph__head {

  border-left: none !important;

  padding-left: 0 !important; }



.AwardsSection.EachAwardSection .EachContent__head {

  font-weight: normal !important;

  padding: 10px;

  color: #fff;

  background: #68600d;

  background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

  background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

  margin-bottom: 30px; }



.AwardsSection dl.awaDl {

  margin: 5px 0;

  padding: 10px 10px 10px 30px; }



.AwardsSection .awaDl dt {

  padding-left: 10px;

  float: left;

  width: 70px;

  line-height: 1.5; }



.AwardsSection .awaDl dd {

  padding: 0 0 0 70px;

  margin-bottom: 5px;

  line-height: 1.5; }



.award_11 .EachContent + .EachContent {

  margin-top: 45px; }

  .award_11 .EachContent + .EachContent .EachContent__head {

    background: none;

    color: #542f00;

    padding-left: 0;

    margin-left: 0;

    border-bottom: 1px dotted; }



.english .ProgramSection .SeminarDetail__language {

  width: 90px; }



.english .ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-fix-60 {

  -ms-flex-preferred-size: 120px !important;

      flex-basis: 120px !important;

  text-align: left !important; }

  .english .ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-fix-60 + .fx-col-auto {

    -ms-flex-preferred-size: calc(100% - 120px) !important;

    flex-basis: calc(100% - 120px) !important;

    width: calc(100% - 120px) !important; }



.english .ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-auto {

  -ms-flex-preferred-size: calc(100% - 120px) !important;

  flex-basis: calc(100% - 120px) !important;

  width: calc(100% - 120px) !important; }

  .english .ProgramSection .SeminarDetail__chairperson.fx-row .fx-col-auto + .fx-col-fix-60 {

    -ms-flex-preferred-size: 120px !important;

        flex-basis: 120px !important;

    text-align: left !important; }



.MeetingsSection .EachContent {

  /* IE11 */

  /* IE11 */ }

  .MeetingsSection .EachContent + .EachContent {

    margin-top: 45px; }

  .MeetingsSection .EachContent .color-base-border a {

    color: #a77914;

    border-bottom: 1px solid  #a77914; }

  .MeetingsSection .EachContent__head {

    color: #fff;

    width: 100%;

    background: #68600d;

    background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

    background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

    display: inline-block;

    text-align: left;

    font-weight: bold;

    margin: 10px 0 30px;

    padding: 15px; }

  .MeetingsSection .EachContent__body p + p {

    margin-top: 15px; }

  .MeetingsSection .EachContent__body .Paragraph {

    position: relative; }

    .MeetingsSection .EachContent__body .Paragraph + .Paragraph {

      margin-top: 30px; }

    .MeetingsSection .EachContent__body .Paragraph + p {

      margin: 30px 0; }

    .MeetingsSection .EachContent__body .Paragraph.Connected::after {

      position: absolute;

      content: '';

      width: 100%;

      height: 30px;

      background-image: url(images/meetings/paragraph_triangle.png);

      background-repeat: no-repeat;

      background-size: contain;

      background-position: center; }

    .MeetingsSection .EachContent__body .Paragraph .Paragraph__head {

      background: #cfc76c;

      background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

      background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

      width: 100%;

      display: inline-block;

      text-align: center;

      padding: 10px;

      /* max-width: 290px; */

      color: #000 !important;

      text-decoration: none !important;

      border-left: 0;

      margin-bottom: 0;

      font-weight: normal; }

    .MeetingsSection .EachContent__body .Paragraph .color-base-border {

      border-top: none !important; }

    .MeetingsSection .EachContent__body .Paragraph p {

      margin-top: 5px !important;

      margin-bottom: 5px !important;

      padding-bottom: 0px !important; }

      .MeetingsSection .EachContent__body .Paragraph p.notice_small {

        font-size: 1.4rem; }

  .MeetingsSection .EachContent *::-ms-backdrop,

  .MeetingsSection .EachContent .MeetingSchedule {

    border-left: 2px solid grey !important;

    border-top: 2px solid grey !important;

    border-bottom: 2px solid grey !important; }

  .MeetingsSection .EachContent *::-ms-backdrop,

  .MeetingsSection .EachContent .MeetingSchedule tr th {

    padding: 12px 8px 10px !important; }

  .MeetingsSection .EachContent .MeetingSchedule {

    font-size: 1.5rem;

    line-height: 1.2;

    border: 1px solid grey;

    width: 100%; }

    .MeetingsSection .EachContent .MeetingSchedule tr th,

    .MeetingsSection .EachContent .MeetingSchedule tr td {

      vertical-align: middle;

      font-weight: normal;

      border-spacing: 0;

      position: static;

      border: 1px solid grey;

      text-align: center;

      padding: 10px 8px; }

    .MeetingsSection .EachContent .MeetingSchedule tr th {

      background-color: #FCF5E3; }



.AttendantsSection .EachContent__head {

  color: #fff;

  width: 100%;

  background: #68600d;

  background: -webkit-gradient(linear, left top, right top, from(#68600d), color-stop(13%, #68600d), color-stop(68%, #aea480), to(#b9a884));

  background: linear-gradient(to right, #68600d 0%, #68600d 13%, #aea480 68%, #b9a884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68600d', endColorstr='#b9a884',GradientType=1 );

  display: inline-block;

  text-align: left;

  font-weight: bold;

  margin: 10px 0 10px;

  padding: 15px; }



.AttendantsSection .EachContent__body p {

  margin-top: 20px; }



.AttendantsSection .BasicTable {

  margin-right: auto;

  border: 1px solid #979797;

  min-width: 821px; }

  .AttendantsSection .BasicTable td, .AttendantsSection .BasicTable td {

    text-align: center;

    vertical-align: middle; }

  .AttendantsSection .BasicTable td.t_head {

    background: #FCF5E3; }

  .AttendantsSection .BasicTable th {

    background: #d7e6fb !important;

    background-color: #d7e6fb !important; }



.ChairPersonComment {

  margin-top: 15px; }

  .ChairPersonComment + .ChairPersonComment {

    margin-top: 20px; }

  .ChairPersonComment__head {

    display: inline-block;

    padding: 7px;

    width: 250px;

    text-align: center;

    background: #cfc76c;

    background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

    background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

    margin-bottom: 0 !important; }

  .ChairPersonComment__body {

    padding: 20px 15px;

    border: 2px solid #d0a32d;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.8s;

    transition: 0.8s;

    display: none; }

    .ChairPersonComment__body.open {

      opacity: 1;

      visibility: visible;

      display: block; }



.BosyuList {

  border: solid 1px #baa146;

  padding: 10px 10px 10px 30px;

  margin: 0 auto;

  font-size: 15px;

  margin-top: 10px;

  margin-bottom: 15px; }

  .BosyuList li {

    padding: 10px 0; }



.EachSeminar {

  margin-top: 45px; }

  .EachSeminar + .EachSeminar {

    margin-top: 45px; }



.annotation {

  font-size: 13px; }



.Alert {

  border: 2px solid #e50012;

  padding: 25px 30px; }

  .Alert + p {

    margin-top: 45px; }

  .Alert p:last-child {

    margin-bottom: 0;

    padding-bottom: 0; }



.Extra {

  font-size: 1.4rem; }



.adminoffice {

  padding: 10px 20px !important;

  border: 2px solid #d0a32d;

  margin: 20px 0; }

  .adminoffice a {

    color: #d0a32d;

    text-decoration: underline; }



.deadline_alert {

  border: 2px solid #e50012;

  text-align: center;

  font-size: 20px;

  padding: 10px; }



.text_red {

  color: #e50012 !important; }



.underline {

  border-bottom: 1px solid; }



.strong {

  font-weight: bold; }



h4.joint_session_name {

  color: #68600D;

  font-size: 1.5rem !important;

  padding: 6px;

  border-left: 3px solid #68600D;

  margin-bottom: 10px; }



.name_bold {

  font-weight: bold;

  display: inline-block;

  margin-right: 5px; }



.call_for_abstracts_03 .EachSubContent + .EachSubContent {

  padding-top: 30px; }



.call_for_abstracts_03 .EachSubContent__head {

  margin-bottom: 10px; }



.item-img .sp-info {

  display: none; }



@media only screen and (max-width: 900px) {

  .item-img {

    overflow-x: scroll;

    position: relative; }

    .item-img > img .item-img > table,

    .item-img > div:nth-child(1) {

      min-width: 800px; }

    .item-img .sp-info {

      width: 100%;

      display: block;

      background: rgba(0, 0, 0, 0.5);

      color: #fff;

      font-size: 2.1rem;

      line-height: 1.5;

      font-weight: 700;

      text-align: center;

      padding: 22px;

      position: absolute;

      top: 50%;

      left: 0;

      overflow: hidden;

      -webkit-transform: translateY(-50%);

              transform: translateY(-50%); } }



#MapContainer {

  position: relative;

  width: 100%; }

  #MapContainer::before {

    content: "";

    display: block;

    padding-top: 150%; }

    @media only screen and (min-width: 901px) {

      #MapContainer::before {

        padding-top: 35%;

        /* 高さと幅の比を16:9に固定。9/16*100=56.25 */ } }

  #MapContainer #iframeGoogleMap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



.text-center {

  text-align: center; }



.text-gold {

  color: #836326; }



.text-red {

  color: red; }



.text-blue {

  color: blue; }



.over {

  color: red; }

  .over .text-black {

    color: #000; }



a.text-gold {

  text-decoration: underline; }



.MenuGraduation {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfc76c+0,cfc76c+14,fbf0c7+66,baa884+97,baa884+100 */

  background: #cfc76c;

  /* Old browsers */

  /* FF3.6-15 */

  /* Chrome10-25,Safari5.1-6 */

  background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

  background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

  /* IE6-9 */ }



#ChangeLang {

  position: absolute;

  right: 3%;

  top: 0;

  background-image: url(images/common/pc_lang_button.png);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  z-index: 100; }

  #ChangeLang:hover {

    cursor: pointer; }

  #ChangeLang span {

    display: inline-block;

    padding: 5px 20px;

    color: #fff; }



a.gradient_button, a.gradient_button_01 {

  display: inline-block;

  text-align: center;

  font-weight: bold;

  margin: 20px 0;

  width: 95%;

  max-width: 450px;

  background: #cfc76c;

  background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));

  background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );

  padding: 15px;

  color: #000 !important;

  text-decoration: none !important; }



.centering {

  text-align: center; }



.color-base {

  color: #a77914; }



.color-base-border {

  border: 1px solid #a77914;

  padding: 10px 8px !important; }



/********************************************************/



.SNS {

    float: right; 

    /*margin-right: 80px;*/

}



@media screen and (min-width: 901px) {

.SNS {

    float: right; 

    margin-right: 80px;

}

}



.SNS img {

    width: 160px;

    height: auto;

    margin-bottom: 36px;

}



@media screen and (max-width: 768px) {

.SNS img {

    width: 90px;

    height: auto;

    margin-bottom: 16px;

}

}